/* Definitionen für die Seitendarstellung: Seite 980px breit, mittig positioniert, Menü links, Fusszeile am Seitenende */


html { padding: 0; margin: 0; height: 100%; }
body { color: #222; background: #eee url('bgd_grau.jpg') repeat; font-family: Arial,sans-serif; font-size: 10pt; margin: 0; padding: 0; text-align: center; height: 100.1%; }

div#Seite { text-align: left; width: 980px; margin: 0 auto; padding: 0; height: auto; min-height: 100.1%; background: #fff url('bgd_seite.jpg') repeat-y; }
* html div#Seite { height: 100%; }

div#Inhalt { float: right; width: 560px; margin: 0; padding: 210px 110px 0 0; }

div#Spalte_links { float: left; width: 280px; margin: 0px; padding: 190px 30px 0 0; }

div#Menue { margin: 0; padding: 0; }

div#Infobox { margin: 0; padding: 0; }

div#Abschluss { clear: both; width: 980px; height: 60px; margin: 0; padding: 0; }

div#Kopf { position: absolute; top: 0px; height: 190px; width: 980px; margin: 0; padding: 0; }

div#Fusszeile { width: 980px; height: 25px; margin: -25px auto 0 auto; padding: 0; font-size: 8pt; line-height: 25px; background: url('bgd_fuss.jpg') no-repeat; color: #666; }
div#Fusszeile a { text-decoration: none; color: #666; }

div.s1 { float: left; width: 340px; padding: 0 20px 0 0; margin: 0;}
div.s2 { float: right; width: 200px; padding: 0; margin: 0;}




/* Definitionen für das Aussehen der linken Menüleiste mit zwei Ebenen, Hover-Effekt und Markierung des gewählten Punktes */


div.menue1,div.menue1_last { margin: 0 0 0 92px; padding: 0; font-size:10pt; }
div.menue1 a { display: block; height: 26px; width: 153px; line-height: 26px; margin: 0; padding: 0 0 0 10px; color: #666; background: url('bgd_menue1_normal.jpg') no-repeat; text-decoration: none; font-weight: bold; border-top: 1px solid #b6b6b6 }	
div.menue1_last a { display: block; height: 26px; width: 153px; line-height: 26px; margin: 0; padding: 0 0 0 10px; color: #666; background: url('bgd_menue1_normal.jpg') no-repeat; text-decoration: none; font-weight: bold; border-top: 1px solid #b6b6b6; border-bottom: 1px solid #b6b6b6 }
div.menue1 a:hover, div.menue1_last a:hover { background: url('bgd_menue1_hover.jpg') no-repeat; color: #555; }
div.menue1 a.selected, div.menue1_last a.selected { width: 178px; background: url('bgd_menue1_aktiv.jpg') no-repeat; color: #fff; border: none; }
div.menue1 a.selected:hover, div.menue1_last a.selected:hover { width: 178px; background: url('bgd_menue1_aktiv.jpg') no-repeat; color: #fff; border: none; }
div.menue1_spc { height: 20px; }

div.menue2, div.menue2_last { margin: 0 0 0 92px; padding: 0; font-size: 8pt; }
div.menue2 a { display: block; height: 23px; width: 138px; line-height: 23px; margin: 0; padding: 0 0 0 50px; color: #666; background: url('bgd_menue2_normal.jpg') no-repeat 0px center; text-decoration: none; font-weight: bold; }
div.menue2_last a { display: block; height: 23px; width: 138px; line-height: 23px; margin: 0 0 -1px 0; padding: 0 0 0 50px; color: #666; background: url('bgd_menue2_normal.jpg') no-repeat 0px center; text-decoration: none; font-weight: bold; border-bottom: 1px solid #b6b6b6; }
div.menue2 a:hover,div.menue2_last a:hover { color: #555; background: url('bgd_menue2_hover.jpg') no-repeat 0px center;}
div.menue2 a.selected,div.menue2_last a.selected { color: #000; background: url('bgd_menue2_normal.jpg') no-repeat 0px center;}
div.menue2 a.selected:hover,div.menue2_last a.selected:hover { color: #000;  background: url('bgd_menue2_normal.jpg') no-repeat 0px center;}




/* Definitionen für die Darstellung von Bildern */


img { margin: 0; padding: 0; border: none; }
img.left { float: left; margin: 0 10px 10px 0; padding: 0; border: none;}
img.right { float: right; margin: 0 0 10px 10px; padding: 0; border: none; }
img.mrn { margin: 60px 0 0 106px; padding: 0; border: none; }