html { 
font-size: 100,01%; 
font-family: Verdana, Arial, sans-serif; 
margin: 0; 
padding: 0; 
height: 100%; 
max-height: 100%; 
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow: hidden;
/* */
border: 0; 
}
body       { color: #336; font-size: 85%; background-color: #fc0; margin: 0; padding: 0; height: 100%; max-height: 100%; overflow: hidden; border: 0 }
#inhalt       { color: #336; background-color: #fc0; display: block; margin: 10px 15px 15px 0; padding-right: 20px; padding-left: 220px; z-index: 1; width: auto; height: 100%; max-height: 100%; overflow: auto }
#kopf           { color: #336; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background-color: #fc0; background-image: url("bild/kopf.jpg"); background-repeat: no-repeat; background-position: center top; text-align: right; margin: 0; position: absolute; z-index: 3; top: 0; width: 100%; height: 85px }
#kopf1       {visibility: hidden; display: block; margin: 0; position: absolute; z-index: 8; top: 0; width: 100%; height: 40px }
#fuss           { color: #336; font-size: 90%; background-color: #fc0; text-align: right; display: block; margin: 0; padding-top: 0.8em; position: absolute; z-index: 1; bottom: 0; width: 100%; height: 35px }
#fuss1  { visibility: hidden }
.titel  { font-size: 160%; font-family: Garamond, Times, serif; font-weight: bold; letter-spacing: 1mm }
.titel2  { font-size: 140%; font-family: Garamond, Times, serif; font-weight: bold; letter-spacing: 0.5mm; word-spacing: 1mm; }
h1.titel {font-variant: small-caps;}
.sax      { color: #336; font-size: 0.7em; line-height: 0.8em; background-color: #e9e9e9; text-align: center; margin-left: 12px; padding: 5px 0; left: 20px; width: 150px; border: solid 1px }
.nav       { margin-left: 0 }
.zwi1   { color: #336; background-color: #fc0; display: block; width: 40px; height: 30px; float: left }
.zwi2    { color: #336; background-color: #fc0; display: block; width: 1px; height: 70px; }
.zwi3  { color: #336; background-color: #336; display: block; height: 40px }
#nav1            { display: block; margin-left: 10px; position: absolute; z-index: 3; top: 95px; left: 20px; width: 150px; height: 100% }
.navi   { color: #336; font-size: 0.85em; line-height: 1.35em; text-decoration: none; background-color: #e9e9e9; display: block; margin: 3px 0 3px 12px; padding-bottom: 0; padding-left: 4px; border: solid 1px }
.naviunter   { color: #336; font-size: 0.85em; line-height: 1.35em; text-decoration: none; background-color: #e9e9e9; background-image: url("bild/dreieck.jpg"); background-repeat: no-repeat; background-position: 22mm 1mm; display: block; margin: 3px 0 3px 12px; padding-bottom: 0; padding-left: 4px; border: solid 1px }
a.navi:hover, a.navi:active { color: #e9e9e9; background-color: #336; border-width: 1px; border-color: #336; }
a.naviunter:hover, a.naviunter:active { color: #e9e9e9; background-color: #336; border-width: 1px; border-color: #336; background-image: url("bild/dreieckunter.jpg"); background-repeat: no-repeat; background-position: 22mm 1mm; }
.naviagb  { color: #336; font-size: 0.9em; line-height: 1.5em; text-decoration: none; background-color: #e9e9e9; text-align: right; display: block; margin: 0 0 3px 67px; padding-right: 2px; padding-bottom: 0; padding-left: 4px; width: 50%; border: solid 1px }
a.naviagb:hover, a.naviagb:active { color: #e9e9e9; background-color: #336; border-width: 1px; border-color: #336; }
.navigoogle { color: #336; font-size: 0.9em; line-height: 1.5em; text-decoration: none; margin: 3px 0 3px 12px; padding-bottom: 0; }
.navi1 { color: #336; font-size: 0.9em; line-height: 1.5em; text-decoration: none; background-color: #e9e9e9; display: block; padding: 3px 0 3px 12px; margin-bottom: 0; padding-left: 4px; border: solid 1px; }
a.navi1:hover, a.navi1:active { color: #e9e9e9; background-color: #336; border: solid 1px #336 }
.navi2    { color: #336; font-size: 0.75em; line-height: 1.2em; text-decoration: none; background-color: #e9e9e9; display: block; margin-bottom: 2px; margin-left: 20px; padding: 2px 0 2px 4px; border: solid 1px }
a.navi2:hover, a.navi2:active     { color: #e9e9e9; background-color: #336; border: solid 1px #336 }
#reihe    { font-size: 90%; text-decoration: none }
.navi3     { color: #336; font-weight: bold; line-height: 1.1em; text-decoration: none; background-color: #fc0; margin: 2px 0; padding: 0 10px }
a.navi3:hover, a.navi3:active   { color: #fc0; text-decoration: none; background-color: #336 }
.navi4    { color: #fc0; font-weight: 900; line-height: 0.9em; text-decoration: none; background-color: #336; display: block; margin: 2px 0; padding-bottom: 0; padding-left: 28px }
a.navi4:hover, a.navi4:active   { color: #fc0; text-decoration: none }
.navitxt        { color: #336; font-weight: 900; text-decoration: none }
a.navitxt:link    { color: #e4e4e5; background-color: #6b6b6b }
a.navitxt:visited  { color: #f12e2c }
a.navitxt:hover, a.navitxt:active      { color: #e4e4e5; background-color: #e83366 }
.navitxtsax    { color: #336; font-weight: bold; text-decoration: none }
a.navitxtsax:link, a.navitxtsax:visited    { color: #336; text-decoration: none }
a.navitxtsax:hover, a.navitxtsax:active     { color: #e9e9e9; text-decoration: none; background-color: #336 }
a#amail {font-variant: small-caps; text-align: center; float: none;}
p.txt0   { font-size: 105% }
p.txt  { font-size: 90% }
li.ob   { font-size: 90%; margin-top: 2px }
li  { margin-top: 2px; }
#google  { color: #336; font-size: 0.8em; background-color: #fc0; text-align: right; margin-top: 2.5em; margin-right: 1em; z-index: 1; width: 200px; height: 100%; float: right; border: 0 }
.ro3 {background: url(bild/ecke_ro5.gif) top right no-repeat; margin-top: 2.5em; margin-right: 1em; padding:0; position: relative; z-index: 1; width: 200px; float: right; text-align: right; }
.ro  {background: url("bild/ecke_ro.gif") top right no-repeat;margin:0;padding:0;}
.ro2 {background: url(bild/ecke_ro5.gif) top right no-repeat;margin:0;padding:0;}
.lo  {background: url("bild/ecke_lo.gif") top left repeat;margin:0;padding:0;}
.lo2 {background: url(bild/ecke_lo5.gif) top left no-repeat;margin:0;padding:0;}
.ru  {background: url("bild/ecke_ru.gif") bottom right no-repeat;margin:0;padding:0;}
.ru2 {background: url(bild/ecke_ru5.gif) bottom right no-repeat;margin:0;padding:0;}
.lu  {background: url("bild/ecke_lu.gif") bottom left no-repeat;margin:0;padding:0;text-align: right;}
.lu2 {background: url(bild/ecke_lu5.gif) bottom left no-repeat;margin:0;padding:0;}
.los {background: url("bild/ecke_lo5.gif") top left no-repeat; margin:0;padding:0;}
.streifen_oben  { margin-top: 2px; margin-right: 4px; margin-left: 12px; padding: 2px 0; }
.innen  { margin:0px 8px 0px 0px; padding: 4px 0px;text-align: right; font-size: 80%; }
.streifen_oben2  { font-weight: bold; margin: 0; padding: 4px 2px 2px 2px; text-align: center;}
.streifen_oben3  { font-weight: bold; margin: 0; padding: 2px 4px 2px 2px; text-align: right;}
.r2 {background: url("bild/rand.gif") right repeat-y;margin:0;padding:0;width:90%;}
.r3 {background: url("bild/rand.gif") right repeat-y; margin:0; padding:0;}
.ro3 {background: url("bild/ecke_ro2.gif") top right no-repeat;margin:0;padding:0;width:90%;}
.lo3 {background: url("bild/ecke_lo2.gif") top left no-repeat;margin:0;padding:0;}
.ru3 {background: url("bild/ecke_ru2.gif") bottom right no-repeat;margin:0;padding:0;}
.lu3 {background: url("bild/ecke_lu.gif") bottom left no-repeat;margin:0;padding:.2em 0;}
.streifen_unten {width: 88%; height: 8em; padding:1em 0.5em 0.5em 0.5em; background-image: url("bild/linie_grau.gif"); background-position: top; background-repeat: repeat-x; text-align:right;}
img {border: 0pt;}
#id { }