body {margin: 0; padding: 0; font-family: "Trebuchet MS",arial,sans-serif; text-align:center; line-height:1.8; color: #222222; font-size:15px;}

a:link {color: #003399; text-decoration: none; font-weight: bold;}
a:visited {color:#003399; text-decoration: none; font-weight:bold;}
a:hover {color: #003399; border-bottom: 4px double #003399;}

#inhalt {text-align: left; margin: 0 auto; width: 700px;}
#kopf {background-color:none; color:#003399; font-weight: bold; font-size:18px; width: 700px; height: 55px; margin: 0; padding: 0; border: 0px;}
#kopf a:hover {color:#FED201;text-decoration:none;border-bottom:none;}
#logo {margin: 10px 10px 10px 0; padding:20px 0 0 0; font-size:24px;}
#kontakt {float:right;width:50%;height:55px;text-align:right;padding-right:5px;line-height:normal;padding-top:7px;}
#navigation {margin:1px 0 1px 0; line-height:32px; font-size:12px; color:#FED201; text-align:left; background-color:#003399; padding: 10px 5px 0px 5px; font-weight: bold;width:690px;padding-bottom:5px;}
#navigation a {color:#FED201;}
#navigation a:hover {text-decoration:underline;}
#impressum {margin:1px 0 11px 0; line-height:18px; font-size:9px; color:#FED201; text-align:right; background-color:#003399; padding: 0px 5px 0px 5px; font-weight: bold;}
#impressum a {color:#FED201;}
#impressum a:hover {text-decoration:underline;border:none;}
#rahmen {background-color:#003399;margin-bottom:1px;}
#textbereich {background-color:#ffffff; float:left; margin: 1px 0 0 0; width: 475px; text-align: justify; padding:0 10px; border-bottom:18px solid #003399;}
#textbereich p {padding: 0; margin: 10px 0 10px 0; font-size:12px;}
#textbereich ul {padding: 0; margin: 10px 0 10px 20px; font-size:12px;}
#textbereich h1 {line-height:18px; font-size:16px;}
#textbereich h2 {line-height:18px; font-size:14px;}
#textbereich img {float:left;margin-right:10px;margin-top:6px;}
#textbereich a {text-decoration:underline;font-weight:normal;}
#textbereich a:hover {text-decoration:none;}
#textbereich a.fett {font-weight:bold;}
#menue {width: 203px; background-color:#003399; color:#FED201; float:left; margin: 1px 0 0 0;padding-left:1px;}
#menue a {color:#FED201;}
#menue a:hover {border-bottom: 1px dotted #FED201;}
#menue a.hier {color:#FED201; border-bottom: 1px dotted #FED201;}
#menue p {padding: 5px 0 5px 11px; font-size:14px;}
#pub {text-align:center;font-size:10px;margin:20px 0 20px 11px;background-color:#ffffff;width:181px;color:#000000;padding-top:10px;}
#pub a {color:#000000;}
#pub a:hover {border-bottom: 1px dotted #000000;}
#fahnenrahmen {text-align:center;}
#fahnenrahmen img {margin:0px 2px;}
#obermenu ul {list-style:none;display:inline-block;}
#obermenu li {float:left;color:#ffffff;}
#obermenu a {color:#ffffff;border:1px solid #FED201;}
#obermenu li a:link {display:block;margin:2px 5px;padding:3px 10px;text-decoration:none;font-size:14px;background-color:#003399;}
#obermenu li a:hover {background-color:#FED201;color:#003399;border:1px solid #003399;}
#socialmedia {background-color:#ffffff;padding-top:20px;}

p {text-align: justify; font-size:13px; margin: 0px 0 0px 0; padding: 0px;}




/* Mobile Styles */
@media only screen and (max-width: 700px) {
* {
	margin: 0;
	padding: 0;
    box-sizing: border-box;
}
#inhalt {text-align: left; margin: 0 auto; width: 100%;}
#kopf {width: 100%; height: auto; margin: 0; padding: 0; border: 0px;}
#logo {margin: 10px 10px 10px 10px; padding:20px 0 0 0; font-size:24px;}
#kontakt {float:right;width:100%;height:auto;text-align:right;padding-right:5px;line-height:normal;padding-top:7px;margin-top:10px;margin-right:5px;}
#navigation {margin:1px 0 1px 0; line-height:32px; padding: 10px 5px 0px 5px; width:100%;}
#impressum {margin:1px 0 11px 0; line-height:18px; padding: 0px 5px 0px 5px;}
#rahmen {margin-bottom:1px;}
#textbereich {margin: 1px 0 0 0; width: 100%; padding:20px 10px;}
#textbereich p {padding: 0; margin: 10px 0 10px 0;}
#textbereich ul {padding: 0; margin: 10px 0 10px 20px;}
#textbereich h1 {line-height:18px;}
#textbereich h2 {line-height:18px;}
#textbereich img {float:left;margin-right:10px;margin-top:6px;}
#menue {width: 100%; float:left; margin: 1px 0 0 0; padding-left:1px; text-align:center;}
#menue p {display:inline;padding: 0px 0 0px 0px;margin-bottom:0px;}
#pub {margin:0px 0 0px 0px;width:100%;background-color:transparent;height:auto;}
#pub1 {display:none;}

p {text-align: justify; margin: 0px 0 0px 0; padding: 0px;}


#pub a {color:#FED201;}
#pub a:hover {border-bottom: 1px dotted #FED201;}


}



}

/* Desktop Styles */
@media only screen and (min-width: 701px) {

}