html, body {
 color: #603; font-size: 84%; font-family: Verdana, Arial, sans-serif; background-color: #EEE; text-align: center; margin-right: 0; margin-left: 0; padding: 0 }
.main {
 
margin: auto;
color: #511; background-color: #eee; text-align: center; margin-left: -370px; border: solid 15px #FEF; 
position: absolute; left: 50%; width: 747px }



h1 {
 color: #fff; font: bold 200%/1em "Avant Garde", Arial, Verdana, sans-serif; background-color: #ADA; text-align: center; margin: 0; padding: 1em 1em 0 }


h2 {
 color: #444; font: bold 200%/1em "Avant Garde", Arial, Verdana, sans-serif; background-color: #cfc; text-align: center; margin: 0; padding: 1em 1em 0; }


h3 {
 color: #444; font: bold 140%/1em "Avant Garde", Arial, Verdana, sans-serif;  text-align: center; margin: 0; padding: 1em 1em 0; }


h4 {
 color: #444; font: bold 120%/1em "Avant Garde", Arial, Verdana, sans-serif;   text-align: center; margin: 0; padding: 1em 1em 0; }


img {
 text-decoration: none; border: solid 0 }
A:link IMG { border: none }

p {
 text-align: left; margin-bottom: 2px }


ul {
 text-align: left; margin-bottom: 4pt; padding-bottom: 4pt }


li {
 line-height: 110%; margin-bottom: 4pt }


a:link {
 color: #000060; font-weight: bold; text-decoration: none }

 
div.mittel {
 text-align: center; float: left; width: 38em; height: 3em }


div.pfeil_li {
 font-size: 10px;    text-align: left; left: 1em;  position: absolute; top: 5em;  width: 15em; height: 3em }


div.pfeil_re {
 font-size: 10px;  text-align: right;  position: absolute; right: 1em; top: 5em; width: 15em; height: 3em; vertical-align: baseline; }


.internelinks  {
 line-height: 140%; background-color: #a7a1a7; list-style-image: url(dekor/blauesquadrat10x10.gif); list-style-position: outside;   padding-bottom: 4pt;  }


.externelinks  {
 line-height: 140%; background-color: #a7a1ff; list-style-image: url(dekor/link.gif); list-style-position: outside;   padding-bottom: 4pt;  }


.iweinlinks  {
 line-height: 140%; background-color: #a7ff99; list-style-image: url(dekor/gruenesquadrat10x10.gif); list-style-position: outside;   padding-bottom: 4pt;  }

.links {text-align: left;}
.rechts {
 text-align: right; margin: 0; padding: 0;   height: 1em; }

.zentriert {
 text-align: center; margin-right: auto; margin-left: auto; width: 52em }


a:visited {
 font-weight:bold; color:#000060; text-decoration:none }


a:hover {
 font-weight:bold; color:#E00000; text-decoration:none }


a:active {
 font-weight:bold; color:#E00000; text-decoration:underline }


a:focus {
 font-weight:bold; color:#D80000; text-decoration:underline }


#untererBalken {
 background-color: #0f0; margin-top: 100px; margin-right: auto; margin-left: auto; padding: 4px; position: absolute; visibility: visible }



div.nur_druck { display: none; }


.absatz {

color: #511; background-color: #eee; clear: left; margin-right: auto; margin-bottom: 6px; margin-left: auto; width: 52em 
}


.bildernavi {
 background-color: #ddf; border: solid 1px #333; position: absolute; top: 10px; right: 30px; width: 12em;   }


.bildernavi_35px {
 background-color: #ADA; border: solid 1px #333; position: absolute; top: 35px; right: 30px; width: 12em;   z-index:20; }


.bildernavi_600px {
 background-color: #ADA; border: solid 1px #333; position: absolute; top: 600px; right: 30px; width: 12em;  }


.bottom {
 color: #666; font: bold 1em/1em "Avant Garde", Arial, Verdana, sans-serif; text-decoration: none; text-align: center; clear: both; margin: 0 }


.bottom_print {

color: #fff; font: bold 100%/1em "Avant Garde", Arial, Verdana, sans-serif; text-decoration: none; text-align: center; margin: 0
}


.clear {
 clear: both }

 .wie_h1 {font-size: 1.4em; 
color: blue;
font-weight: 800;
line-height: 180%;
text-align: center;
 }
  

.drittelmrand {
 float: left; padding: 1px; border: 1px #000; width: 31% }


.doppelzelle {

text-align: left; float: left; padding: 1px; width: 64% }


.drittelzelle {

float: left; padding: 2px;  width: 32% }


.viertelzelle {

float: left; padding: 1px;  width: 25% }


.viertelrest {

float: left; padding: 1px;  width: 22% }


.halbzelle {

text-align: center; vertical-align: middle; float: left; margin: 4px 1px 2px;   border-width: 1px 2px 2px 1px; border-color: #099   ; width: 48% }


.vollezelle {

margin: 1em; padding: 1em; border-style: solid; border-width: 1px 3px 3px 1px; border-color: #696; width: 96%; display: block }


.haupt {
 color: #511; font-size: 1em; background-color: #eee; clear: left; margin-top: 4px; margin-right: auto; margin-left: auto; border: solid 1px #ada; width: 52em }


.hochpfeil {
 color: #fff; font: bold 80%/1em "Avant Garde", Arial, Verdana, sans-serif; text-decoration: none; background-color: #ada; clear: both; margin: 0; padding: 1em 1em 0; position: fixed; right: 3em; bottom: 2em; height: 1em; display: block }


.klein {
 color: #603; font: bold 80%/1em "Avant Garde", Arial, Verdana, sans-serif; text-decoration: none; margin: 0; padding: 1em 1em 0 }


.linie {
 color: #fff; font: bold 80%/1em "Avant Garde", Arial, Verdana, sans-serif; text-decoration: none; background-color: #ada; clear: both; margin: 0; padding: 1em 1em 0; height: 1em; display: block }

 .nd_linie {

 display: none; }

.miniaturen {
 color: #f33; font-size: 1em; background-color: #eee; text-align: center; margin-right: auto; margin-left: auto; position: fixed; top: 490px; width: 52em }


.miniaturen img {
 border: none }


.miniaturenfliessend {
 color: #f33; font-size: 1em; background-color: #eee; text-align: center; margin-right: auto; margin-left: auto; width: 52em }


.miniaturenfliessend img {
 border: none }


.nachrechts {
 text-align: right; margin: 0; padding: 0; position: relative; height: 1em; display: inline; }


.nav {
 clear: both; margin: 0.2em; padding: 0 }


.nav .current, .nav .current a {
 color: #D99; background: #DFD; background-image: url(tabs2-big-ct.gif) }


.nav a {
 color: #333; font-weight: bold; text-decoration: none; background: #DFD url(tabs2-big.gif) no-repeat 100% 100%; float: left; padding: 0 16px 0 0; display: block }


.nav a {
 float: none }


.nav a:hover {
 color: #ccc }


.nav li {
 font-size: 10px; line-height: 20px; background: #EFE url(tabs2-big.gif) no-repeat 0 100%; list-style-type: none; list-style-position: inside; float: left; margin-left: 1px; padding-left: 16px }


.navlin {
 margin: 0.2em; padding: 0 }


.navlin .current, .navlin .current a {
 color: #fdb; background-color: #FFF; }


.navlin a {
 color: #333; font-weight: bold; text-decoration: none; background: #FFF no-repeat 100% 100%; float: none; padding: 0 16px 0 0; display: block }
.navlin_nf a {
 color: #333; font-weight: normal; text-decoration: none; background: #FFF no-repeat 100% 100%; float: none; padding: 0 16px 0 0; display: block }


.navlin a:hover {
 color: #ccc; background-color: #f33 }


.navlin li {
 font-size: 10px; line-height: 12px; background: #fff no-repeat 0 100%; list-style-type: none; list-style-position: inside; float: left; margin-left: 1px; padding-left: 16px }


.rand_md {
 text-align: justify;  padding: 0 1em 0 0;  border-style: solid; border-width: 1px 4px 4px 1px; border-color: #ada;  }


.rand_mdleft {
 text-align: left; float: left; margin: 2em; padding: 2.5em; border-style: solid; border-width: 1px 4px 4px 1px; border-color: #ada; width: 12em }

.rand_mdright {
 text-align: center; float: right; margin: 2em; padding: 2.5em; border-style: solid; border-width: 1px 4px 4px 1px; border-color: #ada; width: 20em }


.rand_od {
 text-align: justify; float: right; margin: 2em; padding: 2.5em; border-style: solid; border-width: 1px 4px 4px 1px; border-color: #ada; width: 12em }



.s1position {float: left; width: 12em;}
.s2thema {float: left; width: 20em;}
.s2breit {float: left; text-align: left; padding: 0 0 1em 0; width: 35em;}
.s3sw {float: left; width: 7em;}
.s4color {float: left; width: 7em;}
.s5gesamt {float: left; width: 9em;}