/* -----------------------------------------------------------  */
/* -------------------- Rahmen-Layout-Styles -----------------  */
/* -----------------------------------------------------------  */


/*	#006cb7  		Schrift dunkelblau 
	#bddaff 		Schrift hellblau
	#96bf0d			Schrift grün 				-------  */

body {
	background-color: #ffffff;
	/* background-color: #c6d5c3; */
	font-size: .8em;
	font-family: Helvetica,Arial,sans-serif;
	padding: 0;
	margin: 0;
	text-align: center; /* horizontale Zentrierung für IE */
	color: #000000;
}

div#seite {
	text-align: left;    /* Seiteninhalt wieder links ausrichten (Benötigt der IE)*/
	margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
	width: 924px;
	background: url(../bilder-layout/hg_container.jpg)
}

div#header {
	background: url(../bilder-layout/header.jpg) no-repeat;
	height: 78px;
	width: 924px;
	padding: 0;
	margin: 0;
}

div#extra_li {
	/* div packt Navi und Content in einen Bereich zusammen und floatet links */
	width: 738px;
	float: left;
	background: url(../bilder-layout/hg_seite.gif) repeat-y;
	background-position: 100% 106px;
}

div#navicontainer {
	float: left;
	width: 161px;
	background: url(../bilder/border_navi_bottom.gif) bottom right no-repeat;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
/*
div#zusammen {
	width: 760px;
	padding: 0;
	margin: 0;
	background: url(../bilder-layout/zwei-logo.gif) no-repeat bottom right;
}*/

div#inhalt {
	padding: 106px 0 0 0;
	margin: 0;
	width: 577px;
	float: left;
	background: url(../bilder-layout/hg_inhalt.jpg) no-repeat;
}

div#contentbereich {
	padding: 0 0 0 0;
	text-align: left;    /* Seiteninhalt wieder links ausrichten (Benötigt der IE)*/
	margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
	width: 430px;
}

div#containerleiste {
	float: right;
	width: 186px;
	margin: 0;
	padding: 0;
}

div#container { 						/*container- Text rechts*/
	padding: 0;
	background: #bddaff;				/*hellblauc*/
	height: 150px;
}

div#footer {
	border-top: 5px solid #96bf0d;
	clear: both;
	height: 0px;
	background-color: #ffffff !important; /* für Explorer  */
	margin: 0;
	padding: 0;
}

div#footer p {
	margin: 0;
	padding: 0;
}


/* -----------------------------------------------------------  */
/* ------------------------ Die Navigation -------------------  */
/* -----------------------------------------------------------  */

ul.navi_ebene_1 {
	list-style-type: none;
	padding: 0;
	margin: 0;
	border-bottom: solid 2px #ffffff;
	font-family: Helvetica,Arial,sans-serif;
	/* font-family: "Times New Roman", Times, serif; */
	font-size: 13px;
	/* font-weight: bold; */
}

ul.navi_ebene_1 li {
	border-top: solid 2px #ffffff;
	padding: 0;
	margin: 0;
	width: 100%; /* Für den IE, damit er die Navi nicht zerschießt */
}

.linie-oben-braun { /* Erste Linie oben in der Navi wird so braun dargestellt */
	border-top: solid 2px #ffffff !important;
}

ul.navi_ebene_2 {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 100%; /* Für den IE, damit er die Navi nicht zerschießt */
}

ul.navi_ebene_2 li {
	padding: 0;
	margin: 0;
}

ul.navi_ebene_1 a {
	padding: .15em 0 .15em 1.2em;
	margin: 0;
	font-size: 95%;
	display: block;
	text-decoration: none;
	width: 93%; /* Für den IE, damit er die Navi nicht zerschießt */
}

ul.navi_ebene_1 li a:link, ul.navi_ebene_1 li a:visited {
	color: #006cb7; /* Schrift dunkelblau */
	background-color: #bddaff; /* hellblau */

}
ul.navi_ebene_1 li a:hover, ul.navi_ebene_1 li a:active {
	color: #ffffff;
	background: url(../bilder-layout/menue-pfeile.gif) no-repeat 140px #96bf0d;
	font-weight: bold;
}

.aktiv {
	color: #ffffff !important;
	background: url(../bilder-layout/menue-pfeile.gif) no-repeat 140px #96bf0d !important;
	font-weight: bold;
}



/* -----------------------------------------------------------  */
/* ---------------------- Format-Styles ----------------------  */
/* -----------------------------------------------------------  */

table {
	border-collapse: collapse;
	font-size: 12px;
}

thead {
	background-color: #dee891;
}

tbody {
	background-color: #ffffff;
/* -- background-color: #f3f7d6; */
}

div#inhalt h1 {
	font-size: 1em;
	padding: 0;
	margin: 0 0 1em 0;
	color: #000;
}

div#inhalt h2 {
	font-size: 1em;
	padding: 0;
	margin: 0 0 1em 0;
	color: #96bf0d;
}

div#inhalt p {
	padding: 0 0 1em 0;
	margin: 0 0 0 0;
}

div#inhalt img {
	margin: 0;
	padding: 0;
}

div#inhalt ul {
	padding: 0;
	margin: 0 0 1em 0;
	list-style-type: none;
}

div#inhalt ul li {
	padding: 5px 0 5px 15px;
	margin-top: 2px;
	background: url(../bilder-layout/aufzaehlungs-zeichen.gif) no-repeat 5px 9px #f3f7d6;
	/* list-style-position: inside; */
}

.aufzaehlung-zweite-ebene { /* Einrückung der 2. Ebene in Aufzählungen */
	margin: 0 0 0 15px !important;
	padding: 0 !important;
}


.eingerueckt { /* Einrückung der 2. Ebene in der Sitemap */
	padding: 5px 0 5px 49px !important;
	background: url(../bilder-layout/aufzaehlungs-zeichen.gif) no-repeat 38px 9px #f3f7d6 !important;
}

div#inhalt ol {
	padding: 0 0 0 0;
	margin: 0 0 0 27px;
	list-style-position: outside;
}

div#inhalt ol li {
	padding: 0 0 0 0px;
	margin: 10px 0 0 0;
}

div#inhalt a:link, div#inhalt a:visited {
	text-decoration: none;
	color: #627f47;
	border-bottom: 1px dotted;
}

div#inhalt a:hover, div#inhalt a:active {
	/* text-decoration: underline; */
	border-bottom: 1px dotted;
	color: #627f47;
}

.bild-navi {
	float: left;
	/* border-bottom: 1px dashed #5b7cbd; */
	margin: 10px 15px 0 0;
	border-bottom: none !important;
}

.bild-navi img {
	margin: 0 8px 0 0;
	border: 1px solid #530e19;
	text-decoration: none !important;
}

.bild-navi p {
	font-size: .9em;
}

.bild-navi a:link, .bild-navi a:visited, 
.bild-navi a:hover, .bild-navi a:active {
	border-bottom: none;
	border: none;
	text-decoration: none;
}

.bild-link {
	text-decoration: none !important;
	color: transparent !important;
	border-bottom: none !important;
}

div.bild-mit-text-li { /* Bild mit Bildunterschrift steht links und der Text umfließt beides rechts */
	width: 145px;
	float: left;
	margin:  0 0 0 0;
	padding: 0;
}

.bildunterschrift { /* Formatierung für die Bildunterschrift */
	font-size: 11px;
	text-decoration: none;
	margin: 0;
	padding: 0;
	color: #627f47;
}

.text-rechts { /* Mit diesem Style umfließt der Text das Bild im Content nicht mehr und steht rechts daneben. 
						Überschrift und Text müssen in einem div stehen, das den Style dann zugewiesen bekommt */
	margin: 0 0 0 150px !important;
	padding: 0 0 0 0 !important;
	width: 285px;
}

.text-links { /* Mit diesem Style umfließt der Text das Bild im Content nicht mehr und steht rechts daneben. 
						Überschrift und Text müssen in einem div stehen, das den Style dann zugewiesen bekommt */
	margin: 0 0 0 0px !important;
	padding: 0 0 0 0 !important;
	width: 0px;
}


 /* IE CSS Hack für Text im Contenbereich der rechts neben einem Bild nicht umfließen soll - ANFANG */
* html .bild-mit-text-li { 
	margin-right: -3px; 
} 
 
* html .text-rechts { 
	margin: 0 0px 0 0px !important;
	display:inline !important;
	float: left;
}
 /* IE CSS Hack für Text im Contenbereich der rechts neben einem Bild nicht umfließen soll - ENDE */


div#container p {
	margin: 0;
	padding: 15px 10px 0px 20px; 
	font-family: Helvetica,Arial,sans-serif;
	font-size: 11px;
	color: #006cb7;
}

.clear {
	clear: both;
	margin: 0 0px 0 0px !important;
	display:inline !important;
}




/* -----------------------------------------------------------  */
/* --------------------- Formulare ---------------------------  */
/* -----------------------------------------------------------  */

form {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 0 1em 0 1em;
}

.pform { /* Extra-Class für das p im Formular da die Vererbung von "div#inhalt p" kommt */
	font-size: 1em !important;
	margin: .5em 0 .5em .5em !important;
	padding: 0 !important;
}

legend {
	color: #530e19;
	font-weight: bold;
}

fieldset {
	padding: .5em;
	border: 1px solid #530e19;
	margin: 0 0 .5em 0;
}

fieldset#person input:focus, fieldset#betreffzeile input:focus {
	background-color: #ffffff;
	/* font-weight: bold; */
	border: 1px solid #925e59;
}

fieldset#person input {
	font: 100% Arial, Helvetica, sans-serif;
	display: block;
	width: 10em;
	float: left;
	border: solid 1px #925e59;
	margin: .4em 0 0 0;
	padding: 0.1em;
	background-color: #e8dcd9;
}

fieldset#person label {
	float: left;
	width: 4em;
	text-align: left;
	margin: .5em 0 .2em .5em;
	padding: 0;
}

form br {
	clear: left;
}

fieldset#betreffzeile input {
	font: 100% Arial, Helvetica, sans-serif;
	border: 1px solid #925e59;
	margin: .5em 0 .5em .5em;
	padding: 0.1em;
	width: 23em;
	background-color: #e8dcd9;
}

.submit {
	background-color: #530e19;
	border: 1px solid #530e19;
	color: #ffffff;
	margin: 0 0 .5em .5em;
	cursor: pointer;
}

textarea:focus {
	background-color: #ffffff;
	border: 1px solid #925e59;
}

textarea {
	font: 100% Arial, Helvetica, sans-serif;
	border: 1px solid #925e59;
	margin: .5em 0 .5em .5em;
	padding: 0.1em;
	width: 23em;
	background-color: #e8dcd9;
}
/*
.text_and_pic {
	padding:0px;
	margin:0px;
	}
	
.text_and pic li {
	display:inline;
	list-style-type:none;
	}
	*/
/**
* NEU
*/
/*#wasserrad {
	position:absolute;
	top:600px;
	}*/

#text_bild {
	padding:0px;
	margin:0px;
	clear:left;
}

#text_bild #first_child {
	margin-left:10px;
	width:280px;
	}
	
#text_bild div{
	float:left;
	}