@charset "utf-8";
/* CSS Document für Heddi und Paul*/

* {
margin: 0;
padding: 0;
}

/* alle Rahmen im Layout werden vorerst auf 0 gesetzt */
html, body {
border: 0 solid;
}

/* Grunddefinition für Schrift und Farbe */
body {
font: 15px Candara, Calibri, Segoe, Segoe UI, Optima, Arial, Sans-Serif;
color: #000;
background: #fff url(../bilder/hintergrund-strich.jpg) 0 0 repeat-x;
text-align: center; /* der body wird zentriert - zentriertes Design */
}

.kleiner {
font-size: 11px;
color: #575756;
}

.klein {
font-size: 9px;
color: #575756;
}

.gross {
font-size: 18px;
color: #575756;
}

.tabelle {
font-size: 10px;
color: #575756;
padding-left: 5px;
padding-right: 5px;
}

.fett-14 {
font-size: 14px;
color: #575756;
font-weight: bold;
}

.fett-14-strich {
font-size: 14px;
color: #575756;
font-weight: bold;
text-decoration: underline;
}

.fett-18-strich {
font-size: 14px;
color: #f59c00;
font-weight: bold;
text-decoration: underline;
}

.fett {
font-size: 12px;
color: #575756;
font-weight: bold;
}

.fett-orange {
font-size: 12px;
color: #f59c00;
font-weight: bold;
}

.fett-orange-14 {
font-size: 14px;
color: #f59c00;
font-weight: bold;
}

.fett-orange-16 {
font-size: 16px;
color: #f59c00;
font-weight: bold;
}

.fett-orange-20 {
font-size: 20px;
color: #f59c00;
font-weight: bold;
}

.fett-gruen-16 {
	font-size: 16px;
	font-weight: bold;
	color: #8abf26;
}

.fett-gruen-18 {
	font-size: 18px;
	font-weight: bold;
	color: #8abf26;
}

.footer {
font-size: 12px;
color: #507904;
font-weight: normal;
text-align: center;
}

.kasten-16 {
font: 16px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #fff;
background-color: #f59c00;
padding: 5px 5px 5px 5px;
margin: 10px 5px 10px 0px;
text-align: left;
}


.kasten16 {
font: 16px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #fff;
background-color: #8abf26;
padding: 5px 5px 5px 5px;
margin: 10px 5px 10px 0px;
text-align: left;
}


a img {
border: 0 none;
text-decoration: none;
background-color: none;
}

a {
font-size: 15px;
font-weight: bold;
color: #8abf26;
text-decoration: none;
}

a:hover {
color: #f59c00;
font-weight: bold;
text-decoration: none;
}

.fltrt {
float: right;
margin-left: 8px;
}

.fltlft {
float: left;
margin-right: 8px;
}

.clearfloat {
clear: both;
height: 0;
font-size: 1px;
line-height: 0px;
}

.abstand{
margin-top: 2px;
}

.abstandgr{
margin-top: 10px;
}

#website {
position: relative; /* dadurch wird das Layout zentriert - wichtig in Verbindung mit margin: 0 auto */
width: 1200px;
line-height: 1.5em;
margin: 0 auto; /* dadurch wird das Layout zentriert - wichtig in Verbindung mit position: relativ */
text-align: left; /* alles in der website soll aber linksbündig sein */
background: transparent;
}

#facebook {
	position: absolute;
	top: 430px;
	left: 990px;
	width: 145px;
	height: 180px;
	z-index: 90;
	background: transparent;
}

#logo {
	position: absolute;
	top: 56px;
	left: 88px;
	width: 260px;
	height: 180px;
	z-index: 90;
	background: transparent;
}

#kopf {
display: block;
width: 1200px;
height: 305px;
background: transparent; 
}

#kopf-links {
position: absolute;
top: 0px;
left: 0px;
width: 383px;
height: 305px;
z-index: 5;
background: transparent url(../bilder/kopf-links.jpg) no-repeat;
}

#kopf-mitte {
position: absolute;
top: 0px;
left: 383px;
width: 323px;
height: 305px;
z-index: 5;
background: transparent url(../bilder/kopf-mitte.jpg) no-repeat;
}

#kopf-rechts {
position: absolute;
top: 0px;
left: 706px;
width: 494px;
height: 305px;
z-index: 5;
background: transparent url(../bilder/kopf-rechts.jpg) no-repeat;
}

#menue {
	position: absolute;
	top: 200px;
	left: 13px;
	width: 860px;
	height: 60px;
	z-index: 100;
	background: transparent;
}

#strich {
	position: absolute;
	top: 305px;
	left: 0px;
	width: 1200px;
	height: 47px;
	z-index: 90;
	background: transparent;
}

#ueberschrift {
	position: absolute;
	top: 355px;
	left: 0px;
	width: 1200px;
	height: 69px;
	z-index: 70;
	background: transparent;
}

#inhalt {
width: 1200px;
background: #fff;
z-index: 15;
}

#text {
margin-left: 95px;
padding-top: 130px;
width: 1000px;
text-align: left; /* alles in der website soll aber linksbündig sein */
color: #575756; /* die normale Schriftfarbe ist dunkles Grau */
background: transparent;
line-height: 18px; /* um den peekaboo bug zu vermeiden */
z-index: 70;
}

#links850 {
float: left;
width: 850px;
background: transparent;
padding-bottom: 5px; /* 20px Abstand nach unten */
}

#links680 {
float: left;
width: 680px;
background: transparent;
padding-bottom: 5px; /* 20px Abstand nach unten */
}

#links550 {
float: left;
width: 550px;
background: transparent;
padding-bottom: 5px; /* 20px Abstand nach unten */
}


/* die rechte Spalte im Inhalt-Bereich */
#rechts300 {
float: left;
width: 300px;
margin-left: 15px;
background: transparent;
padding-bottom: 20px; /* 20px Abstand nach unten */
}

#rechts380 {
float: left;
width: 380px;
margin-left: 25px;
background: transparent;
padding-bottom: 20px; /* 20px Abstand nach unten */
}

#menue {
	position: absolute;
	top: 252px;
	left: 1px;
	width: 915px;
	height: 55px;
	z-index: 60;
	background: transparent;
}


#footer {
width: 1200px;
height: 126px;
background: transparent url(../bilder/footer.jpg) 0 0 repeat-x;

z-index: 20;
}

#footertext {
width: 1150px;
height: 20px;
background: transparent;
z-index: 80;
position: relative; /* dadurch wird das Layout zentriert - wichtig in Verbindung mit margin: 0 auto */
margin: 0 auto; /* dadurch wird das Layout zentriert - wichtig in Verbindung mit position: relativ */
padding-top: 85px;
}


.impressum a {
font-size: 13px;
color: #fff;
font-weight: normal;
text-decoration: none;
}

/* hier die Definition für Links im Footerbereich beim hovern */
.impressum a:hover, a:active {
color: #fff;
text-decoration: none;
font-weight: bold;
padding-bottom: 2px;
background-color: transparent;
border-bottom: 1px #fff dotted;
}

/* Style für Formular Udo */

.spalte1 {
	font-weight: bold;
	color: #8abf26;
	
}
.spalte2 {
	font-weight: medium;
	color: #575756;
}

#spalte1 {
	width: 350px;
}

#spalte2 {
	width: 350px;
}

.fehlermeld {
	font-weight: bold;
	color: red;
}

.erfolg {
	font-weight: bold;
	color: #8abf26;
}

.eingabe {
    width: 410px;
	background-color: #daeaa3;
}