@charset "UTF-8";
@import url("reset.css");
/* CSS Document */

/* 
Grunddaten 
B 880px	

Logo-Leiste B 172px
Weißräume  B 7px

grün		#dae6b0
dunkelgrün	#709102
orange		#f5ad00

*/

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


/* Textformatierungen */
a:focus, a:active {border: none; outline: 0;}
a {text-decoration: none;}
h1 {display: none;}

p, h2, h3, ul {margin: 0 40px 0 50px;}
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #333; font-weight: normal; margin-top: 70px; margin-bottom: 30px;}
h3 {font-weight: bold; margin-top: 20px;}
p, li, h3 {font-size: 11px; line-height: 1.7em; color: #333;}
p, h3 {margin-bottom: 8px;}
ul {list-style-type: none; list-style-position: outside; margin-bottom: 9px; margin-top: 0px; margin-left: 65px;}
ul.download {margin-top: 20px;}
li {list-style-image: url(../zub/boebbel.gif); border: 0px solid red;}
ul.linkseite li {margin-bottom: 5px;}
span.telefon {display: block; width: 55px; float: left;}
font.weiter, span.weiter {letter-spacing: 0.2em;}
a.email span {display: none;}
strong {font-variant: normal; font-weight: bold; font-size: 1em;}

#content a {color: #333; text-decoration: underline;}
#content a:hover {color: #709102;}


/* Ausgangsposition für alles */
#querlinks, #querrechts, #logo, #bilder_links, #bild_rechts, #gay, #content, #menue01, #menue02, #startrechts, #startlinks
{position: absolute; left: 50%; top: 2%;}

/* Hintergrund */
#querlinks {
	left: 0;
	height: 380px; width: 50%;
	background: #dae6b0;
	margin-top: 135px;
}

#querrechts {
	height: 380px; width: 50%;
	background: #f5ad00;
	margin-top: 135px;
}

#startrechts {
	height: 480px; width: 680px;
	margin: 135px 0 0 -260px;
}

#startrechts img {border-right: 7px solid #fff;}

#startlinks {
	margin: 135px 0 0 -432px;
	width: 172px; height: 450px; 
}

#startlinks {border-left: 7px solid #fff;}

/* Elemente */
#logo {
	margin: 0 0 0 -432px;
	width: 172px; height: 115px;
}

#bilder_links {
	margin: 135px 0 0 -432px;
	width: 172px; height: 420px; 
	overflow: hidden;
}

#bilder_links img {border-right: 7px solid #fff; border-left: 7px solid #fff;}

#gay {
	margin: 562px 0 0 -425px;
}

#bild_rechts {
	margin: 135px 0 0 155px;
	width: 270px; height: 470px;
}

#bild_rechts img {border-right: 7px solid #fff;}


/* Content */
#content {
	margin: 135px 0 0 -260px;
	height: 450px; width: 415px;
	background: #dae6b0;
}

/* Formular */
input:focus, textarea:focus {outline: none;}
label {width: 65px; float: left;}
input.text, textarea {
	border: 0px solid #dedede;
	width: 250px;
	font-size: 11px;
	color: #333;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

input.text {height: 18px; padding: 0 3px 0 3px;}
textarea {height: 130px; line-height: 1.3em; padding: 3px;}

input.checkbox_kopie_nachricht {margin-right: 10px; margin-top: -2px;}

input.button {
	padding: 3px 8px 3px 8px;
	font-size: 11px;
	background: #709102;
	color: #fff;
	border: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

span.felderhinweis {
	font-size: 11px;
	float: right;
	margin-right: 5px;
	color: #800;
}


/* Menü */
#menue01 {
	margin: 98px 0 0 -245px;
	width: 670px; height: 15px;
	text-align: justify;
	overflow: hidden;
	line-height: 10px;
}

#menue01 a {
	color: #333;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
}

#menue01 a:hover {color: #f5ad00;}
#menue01 a.aktiv {color: #f5ad00;}
#menue01 span.linie {font-size: 10px; color: #333; font-weight: normal;}
#menue01 span.weg {color: #fff; font-size: 8px;} /* für justify */


#menue02 {
	margin: 585px 0 0 -425px;
}

#menue02 a {
	font-size: 9px;
	font-weight: normal;
	text-transform: uppercase;
	color: #333;
	padding-right: 10px;
}

#menue02 a:hover {color: #f5ad00;}
#menue02 a.aktiv {font-weight: bold;}