html,body {
	font-size:12px;
	font-family:verdana, helvetica, arial;
	overflow-x:hidden;
} 

html {
	height:101%;
}

body {
	background:#C9F8FE url(bg.jpg) top left no-repeat;
}
#rezept_teaser {
	top: -3px;
	left: 50%;
	z-index: 100;
	margin-left: 454px;
	width: 221px;
	position: absolute;
}

#nls {
	position:absolute;
	top:100px;
	left:50%;
	margin-left:-448px;
	z-index:400;
	background:url(nl_bg.png) top left no-repeat;
	width:200px;
	/*height:248px;*/
	height:29px;
	overflow:hidden;
}

	#nls h2, #nls p {
		margin:0px 5px 10px 0px !important;
	}
	
	#nls .submit{
		margin-top:15px;
		margin-left:40px;
	}

	#nls .open-close {
		position:absolute;
		top:0px;
		left:0px;
		width:200px;
		height:29px;
	}

	#nls .padder {
		padding-top:45px;
		padding-left:25px;
	}

	#nls form {
		width:170px;
	}
	
		#nls .anrede fieldset {
			float:left;
			height:30px;
			width:80px;
			position:relative;
			left:-3px;
		}
		
		#nls .input-bg {
			display:block;
			width:171px;
			height:23px;
			margin-bottom:10px;
			background:url(nl_i_bg.png) top left no-repeat;
			position:relative;
			left:-2px;
		}
		
			#nls .input-bg input {
				width:140px;
				border:0px solid black;
				position:relative;
				top:2px;
				left:10px;
			}
	
	#nls .errors {
		display:none;
	}

.videobox {
	float:left;
	margin-top:15px;
	margin-left:15px;
	margin-right:15px;
}
	
#startseite-slideshow {
	margin-top:12px;
	position:relative;
	width:370px;
	height:270px;
	float:left;
}

.slideshow .bild {
	display:none;
}

.slideshow .bild-0 {
	display:inline;
}
	
#kopf-bild {
	margin:0px auto;
	width:880px;
}

#logo {
	position:absolute;
	top:15px;
	left:50%;
	margin-left:290px;
}

#navigation {
	position:absolute;
	top:30px;
	left:50%;
	margin-left:-420px;
}

#mitte {
	position:relative;
	padding-top:1px;
	width:880px;
	min-height:200px;
	background:#fff;
	margin:0px auto;
	top:-2px;
	margin-bottom:-2px;
}

#gaertner-login {
	text-align:right;
	padding:5px 15px;
	text-transform:uppercase;
}

#breadcrumb {
	font-size:0.9em;
	font-weight:normal;
	color:#008500;
	position:relative;
	left:198px;
	top:-15px;
	width:500px;
	line-height:1.3em;
	visibility:hidden;
}

	#breadcrumb a {
		text-decoration:none;
		color:#008500;
		font-weight:normal;
		padding:0px 5px;
	}
	#breadcrumb a:hover {
		text-decoration:underline;
	}

.box {
	display:block;
	float:left;
	width:273px;
	height:145px;
	background:url(start-teaser-klein-bg.gif) no-repeat;
	margin:25px 0px 15px 15px;
	position:relative;
	border-bottom:1px solid #64A85C;
}

	.box h1 { 
		margin:3px 0px 0px 110px;
	}
	
	.box h1.nomargin {
		margin-left:15px;
	}
	
	.box .pic {
		position:absolute;
		top:-30px;
		left:-15px;
	}
	
	.box h2 {
		margin-top:15px;
	}
	
	.box .mehr {
		position:absolute;
		bottom:-7px;
		right:-7px;
	}
	
.gruenes-quadrat {
	float:left;
	width:391px;
	height:120px;
	background:url(gruenes-quadrat.gif) top left no-repeat;
	margin:12px -25px 10px 0px;
	position:relative;
}

	.gruenes-quadrat h1 {
		margin:7px 15px;
	}
	
	.gruenes-quadrat p {
		width:180px;
		color:#fff;
	}
	
	.gruenes-quadrat .pic {
		position:absolute;
		bottom:0px;
		right:44px;
	}
	
	.gruenes-quadrat .mehr {
		position:absolute;
		bottom:-7px;
		right:30px;
	}
	
.weisses-quadrat {
	float:left;
	width:375px;
	height:136px;
	background:#fff;
	background-image:url(weisses-quadrat.gif);
	background-repeat:no-repeat;
	margin:8px 0px 10px 0px;
	position:relative;
}

	.weisses-quadrat h1 {
		margin:4px 15px;
	}
	
	.weisses-quadrat p {
		width:150px;
	}
	
	.weisses-quadrat .pic {
		position:absolute;
		bottom:0px;
		right:28px;
	}
	
	.weisses-quadrat .mehr {
		position:absolute;
		bottom:-7px;
		right:15px;
	}
	
#start-flash-links {
	margin:15px;
	float:left;
}

#unter-navigation {
	float:left;
	border-top:0px solid #008400;
	padding-top:23px;
	margin-left:10px;
	width:175px;
	padding-top:0px;
	padding-bottom:40px;
	margin-top:10px;
}

	#unter-navigation a {
		display:block;
		margin:8px;
		color:#666;
		font-weight:normal;
		background:url(pfeil-grau.png) no-repeat;
		background-position:0px 2px;
		padding-left:14px;
	}
	
	
	
	#unter-navigation a:hover, #unter-navigation a.active {
		background-image:url(pfeil-gruen.png);
		font-weight:bold;
		color:#008400;
	}
	
	
	#unter-navigation .l2 a:hover, #unter-navigation .l2 a.active {
		color:#000;
	}
	
	#unter-navigation .l2 a {
		margin-left:20px;
	}

.contenttable p.bodytext {
	width: auto !important;
}

#inhalt {
	float:left;
	width:665px;
	margin:0px 15px;
	padding-bottom:0px;
}

	#inhalt p, #inhalt h1, #inhalt h2 {
		margin:15px 0px;
	}
	
	#inhalt p.bodytext {
		width:455px;
		padding-right:15px;
	}

#footer {
	background:#000 url(footer-bg.jpg) repeat;
	height:250px;
	position:relative;
	overflow:hidden;
	clear:both;
}

	#produkt-sitemap {
		width:880px;
		color:#fff;
		margin:10px auto;
	}
	
		#produkt-sitemap td, #produkt-sitemap th {
			padding:10px 15px !important;
			text-align:left;
		}
		
		#produkt-sitemap td a {
			font-weight:normal;
			color:#fff;
			display:block;
			padding:3px 0px;
		}
		
		
	#footer .navigation {
		position:absolute;
		bottom:0px;
		left:0px;
		background:#537b30;
		height:50px;
		width:100%;
	}



		#footer .navigation ul {
			position:absolute;
			top:18px;
			left:50%;
			margin-left:-440px;
			padding:0px 5px;
		}
	
		#footer .navigation  li{
			display:block;
			float:left;
		}
		
			#footer .navigation li a {
				color:#fff;
				padding:0px 10px;
			}
			
	#footer .buttons {
		position:absolute;
		z-index:20;
		bottom:10px;
		left:50%;
		margin-left:180px;
		width:245px;
		padding-right:15px;
		text-align:right;
	}
	
		#footer .buttons a {
			padding-left:5px;
		}
	

	
#mitte-footer {
	position:absolute;
	bottom:10px;
	left:15px;
}	

	#mitte-footer a {
		font-weight:normal;
		font-size:0.8em;
	}
	
	#mitte-footer .weiterleiten {
		padding-left:15px;
		background:url(send.gif) top left no-repeat;
		background-position:0px 1px;
		padding-right:10px;
		display:block;
		float:left;
		height:15px;
		margin-bottom:0px;
		padding-top:2px;
		padding-bottom:0px;
	}
	
	#mitte-footer .drucken{
		padding-left:15px;
		background:url(drucken.gif) top left no-repeat;
		padding-right:5px;
		display:block;
		float:left;
		height:15px;
		margin-bottom:0px;
		padding-top:2px;
		padding-bottom:0px;
	}


/*///////////PRODUKTE//////////*/


.menue {
	display:block;
	margin:0px 0px 15px 0px;
}

.menue select {
	font-size:0.9em;
	font-family:Tahoma,Arial,Verdana;
	margin:0px 0px 0px 0px;
}

.produkte-teaser-gross {
	float:left;
	margin-right:15px;
	width:268px;
	padding-bottom:1px;
	border:1px solid #81b479;
	position:relative;
	margin-bottom:25px;
}

	.produkte-teaser-gross h1 {
		margin:0px !important;
		position:relative;
		top:-1px;
		margin-bottom:-4px !important;
		padding-bottom:1px;
	}
	
	.produkte-teaser-gross p {
		margin:0px !important;
		color:#008500;
		padding:1px;
		display:none;
	}
	
	.produkte-teaser-gross .mehr {
		position:absolute;
		bottom:-7px;
		right:-7px;
	}
	
.produkte-teaser-klein {
	float:left;
	margin-right:15px;
	width:175px;
	height:215px;
	position:relative;
	padding-bottom:15px;
	overflow:hidden;
}

	.produkte-teaser-klein h1 {
		margin:0px !important;
		color:#008400 !important;
		line-height:1.5em;
	}
	
	.produkte-teaser-klein p {
		margin-top:0px !important;
	}
	
.produkt-teaser {
	width:270px;
	height:70px;
	float:left;
	margin-right:30px;
	padding-bottom:15px;
	position:relative;
}

	.produkt-teaser .text {
		position:absolute;
		bottom:15px;
		left:80px;
	}
	
	.produkt-teaser a {
		color:#333 !important;
		
	}
	
	.produkt-teaser p, .produkt-teaser h2 {
		padding:0px 0px 0px 15px !important;
		margin:0px !important; 
	}
	
	

	
.bild .extra {
	margin-left:10px;
}

.bild2 {
	min-width:400px;
}

	.bild2 img {
		margin-right:15px;
	}

div.naehrwert {
	float:left;
	clear:both;
}

h1.naehrwert {
	margin-top:30px !important;
	margin-bottom:0px !important;
}

table.naehrwert {
	margin-top:0px;
	width:460px;
	margin-bottom:15px;
}

	table.naehrwert td {
		width:50%;
		padding:2px 0px 2px 15px;
	}


		
		
/* ########### RECHTE SPALTE ######## */

.rechts {
	float:right;
	width: 180px;
	position:relative;
	left:2px;
}

/* ACHTUNG MANCHE CLASS WERDEN PER JS VERGEBEN */

.feedback {
	display:none;
	width:200px;
	background:#e9f3e8;
	margin-right:-20px;
	margin-bottom:15px;
	margin-top:15px;
}

	.feedback h1 {
		background:url(mehr-zum-thema-header.png) top left no-repeat;
		width:200px;
		height:35px;
		margin:0px !important;
		padding-top:5px;
		position:relative;
		top:-4px;
		padding-left:10px;
	}
	
	.feedback input, .feedback textarea {
		width:90px;
		border:1px solid #fff;
		margin:5px 10px;
		width:180px;
		color:#444;
		font-family:tahoma,arial,verdana;
		font-size:1em;
	}
	
	.feedback textarea {
		height:60px;
	}
	
	.feedback label {
		margin:5px 10px;
		display:block;
		color:#444;
		float:left;
		width:140px;
		line-height:1.3em;
	}

	.feedback .csc-mailform-check {
		width:auto;		
		position:relative;
		top:2px;
	}
	
	.feedback .csc-mailform-submit {
		background:#008500;
		border:1px solid #008500;
		color:#fff;
		margin-bottom:15px;
	}

.mehr-zum-thema {
	background:#e9f3e8;
	width:200px;
	margin-right:-20px;
	margin-top:0px;
	margin-bottom:15px;
	margin-top:15px;
}

	.mehr-zum-thema h1{
		background:url(mehr-zum-thema-header.png) top left no-repeat;
		width:200px;
		height:35px;
		margin:0px !important;
		padding-top:5px;
		position:relative;
		top:-5px;
	}
	
		.mehr-zum-thema h1 img {
			margin:3px 10px;
		}
		
	.mehr-zum-thema .teaser {
		clear:both;
		margin:10px;
	}
	
		.mehr-zum-thema .teaser img {
			margin:0px 10px 10px 0px;
			float:right;
		}
		
		.mehr-zum-thema h2 {
			margin:0px 0px !important;
			line-height:1.5em;
		}
		
		.mehr-zum-thema .text {
			margin:0px 0px !important;
		}
		
			.mehr-zum-thema .text a {
				font-weight:normal !important;
			}
		
/* FAQ */

.faq-element {
	margin-bottom:15px;	
	zoom: 1.0;
}

.faq-element h2 {
	margin-bottom:0px !important;
	margin-top: 0px !important;
	zoom: 1.0;
}

.faq-answer {
	padding:1px;
	zoom: 1.0;
}

	.faq-answer p {
		margin-top:0px !important;
		margin-bottom:0px !important;
		zoom: 1.0;
	}
	

	
	
}