html {height:100%; max-height:100%; padding:0; margin:0; border:0; background:#283488; font-size:76%; font-family:Arial, sans serif; /* hide overflow:hidden from E5/Mac */ /* \*/ overflow: hidden; /* */ }

body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0;}

#head {position:absolute; margin:0; top:0; left:0; display:block; width:100%; height:80px; background:#283488; z-index:6; color:#FED201;margin-top:10px;text-align:center;}
#head h1 {font-size:30px; letter-spacing:3px;text-align:center;margin-top:10px;margin-bottom:0px;}
#head a,a:active,a:visited {color:#FED201;text-decoration:none;}
#head a:hover {color:#eeeeee;}
#head td {color:#FED201;}

#logohalter {position:absolute;width:25%;left:0px;top:0px;margin-top:0px;text-align:left;padding-left:20px;}
#sprachbuttons {position:absolute;width:25%;right:0px;text-align:right;padding-right:25px;padding-top:20px;}


#laender {position:absolute;margin:0;top:100px;left:0;display:block;width:100%;height:100px;background:#283488;z-index:6;color:#FED201;text-align:center;}

  ul#Navigation {margin: 0; padding: 0.4em;text-align: center;border: none;font-size:1.2em;}
  ul#Navigation li {list-style: none;display: inline;margin:0.4em 0; padding: 0;}
  ul#Navigation a, ul#Navigation span {padding: 0.1em 1em;text-decoration: none; font-weight: bold;border: 1px solid black;border-left-color: white; border-top-color: white;color: #283488; background-color: #eeeeee;}
  * html ul#Navigation a, * html ul#Navigation span {  /* Korrektur fuer IE 5.x */ width: 8em; w\idth: 6em; font-size:0.9em;}
  ul#Navigation a:hover, ul#Navigation span {border-color: white; border-left-color: black; border-top-color: black; color: white; background-color: gray;}
  ul#Navigation div {clear: left;}
  ul#Navigation a.hier {border-color: white; border-left-color: black; border-top-color: black; color: #FED201; background-color: gray;}

#foot {position:absolute; margin:0; bottom:0; left:0; display:block; width:100%; height:20px; line-height:18px; font-size:12px; background:#283488; font-size:0.8em; z-index:6; color:rgb(157,78,84); text-align:center;}

#leftgesamt{position:absolute; left:20px; top:202px; bottom:20px; font-size:1em; z-index:5; overflow:auto; background: #fbfbfb; color:#0f1b5f;border-right:20px solid #283488;}
* html #leftgesamt {height:100%; top:0; bottom:0; border-top:181px solid #283488; border-bottom:20px solid #283488;}
#leftgesamt a,a:visited,a:active {color:#0f1b5f;text-decoration:underline;}
#leftgesamt a:hover {color:#FED201;}
#leftgesamt a img {border-color:#0f1b5f;}
#leftgesamt a:hover img {border-color:#FED201;}

#left1 {position:absolute; left:0; top:202px; bottom:20px; width:160px; font-size:1em; z-index:4; overflow-y:auto;overflow-x:hidden; border-top:none;}
#left2 {position:absolute; left:0; top:202px; bottom:20px; width:220px; font-size:1em; z-index:4; overflow-y:auto;overflow-x:hidden; border-top:none;}
#left3 {position:absolute; left:0; right:20px; top:202px; bottom:20px; width:auto; font-size:1em; z-index:5; overflow:auto;}
#left4 {position:absolute; right:0; top:202px; bottom:20px; width:20px; font-size:1em; z-index:4; overflow:hidden;}
* html #left1, * html #left2, * html #left3, * html #left4 {height:100%; top:0; bottom:0; border-top:181px solid #283488; border-bottom:20px solid #283488;}
* html #laender {border-bottom:none;}
* html #left3 {right:0; padding-right:17px;overflow-x:hidden;}
#left1 {left:0; background:#283488;}
#left2 {left:160px; background: #283488;}
#left3 {left:380px; background: #fbfbfb; color:#0f1b5f;}
#left4 {background: #283488;}

#left3 a,a:visited,a:active {color:#0f1b5f;text-decoration:underline;}
#left3 a:hover {color:#FED201;}

ul#menue {width: 130px;margin: 0 0 0 10px; padding: 0.2em;border: none;font-size:0.8em;text-align:left;}
  * html ul#menue {  /* Korrekturen fuer IE 5.x */ width: 130px; w\idth: 130px;padding-left: 0; padd\ing-left: 0.8em;}
  ul#menue li {list-style: none;margin: 0.1em; padding: 0;}
  ul#menue a {display:block;padding: 0.2em;text-decoration: none; font-weight: bold;border: 1px solid black;border-left-color: white; border-top-color: white;color: #FED201; background-color: #283488;}
  * html ul#menue a {  /* Breitenangaben nur fuer IE */ width: 130px; w\idth: 130px;}
  ul#menue a:hover {border-color: white;border-left-color: black; border-top-color: black;color: #283488; background-color: #FED201;}
  ul#menue a.hier {border-color: white;border-left-color: black; border-top-color: black;color: #283488; background-color: #FED201;}

ul#untermenue {width: 150px;margin: 0; padding: 0.2em;border: none;font-size:0.8em;}
  * html ul#untermenue {  /* Korrekturen fuer IE 5.x */ width: 150px; w\idth: 150px;padding-left: 0; padd\ing-left: 0.8em;}
  ul#untermenue li {list-style: none;margin: 0.1em; padding: 0;}
  ul#untermenue a {display:block;padding: 0.2em;text-decoration: none; font-weight: bold;border: 1px solid black;border-left-color: white; border-top-color: white;color: #FED201; background-color: #283488;}
  * html ul#untermenue a {  /* Breitenangaben nur fuer IE */ width: 150px; w\idth: 150px;}
  ul#untermenue a:hover {border-color: white;border-left-color: black; border-top-color: black;color: #283488; background-color: #FED201;}
  ul#untermenue a.hier {border-color: white;border-left-color: black; border-top-color: black;color: #283488; background-color: #FED201;}

#webdesign {float:right;margin-right:20px;}
#webdesign a,a:active,a:visited {color:#FED201;text-decoration:none;}
#webdesign a:hover {color:#eeeeee;}

#impressum {float:left;margin-left:20px;}
#impressum a,a:active,a:visited {color:#FED201;text-decoration:none;}
#impressum a:hover {color:#eeeeee;}

.inner {display:block; padding:0 10px 10px 10px;text-align:justify;}
.inner2 {display:block; padding:0 10px 10px 5px;text-align:justify;}
.bold {font-size:1.5em; font-weight:bold;}
.linksbild {float:left;margin-right:10px;}
.rechtsbild {float:right;margin-left:10px;}
h1, h2, h3 {text-align:left;}

.seitenlogo {width:250px;height:80px;}
.sprachbutton {width:40px;height:40px;border:none;}



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

html {
height:auto; 
max-height:auto; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: auto; 
/* */ 
}

body {height:auto; max-height:auto; overflow:auto; padding:0; margin:0; border:0;}

#head {position:relative; margin:0; top:0; left:0; display:block; width:100%; height:auto; order:1;}
#head h1 {margin:0;font-size:20px;}

#logohalter {position:relative;width:50%;margin-top:0px;text-align:left;padding-left:20px;float:left;}
#sprachbuttons {position:relative;width:50%;text-align:right;padding-right:25px;padding-top:20px;float:right;}
#sprachbuttons img {width:15%;height:auto;}
#kontaktdaten {position:relative;clear:both;width:100%;text-align:center;padding:0px;}

#laender {position:relative;margin:0;top:0;display:block;width:100%;height:auto;background:#283488;z-index:6;color:#FED201;text-align:center; order:3;}
#laender ul {line-height:2em;}

#leftgesamt{position:relative; width:100%;left:0px; top:0px; bottom:0px; font-size:1em; z-index:5; overflow:auto; background: #fbfbfb; color:#0f1b5f;border-right:none;order:4;padding-top:0px;}

#wrapper {position:absolute; width:100%;left:0px; top:30%; bottom:0px; font-size:1em; z-index:5; overflow:auto; background: #fbfbfb; color:#0f1b5f;border-right:none;order:4;padding-top:0px;}
#wrapper h1 {padding-top:20px;padding-bottom:10px;padding-left:10px;}
#wrapper p,ul {padding-left:10px;padding-top:5px;padding-bottom:2px;}

#foot {position:absolute; margin:0; bottom:0; left:0; display:block; width:100%; height:auto; font-size:12px; z-index:5; text-align:center; order:7;}

#left1 {position:relative; left:0; top:0px; bottom:0px; width:100%; height:auto; font-size:1em; z-index:6; overflow:auto; order:3;}
#left2 {position:relative; left:0; top:0; bottom:0; width:100%; height:auto; font-size:1em; z-index:6; overflow:auto; order:4;}
#left3 {position:relative; left:0; top:0; bottom:0; width:100%; height:auto; font-size:1.2em; z-index:6; overflow:auto; order:5;}
#left4 {position:relative; left:0; top:0; bottom:0; width:100%; height:auto; font-size:1em; z-index:6; overflow:auto; order:6;}
* html #left1, * html #left2, * html #left3, * html #left4 {height:auto; top:0; bottom:0; border-top:none; border-bottom:none;}
#left1 {left:0;padding-top:50px;}

#left2 {left:0;}
#left2 img {border:none;float:left;margin:0px;}

#left3 {left:0;}

#left4 {left:0; }

#left2 ul {margin:0px;}
#left2 li {display:inline;padding:2px 10px;margin:2px 5px;border:none;line-height:2.5em;}

  #wrapper {
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    display: flex;  
    flex-wrap: wrap;

  }

ul#menue {width: 100%;margin: 0 0 0 0px; padding: 0.2em;border: none;font-size:0.8em;text-align:center;}
  * html ul#menue {  /* Korrekturen fuer IE 5.x */ width: 130px; w\idth: 130px;padding-left: 0; padd\ing-left: 0.8em;}
  ul#menue li {list-style: none;margin: 0.1em; padding: 0;float:left;}
  ul#menue a {display:block;padding: 0.2em;text-decoration: none; font-weight: bold;border: 1px solid black;border-left-color: white; border-top-color: white;color: #FED201; background-color: #283488;float:left;}
  * html ul#menue a {  /* Breitenangaben nur fuer IE */ width: 130px; w\idth: 130px;}
  ul#menue a:hover {border-color: white;border-left-color: black; border-top-color: black;color: #283488; background-color: #FED201;}
  ul#menue a.hier {border-color: white;border-left-color: black; border-top-color: black;color: #283488; background-color: #FED201;}

ul#untermenue {width: 100%;margin: 0; padding: 0.2em;border: none;font-size:0.8em;}
  * html ul#untermenue {  /* Korrekturen fuer IE 5.x */ width: 150px; w\idth: 150px;padding-left: 0; padd\ing-left: 0.8em;}
  ul#untermenue li {list-style: none;margin: 0.1em; padding: 0;float:left;}
  ul#untermenue a {display:block;padding: 0em 0.1em;text-decoration: none; font-weight: bold;border: 1px solid black;border-left-color: white; border-top-color: white;color: #FED201; background-color: #283488;float:left;}
  * html ul#untermenue a {  /* Breitenangaben nur fuer IE */ width: 150px; w\idth: 150px;}
  ul#untermenue a:hover {border-color: white;border-left-color: black; border-top-color: black;color: #283488; background-color: #FED201;}
  ul#untermenue a.hier {border-color: white;border-left-color: black; border-top-color: black;color: #283488; background-color: #FED201;}

  
#menue br {display:none;}  

#left1, #left2 ul {text-align:center !important;}
  

.seitenlogo {width:100%;height:auto;}
  
  
  
}