body {font: normal 100% arial, verdana, sans-serif; color: #AD2642;	margin: 0; padding: 0; background-color:#AD2642;}
ul, ol, li, div, p, h1, h2, h3, p {margin: 0; padding: 0;}
hr, .hidden {display:none;}
.invisible {margin:0 0 0 -999em; float:left; font:normal 0em/0em Arial;}
.clearboth {clear:both;}
.uppercase {text-transform:uppercase;}

html, body {height:100%;}
#spacer, #container {position:absolute; margin:0; padding:0;}
#spacer {width:100%; height:100%; min-width:1010px; min-height:600px;}

* html #IEspacer {width:990px; height:580px;}

#container {position:absolute; top:50%; left:50%; margin:-300px 0 0 -505px;	padding:0; width:1010px; height:600px; border: 1px solid #fff;}

#inhalte {background:#fff; margin:10px; min-height:580px;}
#inhalteS {background:#fff url(../pics/back_schleifen_m.gif) 695px 5px no-repeat; margin:10px; min-height:580px;}
#inhalteG {background:#fff url(../pics/back_schleifen_gr.gif) 530px 140px no-repeat; margin:10px; min-height:580px;}
#texte {width:740px; float:left; background: url(../pics/linie_navi.gif) 2px 98px no-repeat;}
#logo {width:250px; float:left;}
#logo .oben {margin: 70px 0 0 0;}
.name {font-size: 0.75em; font-weight:bold;}
.rot_kl {font-size: 0.7em;}
.rot_kl_45 {font-size: 0.7em; padding:32px 0 0 45px; line-height:1.4em;}
.grau_kl_45 {font-size: 0.7em; line-height:1.4em; color: #666; padding:0 0 0 45px;}
.cont_45 {padding:0 0 0 45px;}
.cont_25 {padding:0 0 0 25px;}

/* geändert: navi + float:left; */
#navi {padding: 80px 0 0 0; width:800px; float:left;}
#navi ul {margin:0; padding:0;}
/*#navi li {display:inline; list-style-type:none; float:left; white-space:nowrap; height:20px; padding: 0 10px 0 10px;}*/
#navi li {display:inline; list-style-type:none; float:left; white-space:nowrap; height:20px; padding: 0 20px 0 10px;}
#navi li a {font:bold 0.75em arial, verdana, sans-serif; color:#666; text-decoration:none;}
#navi li a:hover, #navi li #active {color:#AD2642;}
#navi li#leer {color:#aaa; font:bold 0.75em/100% arial, verdana, sans-serif; padding: 5px 10px 0 10px; height:15px;}

#subnavi {padding: 0 0 0 10px; margin: 50px 0 0 0; height:275px; width:160px; float:left;}
#subnavi li {display:block; list-style-type:none; white-space:nowrap; padding: 0 0 8px 0;}
#subnavi li a {font:bold 0.75em arial, verdana, sans-serif; color:#666; text-decoration:none;}
#subnavi li a:hover, #subnavi li .aktiv {color:#AD2642;}

#copy {width:570px; float:left; padding: 40px 0 0 0;}
#copy h1 {font: bold 0.8em/150% arial, verdana, sans-serif; padding: 10px 60px 0 0;}
#copy p {font: normal 0.75em/200% arial, verdana, sans-serif;}
#copy p.start {padding: 10px 80px 0 0;}
#copy p.cont {padding: 10px 60px 0 0;}
#copy li {font: normal 0.75em/200% arial, verdana, sans-serif;}

.vorne {font: normal 0.75em/200% arial, verdana, sans-serif; float: left; width:250px; padding: 10px 50px 0 0;}
#copy p.hinten {padding: 10px 50px 0 0;}
#copy p.overF {width:510px; height: 240px; overflow:auto; padding: 10px 20px 0 0;}

/*.bildblock geaendert 08.2010: padding:0.05em 0 1.75em 0; */
.bildblock {float: left; width:182px; padding:0.05em 0 5em 0;}
#copy p.bild {padding: 0 60px 0 0;}

#footer {clear: left; height:150px; background:#fff;}

a {color:#AD2642; text-decoration:none;}
a:hover {color:#666;}


/*
#container: weisser Rand => width:1010px; height:600px;
#inhalte: weisse Fläche => min-height:580px; <=> logo + texte (990px breit)
#texte: width:740px;
#logo:  width:250px;

#navi: width:580px; + 160px padding => 740px

#subnavi: width:160px; + 10px padding
#copy:    width:570px;

Höhen:
#container: height:600px;
#inhalte: min-height:580px; + margin:10px;
#navi: padding: 80px 0 0 160px; + #navi li: height:20px; + typo
#subnavi: height:275px; + margin: 50px 0 0 0;
footer: height:150px
*/