@charset "utf-8";
/* CSS Document */

#content {
	position: absolute;
	width: 100%;
	height: 100%;
}

#impressum {
	position:absolute;
	right: 0.625em;
	top:0.625em;
	width: 30em;
}

#icons {
	position:absolute;
	left: 0.5em;
	top: 1em;
	width: 15em;
}

#logo {
	position: absolute;
	right: 0.5em;
	top: 5em;
	width: 28em;
	height: 7em;
}

#Laempel {
	position: relative;
	float:left;
	top: 5em;
	left: 1em;
	width: 10.313em;
	height:5em;
}

#header {
	position: absolute;
	float: left;
	width: 100%;
	height: 25em;
	top: 15em;
}

#headerbild {
	position: relative;
	float: left;
	top: -1em;
	width: 100%;
	height: 100%;
}

#faecher {
	position: absolute;
	float: left;
	width: 100%;	
	height: 8em;
	top: 45em;
	background: #518c56;
}

#flaeche{
	position: relative;
	float: left;
	width: 100%;
	min-height: 10em;
}

#flaecheinnen{
	position: relative;
	float: left;
	padding-left:0.025em;
	padding-right:0.025em;
	width: 100%;
	height: 100%;
}

footer {
	position: fixed; 
	height: 1.5em;
	width: 100%;
	left: 0;
	bottom: 0;
	background: #a5d8a5;
}

.copyright-telefonstile {
	font-size: 1.5em;
	line-height: 1.5em;
	color: #518c56;
	text-indent: 0.5em;
}

#image {
	float:left;
	width: 29em;
	height: 19em;
	padding-left: 1.25em;
	padding-right: 0.75em;
	margin-bottom: 0.75em;
}

ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#menue {
	width: 100%;
	height: 2em;
}

ul#menue li {
	font-family: Arial,Helvetica,sans-serif;
	line-height: 2em;
	font-size: 1.95em;
	text-align: left;
	text-decoration: none;
	font-weight: regular;
	text-indent: 1.25em;
}

ul#menue li a {
	display: block;
	height: 2em;
	width: 100%;
	background: #6eaf73;
	text-decoration: none;
	color: #ffffff;
	border-bottom: #ffffff dotted 0.1em;
}

ul#menue li a:hover {
	display: block;
	height: 2em;
	width: 100%;
	background: #518c56;
	text-decoration: none;
	color: #ffffff;
	border-bottom: #ffffff dotted 0.1em;
}

ul#menue li a + ul.submenue
{
display: none;
}

ul#menue li a:focus + ul.submenue
{
display: block;
}

ul#submenue1 li a, ul#submenue2 li a, ul#submenue3 li a {
	font-family: Arial,Helvetica,sans-serif;
	height: 2em;
	line-height: 2em;
	font-size: 0.5em;
	text-align: left;
	text-decoration: none;
	color: #ffffff;
	text-indent: 2.5em;
	background: #82bf86;/*IE*/
	border-bottom: #ffffff dotted 0.1em;
}

ul#submenue1 li a:hover, ul#submenue2 li a:hover, ul#submenue3 li a:hover {
	display: block;
	height: 2em;
	line-height: 2em;
	font-size: 0.5em;
	width: 100%;
	background: #6eaf73;
	text-decoration: none;
	text-indent: 2.5em;
	color: #ffffff;
	border-bottom: #ffffff dotted 0.1em;
}

ul#inhalt {
}

ul#inhalt li a {
	float:left;
	color: #37abbc;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 1em;
	font-weight: normal;
	background-color: #ffffff;
} 

ul#inhalt li a:hover {
	float:left;
	color: #95c6cd;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 1em;
	font-weight: normal;
	background-color: #ffffff;
}

.kontakt {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
}


label { /* Alle Labels UND Formularelemente auswählen */
  	display: block;
}

input#name { /* das Name-Feld */
	display: block;
	width: 90%; /* Breite.*/
	height: 2em;
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	margin-left: 3em;
}

input#email { /* das Email-Feld */
	display: block;
	width: 90%; /* Breite.*/
	height: 2em;
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	margin-left: 3em;
}

input#fach { /* das Email-Feld */
	display: block;
	width: 90%; /* Breite.*/
	height: 2em;
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	margin-left: 3em;
}

input#nachricht { /* das Email-Feld */
	display: block;
	width: 90%; /* Breite.*/
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	margin-left: 0em;
}

input#bttSenden { /* den Submit-Button */
	float: left;
	width: 11em;
	background-color: #518c56;
	margin-top: 0.15em;
	margin-bottom: 0.15em;
	font-size: 1.5em;
	color: #ffffff;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	border: #518c56 dotted 0.063em;
	margin-left: 1em;
}

input#bttSenden:hover { /* den Submit-Button */
	float: left;
	width: 11em;
	background-color: #a5d8a5;
	margin-top: 0.15em;
	margin-bottom: 0.15em;
	font-size: 1.5em;
	color: #518c56;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	border: #518c56 dotted 0.063em;
	margin-left: 1em;
}

input#bttSenden2 { /* den Submit-Button */
	float: left;
	width: 11em;
	background-color: #518c56;
	margin-top: 0.15em;
	margin-bottom: 0.15em;
	font-size: 1.5em;
	color: #ffffff;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	border: #518c56 dotted 0.063em;
	margin-left: 1em;
}

input#bttSenden2:hover { /* den Submit-Button */
	float: left;
	width: 15em;
	background-color: #a5d8a5;
	margin-top: 0.15em;
	margin-bottom: 0.15em;
	font-size: 2em;
	color: #518c56;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	border: #518c56 dotted 0.063em;
	margin-left: 1em;
}

input#bttLoeschen { /* den Submit-Button */
	float: left;
	width: 11em;
	background-color: #ffffff;
	font-size: 1.5em;
	color: #518c56;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	border: #518c56 dotted 0.063em;
	margin-left: 1em;
}

input#bttLoeschen:hover { /* den Submit-Button */
	float: left;
	width: 11em;
	background-color: #a5d8a5;
	font-size: 1.5em;
	color: #518c56;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	border: #518c56 dotted 0.063em;
	margin-left: 1em;
}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
 	clear: left; /* das floating der labels und inputs aufheben */
}

textarea {
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size: 1.25em;
	float: left;
	margin-left: 1em;
}

.headline {
	color: #518c56;
	font-weight: bold;
	font-size: 2.15em;
	padding-left: 0.5em;
	font-family: Arial, Helvetica, sans-serif;
	text-indent: -0.01em;
}

.head {
	color: #518c56;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.75em;
	line-height: 1.15em;
	padding-left: 0.5em;
	font-weight: normal;
	text-indent: -0.01em;
}

.subhead {
	color: #37abbc;
	font-weight: normal;
	font-size: 1.5em;
	padding-left: 0.5em;
	font-family: Arial, Helvetica, sans-serif;
	text-indent: -0.01em;
}

.fliesstext {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	line-height: 1.5em;
	font-weight: normal;
	padding-left: 1em;
	padding-right: 0.5em;
	text-indent: -0.01em;
}

a.fliesstext:link, a.fliesstext:visited {
	color: #37abbc;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 1em;
	font-weight: normal;
}

a.fliesstext:hover, a.fliesstext:active {
	color: #95c6cd;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 1em;
	font-weight: normal;
}


.fliesstext2 {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	line-height: 1.5em;
	font-weight: normal;
	padding-left: 1em;
	padding-right: 0.5em;
	text-indent: -0.01em;
}

a.textlink:link, a.textlink:visited {
	color: #37abbc;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 1em;
	font-weight: normal;
}

a.textlink:hover, a.textlink:active {
	color: #95c6cd;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 1em;
	font-weight: normal;
}

.adresse {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	font-weight: normal;
	line-height: 1.5em;
	list-style-type:square;
	list-style-position: inside;
}

a.adresse:link, a.adresse:visited {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 1em;
	font-weight: normal;
}

a.adresse:hover, a.adresse:active {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 1em;
	font-weight: normal;
}

.impressum {
	color: #a5d8a5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.75em;
	font-weight: normal;
	line-height: 1.75em;
	text-align: right;
}

a.impressum:link, a.impressum:visited {
	color: #518c56;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 1em;
	font-weight: normal;
	text-align: right;
}

a.impressum:hover, a.impressum:active {
	color: #a5d8a5;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 1em;
	font-weight: normal;
	text-align: right;
}

.faecher {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: normal;
	line-height: 2em;
}

.allgemein {
	color: #518c56;
	font-size: 1.5em;
	font-weight: bold;
}

a.allgemein:link, a.allgemein:visited {
	color: #518c56;
	text-decoration: underline;
	font-size: 1em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

a.allgemein:hover, a.allgemein:active {
	color: #518c56;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
}

#suche {
margin-bottom: 0.5em;
}

label { /* Alle Labels UND Formularelemente auswählen */
float: left;
}

input#suche { /* das Name-Feld */
float: left;
margin-left: 1.5em;
width: 13em; /* Breite.*/
color:#000000;
font-size: 1em;
font-family:Arial,Helvetica,sans-serif;
text-indent: 0.5em;
}

input#bttsuchen { /* den Submit-Button */
float: left;
width: 4.75em;
background-color: #518c56;
font-size: 1em;
color: #ffffff;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
border: #518c56 dotted 0.063em;
margin-left: 0.5em;
}

input#bttsuchen:hover { /* den Submit-Button */
color: #518c56;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
border: #518c56 dotted 0.063em;
background-color: #a5d8a5;
}