* {
	margin: 0;
	padding: 0;
}

html { height: 100%; background: url('../img/bg_header.jpg') top left repeat-x; }
img { border: none; outline: none;}
	.headerimg {
		background:  url('../img/wait.gif') center center no-repeat;
	}
h2 { color: #4E6615; }
h4 {
	text-shadow: 0px 1px 0px #fafbf4;
}
body { 
	height: 100%; 
	font-size: 16px;
	font-family: "Lucida Grande", "Lucida Sans", Helvetica, Arial;
	color: #E7E7E7;
}
	
#nonfooter { position: relative; min-height: 100%; }
* html #nonfooter { height: 100%; }


#wrapper {
	width: 810px;
	margin: 0 auto;
}

/** HEADER **/

#header {
	width: 100%;
	height: 155px;
}

#header a img {
	margin-left: 201px;
	margin-bottom: 0;
	height: 117px;
}

#header abbr {
	text-shadow: none;
}

input, textarea {
	padding: 5px;
	margin: 10px 0;
	width: 200px;
	background: #FFFFFF;
	border: 1px solid #A2B081;
}



/** NAVIGATION **/
	
#navigation {
	position: absolute;
	width: 406px;
	left: 50%;
	top: 120px;
	margin-left: -203px;
}
#navigation ul { list-style-type: none; }
#navigation ul li {
	float: left;
}

#navigation ul li a {
	color: white;
	text-decoration: none;
	display: block;
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-size: 0.8em;
}

#navigation ul li a.home { background: url('../img/navi/navi-home.jpg') top left no-repeat; width: 70px;}	
#navigation ul li a.portfolio { background: url('../img/navi/navi-portfolio.jpg') top left no-repeat; width: 86px; }	
#navigation ul li a.preise { background: url('../img/navi/navi-preise.jpg') top left no-repeat; width: 74px; }	
#navigation ul li a.about { background: url('../img/navi/navi-about.jpg') top left no-repeat; width: 88px; }	
#navigation ul li a.kontakt { background: url('../img/navi/navi-kontakt.jpg') top left no-repeat; width: 84px; }	

#navigation ul li a.home:hover { background-position: 0 -70px; }
#navigation ul li a.portfolio:hover { background-position: 0 -70px; }
#navigation ul li a.preise:hover { background-position: 0 -70px; }
#navigation ul li a.about:hover { background-position: 0 -70px; }
#navigation ul li a.kontakt:hover { background-position: 0 -70px; }

#navigation ul li a.home.current { background-position: 0 -35px; }
#navigation ul li a.portfolio.current { background-position: 0 -35px; }
#navigation ul li a.preise.current { background-position: 0 -35px; }
#navigation ul li a.about.current { background-position: 0 -35px; }
#navigation ul li a.kontakt.current { background-position: 0 -35px; }
	
/** CONTENT **/

#content {
	width: 740px;
	padding: 0 35px;
	margin-top: 20px;
	background: url('../img/content_bg.jpg') top left repeat-y;
	color: #000000;
}

	#contenttop {
		width: 740px;
		height: 15px;
		padding: 0 35px;
		margin-left: -35px;
		background: url('../img/content_top.jpg') top left no-repeat;
	}
	
	#teaser {
		width: 800px;
		padding: 0 5px;
		margin-top: 22px;
		margin-left: -35px;
		margin-bottom: 41px;
	}
	
	#teaser.supersize { margin-left: -45px; }
	#teaser.small { margin-left: 0px; }
	#teaser.small404 { margin-left: -5px; }
	
	#content h1 {
		color: #4E6615;
		text-align: center;
		font-size: 200%;
	}
	
	#content p, #content h2 {
		text-shadow: 0px 1px 0px #fafbf4;
	}
	
	/** INDEX **/
	
	.contentbox { 
		width: 351px; 
		margin-top: 20px;
		margin-bottom: 10px;
		float: left;
	}
	.contentbox.left { margin-right: 38px; }
	
	.contentbox p {	
		font-size: 12px;
		line-height: 15px;
	}
	
	.contentbox h2 {
		margin-bottom: 7px;
		font-size: 150%;
		color: #4E6615;
	}
	
	.contentbox img { 
		float: left;
		margin-right: 10px;
		margin-bottom: 5px;
	}
	
	/** PORTFOLIO **/
	
	.portfolio-item {
		width: 740px;
		height: 220px;
		margin-top: 60px;
		margin-bottom: 20px;
	}
	
	.portfolio-item h2 {
		float: left;
		font-size: 133%;
		color: #4E6615;
		margin-bottom: 10px;
		margin-right: 20px;
		text-shadow: 0px 1px 0px #fafbf4;
	}
		
	.portfolio-item a {
		color: gray;
		font-size: 0.9em;
		line-height: 28px;
		text-decoration: none;
		text-shadow: 0px 1px 0px #fafbf4;
		
	}
	
	/** PREISE **/
	
	.preisdef p {
		font-size: 80%;
		margin: 5px 0;
	}
	
	.preisdef p small {
		font-size: 75%;
		color: #4E6615;
	}
	
	.preisdef a {
		color: #4E6615;
		text-decoration: none;
		text-shadow: 0px 1px 0px #fafbf4;
	}
	
	.preisdef a:hover { border-bottom: 1px solid #4E6615; }
	
	#preise {
		margin-left: 20px;
		margin-top: 15px;
	}
	
	#preise .preiseleft {
		width: 300px;
		height: 230px;
		float: left;
	}
	
	#preise p input.cb {
		margin-right: 15px;
		margin-bottom: 5px;
	}
	
	#preise p.input {
		font-size: 80%;
		padding-bottom: 7px;
		
	}
	
	#preise input#submit { width: 80px; margin-right:0px; background: #4E6615; color: #FFFFFF; float:  left !important;}
	#preise #btncncl { width: 80px; margin-right: 5px; background: #4E6615; color: #FFFFFF !important;}
	
	#preise h3 {
		font-size: 80%;
		font-weight: normal;
		float: left;
		margin: 0;
		text-shadow: 0px 1px 0px #fafbf4;
	}
	
	#preise .layout-slider {
		margin: 20px 0 20px 160px;
		width: 150px;
	}
	
	
	#preise span.checkbox {
		width: 19px;
		height: 21px;
		margin-top: -2px;
		padding: 0 5px 0 0;
		background: url('../img/preise/checkbox.gif') no-repeat;
		display: block;
		clear: left;
		float: left;
		text-shadow: 0px 1px 0px #fafbf4;
	}
	
	.preiseright {
		background: url('../img/preise/euro-bg.jpg') no-repeat top right;
		-ms-background-position-y: -0px;
		float: right;
		height: 230px;
		margin-bottom: -40px;
		padding-top: 75px;
		width: 270px;
	}
	
	.preiseright p.endpreis {
		color: #4E6615;
		float: left;
		margin-left: 30px;
		width: 80px;
	}
	
	.preiseright p.endpreiseuro {
		color: #4E6615;
		float: right;
		width: 90px;
		text-align: right;
		margin-top: -35px;
		margin-right: 60px;
	}
	
	.preiseright p input {
		margin-left: 40px;
	}

	
	/** ÜBER UNS **/
	
	#LI { margin-top: 50px; }
	#LI h2 { font-size: 175%; }
	
	#LI p {
		font-size: 12px;
		margin-bottom: 20px;
	}
	
	#LI img {
		float: left;
		margin-right: 20px;
	}
	
	#OT { margin-top: 50px; }
	#OT h2 { font-size: 175%; text-align: right;}
	
	#OT p {
		font-size: 12px;
		margin-bottom: 20px;
		text-align: right;
	}
	
	#OT img {
		float: right;
		margin-left: 20px;
	}
	
	/** KONTAKT **/
	
	.contact {
		border: 1px solid #A2B081;
		float: left;
		width: 437px;
		margin-top: 25px;
	}
	
	h1 {
		text-shadow: 0px 1px 0px #fafbf4;
	}
	
	.contact h2 {
		text-align: center;
		background:#F3F8E8;
		margin-top: -15px;
		padding: 0 10px;
		width: 140px;
		margin-left: 148px;
		text-shadow: 0px 1px 0px #fafbf4;
	}
	
	#contact .submit { margin-left: 125px; margin-top: 10px;} 
    #contact .label { display: block; float: left; width: 120px; text-align: right; margin-right: 10px; font-size: 80%; padding-top: 10px} 
    #contact .form-row { padding: 5px 0; clear: both; width: 700px; } 
	#contact label.error { width: 250px; display: block; float: left; color: red; padding-left: 10px; margin-left: -0px; line-height: 15px; } 
	#contact input[type=text], textarea { width: 250px; float: left; } 
	#contact textarea { height: 50px; } 
	
	.contact label {
		width: 80px;
		float: left;
		padding: 5px;
		margin: 5px 0;
		margin-left: 20px;
		color: #4E6615;
		text-shadow: 0px 1px 0px #fafbf4;
	}
	
	.contact input, .contact textarea {
		padding: 5px;
		margin: 10px 0;
		width: 200px;
		background: #FFFFFF;
		border: 1px solid #A2B081;
	}
	
	.contact textarea { height: 100px; width: 275px !important; }
	input.row {width: 275px !important;}
	.contact input#checkbox { float: left; width: 30px; margin-top: 2px; }
	.contact label#checkbox { width: 230px; margin-left: 20px; }
	.contact input:focus, .contact textarea:focus { border: 1px solid #4E6615; }
	
	.contact input.button { width: 80px; margin-right: 10px; background: #4E6615; color: #FFFFFF;}
	.contact input.button.del { margin-left: 107px; }
	
	
	.contact_left {
		border: 1px solid #A2B081;
		float: left;
		width: 220px;
		padding: 0 15px;
		margin-top: 25px;
		margin-left: 41px;
	}
	
	.contact_left h2 {
		text-align: center;
		background:#F3F8E8;
		margin-top: -15px;
		padding: 0 10px;
		width: 180px;
		margin-left: 15px;
		text-shadow: 0px 1px 0px #fafbf4;
	}
	
	.contact_left h3 {
		font-size: 125%;
		color: #4E6615;
		margin-top: 20px;
		text-shadow: 0px 1px 0px #fafbf4;
	}
	
	.contact_left p {
		color: #4E6615;
		font-size: 14px;
		margin-top: 15px;
		text-shadow: 0px 1px 0px #fafbf4;
	}
	
	.contact_left a img {
		margin-left: 40px;
		margin-top: 30px;
	}
	
	.contact_left p small {
		font-size: 10px;
		text-align: center;
		text-shadow: 0px 1px 0px #fafbf4;
	}
	
	/** MAIL SENT **/
	.mail_sent h2 { margin: 20px 0;text-shadow: 0px 1px 0px #fafbf4;}
	.mail_sent p { font-size: 12px; margin-bottom: 20px;text-shadow: 0px 1px 0px #fafbf4; }
	.mail_sent a { color: #4E6615; text-decoration: none; text-shadow: 0px 1px 0px #fafbf4;}
	.mail_sent a:hover { border-bottom: 1px solid #4E6615; text-shadow: 0px 1px 0px #fafbf4;}
	.mail_sent { min-height: 300px; }
	
	/** IMPRESSUM **/
	.impressum {
		margin-left: 35px;
		font-size: 14px;
	}
	
	.impressum p small {
		color: #4D6710;
		text-shadow: 0px 1px 0px #fafbf4;
	}
	
	.impressum h3 {
		color: #4D6710;
		margin-top: 20px;
		text-shadow: 0px 1px 0px #fafbf4;
	}
	
	.impressum p {
		font-size: 12px;
		margin-top: 10px;
		text-shadow: 0px 1px 0px #fafbf4;
	}
	
	.haftung {
		margin: 0 10px;
		margin-top: 30px;
	}
	
	.haftung h3 {
		color: #4D6710;
		text-shadow: 0px 1px 0px #fafbf4;
	}
	
	.haftung p {
		margin-top: 10px;
		font-size: 80%;
		text-shadow: 0px 1px 0px #fafbf4;
	}
	
	/** 404 **/

	#fail input, textarea { width: 250px; padding: 2px; margin-top: 20px; }
	#fail textarea { height: 150px; }
		
	#fail h2 { margin-top: 30px; text-shadow: 0px 1px 0px #fafbf4;	}
	#fail h4 {
		text-shadow: 0px 1px 0px #fafbf4;
		font-weight:  normal;
	}
	
	#fail p { font-size: 12px; text-shadow: 0px 1px 0px #fafbf4; }
	#fail label {
		text-shadow: 0px 1px 0px #fafbf4;
		width: 100px; 
		float: left; 
		margin-right: 20px; 
		text-align: right; 
		margin-top: 20px;
	}
	#fail a { color: #4E6615; text-decoration: none; text-shadow: 0px 1px 0px #fafbf4;}
	#fail a:hover { border-bottom: 1px solid #4E6615; text-shadow: 0px 1px 0px #fafbf4;}
	
	#fail input:focus, #fail textarea:focus { border: 1px solid #4E6615; }
	
	#fail input#button { width: 80px; margin-right: 10px; background: #4E6615; color: #FFFFFF; margin-left: 120px;}
	
	#fail ul {
		margin:  25px 0 25px 50px;
	}
		#fail ul li{
			font-size:  0.9em;
			line-height: 1.6em;
			padding-left: 10px;
			text-shadow: 0px 1px 0px #fafbf4;
		}
	
	
	
	/** SITEMAP **/
	
	
	.sitemap {
		margin-left: 35px;
		list-style-position: inside;
		margin-top: 25px;
	}
	
	.sitemap ul {
		color: #4D6710;
	}
	
	.sitemap ul li {
		margin: 5px 0;
	}
	
	.sitemap ul li a {
		color: #4D6710;
		text-decoration: none;
		text-shadow: 0px 1px 0px #fafbf4;
	}
	
	.sitemap ul li a span {
		font-size: 75%;
		color: gray;
		margin-left: 10px;
}

/** FOOTER **/

#footer {
	background: url('../img/bg_footer.jpg') top left repeat-x;
	font-size: 0.8em;
	height: 187px;
	width: 100%;
	clear: both;
}

#footer h4 {
	color: #C3E84A;
	font-size: 1.5em;
	margin-bottom: 10px;
}
#footer h4, p, a {

text-shadow: 0px -1px 1px #122301;
	
}

#footer a {
	color: #C3E84A;
	text-decoration: none;
}

#footer a:hover {
	border-bottom: 1px solid #C3E84A;
}

#footer a img {
	float: left;
	border: none;
	margin-right: 10px;
	margin-top: 5px;
}

#footerwrapper {
	background: url('../img/footer/footerwrap.jpg') top left no-repeat;
	height: 150px;
	margin: 0 auto;
	width: 840px;
}
.footercontent {
	float: left;
	margin-top: 60px;
	width: 315px;
	height: 97px;
}

.footercontent p.footerform {
	padding-left: 60px;
	padding-top: 9px;
	margin-top: -9px;
	background: url('../img/footer/text.gif') bottom left no-repeat;
}

#footer .footercontent a img.vcf {
	margin-top: -4px;
}
.footercontent.left { margin-left: 50px; width: 475px;}

#bottomline, #bottomline a {
	color: #4D6710;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
}

#bottomline p, #bottomline a {
		text-shadow: 0px 1px 1px #daea91;
}

.c { clear: both; }