/* CSS Document */

* {
        margin: 0;
        padding: 0;
        border: none;
		font-family:verdana, helvetica, sans-serif;
		font-size:10px;
		line-height: 14px;
		color: #505050;

    }

a {
		text-decoration: none;
    }




/* menue */

#menue_start { visibility: visible; position: absolute; top: 109px; left: 24px; height: 17px; width: 30px; z-index: 1;}
#menue_team { visibility: visible; position: absolute; top: 109px; left: 56px; height: 17px; width: 56px; z-index: 1;}
#menue_gestaltung { visibility: visible; position: absolute; top: 109px; left: 112px; height: 17px; width: 122px; z-index: 1;}
#menue_licht { visibility: visible; position: absolute; top: 109px; left: 234px; height: 17px; width: 110px; z-index: 1;}
#menue_projekte { visibility: visible; position: absolute; top: 109px; left: 344px; height: 17px; width: 69px; z-index: 1;}
#menue_information { visibility: visible; position: absolute; top: 109px; left: 413px; height: 17px; width: 91px; z-index: 1;}
#menue_kontakt { visibility: visible; position: absolute; top: 109px; left: 504px; height: 17px; width: 67px; z-index: 1;}

#sprache_deutsch { visibility: visible; position: absolute; top: 107px; left: 780px; height: 20px; width: 59px; z-index: 1;}
#sprache_english { visibility: visible; position: absolute; top: 107px; left: 780px; height: 20px; width: 59px; z-index: 1;}

/* submenue gartengestaltung */

#garten { visibility: visible; position: absolute; top: 365px; left: 109px; height: 24px; width: 165px; z-index: 2;}
#garten_activ { visibility: visible; position: absolute; top: 365px; left: 109px; height: 25px; width: 165px; z-index: 3;}

#materialien { visibility: visible; position: absolute; top: 389px; left: 109px; height: 24px; width: 165px; z-index: 2;}
#materialien_activ { visibility: visible; position: absolute; top: 389px; left: 109px; height: 25px; width: 165px; z-index: 3;}

#dachgarten { visibility: visible; position: absolute; top: 413px; left: 109px; height: 24px; width: 165px; z-index: 2;}
#dachgarten_activ { visibility: visible; position: absolute; top: 413px; left: 109px; height: 25px; width: 165px; z-index: 3;}

#humanist { visibility: visible; position: absolute; top: 437px; left: 109px; height: 41px; width: 165px; z-index: 2;}
#humanist_activ { visibility: visible; position: absolute; top: 437px; left: 109px; height: 25px; width: 165px; z-index: 3;}


/* submenue information */

#download { visibility: visible; position: absolute; top: 406px; left: 413px; height: 24px; width: 165px; z-index: 2;}
#download_activ { visibility: visible; position: absolute; top: 406px; left: 413px; height: 25px; width: 165px; z-index: 3;}

#links { visibility: visible; position: absolute; top: 430px; left: 413px; height: 24px; width: 165px; z-index: 2;}
#links_activ { visibility: visible; position: absolute; top: 430px; left: 413px; height: 25px; width: 165px; z-index: 3;}

#partner { visibility: visible; position: absolute; top: 454px; left: 413px; height: 24px; width: 165px; z-index: 2;}
#partner_activ { visibility: visible; position: absolute; top: 454px; left: 413px; height: 25px; width: 165px; z-index: 3;}


/* submenue kontakt */

#formular { visibility: visible; position: absolute; top: 430px; left: 502px; height: 24px; width: 165px; z-index: 2;}
#formular_activ { visibility: visible; position: absolute; top: 430px; left: 502px; height: 25px; width: 165px; z-index: 3;}

#impressum { visibility: visible; position: absolute; top: 454px; left: 502px; height: 24px; width: 165px; z-index: 2;}
#impressum_activ { visibility: visible; position: absolute; top: 454px; left: 502px; height: 25px; width: 165px; z-index: 3;}

/* submenue team */

#rupert { visibility: visible; position: absolute; top: 430px; left: 60px; height: 24px; width: 165px; z-index: 2;}
#rupert_activ { visibility: visible; position: absolute; top: 430px; left: 60px; height: 25px; width: 165px; z-index: 3;}

#peter { visibility: visible; position: absolute; top: 454px; left: 60px; height: 24px; width: 165px; z-index: 2;}
#peter_activ { visibility: visible; position: absolute; top: 454px; left: 60px; height: 25px; width: 165px; z-index: 3;}






/* content */

#head { visibility: visible; position: absolute; top: 128px; left: 0px; height: 350px; width: 850px; z-index: 1;}
#logolink { visibility: visible; position: absolute; top: 20px; left: 580px; height: 70px; width: 250px; z-index: 1;}

#textblock { visibility: visible; position: absolute; top: 520px; left: 30px; height: 2000px; width: 340px; z-index: 1;}

#index_text { visibility: visible; position: absolute; top: 520px; left: 15px; height: 2000px; width: 502px; z-index: 1;}


/* bilder 0815: abstand zwischen den bildern 8px */

#bild1_1 { visibility: visible; position: absolute; top: 520px; left: 595px; height: 100px; width: 190px; z-index: 1;}
#bild1_2 { visibility: visible; position: absolute; top: 628px; left: 595px; height: 100px; width: 190px; z-index: 1;}
#bild1_3 { visibility: visible; position: absolute; top: 736px; left: 595px; height: 100px; width: 190px; z-index: 1;}
#bild1_4 { visibility: visible; position: absolute; top: 844px; left: 595px; height: 100px; width: 190px; z-index: 1;}

#bild2_1 { visibility: visible; position: absolute; top: 520px; left: 387px; height: 100px; width: 190px; z-index: 1;}
#bild2_2 { visibility: visible; position: absolute; top: 628px; left: 387px; height: 100px; width: 190px; z-index: 1;}
#bild2_3 { visibility: visible; position: absolute; top: 736px; left: 387px; height: 100px; width: 190px; z-index: 1;}
#bild2_4 { visibility: visible; position: absolute; top: 844px; left: 387px; height: 100px; width: 190px; z-index: 1;}

#bild_1 { visibility: visible; position: absolute; top:1168px; left: 387px; height: 100px; width: 398px; z-index: 1;}
#bild_2 { visibility: visible; position: absolute; top: 844px; left: 387px; height: 100px; width: 398px; z-index: 1;}
#bild_3 { visibility: visible; position: absolute; top: 952px; left: 387px; height: 100px; width: 398px; z-index: 1;}
#bild_4 { visibility: visible; position: absolute; top:1060px; left: 387px; height: 100px; width: 398px; z-index: 1;}
#bild_5 { visibility: visible; position: absolute; top: 520px; left: 387px; height: 100px; width: 398px; z-index: 1;}
#bild_6 { visibility: visible; position: absolute; top: 628px; left: 387px; height: 100px; width: 398px; z-index: 1;}
#bild_7_1 { visibility: visible; position: absolute; top: 736px; left: 387px; height: 100px; width: 195px; z-index: 1;}
#bild_7_2 { visibility: visible; position: absolute; top: 736px; left: 589px; height: 100px; width: 195px; z-index: 1;}



/* fusszeile linie */
#linie_signatur { visibility: visible; position: relative; left: -8px; height: 1px; width: 63px; z-index: 1;}





/* team bildspalte */

#rupibild1_1 { visibility: visible; position: absolute; top: 520px; left: 595px; height: 208px; width: 190px; z-index: 1;}
#linie_rupi { visibility: visible; position: absolute; top: 220px; left: -8px; height: 1px; width: 63px; z-index: 1;}
#bildtext_rupi { visibility: visible; position: absolute; top: 224px; left: 0px; height: 30px; width: 190px; z-index: 1;}

#peterbild1_1 { visibility: visible; position: absolute; top: 520px; left: 595px; height: 208px; width: 190px; z-index: 1;}
#linie_peter { visibility: visible; position: absolute; top: 305px; left: -8px; height: 1px; width: 63px; z-index: 1;}
#bildtext_peter { visibility: visible; position: absolute; top: 309px; left: 0px; height: 30px; width: 190px; z-index: 1;}


/* garten bildspalte */

#linie_steindetail { visibility: visible; position: absolute; top: 112px; left: -8px; height: 1px; width: 63px; z-index: 1;}
#bildtext_steindetail { visibility: visible; position: absolute; top: 116px; left: 0px; height: 30px; width: 190px; z-index: 1;}

#garten1_2 { visibility: visible; position: absolute; top: 672px; left: 595px; height: 100px; width: 190px; z-index: 1;}
#garten1_3 { visibility: visible; position: absolute; top: 780px; left: 595px; height: 100px; width: 190px; z-index: 1; background-color:#999999;}

#linie_farben { visibility: visible; position: absolute; top: 112px; left: -8px; height: 1px; width: 63px; z-index: 1;}
#bildtext_farben { visibility: visible; position: absolute; top: 116px; left: 0px; height: 30px; width: 190px; z-index: 1;}


/* materialien bildspalte */

#linie_pflanzen { visibility: visible; position: absolute; top: 112px; left: -8px; height: 1px; width: 63px; z-index: 1;}
#bildtext_pflanzen { visibility: visible; position: absolute; top: 116px; left: 0px; height: 30px; width: 190px; z-index: 1;}

#materialien1_2 { visibility: visible; position: absolute; top: 685px; left: 595px; height: 100px; width: 190px; z-index: 1;}
#materialien1_3 { visibility: visible; position: absolute; top: 795px; left: 595px; height: 100px; width: 190px; z-index: 1;}
#materialien1_4 { visibility: visible; position: absolute; top: 888px; left: 595px; height: 100px; width: 190px; z-index: 1;}

#materialien2_2 { visibility: visible; position: absolute; top: 901px; left: 387px; height: 100px; width: 190px; z-index: 1;}

#linie_stein { visibility: visible; position: absolute; top: 112px; left: -8px; height: 1px; width: 63px; z-index: 1;}
#bildtext_stein { visibility: visible; position: absolute; top: 116px; left: 0px; height: 30px; width: 190px; z-index: 1;}


/* dachgarten bildspalte */

#linie_sedum { visibility: visible; position: absolute; top: 112px; left: -8px; height: 1px; width: 63px; z-index: 1;}
#bildtext_sedum { visibility: visible; position: absolute; top: 116px; left: 0px; height: 30px; width: 190px; z-index: 1;}

#dachgarten1_2 { visibility: visible; position: absolute; top: 682px; left: 595px; height: 100px; width: 190px; z-index: 1; background-color:#999999;}
#dachgarten1_3 { visibility: visible; position: absolute; top: 790px; left: 595px; height: 100px; width: 190px; z-index: 1;}
#dachgarten1_4 { visibility: visible; position: absolute; top: 898px; left: 595px; height: 100px; width: 190px; z-index: 1;}

#linie_dach { visibility: visible; position: absolute; top: 112px; left: -8px; height: 1px; width: 63px; z-index: 1;}
#bildtext_dach { visibility: visible; position: absolute; top: 116px; left: 0px; height: 30px; width: 190px; z-index: 1;}


/* humanist bildspalte */

#linie_humanistbild { visibility: visible; position: absolute; top: 112px; left: -8px; height: 1px; width: 63px; z-index: 1;}
#bildtext_humanistbild { visibility: visible; position: absolute; top: 116px; left: 0px; height: 30px; width: 190px; z-index: 1;}


/* licht bildspalte */

#licht1_1 { visibility: visible; position: absolute; top: 520px; left: 595px; height: 208px; width: 190px; z-index: 1;}
#licht1_2 { visibility: visible; position: absolute; top: 736px; left: 595px; height: 100px; width: 190px; z-index: 1;}
#licht1_3 { visibility: visible; position: absolute; top: 844px; left: 595px; height: 100px; width: 190px; z-index: 1;}
#licht1_4 { visibility: visible; position: absolute; top: 952px; left: 595px; height: 100px; width: 190px; z-index: 1;}

/* projekte bildspalte */

#projekt_inhalt3_1 { visibility: visible; position: absolute; top: 952px; left: 387px; height: 100px; width: 195px; z-index: 1;}
#projekt_inhalt3_2 { visibility: visible; position: absolute; top: 952px; left: 590px; height: 100px; width: 195px; z-index: 1;}

#projekt_teichsanierung2 { visibility: visible; position: absolute; top: 628px; left: 387px; height: 208px; width: 195px; z-index: 1;}
#projekt_teichsanierung3 { visibility: visible; position: absolute; top: 844px; left: 387px; height: 208px; width: 398px; z-index: 1;}
#projekt_teichsanierung4 { visibility: visible; position: absolute; top: 520px; left: 590px; height: 316px; width: 195px; z-index: 1;}

#projekt_detail1 { visibility: visible; position: absolute; top: 520px; left: 387px; height: 316px; width: 398px; z-index: 1;}
#projekt_detail2 { visibility: visible; position: absolute; top: 844px; left: 387px; height: 208px; width: 398px; z-index: 1;}

#projekt_rohausbau1 { visibility: visible; position: absolute; top: 520px; left: 387px; height: 532px; width: 195px; z-index: 1;}
#projekt_rohausbau2 { visibility: visible; position: absolute; top: 520px; left: 590px; height: 316px; width: 195px; z-index: 1;}

#projekt_architekt1 { visibility: visible; position: absolute; top: 520px; left: 387px; height: 316px; width: 398px; z-index: 1;}
#projekt_architekt2 { visibility: visible; position: absolute; top: 844px; left: 387px; height: 100px; width: 398px; z-index: 1;}
#projekt_architekt3 { visibility: visible; position: absolute; top: 954px; left: 387px; height: 208px; width: 398px; z-index: 1;}
#projekt_architekt4 { visibility: visible; position: absolute; top: 1172px; left: 387px; height: 197px; width: 398px; z-index: 1;}
#projekt_architekt5 { visibility: visible; position: absolute; top: 1379px; left: 387px; height: 357px; width: 398px; z-index: 1;}

#projekt_dachterassen1 { visibility: visible; position: absolute; top: 520px; left: 387px; z-index: 1;}
#projekt_dachterassen2 { visibility: visible; position: absolute; top: 520px; left: 590px; z-index: 1;}
#projekt_dachterassen3 { visibility: visible; position: absolute; top: 787px; left: 387px; z-index: 1;}
#projekt_dachterassen4 { visibility: visible; position: absolute; top: 986px; left: 387px; z-index: 1;}

#projekt_renovierung1 { visibility: visible; position: absolute; top: 520px; left: 387px; z-index: 1;}
#projekt_renovierung2 { visibility: visible; position: absolute; top: 722px; left: 387px; z-index: 1;}
#projekt_renovierung3 { visibility: visible; position: absolute; top: 924px; left: 387px; z-index: 1;}

#projekt_ausaltmachneu1 { visibility: visible; position: absolute; top: 520px; left: 387px; z-index: 1;}
#projekt_ausaltmachneu2 { visibility: visible; position: absolute; top: 722px; left: 387px; z-index: 1;}

/* partner bildspalte */

#partner1_1 { visibility: visible; position: absolute; top: 520px; left: 595px; height: 500px; width: 190px; z-index: 1;}




.index {
		color: #be1450;
		font-size:12px;
		line-height:16px;
	}

.headline {
		color: #003214;
	}

.headline_bold {
		color: #003214;
		font-weight: bold;
	}

.fusszeile {
		color: #003214;
		font-size:9px;
		line-height: 13px;
	}

.fusszeile_bold {
		color: #003214;
		font-size:9px;
		line-height: 13px;
		font-weight: bold;
	}

.fusszeile-index {
		color: #003214;
		font-size:9px;
		line-height: 13px;
		position: absolute; 
		left: 11px;
	}

.fusszeile_bold-index {
		color: #003214;
		font-size:9px;
		line-height: 13px;
		font-weight: bold;
		position: absolute; 
		left: 11px;
	}

.bildtext {
		color: #003214;
		font-size:9px;
		line-height: 13px;
		font-weight: bold;
	}


a:hover {color:#be0a50}

h1 {
		color: #003214;
		font-weight:bold;
		margin-bottom:14px;
}

h1.index {
		color: #003214;
		font-size:9px;
		line-height: 13px;
		font-weight: bold;
		position: absolute; 
		top: 70px;
		left: 11px;
}






/* KONTAKTFORMULAR START */

#kontaktformular form {
	margin: 0 auto;
	width: 100%;
	font-size: 1em;
}

#kontaktformular form fieldset label {
	color: #505050;
	display: block;
	width: 100%;
	clear: both;
}

#kontaktformular form fieldset label span {
  display: block;
  float: left;
  width: 75px;
  margin-top: 0.5625em;
}

#kontaktformular form fieldset label.text input,
#kontaktformular form fieldset label textarea {
	border: #505050 1px solid;
	width: 255px;
	float: right;
	margin-top: 0.5em;
	padding: 2px 0;
}

#kontaktformular form fieldset input.submit {
	padding: 3px 5px;
	margin: 1.5em 0;
	float: right;
	clear: both;
	cursor: pointer;
	border: #000 1px solid;
	background-color: #fff;
}

#kontaktformular form fieldset input.submit:hover,
#kontaktformular form fieldset input.submit:focus {
	color: #BE0A50;
	border: #BE0A50 1px solid;
}

#kontaktformular form fieldset input.submit:active {
	color: #BE0A50;
	border: #505050 1px inset;
}

/* KONTAKTFORMULAR END */