html {
font-family: Verdana, sans-serif;
margin: 0; padding: 0; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}
body {
font-size: 101%; 
margin: 0; padding: 0; overflow: hidden;
}
/* overflow: hidden in body und html für IE6 Kompatibilität! */

a { cursor: pointer; }
.clear { clear: both; }

#header {
position: absolute; left: 0; top: 0;
width: 100%; height: 120px;
background: #fff url(bg-header.gif) repeat-x;
margin: 0; padding: 0; overflow: hidden;
}
* html #header { z-index: 3; }
#header #logo {
margin: 16px 0 0 0; padding: 0; border: 0;
float: left;
}
* html #header #logo { margin-bottom: -4px; }
#header #logo.home { margin-right: 30px; }

#subnav, #left {
position: absolute; left: 0; top: 120px; bottom: 28px; right: 0;
margin: 0; width: 200px; 
overflow: auto;
background: #fff url(bg-subnav.gif) repeat-y; 
}
/* füt homepage statt #subnav */
#left { width: 315px; background: #fff; margin: 20px 15px 0 20px; }
* html #subnav, * html #left { 
height: 100%; position: absolute; top: 0; bottom: 0; border-top: 120px solid #fff; border-bottom: 28px solid #fff; z-index: 2; }
* html #left { width: 350px; padding-right: 15px; }

#content {
position: absolute; left: 200px; top: 120px; bottom: 28px; right: 0;
margin: 0; padding: 0 0 0 20px;
overflow: auto; background-color: #fff;
}
* html #content { 
height: 100%; width: 100%; position: absolute; left: 0; top: 0; bottom: 0; border-left: 200px solid #fff; border-bottom: 28px solid #fff; border-top: 120px solid #fff; overflow: auto; z-index: 1;  }

#content.home { left: 350px; top: 140px; background: #fff url(home.jpg) no-repeat left top; padding: 0; }
* html #content.home { 
height: 100%; width: 100%; position: absolute; left: 0; top: 0; bottom: 0; border-left: 370px solid #fff; border-bottom: 28px solid #fff; border-top: 140px solid #fff; overflow: auto; z-index: 1;  
}

#footer {
position: absolute; bottom: 0; left: 0;
width: 100%; height: 28px; margin: 0; padding: 0;
overflow: hidden;
background: #eadcc8;
text-align: right;
}
* html #footer { z-index: 3; }

/* Hauptnavigation */
#header #nav { margin: 58px 0 0 20px; }
a.nav, a.navon {
display: block; float: left; padding: 0 20px;
margin: 0; height: 42px;
font-size: 94%; font-weight: bold; 
text-decoration: none; color: #ba8a49; 
}
a.nav:active { cursor: pointer; }
a.nav:hover, a.navon {
color: #244dc4;
background: transparent url(punkt.gif) no-repeat center bottom;
}
/* Subnavigation */
#subnav ul { margin: 20px 0 0 20px; padding: 0 10px 0 0; list-style-type: none; font-size: 75%; line-height: 140%; font-weight: bold; }
#subnav ul li { margin: 0 0 14px 0;}
a.subnav, a.subnavon { text-decoration: none; color: #ba8a49; }
a.subnav:visited { }
a.subnav:hover, a.subnavon { color: #244dc4; }
a.subnav:hover { text-decoration: underline; }

/* Homepage */
#left p { font-size: 85%; line-height: 125%; color: #244dc4; font-weight: normal; padding: 0; margin: 0 0 10px 0; }
#left img { margin: 0; }

/* Standardseiten */
/* 2 Spalten */
#content div.text { width: 60%; float: left; overflow: hidden; background-color: #fff; margin: 0; padding: 0; }
#content div.beispiel, #content div.beispiel2, #content div.beispiel3 { margin: 0 8% 14px 64%; padding: 10px 10px 0 10px; font-size: 86%; }
/* blau: */
#content div.beispiel { background-color: #e9edf9; border: 1px dashed #8fa4e1; }
/* braun: */
#content div.beispiel2 { background-color: #f1e8d8; border: 1px dashed #aa8552; }
/* gelb: */
#content div.beispiel3 { background-color: #f5f1dd; border: 1px dashed #cdbc5a; }

/* SubSubnav für Artikel - rechts wie div.beispiel! */
#content #artikelnav { margin: 0 8% 30px 64%; font-size: 86%; padding: 0 0 5px 0; }
#content #artikelnav ul { list-style-type: none; }
#content #artikelnav li { margin: 0 0 8px 0; }
#content #artikelnav p { color: #000; font-variant: small-caps; margin: 0 0 5px 0; padding: 0; }
#content #artikelnav a { text-decoration: none; color: #ba8a49; font-weight: bold; }
#content #artikelnav a:hover, #content #artikelnav a.on { color: #244dc4; }
#content #artikelnav a.on { font-weight: bold; }
#content #artikelnav a:hover { text-decoration: underline; }

/* Eigentlich nur als Fehler-Notfallösung gedacht, da die Beispielboxen rechts außerhalb div.text sein sollen! */
#content div.text div.beispiel { margin: 0 0 14px 0; }

#content p, #content h1, #content h2, #content h3 { margin:0; padding: 0; font-size: 82%; line-height: 136%; }
#content p { margin-bottom: 14px; }
#content ul, #content ol { font-size: 82%; line-height: 136%; margin: -10px 0 14px 18px; padding: 0;}
/* für interne links direkt nach absatz! */
#content div.text p.link { margin-top: 0; }
#content div.beispiel p.link, #content div.beispiel2 p.link, #content div.beispiel3 p.link   { margin-top: -8px; }

/* Newsbox Homepage */
#content p.home { background: transparent url(p-home.jpg) repeat-y; width: 340px; height: 60px; margin: 20px; padding: 8px; font-weight: bold; overflow: auto; font-size: 68%; line-height: 174%; }
* html #content p.home { height: 76px; width: 356px; }

#content h1 { width: 60%; margin-bottom: 24px; color: #244dc4; font-size: 133%; font-weight: normal; }
#content h2 { margin-bottom: 7px; color: #244dc4; font-size: 94%; font-weight: bold; }

#content img { margin: 5px 0; }
#content img.links { float: left; margin: 4px 10px 1px 0; }
#content img.rechts { float: right; margin: 4px 0 1px 7px; }

#content div.beispiel h2, #content div.beispiel2 h2, #content div.beispiel3 h2  { color: #1b378d; font-size: 82%; font-weight: bold; margin-bottom: 8px; }
#content div.beispiel p, #content div.beispiel2 p, #content div.beispiel3 p { margin-bottom: 10px; }

#content a, #left a { color: #856232; text-decoration: underline; }
#content a:hover, #left a:hover { color: #ba8a49; }


#footer p { margin: 0; padding: 7px 30px 3px 20px; font-size: 68%; }
#footer a { color: #856232; }
#footer a:hover { color: #ba8a49; }