body {font: normal 100% Arial, Verdana, sans-serif; color: #223D71; margin: 0; padding: 0; background:#fff;}
/*background:#fff url("../pix/streifen.gif") right top no-repeat;*/
ul, li, div, p, h1, h2, h3, p {margin: 0; padding: 0;}

html, body {height:100%;}

/*#container {width: 990px; min-height:100%; background: url("../pix/schatten.jpg") 0 0 repeat-y; margin-right: auto; margin-left: auto; margin-top: 0px;}
#header {height: 150px; width: 970px; border-top: 15px solid #BD0F1F; margin: 0 0 0 20px;}*/
#container {width: 990px; min-height:100%; background: url("../pix/schatten_re_li.jpg") 0 0 repeat-y; margin-right: auto; margin-left: auto; margin-top: 0px;}
#header {height: 150px; width: 925px; border-top: 15px solid #BD0F1F; margin: 0 45px 0 20px;}
.logo {float: left; width: 250px;}
.logo p.bild {padding: 30px 0 75px 45px;}

.navi {float: left; padding: 40px 0 0 0;}
/*.main {width: 720px; height: 22px; clear: left; display: block;}*/
.main {width: 675px; height: 22px; clear: left; display: block;}
.main ul {list-style-type: none;}
.menu li {float: left;}
.menu li.erster {width: 170px;} /* geändert 200px */
.menu li.erster a {color: #000; padding: 2px 15px 2px 2px;}
.menu li.erster a:hover, .menu li.erster#active a {background: #000; color: #fff; padding: 2px 15px 2px 2px;}
.menu a {font: normal 0.85em Arial, Verdana, sans-serif; display: block; text-decoration: none; color: #000; padding: 2px 8px 2px 8px;} /* geändert padding: 2px 10px 2px 10px; */
.menu a:hover, .menu li#aktiv {background: #ccc;}

#inhalte {min-height: 605px; margin: 0 0 0 20px;}
#bildblock {height: 255px;}

#grafik {width: 720px; margin: 0 0 0 250px;}
#grafik p.bild_vorstand { width: 185px; float: left;}
#grafik p.bild_grau {float: left; font-size: 0.75em; color: #000; background:#D9DADB; width: 315px; height: 65px; padding: 160px 45px 10px 20px;}

#texte {width: 970px; clear: left;}

#subnavBild {float: left; width: 205px; margin: 0 0 0 45px;}
#subnavBild ul {margin: 25px 0 0 0; list-style-type: none;}
#subnavBild li {margin: 0 0 30px 0; display: block; width: 175px;}
#subnavBild li a {text-decoration: none; font-size: 0.8em; color: #999; padding: 1px 4px 1px 0;}
#subnavBild li a:hover, #subnavBild li#aktiv a {color: #000;}

#subnav {float: left; height: 350px; width: 205px; margin: 0 0 0 45px;}

#subnav p.extLink {margin: 15px 0 0 0;}
#subnav p.extLink a {text-decoration: none; font-size: 0.8em; color: #999;}
#subnav p.extLink a:hover {color: #BD0F1F;}


.info {height: 205px;}
.boersennews p a {text-decoration: none; font-size: 0.75em; color: #999;}
.boersennews p a:hover {color: #BD0F1F;}
.boersennews p a.aktiver {color: #BD0F1F;}

.boersennews p.baer {padding: 10px 0 10px 0;}
.boersennews p.einfach {margin: 0 65px 0 0; padding: 10px 0 10px 0; border-top: 1px solid #000;}

.info ul.sub {margin: 3px 0 0 0; list-style-type: none;}
.sub li {margin: 0 0 30px 0; display: block; width: 175px;}
.sub li a {text-decoration: none; font-size: 0.8em; color: #999;}
.sub li a:hover, .sub li a#activ {color: #000;}

#copy {width: 685px; float: left; margin: 10px 0 0 0;}
#copy h1 {font: bold 1.0em/160% Arial, Verdana, sans-serif; color: #BD0F1F;}
#copy h2 {font: normal 0.9em/100% Arial, Verdana, sans-serif; color: #BD0F1F; margin: 0 0 20px 0;}
#copy h3 {margin: 0 120px 10px 0; border-top: 1px solid #000;}
#copy p {font: normal 0.75em/140% Arial, Verdana, sans-serif; color: #000; float: left; width: 265px; margin: 0 20px 0 0;}
#copy p.start {width: 275px;}
#copy p.vorstand {width: 375px;}
#copy p.ganz {width: 575px;}
#copy p.einzug {width: 560px; padding:0 0 0 15px;}
.abstand_datum {padding: 0 0 0 100px;}
.abstand_teile {padding: 0 0 0 129px;}
.abstand_teile2 {padding: 0 0 0 143px;}
.abstand_teile3 {padding: 0 0 0 155px;}
#copy p.spalte {width: 115px; margin: 0;}
#copy p.spalte_2 {width: 120px; margin: 0;}
#copy p.spalte_3 {width: 80px; margin: 0;}
#copy p.linie {width: 575px; height: 5px; margin: 5px 20px 0 0; border-top: 1px dashed #999;}

#footer {height: 30px; width: 970px; margin: 0 0 0 20px;}
#footer .copyright {float: left; width: 140px; margin: 0 65px 0 45px; border-top: 1px solid #000; font: normal 0.7em Arial, Verdana, sans-serif; color: #B0B0B0; padding: 10px 0 0 0;}
#footer .metanav {width: 560px; float: left; border-top: 1px solid #000; margin: 0 65px 0 0; padding: 10px 0 0 0;}
#footer .metanav ul {list-style-type: none;}
#footer .metanav li {float: left;}
#footer .metanav a {font: normal 0.75em Arial, Verdana, sans-serif; display: block; text-decoration: none; color: #B0B0B0; padding: 0 20px 0 0;}
#footer .metanav a:hover, #footer .metanav a.activer {color: #000;}

/* geändert: color: ergänzt */
a.weiter {background: url("../pix/pfeil.gif") 0 4px no-repeat; padding: 0 0 0 17px; color: #999; text-decoration: none;}
a.weiter:hover {background: url("../pix/pfeil_over.gif") 0 4px no-repeat; color: #BD0F1F;}

a.back {background: url("../pix/pfeil_over.gif") 0 5px no-repeat; padding: 0 0 0 25px; color: #BD0F1F; text-decoration: none;}
a.back:hover {background: url("../pix/pfeil.gif") 0 5px no-repeat; color: #999;}

a.weiterRot {background: url("../pix/pfeil_over.gif") 0 2px no-repeat; padding: 0 0 0 25px; color: #BD0F1F; text-decoration: none;}
a.weiterRot:hover {background: url("../pix/pfeil.gif") 0 2px no-repeat; color: #999;}

a.ohne {text-decoration: none; color: #666;}
a.ohne:hover {color: #000;}

.quadrat {background: url("../pix/quadrat.gif") 0 2px no-repeat; padding: 0 0 0 25px;}
.quadratNews {background: url("../pix/quadrat.gif") 0 2px no-repeat; padding: 0 0 0 20px;}
.grau  {color: #999;}

/*
Seitenaufbau:
Breite: 990px - Inhalte: 970px (-20px Schatten)
1. Reihe: header => logo + navi
logo: breit 250px, navi: breit 720px (main)

inhalte => Reihe 2 + 3 (margin-left 20)
2. Reihe: bildblock  => subnavBild + grafik
subnavBild: breit 205px (+ margin 45), grafik: breit 700px 

3. Reihe: texte  => subnav + copy
subnav: breit 205px (+ margin 45), copy: breit 685px 

4. Reihe: footer
*/