html{
padding:0;
margin:0;
}

body {
  background-color: #666;
  font-size: 18px;
  font-family: "Trebuchet MS",Verdana,Arial,SunSans-Regular,Sans-Serif;
  color:#666;
  margin: 0;
padding:0;
}

#banner{
padding-left: 20px;
text-align: right;
}

#container{
 width: 100%;
   padding: 0;
 margin: 0;
  background-color: #FFF;
}

#content {
  background-color: #FFF;
   width: 100%;
     border-top: 1px solid #CCC;
}

#inhalt {
width: 1200px;
padding:35px 30px;
margin:0;
background-color: #FFF;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

.noprint{
padding-bottom:10px;
}

#content ul{
display: block;
	list-style-type: none ;
	padding: 0px 2px;
	margin: 0;
	list-style-image: url("../grafik/pfeilchen.gif");
}


#spalte1{
float:left;
padding:0;
margin:0;
background-color: #FFF;

}
#spalte2{
float:right;
padding:0;
margin:0;
background-color: #FFF;

}
#spalte3{
float:right;
padding:0;
margin:0;
background-color: #FFF;

}

h1 {
font-size: 20px;
padding:15px 0px;
margin:0px
}

h2 {
font-size:18px;
font-weight: bold;
padding: 10px 0px 5px 0;
margin:0px;
}

h3 {
font-size:18px;
color: #D4AF37;
font-weight: bold;
padding: 10px 0px 5px 0;
margin:0px;
}
 .clearboth { clear: left; }

p{
padding: 5px 0px;
margin:0px;
}

a {color: #666; text-decoration: underline;}
a:visited {color:#666;}
a:hover {color: #564b47;text-decoration: none;}
a:active { color:#666;}

.green{
font-size: 10px;
letter-spacing: 0.2em;
font-family: Arial;
color:#339999;
}

.green2{
color:#339999;
}

.klein{
font-size: 10px;
letter-spacing: 0.1em;
line-height: 1.2em;
font-family: Arial;
}

#footer{
margin: 0px;
margin-top: 25px;
padding: 0px;
height:200px;
background-color: #666;
 background-image:url(../grafik/sign.png);
background-repeat:no-repeat;
background-position: left top;

}

#legit{
text-align: right;
margin: 0px;
padding: 0px;
}
#mitglied{
margin: 0px;
padding: 0px;
}

#footerbox{
  display: block;
  margin-right: 0;
  margin-left: auto;
  background: transparent;
  max-width: 320px !important;
  padding-left: 30px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 30px;
}
#footerbox a{
color: #fff; text-decoration: underline;
}

/* portrait and landscape */
@media screen and (min-device-width : 320px)
and (max-device-width : 480px)  {
#footerbox{
  padding-top: 200px;
}

 }

#spacer{
float: left;
height: 170px;
width: 250px;
background: transparent;
margin: 0px;
padding: 0px;
}
/* @group main navigation */

div#nav_wrapper {
	background-color: #FFF;
}

div#navigation {
	padding: 1em 4%;
	color: #c8c8c8;
	font-family: "Trebuchet MS",Verdana,Arial,SunSans-Regular,Sans-Serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1.14285em;
	line-height: 1.42857em;
}

div#navigation li {
	background-color: #FFF;
}

div#navigation li a {
	display: block;
	padding: 0.2em 0 0.2em 0.8em;
	color: #666;
	text-decoration: none;

	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

div#navigation li a:hover, div#navigation li a:focus {
	color: #333;
	background: #CCC url(../img/arrow_left.png) no-repeat 0 center;
}

.current {
	color: #fff;
	background: #878380 url(../img/arrow_left_s.png) no-repeat 0 center;
}

.current {
	color: #fff;
	background: #878380 url(../img/arrow_left_s.png) no-repeat 0 center;
	cursor: default;
}

 @media only screen and (max-width: 780px) {
#spalte1{
float:none;

}
#spalte2{
float:none;
padding-top: 15px;

}
#spalte3{
float:none;

}

#banner{
padding-left: 20px;

}

#inhalt{
max-width: 80%;
float:none;
padding-top: 10px;
padding-bottom: 10px;
}

.noprint{
display: none;
}

 #footer{
margin: 0px;
margin-top: 25px;
padding: 0px;
height:250px;
background-color: #666;
}

}