@media screen and (max-width: 899px) {
 html {
 margin:0;
 padding:0;
 border:0;
 }
 body {
 font-family:"Arial",Arial,sans-serif;
 color:#008000;
 font-size:95%;
 vertical-align:top;
 text-align:left;
 margin:0;
 padding:0;
 border:0;
 background-color:#FFFFFF;
 }
 #sitehead {
 height:11em;
 vertical-align:top;
 width:auto;
 background:#D7ECE0 url(../nav/logo_klein.gif) 0px 0px no-repeat;
 margin:0;
 padding:0;
 }
 #sitemenu {
 width:auto;
 background-color:#FFFFFF;
 margin:7px 0px 3px 0px;
 padding:0px 0px 7px 0px;
 }
 #layout {
 width:auto;
 margin:0;
 padding:0;
 }
 #content {
 z-index:5;
 width:auto;
 margin:3px;
 padding:1px;
 }
 #navright {
 z-index:3;
 width:auto;
 margin:3px;
 padding:0;
 }
 #sitehead h1 {
 font-size:1.7em;
 font-weight:bold;
 text-align:left;
 margin:0;
 padding:85px 2px 2px 20px;
 }
 #sitehead h2 {
 font-size:1.4em;
 font-weight:bold;
 text-align:left;
 margin:0;
 padding:0px 2px 2px 20px;
 }
 #sitehead .logoright {
 float:right;
 width:140px;
 border:0;
 margin:0;
 padding:2px 0 0 0;
 text-align:center;
 }
 #sitemenu ul {
 width:auto;
 text-align:left;
 list-style-type:none;
 margin:0 20px 0 20px;
 padding:0;
 }
 #sitemenu li {
 display:block;
 width:auto;
 margin:2px 0 0 0;
 padding:0;
 }
 #sitemenu a {
 display:block;
 font-size:1.1em;
 text-decoration:none;
 font-weight:bold;
 color:#008000;
 background-color:#B7DCC0;
 margin:0;
 padding:8px;
 border:1px solid #BBBBBB;
 }
 #sitemenu a:visited {
 display:block;
 text-decoration:none;
 font-weight:bold;
 color:#558055;
 background-color:#F0F0F0;
 margin:0;
 padding:8px;
 border:1px solid #BBBBBB;
 }
 #sitemenu a:hover,
 #sitemenu a:focus,
 #sitemenu .select {
 display:block;
 font-weight:bold;
 color:#D7ECE0;
 background-color:#008000;
 margin:0;
 padding:8px;
 border:1px solid #BBBBBB;
 } 
}
@media screen and (min-width: 900px) {
 html {
 margin:0;
 padding:0;
 border:0;
 }
 body {
 font-family:"Arial",Arial,sans-serif;
 color:#008000;
 font-size:95%;
 vertical-align:top;
 text-align:left;
 margin:0;
 padding:0;
 border:0;
 background-color:#FCFCFC;
 }
 #sitehead {
 min-height:85px;
 height:5.5em;
 width:auto;
 min-width:51em;
 background:#D7ECE0 url(../nav/logo.gif) left no-repeat;
 margin:0;
 padding:0;
 }
 #sitemenu {
 width:auto;
 min-width:51em;
 background-color:#FFFFFF;
 margin:7px 0px 3px 0px;
 padding:0px 0px 7px 0px;
 border-bottom:1px solid #BBBBBB;
 }
 #layout {
 width:auto;
 min-width:51em;
 margin:0;
 padding:0;
 }
 #content {
 z-index:5;
 float:left;
 width:78%;
 margin:3px;
 padding:3px 5px 3px 5px;
 }
 #navright {
 z-index:3;
 float:right;
 width:19%;
 margin:3px;
 padding:0;
 }
 #content, #navright {
 position:relative;
 overflow:visible;
 }
 #sitehead h1 {
 font-size:2em;
 font-weight:bold;
 text-align:left;
 margin:0;
 padding:5px 2px 2px 300px;
 }
 #sitehead h2 {
 font-size:1.5em;
 font-weight:bold;
 text-align:left;
 margin:0;
 padding:2px 2px 2px 300px;
 }
 #sitehead .logoright {
 float:right;
 width:140px;
 border:0;
 margin:0;
 padding:2px 10px 0px 0px;
 text-align:center;
 } 
 #sitemenu ul {
 text-align:center;
 list-style-type:none;
 margin:0;
 padding:0;
 }
 #sitemenu li {
 display:inline;
 margin:0;
 padding:0;
 }
 #sitemenu a {
 font-size:1.1em;
 text-decoration:none;
 font-weight:bold;
 color:#008000;
 background-color:#B7DCC0;
 margin:0;
 padding:5px 8px 5px 8px;
 border:1px solid #BBBBBB;
 }
 #sitemenu a:visited {
 text-decoration:none;
 font-weight:bold;
 color:#558055;
 background-color:#F0F0F0;
 margin:0;
 padding:5px 8px 5px 8px;
 border:1px solid #BBBBBB;
 }
 #sitemenu a:hover,
 #sitemenu a:focus,
 #sitemenu .select {
 font-weight:bold;
 color:#D7ECE0;
 background-color:#008000;
 margin:0;
 padding:5px 8px 5px 8px;
 border:1px solid #BBBBBB;
 } 
}
#sitehead a {
color:#008000;
}
#sitehead a:visited {
color:#558055;
}
#sitehead a:hover,
#sitehead a:focus {
color:#D7ECE0;
}
/*Aussehen rechts*/
#navright .box1 {
position:relative;
margin:0px 0px 8px 0px;
padding:0;
background-color:#FFFFFF;
border-top:1px solid #B7DCC0;
border-bottom:1px dashed #BBBBBB;
border-right:1px dotted #BBBBBB;
border-left:1px dotted #BBBBBB;
}
#navright .box1 h3 {
font-size:1.1em;
font-weight:bold;
text-align:center;
background-color:#D7ECE0;
margin:0;
padding:3px;
}
#navright .box1 p {
position: relative
font-size:1.1em;
text-align:center;
margin:0;
padding:4px 3px 3px 3px;
}
#navright a:link,
#navright .box1 p a:link {
color:#0000FF;
text-decoration:underline;
margin:0;
padding:0;
}
#navright a:visited,
#navright .box1 p a:visited {
color:#FF0000;
text-decoration:underline;
margin:0;
padding:0;
}
#navright a:hover, #navright a:focus,
#navright .box1 p a:hover, #navright .box1 p a:focus {
color:#007F00;
text-decoration:none;
background-color:#D7ECE0;
margin:0;
padding:0;
}
#navright .ad-sky {
font-size:0.8em;
text-align:center;
margin:10px 0px 10px 0px;
padding:5px;
}
/*Aussehen fuss*/
.fuss li a:link {
color:#0000FF;
text-decoration:underline;
margin:0;
padding:0;
}
.fuss li a:visited {
color:#FF0000;
text-decoration:underline;
margin:0;
padding:0;
}
.fuss li a:hover, .fuss li a:focus {
color:#007F00;
text-decoration:none;
background-color:#D7ECE0;
margin:0;
padding:0;
}
.fuss {
text-align:center;
margin:10px 0px;
padding:0;
}
.fuss ul {
text-align:center;
list-style:none;
margin:0;
padding:0;
}
.fuss li {
font-size:0.8em;
display:inline;
margin:3px;
}
.fuss p {
font-size:0.7em;
color:#008000;
text-align:center;
margin:3px 0px;
padding:0;
}
.fusstext h3 {
font-weight:bold;
text-align:left;
color:#008000;
font-size:0.9em;
margin:10px 0px;
padding:0;
border-top:1px solid #BBBBBB;
}
.fusstext p {
text-align:left;
color:#008000;
font-size:0.9em;
margin:10px 0px;
padding:0;
border-bottom:1px solid #BBBBBB;
}
/*sonstiges*/
.notvis {
position:absolute;
top:-1000px;
left:-1000px;
width:0;
height:0;
overflow:hidden;
}
#navright .box1 img,
#navright .box1 p img,
#navright img {
position: relative
border:0;
margin:0;
padding:0;
}
.cleaner {
clear:both;
height:1px;
font-size:1px;
border:0px none;
margin:0;
padding:0;
background:transparent;
}
.oben {
height:1px;
font-size:1px;
border:0px none;
margin:0;
padding:0;
}