@charset "utf-8";
@import url("site-reset.css");

html, body { height: 101%; }

body { background: #e3e3e3; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; color: #303030; text-align: center; }

p { margin-bottom: 8px; }
strong { font-weight: bold; }

#rahmen { width: 944px; background: #fff; margin: 0 auto; text-align: left; }

#kopf { background: #FFF; float: left; width: 928px; height: 272px; margin: 8px 8px 0 8px; position: relative; }

#kopf-rahmen { background: #fff; position: relative; float: left; }

#kopf-inhalt {	width: 680px; height: 264px; position: relative; float: left; background: url(../image/kopf-inhalt-background-image.jpg) left top no-repeat; }
#kopf-inhalt-bild { width: 680px; height: 224px; position: relative; float: left; }

#kopf-inhalt-navigation { width: 680px; height: 40px; float: left; position: relative; background: url(../image/kopf-inhalt-background-image.gif) bottom left repeat-x;}
#kopf-inhalt-navigation ul { list-style: none; float: left; position: relative; margin: 0 0 0 8px; }
#kopf-inhalt-navigation ul li { display: inline; float: left; position: relative; font-size: 16px; font-weight: bold; }
#kopf-inhalt-navigation ul li a { float: left; position: relative; text-decoration: none; color: #FFF; padding: 9px 16px 8px 16px; margin: 0 4px 0 0; border: 1px solid #ab0000; background: url(../image/kopf-inhalt-navigation-background.png) repeat-x top left; }
#kopf-inhalt-navigation ul li a:hover { background: url(../image/kopf-inhalt-navigation-background-aktiv-hover.png) repeat-x top left; }
#kopf-inhalt-navigation .aktiv { background: url(../image/kopf-inhalt-navigation-background-aktiv-hover.png) repeat-x top left; }

#kopf-logo { float: left; position: relative; width: 240px; height: 264px; margin: 0 0 0 8px; }

#inhalt-rahmen { background: #FFF; position: relative; float: left; width: 944px; }	

#spalte-links { width: 160px; float: left; position: relative; margin: 24px 0 8px 0; height: 100%; }
#spalte-links-unternavigation { float: left; position: relative; }
#spalte-links-unternavigation ul { float: left; position: relative; list-style: none; border-bottom: 1px solid #ab0000; border-top: 1px solid #ab0000; }
#spalte-links-unternavigation ul li { float: left; position: relative; list-style-image: none; border-bottom: 1px solid #ab0000; width: 160px; }
#spalte-links-unternavigation ul li a { width: 160px; float: left; position: relative; text-decoration: none; font-weight: bold; 	display: block; font-size: 16px; color: #ab0000; margin: 0 0 0 0; padding: 8px 0 8px 32px; }
#spalte-links-unternavigation ul li a:hover { background: url(../image/spalte-links-unternavigation-hover.gif) left center no-repeat; }
#spalte-links-unternavigation .aktiv { background: url(../image/spalte-links-unternavigation-aktiv.gif) left center no-repeat; }

#spalte-inhalt { width: 520px; float: left; position: relative; margin: 0 0 0 8px; padding-top: 24px; min-height: 512px; }
.spalte-inhalt-box {margin:  0 24px 16px 24px; width: 472px; }
#switch ul li a,
.spalte-inhalt-box a, 
.spalte-rechts-box a { text-decoration: underline; color: #870707; }
#switch ul li a:hover,
.spalte-inhalt-box a:hover, 
.spalte-rechts-box a:hover { color: #ab0000; text-decoration: none; }
#switch ul li a:active,
.spalte-inhalt-box a:active, 
.spalte-rechts-box a:active { color: #ab0000; text-decoration: none; }
span.spalte-inhalt-box-ueberschrift { background: #ab0000; color: #fff; padding: 0 2px 0 0; }
.spalte-inhalt-box p {line-height: 15px; font-size:11px;}
.spalte-inhalt-box h1 { font-size: 24px; font-weight: bold; line-height: 28px; margin-bottom: 8px; color: #ab0000;  }
.spalte-inhalt-box h2 { color: #ab0000; font-size: 16px; font-weight: bold; line-height: 20px; margin: 0 0 8px 0; text-transform: uppercase;}
.spalte-inhalt-box h3 { color: #ab0000; font-weight: bold; font-size: 14x; line-height: 16x; margin: 4px 0 0 0; }
.spalte-inhalt-box ul { padding: 0 0 0 16px; list-style: url(../image/list-style-image.gif); margin: 0 0 8px 8px; }
.spalte-inhalt-box ul li { margin: 0 0 4px 0; }
.box-fuss { border-top: solid 1px #c2c2c2; height: 32px; float: left; position: relative; width: 472px; margin: 8px 0 0 0; }
.kategorie { float: left; display: inline; } 
.datum { float: right; display: inline; }
#switch { padding: 0 24px 0 24px; display: block; margin-bottom:16px;}
#switch ul { border-top: solid 1px #ab0000; display: block; padding: 11px 0 0 0; }
#switch ul li { display:inline; float: left; margin: 0px 16px 0 0; }
#switch ul li a.aktiv{ text-decoration:none; }
			
#spalte-rechts { float: left; position: relative; width: 240px; margin: 0 0 0 8px; }
.spalte-rechts-box { float: left; position: relative; width: 208px; padding: 31px 16px 16px 16px; background: #e6e6e6 url(../image/spalte-rechts-box-background.jpg) center bottom no-repeat; margin: 0 0 8px 0; }
.spalte-rechts-box h3 { color: #ab0000; font-weight: bold; font-size: 16px; line-height: 20px; margin: 0 0 8px 0; }
.spalte-rechts-box h4 { font-weight: bold; }
.spalte-rechts-box ul { padding: 0 0 0 16px; list-style: url(../image/list-style-image.gif); margin: 0 0 8px 0; }

#fuss { height: 24px; margin: 0 8px 8px 8px; padding: 8px 0 0 16px; background: #ab0000; }
#fuss a { text-decoration: none; color: #6d1818; }
#fuss a:hover { color: #fff; }
#fuss .aktiv { color: #492626; }

.clear { clear: both; }	
.trennung { clear:both; height: 8px; background: #FFF; }
.bild-rechts { float: right; margin: 4px 0 8px 16px; }
.bild-links { float: left; margin: 4px 16px 8px 0; }
.bild { float: left; margin: 4px 0 8px 0; } 
.bildunterschrift {	padding-top: 4px; margin-bottom: 4px; line-height: 12px; color: #666; font-size: 10px; }
.zug{ background:#e6e6e6 url(../image/class-zug.jpg) bottom left no-repeat; }
.top { padding-top: 7px;}