html,body{margin:0;padding:0; text-align:center; background-color: #FFDFB7; color:#000000; }
h1 { font-size: 1.2em;}
h2 { font-size: 1.1em;}
img { padding-top: 0px; margin: 0px; border: 0px; width: 100%;   height: auto;}


div#container { text-align: left; margin: 5px auto; max-width: 800px; padding: 0px; background-color: #FFFFFF; position: relative;}
div#containter a{margin:0; padding:0}

div#content{max-width:560px; padding:20px 10px 0 20px; background-color: #FFFFFF;}
div#content p{text-align:justify;}
div#content h1 {padding-top:20px}
div#content a {color:#000000;}

div#navigation{max-width:210px; margin-right: 10px; background-color: #336699;}
div#navigation ul { padding-top:0px;margin-top:0px;}
div#navigation li { color:#000000;line-height:20px;}
div#navigation p {padding-left:5px;padding-bottom:0px;margin:0; color:#000000;line-height:1.5 }
div#navigation a {color:#E6E6E6;}


div#footer{clear:both;width:100%}
div#footer{color: #E6E6E6; text-align: center;font-size: 0.8em;background-color:#336699;border-top:1px solid #84A2B4;}
div#footer p{margin:0;padding:5px 10px}
div#footer a{display:inline;padding:0;color: #E6E6E6;}

.bild_links { margin-right:10px; margin-bottom:3px; float:left; }
.bild_rechts{ margin-left:10px; margin-bottom:3px; float:right; }

.bild_titel{float:right; margin:0; padding:0 0 0 0}

@media only screen and (min-width: 768px) {
  div#navigation{float:left;}
  div#content{position:right;padding:180px 10px 0 220px;}
}