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

body {
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 0 0 0;
	margin: 0;
	text-align: center; /* horizontale Zentrierung fuer IE */
	color: #000000;
	background: url(../images/hg_seite.jpg) repeat-x #ffffff;
}

div#wrap {
	text-align: left;    /* Seiteninhalt wieder links ausrichten (Benoetigt der IE)*/
	margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
	width: 820px;
	background: url(../images/hg_schatten_li-re.gif) no-repeat 0px 100px;
}

div#header {
	height: 238px;
	background: url(../images/header.gif) no-repeat;
}

div#sprachwahl-box {
	float: right;
	margin-top: 20px;
	font-size: 10px;
	text-align: right;
}


div#wrap_navi-inhalt_schatten-zum-wachsen {
	width: 820px;
	background: url(../images/schatten-zum-mitwachsen.jpg) repeat-y;
	float: left;
	
}

div#wrap_navi-inhalt {
	width: 820px;
	min-height:945px;
	height:auto !important;
	height:945px;
	background: url(../images/hg_navi-inhalt.jpg) no-repeat;
	float: left;
}

div#navi-box {
	width: 285px;
	float: left;
	margin: 5px 0 0 0;
}

div#inhalt {
	width: 450px;
	float: left;
	margin: 12px 0 0 50px;
	overflow: hidden;
}

div#blaetter-navi {
	text-align: center;
	padding: 0;
	margin: 0;
}

div#footer {
	height: 43px;
	clear: both;
	background: url(../images/hg_footer.jpg) no-repeat;
	font-size: 10px;
}

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

ul.e1 {
	font-size: 12px;
	width: 225px;
	list-style-type: none;
	padding: 0 0 0 35px;
	margin: 0 0 20px 0;
	overflow: hidden;
}

ul.e1 li {
	/* border-top: solid 1px #7ebedb; */
	padding: 0 0 0 0px;
	margin: 0 0 0 0;
	width: 100%; /* Für den IE, damit er die Navi nicht zerschießt */
	background: url(../images/navi-linie.gif) no-repeat 25px bottom;
}


ul.e1 a {
	color: #000000;
	padding: 0.6em 0em 0.6em 2em;
	margin: 0 0 0 0;
	font-size: 100%;
	display: block;
	text-decoration: none;
	width: 100%; /* Für den IE, damit er die Navi nicht zerschießt */
}



ul.e1 li a:hover, ul.e1 li a:active {
	color: #000000;
	font-weight: bold;
	/* background: url(../images/navi-pfeil.gif) no-repeat 0 .3em;	*/
}

.e1a {
	color: #000000 !important;
	background: url(../images/navi-pfeil.gif) no-repeat 0 .3em;
	font-weight: bold;
}


ul.e2 {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: url(../images/navi-linie.gif) no-repeat 25px top;
}

ul.e2 li {
	/* border-top: solid 1px #7ebedb; */
	padding: 0 0 0 25px;
	margin: 0 0 0 0;
	width: 110%; /* Für den IE, damit er die Navi nicht zerschießt */
	background: none;
}

ul.e2 a {
	color: #000000;
	padding: 0.4em 0em 0.4em 2em;
	margin: 0 0 0 0;
	font-size: 100%;
	display: block;
	text-decoration: none;
	width: 100%; /* Für den IE, damit er die Navi nicht zerschießt */
	background: url(../images/bullet-e2-off.gif) no-repeat 1.2em .8em;	
}

ul.e2 li a:hover, ul.e2 li a:active {
	color: #000000;
	font-weight: bold;
	background: url(../images/bullet-e2-on.gif) no-repeat 1.2em .8em;	
}

.e2a {
	color: #000000 !important;
	background: url(../images/bullet-e2-on.gif) no-repeat 1.2em .8em !important;
	font-weight: bold;
}

div#navi-box img {
	border: none;
	margin: 0 0 10px 60px;
}


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

div#sprachwahl-box ul {
	list-style: none;
	margin: 0;
	padding: 0 9px 0 0px;
	float: left;
}

div#sprachwahl-box ul li {
	display: inline;
	padding: 0 0 10px 15px;
	background: url(../images/trennstrich_footer.gif) no-repeat 5px 2px; 
}

div#sprachwahl-box p {
	margin: 0;
	padding: 0 0 0 0;
	float: left;
}

div#sprachwahl-box a:hover, div#sprachwahl-box a:active {
	text-decoration: none;
	color:#000000 !important;
}

div#sprachwahl-box a:link, div#sprachwahl-box a:visited {
	text-decoration: none;
	color:#000000 !important;
}

div#sprachwahl-box .sprachwahl-ohne-linie {
	background: none;
}


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

div#footer ul {
	list-style: none;
	float: right;
	margin: 0;
	padding: 20px 9px 0 0;
}

div#footer ul li {
	display: inline;
	padding: 0 0 10px 25px;
	background: url(../images/trennstrich_footer.gif) no-repeat 10px 2px; 
}

div#footer p {
	float: left;
	margin: 0;
	padding: 20px 0 0 11px;
}

div#footer a:hover, div#footer a:active {
	text-decoration: none;
	color:#000000 !important;
}

div#footer a:link, div#footer a:visited {
	text-decoration: none;
	color:#000000 !important;
}

div#footer .impressum-ohne-linie {
	background: none;
}

/* -----------------------------------------------------------  */
/* ----------------------- Blätter-Navi ----------------------  */
/* -----------------------------------------------------------  */

div#blaetter-navi ul {
	list-style: none;
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 10px;
}

div#blaetter-navi ul li {
	display: inline;
	padding: 10px 0 0 0 !important;
}

div#blaetter-navi a {
	padding: 0 2px 0 3px;
	border: none !important;
}

div#blaetter-navi a:hover, div#blaetter-navi a:active {
	text-decoration: none;
	color:#000000 !important;
	font-weight: normal !important;
	/*font-size: 11px;*/
}

div#blaetter-navi a:link, div#blaetter-navi a:visited {
	text-decoration: none;
	color:#000000 !important;
	font-weight: normal !important;
	/*font-size: 11px;*/
}

div#blaetter-navi img {
	border: none;
	margin-bottom: 0;
}

div#blaetter-navi .blaetter-navi_ohne-abstand {
	padding: 0 0 0 0px;
	margin: 0 0 0 0;
}

div#blaetter-navi .seite-vor-zurueck {
	padding: 0 10px 0 10px !important;
	margin-bottom: 10px !important;
	font-weight: normal;
	height: 20px !important;
}


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

div#inhalt p {
	line-height: 1.3em;
	margin: 0 0 1em 0;
	padding: 0;
}

.auftakt {
	font-weight: 600;
	font-size: 1.2em;
	line-height: 1.4em !important;
}

.aufzaehlung {
	margin: 0 0 1.2em 0;
	padding: 0;
}

.aufzaehlung li {
	list-style: none;
	padding: .3em .3em .3em 1.3em;
	margin: 0 0 .5em 0;
	background: url(../images/pfeil_listen.gif) no-repeat .4em .52em #f0f8ef;
}

.aufzaehlung_punkte {
	margin: 0 0 1.2em 0;
	padding: 0;
}

.aufzaehlung_punkte li {
	list-style: none;
	padding: .3em .3em .3em 1.5em;
	margin: 0 0 .5em 0;
	background: url(../images/punkte_listen.gif) no-repeat .5em 1.1em #f0f8ef;
}

div#inhalt h2 {
	font-size: 1em;
	padding: 0 0 0 0 !important;
	margin: 2em 0 .5em 0 !important;
}

.headline-mit-abstand-unten { /* Nur für Sonderfälle wenn Abstand nicht durch <p> geregelt wird */
	margin-bottom: 1.5em;
}

div#inhalt a:link, div#inhalt a:visited {
	color: #861416;
	text-decoration: none;
	border-bottom: dotted 1px #861416;
	font-weight: bold;
}

div#inhalt a:active, div#inhalt a:hover {
	color: #861416;
	text-decoration: none;
	border-bottom: none !important;
	font-weight: bold;
}

div#inhalt img {
	border: none !important;
	text-decoration: none;
}

.bilder a:link, .bilder a:visited,
.bilder a:active, .bilder a:hover {
	border: none !important;
}
	
.headlines_impressum {
	background: #f0f8ef;
	font-weight: bold;
	padding: .3em 0 .3em .6em !important;
	margin: 0 0 .8em 0 !important;
}

#inhalt hr {
	border: 0;
	color: #c8dbbd;
	background-color: #c8dbbd;
	height: 3px;
	margin-top: .6em !important;
	margin-bottom: 1em;
}

.kontaktformular-hinweis {
	font-size: 16px;
	margin-bottom: 0;
	padding: 20px 0 0 0 !important;
}

/* -----------------------------------------------------------  */
/* -------------------------- Formular -----------------------  */
/* -----------------------------------------------------------  */

div#inhalt form {
	margin-top: 4em !important;
	float:left;
}

div#inhalt label {
	float:left;
	width: 135px;
	margin-bottom: 1em;
}

div#inhalt input {
	float: left;
	width: 15em;
	border: solid 1px #628e46;
	background-color: #f0f8ef;
	padding: .2em;
}

div#inhalt textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	width: 20em;
	height: 10em;
	border: solid 1px #628e46;
	background-color: #f0f8ef;
	padding: .2em;
}

div#inhalt br {
	clear:both;
}

.senden {
	float:left;
	background-color: #628e46 !important;
	border: 1px solid #628e46 !important;
	color: #ffffff !important;
	margin: 1.7em 0 .5em 135px !important;
	width: 8.4em !important;
}

.plz {
	width: 4em !important;
	margin-right: 1em;
}

.ort {
	width: 9.4em !important;
}

.anzahl {
	width: 3em !important;
}