html {
height:100%; 
max-height:100%; 
padding:0;
margin:0; 
border:0; 
background:var(--texthintergrundfarbe, white); 
font-size:90%; 
font-family:var(--schriftfamilie, 'Ubuntu', Arial, Helvetica, sans-serif);
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}

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

#content {overflow:auto; position:absolute; z-index:2; top:0px; bottom:0px; left:300px; right:0; background:#fff;}
* html #content {top:0; left:0; right:0; bottom:0; height:100%; max-height:100%; width:100%; overflow:auto; position:absolute; z-index:2; border-left:300px solid #fff; padding-top:10px;}
#content h2, h3 {margin-left:10px;color:var(--ueberschriftfarbe, black);font-size:var(--hoheh2, 1.2em);}
#content p {font-size:var(--hohep, 1em);margin-left:10px; margin-right:10px; margin-top:5px; margin-bottom:20px; padding:0;text-align: var(--korperrichtung, justify);}
#content ul {margin-left:10px; margin-right:10px; margin-top:5px; font-size:var(--hohekleintext, 0.7em);text-align: var(--korperrichtung, justify);}
#content a {text-decoration:underline;}

#left {position:absolute; left:0; top:0px; bottom:0px; width:300px; background-position:bottom left; background-color:var(--farbboxhintergrundfarbe, #f3f3f3); font-size:1.2em; z-index:5; overflow:auto; background-repeat:no-repeat; border-right:3px solid var(--rahmenfarbe, #e2e2e2);}
* html #left {height:100%; width:300px; overflow:auto; position:absolute; top:0; bottom:0; color:#fff; z-index:5; padding-top:10px; color:#000; border-right:3px solid var(--rahmenfarbe, #e2e2e2);}
#left h1 {margin-bottom:-10px;}

.rechtsbild {float:right;margin-left:10px;margin-right:5px;}
.linksbild {float:left;margin-right:10px;margin-left:5px;}

#left ul {list-style:none;}

dd {display:none;}
a, a:active, a:visited {color:var(--linkfarbe, #B18904); text-decoration:none;}
a:hover {color:var(--warnfarbe, #F5F5DC); text-decoration:none;}
a.nav, a.nav:visited, a.hier, a.inaktiv, li.mainmenu {margin-left:10px; display:block; width:160px; height:auto; background:#fff; color:var(--schriftfarbe, #666); font-weight:bold; border:1px solid #000; text-decoration:none; text-align:center; line-height:16px; font-size:0.8em; margin:5px 0;}
a.nav:hover, a.inaktiv:hover, a.hier, li.mainmenuhier {background:var(--rahmenfarbe, #e2e2e2); color:var(--linkfarbe, #B18904);}
a.nav2, a.nav2:visited {margin-left:10px; display:block; width:220px; min-height:50px; background:var(--ueberschriftfarbe, black); color:var(--farbboxhintergrundfarbe, #f3f3f3); border:5px double var(--rahmenfarbe, #e2e2e2); text-decoration:none; text-align:center; line-height:50px; font-size:0.8em;}
a.nav2:hover {background:var(--farbboxhintergrundfarbe, #f3f3f3); color:var(--ueberschriftfarbe, black);}

#bottomlinks li {list-style:none;display:inline-block;padding:5px 10px;margin:2px 4px;border:2px solid var(--rahmenfarbe, #e2e2e2);}


/* Mobile Styles */
@media only screen and (max-width: 700px) {

body {height:100%; max-height:100%; overflow:scroll; padding:0; margin:0; border:0; display: flex; flex-wrap: wrap;}

#content {overflow:auto; position:relative; z-index:2; top:0px; bottom:0px; width:100%; left:0; right:0; order:2;}
* html #content {top:0; left:0; right:0; bottom:0; height:auto; max-height:100%; width:100%; overflow:auto; position:relative; z-index:2; border-left:0px solid #fff; padding-top:10px;order:2;}

#left {position:relative; left:0; top:0px; bottom:0px; width:100%; background-image:none !important; background-position:bottom left; z-index:5; overflow:auto; background-repeat:no-repeat; border-right:0px solid #1e1b24;order:1;text-align:center;}
* html #left {height:100%; width:100%; overflow:auto; position:relative; top:0; bottom:0; z-index:5; padding-top:10px; border-right:0px solid #1e1b24;order:1;text-align:center;}
#left h1 {margin-bottom:-10px;}

.rechtsbild {float:right;margin-left:10px;margin-right:5px;}
.linksbild {float:left;margin-right:10px;margin-left:5px;}

#left ul {list-style:none;}
#left li {display:inline-block;}

dd {display:none;}
a, a:active, a:visited {}
a:hover {}
a.nav, a.nav:visited, a.hier, a.inaktiv, li.mainmenu {margin-left:0px; display:block; width:auto; height:auto; font-weight:bold; text-decoration:none; text-align:center; line-height:auto; margin:1px 0;float:left;padding:0px 4px;}
a.nav:hover {}
a.nav2, a.nav2:visited {margin-left:10px; display:inline-block; width:auto; height:auto; text-decoration:none; text-align:center;}
a.nav2:hover {}

#bottomlinks li {list-style:none;display:inline-block;padding:1px 4px;margin:2px 4px;border:2px solid var(--rahmenfarbe, #e2e2e2);font-size:0.8em;}


}