html {height:100%; max-height:100%; padding:0; margin:0; border:0; background:#808080; font-size:1.2em; 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; padding:10px 20px; top:0; left:0; display:block; width:100%; height:80px; background:#808080; z-index:6; color:#eeeeee; font-size:0.8em;}
#head h2 {margin:0; font-size:22px; letter-spacing:2px;}
#head a,a:active,a:visited {color:#eeeeee;text-decoration:none;}
#head a:hover {color:#b0b0b0;}
#head td {color:#FED201;}

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

  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: #808080; 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: #004080; background-color: white;}

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

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

#leftpartner {position:absolute; left:0; top:182px; bottom:20px; width:360px; font-size:1em; z-index:4; overflow-y:auto;overflow-x:hidden; border-top:none;font-size:0.6em;background-color:#bcbcbc;padding:20px 10px;}
#leftpartner a,a:visited,a:active {color:#004080;text-decoration:underline;}
#leftpartner a:hover {color:#eeeeee;}

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

#left3 a,a:active {color:#004080;text-decoration:underline;}
#left3 a:hover {color:#ff0000;}
#left3 a:visited {color:#8000FF;}
#left3 img {float:right;margin-left:10px;padding:1px;border:1px solid black;}
#left1 h4 {color:#eeeeee;padding-left:15px;}
#left2 h4 {color:#eeeeee;padding-left:5px;}

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: #eeeeee; background-color: #808080;}
  * 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: #004080; background-color: white;}
  ul#menue a.hier {border-color: white;border-left-color: black; border-top-color: black;color: #004080; background-color: white;}

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: #eeeeee; background-color: #808080;}
  * 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: #004080; background-color: white;}
  ul#untermenue a.hier {border-color: white;border-left-color: black; border-top-color: black;color: #004080; background-color: white;}

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

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

.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;}
.kleintext {font-size:0.8em;text-align:justify;}
h1, h2, h3 {text-align:left;}





/* Mobile Styles */
@media only screen and (max-width: 741px) {
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;}

h1 {font-size:20px;}

#head {position:relative; margin:0; top:0; left:0; display:block; width:100%; height:auto; order:1;}
#head h2 {margin:0;}
#head img {display:none;}
#kontakt {position:relative; margin-left:0px; margin-top:20px; order:2;}

#slideshow {position:relative; margin:0; right:0px; top:0px; display:none; z-index:6; width:20%; height:auto;}
#laender {position:relative;margin:0;top:0;left:0;display:block;width:100%;height:auto;z-index:6;text-align:center;font-size:0.8em;line-height:2.1em;order:3;}

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

  }


ul#menue {width: auto;margin: 0 0 0 10px; padding: 0.2em;border: none;font-size:0.8em;text-align:left;display:inline;}
  ul#menue a {display:inline;padding: 0.2em;}
  ul#menue li {display:inline;list-style: none;margin: 0.1em; padding: 0;line-height:2em;}

  ul#untermenue {width: auto;margin: 0 0 0 10px; padding: 0.2em;border: none;font-size:0.8em;text-align:left;display:inline;}
  ul#untermenue a {display:inline;padding: 0.2em;}
  ul#untermenue li {display:inline;list-style: none;margin: 0.1em; padding: 0;line-height:2em;}


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

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

#left1 {left:0;}
#left1 h4 {display:inline;margin-left:0;padding-left:0;}

#left2 {left:0;}
#left2 img {border:none;float:left;margin:0px;}
#left2 h4 {display:inline;margin-left:0;padding-left:0;}

#left3 {left:0;font-size:14px;}

#left4 {left:0; }

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

#leftpartner {position:relative; left:0; top:0; bottom:0; width:100%; font-size:1em; z-index:4; overflow-y:auto;overflow-x:hidden; border-top:none;font-size:0.6em;background-color:#bcbcbc;padding:20px 10px; order:8;}


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

  }
.inner {display:block; padding:0 10px 2px 10px;text-align:justify;}


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