html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center;overflow-y:scroll;}
p{margin:0 10px 10px}
a{padding:0px; text-decoration:none; color:#0000FF;}
a:hover{color:#FF0000;}
div#header{background-color:#FFFF80}
div#header h1{height:80px;line-height:80px;margin:0;padding-left:10px;}
div#header img {float:right;margin-left:10px;}
div#header a {color:#000000;}
div#header a:hover {color:#aa0000;}
div#kontakt {float:right;font-size:12px;margin-top:30px;text-align:right;padding-right:5px;}
div#container{text-align:left;}
div#content p{line-height:1.4;text-align:justify;}
div#content h1{font-size:1.2em;padding-left:10px;}
div#content h2{font-size:1.1em;padding-left:10px;margin-bottom:2px;margin-top:5px;}
div#content ul {padding-right:10px;text-align:justify;}
div#navigation{background:#E6E6E6;font-size:0.8em;}
div#navigation ul{margin:5px 0; padding:0; list-style-type:none;}
div#navigation li{margin-bottom:2px;padding-left:15px;}
div#navigation h2 {padding-left:10px;font-size:1em;}
div#spalterechts{background:#F8F8F8;text-align:justify;font-size:0.7em;}
div#spalterechts h2{padding-right:10px;font-size:1.4em;text-align:right;}
div#spalterechts ul{padding-right:10px;list-style-type:none;}
div#spalterechts p.quelle {text-align:center;}
div#footer{background:#FFFF80;}
div#footer p{margin:0;padding:5px 10px}
div#footer a {color:#000000;}
div#footer a:hover {color:#aa0000;}
div#container{width:800px;margin:20px auto}
div#wrapper{float:left;width:100%}
div#content{margin: 0 270px 0 154px;}
div#navigation{float:left;width:154px;margin-left:-800px}
div#spalterechts{float:left;width:270px;margin-left:-270px}
div#footer{clear:left;width:100%;text-align:center;}




/* Mobile Styles */
@media only screen and (max-width: 800px) {
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

div#header h1{height:auto;line-height:30px;margin:0;padding-left:4px;padding-top:5px;padding-bottom:10px;}
div#header img {float:right;margin-left:20px;margin-top:5px;margin-right:2px;}
div#kontakt {float:right;font-size:12px;margin-top:10px;text-align:right;padding-right:2px;}
div#content h1{padding-left:5px;padding-top:10px;}
div#navigation ul{margin:5px 0; padding:0;}
div#navigation li{margin-bottom:5px;padding-left:5px;display:inline;}
div#navigation h2 {padding-left:2px;}
div#navigation img{margin:0px auto;}
div#footer p{margin:0;padding:5px 10px}
div#container{width:100%;margin:1px auto}
div#wrapper{float:left;width:100%}
div#content{width:100%;margin: 0 0 0 0;padding-left:5px;}
div#navigation{float:left;width:100%;margin-left:0;text-align:center;}
div#extra{float:left;width:100%;margin-left:0;}
div#footer{clear:left;width:100%;text-align:center;padding-bottom:30px;}
div#extra li {display:inline;}


div#spalterechts{background:#F8F8F8;text-align:justify;font-size:0.7em;}
div#spalterechts h2{padding-right:10px;font-size:1.4em;text-align:right;}
div#spalterechts ul{padding-right:10px;list-style-type:none;}
div#spalterechts li{display:inline;}
div#spalterechts p.quelle {text-align:center;}
div#spalterechts{float:left;width:100%;margin-left:0px}




}