/* CSS Document */

html,body {
	height: 100%;

} 

/* Layout-Ebene für Logo */
#logo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100px;
	height: 100px;
	color: #ffffff;
	margin: 0;
	background-image: url("images/brentanologoklein.gif");
	z-index: 5;
	background-repeat: no-repeat;
	}

/* Layout-Ebene für Kopfbereich */
#kopf {
	position: absolute;
	top: 0px;
	left: 100px;
	height: 80px;
	width: 900px;
	background-image: url("images/kopfgrafik.gif");
	background-color: 8B3434;
	margin: 0; padding: 10px;
	//border-bottom: 1px solid #ffffff;
	z-index: 2;
	background-repeat: no-repeat;
	}

/* Layout-Ebene für den Nachrichtenticker - nur auf der Startseite */
#ticker {
	position: absolute;
	top: 80px;
	left: 100px;
	width: 700px;
	height: 18px;
	background-color: D4D5D8;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica;
	color: #8B3434;
	font-size: 10px;
	font-weight: bold;
	padding: 2px;
	z-index: 4;
	}

/* Layout-Ebene für den eigentlichen Inhaltsbereich */
#content {
	position: absolute;
	top: 130px;
	left: 202px;
	width: 572px;
	//height: 100%;
	background-color: #F4E5B8;
	margin: 0; padding: 12px;
	z-index: 7;
	border-top: 1px solid #8B3434;
	border-left: 1px solid #8B3434;
	border-right: 1px solid #8B3434;
	border-bottom: 1px solid #8B3434;
	} 
	
#contentonline {
	position: absolute;
	top: 130px;
	left: 202px;
	width: 572px;
	height: 1100px;
	background-color: #F4E5B8;
	margin: 0; padding: 12px;
	z-index: 7;
	}	

/* Layout-Ebene für den Bereich Aktuelles */
#aktuell {
	position: absolute;
	top: 101px;
	left: 800px;
	width: 200px;
	height: 120%;
	background-color: D4D5D8;
	margin: 0; padding: 10px;
	z-index:7;
	}

/* Layout-Ebene für die gesamte linke Navigation */	
#navi {
	position: absolute;
	top: 100px;
	left: 0px;
	width: 200px;
	height: 100%;
	background-color: D4D5D8;
	margin: 0;
	padding: 8px;
	z-index: 3;
	}
	
#navistart {
	position: absolute;
	top: 1px;
	left: 0px;
	width: 200px;
	height: 30px;
	background-color: D4D5D8;
	margin: 0;
	padding: 8px;
	z-index: 3;
	}

#navibrentano {
	position: absolute;
	top: 31px;
	left: 0px;
	width: 200px;
	height: 30px;
	background-color: D4D5D8;
	margin: 0;
	padding: 8px;
	z-index: 3;
	border-top: 1px solid #8B3434;
	}
	
#naviaufgaben {
	position: absolute;
	top: 62px;
	left: 0px;
	width: 200px;
	height: 154px;
	background-color: D4D5D8;
	margin: 0;
	padding: 8px;
	z-index: 3;
	border-top: 1px solid #8B3434;
	}
	
/* #navifb {
	position: absolute;
	top: 217px;
	left: 0px;
	width: 200px;
	height: 154px;
	background-color: 8B3434;
	margin: 0;
	padding: 8px;
	z-index: 4;
	border-top: 1px solid #ffffff;
	} */

#navilinks {
	position: absolute;
	top: 314px;
	left: 0px;
	width: 200px;
	height: 153px;
	background-color: D4D5D8;
	margin: 0;
	padding: 8px;
	z-index: 8;
	border-top: 1px solid #8B3434;
	}

#naviservice {
	position: absolute;
	top: 218px;
	left: 0px;
	width: 200px;
	height: 30px;
	background-color: D4D5D8;
	margin: 0;
	padding: 8px;
	z-index: 6;
	border-top: 1px solid #8B3434;
	}

#navikontakt {
	position: absolute;
	top: 249px;
	left: 0px;
	width: 200px;
	height: 30px;
	background-color: D4D5D8;
	margin: 0;
	padding: 8px;
	z-index: 7;
	border-top: 1px solid #8B3434;
	}

#naviwirueberuns {
	position: absolute;
	top: 281px;
	left: 0px;
	width: 200px;
	height: 30px;
	background-color: D4D5D8;
	margin: 0;
	padding: 8px;
	z-index: 7;
	border-top: 1px solid #8B3434;
	}
	
/* Layout-Ebene für den Seitenstandsanzeiger (Breadcrumb) */
#breadcrumb {
	position: absolute;
	top: 100px;
	left: 202px;
	width: 600px;
	height: 30px;
	background-color: D4D5D8;
	margin: 0; padding: 8px; padding-left: 14px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: bold;
	font-size: 8pt;
	color: #8B3434;
	z-index: 1;
	}

/* Layout-Ebene für die Kopfnavigation oben rechts */	
#kopfnavi {
	position: absolute;
	top: 80px;
	left: 800px;
	width: 200px;
	height: 20px;
	background-color: D4D5D8;
	margin: 0; padding: 2px;
	z-index: 4;
	border-bottom: 1px solid #8B3434;
	}

#kasten {
	padding: 4px;
	border: solid 2px;
	border-color: #8B3434;
	font: Verdana, Helvetica, Arial;
	background-color: #F4E5B8;
	}
	
ul {
	list-style-type: none;
	margin: 0;
	padding: 5;
	z-index: 3;
	border-top: 1px dotted #8B3434;
	}

li {
	background-image: url("images/pfeil.gif");
	background-repeat: no-repeat;
	background-position: 0.0.2em;
	padding-left: 1.8em;
	padding-bottom: 0.7em;
	z-index: 3;
	}

body {
	background-color: D4D5D8;
}

#navischrift {
	font-family: Verdana, Arial, Helvetica;
	font-weight: bold;
	font-size: 12px;
	color: #8B3434;
	}

#pipe {
	font-family: Verdana, Arial, Helvetica;
	font-weight: bold;
	font-size: 13px;
	color: #8B3434;
	}
	
#subnavischrift {
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	color: #8B3434;
	font-weight: bold;
	}

a:link {
	font-family: Verdana, Arial, Helvetica;
	font-weight: bold;
	font-size: 12px;
	color: #8B3434;
	text-decoration:none;
	}

a:visited {
	font-family: Verdana, Arial, Helvetica;
	font-weight: bold;
	font-size: 12px;
	color: #8B3434;
	text-decoration:none;
	}
	
a:hover {
	font-family: Verdana, Arial, Helvetica;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	text-decoration:none;
}

#keinlink {
	font-family: Verdana, Arial, Helvetica;
	font-weight: bold;
	font-size: 12px;
	color: #D4D5D8;
	text-decoration:none;
}

/* Links im Content-Bereich */
#textlink {
	font-family: Verdana, Arial, Helvetica;
	font-weight: bold;
	font-size: 12px;
	color: #999999;
	text-decoration:none; 
}

#bildlink_over {
    width: auto;
	height: auto;
	float:right
}

#bildlink {
	width: 200px;
	height: 167px;
	border: 1px solid black;
	background-image: url(images/fv.gif);
	cursor: hand;
	margin-left: 20px;
	margin-bottom: 5px;
} 


#textlinksitemap {
	font-family: Verdana, Arial, Helvetica;
	font-weight: bold;
	font-size: 12px;
	color: #993333;
	text-decoration:none; 
}	

p {
	font-family: Verdana, Arial, Helvetica;
	color: #000000;
	font-size: 13px;
}

h1 {
	font-family: Verdana, Arial, Helvetica;
	color: 8B3434;
	font-size: 14px;
	border-bottom: 1px solid #ffffff;
}

.fett {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica;
	font-size: 13px;
	color: #000000;
}

.textaktuell {
	font-family: Verdana, Arial, Helvetica;
	color: #000000;
	font-size: 11px;
	padding: 1;
}

.aktuellweiter {
	font-family: Verdana, Arial, Helvetica;
	color: 8B3434;
	font-size: 9px;
	font-weight: bold;
}

.aktuellkastenzeile1 {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #ffffff;
	background-color: 8B3434;
}	
	
#teaser1 {
	border-bottom: 1px dotted #ffffff;
	border-top: 1px dotted #ffffff;
	position:absolute; 
	width:550px; 
	height:120px; 
	z-index:8; 
	left: 12px; 
	top: 40px;
	padding: 8px;
}

#teaser2 {
	border-bottom: 1px dotted #ffffff;
	border-top: 1px dotted #ffffff;
	position:absolute; 
	width:550px; 
	height:120px; 
	z-index:8; 
	left: 12px; 
	top: 182px;
	padding: 8px;
}

#teaser3 {
	border-bottom: 1px dotted #ffffff;
	border-top: 1px dotted #ffffff;
	position:absolute; 
	width:550px; 
	height:120px; 
	z-index:8; 
	left: 12px; 
	top: 324px;
	padding: 8px;
}

#teaser4 {
	border-bottom: 1px dotted #ffffff;
	border-top: 1px dotted #ffffff;
	position:absolute; 
	width:550px; 
	height:120px; 
	z-index:8; 
	left: 12px; 
	top: 466px;
	padding: 8px;
}

#teaser5 {
	border-bottom: 1px dotted #ffffff;
	border-top: 1px dotted #ffffff;
	position:absolute; 
	width:550px; 
	height:120px; 
	z-index:8; 
	left: 12px; 
	top: 608px;
	padding: 8px;
}

#teaser6 {
	border-bottom: 1px dotted #ffffff;
	border-top: 1px dotted #ffffff;
	position:absolute; 
	width:550px; 
	height:120px; 
	z-index:8; 
	left: 12px; 
	top: 750px;
	padding: 8px;
}

#teaser7 {
	border-bottom: 1px dotted #ffffff;
	border-top: 1px dotted #ffffff;
	position:absolute; 
	width:550px; 
	height:120px; 
	z-index:8; 
	left: 12px; 
	top: 892px;
	padding: 8px;
}


#teasertext {
	font-family: Verdana, Arial, Helvetica;
	color: #000000;
	font-size: 13px;
}

.teasertextueberschrift {
	font-family: Verdana, Arial, Helvetica;
	color: 8B3434;
	font-size: 14px;
	font-weight: bold;
}

#sitemap1 {
	position:absolute; 
	left:228px; 
	top:169px; 
	width:280px; 
	height:500px; 
	z-index:12;
	border-right: solid 1px dotted #ffffff;
}

#sitemap2 {
	position:absolute; 
	left:510px; 
	top:169px; 
	width:280px; 
	height:490px; 
	z-index:12;
	padding-left: 8;
}

#formular {
	background-color: 8B3434;
	border-top: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	font-family: Verdana, Arial, Helvetica;
}

#formular2 {
	background-color: 8B3434;
	border-bottom: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	border-top: 1px solid #ffffff;
	font-family: Verdana, Arial, Helvetica;
}

.formularschrift {
	font-weight: bold; 
	color:#ffffff; 
	font-size:11px;
}

input, textarea, select {
	background-color: #F4E5B8;
	font-size: 11px;
	color: 8B3434;
	border: 2px solid #ffffff;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica;
	scrollbar-face-color: #F4E5B8;
	scrollbar-arrow-color: #F4E5B8;
	scrollbar-track-color: 8B3434;
}

#fbonline {
	border: 2px solid #ffffff;
	background-color: 8B3434;
	font-family: Verdana, Helvetica, Arial;
}

.felderonlineformular {
	color: #ffffff;
}

#zitatschrift {
	font-style: italic;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica;
	color: 8B3434;
	font-weight: bold;
}

.vorwort {
	border: 1px solid #000000;
	background-color: #ffffff;
	padding: 10px;
}

.trennlinie {
    height: 1px;
    color: #8B3434;
    border-style: dashed;
}

.screenshots {
	margin-left: 20px;
	margin-top: 5px;
}

#sitemap4 {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica;
	color: 8B3434;
	background-color: #ffffff;
	padding-left: 0;
	font-size: 13px;
	}

#sitemap5 {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica;
	color: #999999;
	border-bottom: 1px dotted #999999;
	margin-left: 20;
	margin-bottom: 8;
	font-size: 12px;
}

#sitemap6 {
	color: #000000;
	padding-left: 40;
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
}