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

html, body { height: 101%; }

body { background: #e3e3e3; font-family: Arial, Helvetica, sans-serif;  font-size: 12px; line-height: 20px; color: #303030; text-align: center; }
h1 { font-size: 20px; font-weight: bold; line-height: 28px; margin-bottom: 20px; }
h2 { font-size: 16px; font-weight: bold; line-height: 20px; margin: 0 0 16px 0;}
h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-weight: bold; }
p { margin-bottom: 20px; font-family: Georgia, "Times New Roman", Times, serif; }
strong { font-weight: bold; }
a { color: #ab0000;}

#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; z-index: 5;}
#kopf-inhalt {	width: 680px; height: 264px; position: relative; float: left; background: url(../image/kopf-inhalt-background-image.jpg) left top no-repeat; z-index: 5;}
#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: 14px; }
#kopf-inhalt-navigation ul li a span { padding-right: 16px; background: url(../image/parent.png) right center no-repeat;}
#kopf-inhalt-navigation ul li a { background: url(../image/kopf-inhalt-navigation-background-aktiv-hover.png) repeat-x top left; border: 1px solid #ab0000; color: #FFF; float: left;  margin: 0 8px 0 0;  padding: 6px 24px 8px 24px; position: relative; text-decoration: none;}
#kopf-inhalt-navigation ul li a:hover {background: #ab0000; }
#kopf-inhalt-navigation .aktiv { background: #ab0000; }
#kopf-inhalt-navigation ul li ul { display: none;  list-style: none; margin: 0 0 0 8px; position: absolute; top: 32px; z-index: 5; left: 0; padding-top: 8px;}
#kopf-inhalt-navigation ul li:hover ul { display: block; }
#kopf-inhalt-navigation ul li ul li { float: none; font-size: 11px;}
#kopf-inhalt-navigation ul li ul li a { background: #ab0000; border: 1px solid #ab0000; border-bottom: 1px solid #fff; border-top: none; color: #FFF; display: block; margin: 0 0 0 -8px; padding: 4px 16px 4px 16px; text-decoration: none; width: 160px; }
#kopf-inhalt-navigation ul li ul li a.aktiv,
#kopf-inhalt-navigation ul li ul li a:hover { background: #fff; color: #303030; }


#inhalt {position: relative; z-index:0;}
#kopf-logo { float: left; position: relative; width: 240px; height: 264px; margin: 0 0 0 8px; }
#content .content h3 {
	font-family: Arial, Helvetica, sans-serif;  font-size: 12px; line-height: 20px
	
}
#inhalt-rahmen { background: #FFF; position: relative; float: left; width: 944px; z-index: 0;}	

#spalte-links { width: 160px; float: left; position: relative; margin: 24px 0 8px 0; height: 100%;}
.spalte-links { width: 160px; float: left; position: relative; margin: 24px 0 8px 0; height: 100%;}
#spalte-links img { margin: 0 0 20px 16px;}

#spalte-inhalt { width: 520px; float: left; position: relative; margin: 0 0 0 8px; padding: 24px 0 32px 0; min-height: 512px; z-index: 0; }
.spalte-inhalt-box {margin: 0 24px 16px 24px; position: relative; width: 472px; z-index: 0;}
#switch ul li a,
.spalte-inhalt-box a, 
.spalte-rechts-box a { color: #ab0000; text-decoration: none; }
#switch ul li a:hover,
.spalte-inhalt-box a:hover, 
.spalte-rechts-box a:hover { text-decoration: underline; }
#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 ul { padding: 0 0 0 16px; list-style: disc; margin: 0 0 20px 16px; }
.spalte-inhalt-box ul li, #switch ul li { font-family: Georgia, "Times New Roman", Times, serif; }
.box-fuss { border-top: dotted 1px #808080; color: #808080; font-style: italic; height: 32px; float: left; position: relative; width: 100%; margin: 20px 0 20px 0; }
.kategorie { float: left; font-size: 11px; display: inline; margin: 0 16px 0 0; } 
.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:underline; }
			
#spalte-rechts { float: left; position: relative; width: 240px; margin: 0 0 0 8px; }
.spalte-rechts-box { float: left; position: relative; width: 208px; padding: 16px; background: #e6e6e6 url(../image/class-zug.jpg) bottom no-repeat;}
.spalte-rechts-box h2 {}
.spalte-rechts-box h3 {  }
.spalte-rechts-box h4 { font-weight: bold; }
.spalte-rechts-box ul { font-family: Georgia, "Times New Roman", Times, serif;  padding: 0 16px 0 16px; list-style: disc; margin: 0 0 20px 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; }

/*entwicklung*/

#index #kopf-inhalt { background: url(../../site/image/kopf-index.jpg) top left no-repeat; }
.spalte-inhalt { width: 624px; float: left; position: relative; margin: 0 0 0 0; padding: 24px 32px 32px 32px; min-height: 512px; z-index: 0; background: red; }
#index .spalte-inhalt-box {margin: 0 0 16px 0; position: relative; width: 100%; z-index: 0; }
#index .spalte-inhalt-box .inhalt { width: 412px; float: left; background:#00FF00}
#index .spalte-inhalt-box-bild { float: left; margin-right: 24px; width: 160px; position: relative; background: #FFFF00; }
#index .spalte-inhalt-box-bild p.bildbschreibung { display: none; }
#index .spalte-inhalt-box-bild p.bildbschreibung:hover { background: #303030; bottom: 0; color: #fff; display: block; font-size: 10px; line-height: 12px; margin:0; padding: 4px; position: absolute; }