body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.responsive{position:relative;height:0}.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.responsive.ratio-169{padding-bottom:56.25%}.responsive.ratio-1610{padding-bottom:62.5%}.responsive.ratio-219{padding-bottom:42.8571%}.responsive.ratio-43{padding-bottom:75%}.responsive.ratio-32{padding-bottom:66.6666%}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
#mbOverlay{position:fixed;z-index:9998;top:0;left:0;width:100%;height:150%;background-color:#000;cursor:pointer}#mbOverlay.mbOverlayOpaque{background:url(../../assets/mediabox/images/80.png)}#mbOverlay.mbOverlayAbsolute{position:absolute}#mbOverlay.mbMobile{position:absolute;background-color:transparent}#mbBottom.mbMobile{line-height:24px;font-size:16px}#mbCenter{position:absolute;z-index:9999;left:50%;padding:10px;background-color:#000;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;border-radius:10px;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000');-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";-webkit-box-shadow:0 5px 20px rgba(0,0,0,.5);-khtml-box-shadow:0 5px 20px rgba(0,0,0,.5);-moz-box-shadow:0 5px 20px rgba(0,0,0,.5);box-shadow:0 5px 20px rgba(0,0,0,.5)}#mbCenter.mbLoading{background:#000 url(../../assets/mediabox/images/loading-dark.gif) no-repeat center;-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#mbMedia{position:relative;left:0;top:0;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:left;background-position:center center;background-repeat:no-repeat}#mbBottom{line-height:20px;font-size:12px;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;text-align:left;color:#999;min-height:20px;padding:10px 0 0}#mbTitle,#mbPrevLink,#mbNextLink,#mbCloseLink{display:inline;color:#fff;font-weight:700}#mbNumber{display:inline;color:#999;font-size:.8em;margin:auto 10px}#mbCaption{display:block;color:#999;line-height:1.6em;font-size:.8em}#mbPrevLink,#mbNextLink,#mbCloseLink{float:right;outline:0;margin:0 0 0 10px;font-weight:400}#mbPrevLink b,#mbNextLink b,#mbCloseLink b{color:#eee;font-weight:700;text-decoration:underline}#mbPrevLink big,#mbNextLink big,#mbCloseLink big{color:#eee;font-size:1.4em;font-weight:700}#mbBottom a,#mbBottom a:link,#mbBottom a:visited{text-decoration:none;color:#ddd}#mbBottom a:hover,#mbBottom a:active{text-decoration:underline;color:#fff}#mbError{position:relative;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:center;border:10px solid #700;padding:10px 10px 10px;margin:20px;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#mbError a,#mbError a:link,#mbError a:visited,#mbError a:hover,#mbError a:active{color:#d00;font-weight:700;text-decoration:underline}
/* quattrocento-regular - latin */
@font-face {
	font-family: "Quattrocento";
	font-style: normal;
	font-weight: 400;
	src: local(""),
		url("../../files/kv-gartenbau_gestaltung/fonts/quattrocento-v17-latin-regular.woff2") format("woff2"),
		/* Chrome 26+, Opera 23+, Firefox 39+ */
			url("../../files/kv-gartenbau_gestaltung/fonts/quattrocento-v17-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

* {
	margin:				0px;
	padding:			0px;
}

body {
	background:			#304d15;
	color:				#636363;
	font-family:		Tahoma, Verdana, Segoe, sans-serif;
	font-size:			14px;
	font-weight:		normal;
	line-height:		20px;
}

a{
	color:				#77ab2b;
	text-decoration:	none;
}

a:hover{
	text-decoration:	underline;
}

p{
	margin-bottom:		10px;
	margin-top:			10px;
}


h1{
	color:				#466f1e;
	font-size:			22px;
	line-height:		25px;
	margin-bottom:		15px;
	margin-top:			10px;
}

h2{
	color:				#466f1e;
	font-size:			22px;
	line-height:		25px;
	margin-top:			30px;
	margin-bottom:		15px;
}

h3{
	color:				#466f1e;
	font-size:			18px;
	line-height:		22px;
	margin-top:			10px;
	margin-bottom:		5px;
}


#wrapper{
	background:			#fff no-repeat center top url(../../files/kv-gartenbau_gestaltung/bilder/seiten_bg.jpg);
	margin:				0 auto;
	max-width:			1100px;
	min-width:			940px;
	overflow:			hidden;
}

.toggler{
	cursor:				pointer;
}


/* **** header **** */

#header{
}

#header .inside{
	margin:				0 auto;
	width:				940px;
}

#logo_box{
	background:			rgba(255, 255, 255, 0.8) no-repeat 915px 18px url(../../files/kv-gartenbau_gestaltung/bilder/logo_web.svg);
	background-size:	89px 87px;
	position:			absolute;
	top:				10px;
	left:				-80px;
	height:				126px;
	width:				1100px;
	margin:				0 auto;
}

#logo_box H1{
	position:			relative;
	top:				15px;
	left:				93px;
	font-family:		'Quattrocento', 'serif';
	font-size:			57px;
	font-weight:		400;
	line-height:		70px;
	display:			block;
	margin:				0;
}

#logo_box H2{
	position:			relative;
	top:				0px;
	left:				151px;
	font-size:			25px;
	line-height:		30px;
	display:			block;
	margin:				0;
}

#logo_box a{
	color:				#466f1e;
	text-decoration:	none;
}

/* **** Main Nav **** */

#main_nav {
	position:absolute;
	overflow:visible;
	display:block;
	top:				136px;
	width:				940px;
	line-height:		38px;
	font-size:			15px;
	font-weight:		normal;
	text-align:			left;
}

#main_nav ul {
	margin-bottom:		0px;
}

#main_nav ul.level_1 {
	position:			relative;
	float:				left;
	display:			block;
	list-style-type:	none;
	background:			rgb(119, 171, 43);
	background:			rgba(119, 171, 43, 0.7);
	-moz-box-shadow:	0px 8px 10px rgba(54, 89, 17, 0.3) inset;
	-webkit-box-shadow:	0px 8px 10px rgba(54, 89, 17, 0.3) inset;
	box-shadow:			0px 8px 10px rgba(54, 89, 17, 0.3) inset;
	height:				38px;
	width:				100%;
}

#main_nav ul.level_1 li {
	position:			relative;
	float:				left;
	display:			block;
}

#main_nav .level_1 a,
#main_nav .level_1 a:link,
#main_nav .level_1 a:visited,
#main_nav .level_1 a:focus,
#main_nav .level_1 li.trail strong,
#main_nav .level_1 li.active strong,
#main_nav .level_1 li.forward strong {
	display:			block;
	padding:			0 15px;
	line-height:		38px;
	text-decoration:	none;
	color:				#fff;
	text-shadow:		1px 1px 0px rgba(54, 89, 17, 0.9);
	font-weight: inherit;
}

#main_nav .level_1 li.trail,
#main_nav .level_1 li.active,
#main_nav .level_1 li.forward {
	display:			block;
	line-height:		38px;
	text-decoration:	none;
	color:				#fff;
	text-shadow:		none;
}

#main_nav .level_1 li.trail,
#main_nav .level_1 li.active {
	color:				#466f1e;
	text-shadow:		none;
}

#main_nav .level_1 li a:hover,
#main_nav .level_1 li.trail strong,
#main_nav .level_1 li.trail a,
#main_nav .level_1 li.active strong {
	color:				#466f1e;
	text-shadow:		none;
	background:			rgb(255, 255, 255);
	background:			rgba(255, 255, 255, 0.8);
	font-weight: inherit;
}

#main_nav ul.level_2,
#main_nav ul.level_3,
#main_nav ul.level_4 {
	background:			rgb(119, 171, 43);
	background:			rgba(119, 171, 43, 0.7);
	display:			none;
	position:			absolute;
	text-align:			left;
	text-decoration:	none;
	z-index:			100;
}

#main_nav ul.level_1 li:hover ul.level_2,
#main_nav ul.level_2 li:hover ul.level_3,
#main_nav ul.level_3 li:hover ul.level_4 {
	display:			block;
}

#main_nav ul.level_2 li,
#main_nav ul.level_2 li:hover,
#main_nav ul.level_2 li.active {
	float:				none;
	white-space:		nowrap;
	border:				0px;
	text-decoration:	none;
	text-transform:		none;
}


#main_nav ul.level_2 li.active {
}

#main_nav ul.level_2 li a {
	min-width:			110px;
	position:			relative;
	display:			block;
	padding:			0 15px;
	color:				#fff;
	text-shadow:		1px 1px 0px rgba(54, 89, 17, 0.9);
	white-space:		nowrap;
	text-decoration:	none;
	text-transform:		none;
}

#main_nav ul.level_2 li.last a {
}

#main_nav ul.level_2 li a:hover {
	background:			rgb(255, 255, 255);
	background:			rgba(255, 255, 255, 0.8);
	color:				#466f1e;
	text-shadow:		none;
}

#main_nav ul.level_2 li.sibling a{
	background:			transparent;
	color:				#fff;
	text-shadow:		1px 1px 0px rgba(54, 89, 17, 0.9);
}

#main_nav ul.level_2 {
	left:				0;
	top:				38px;
}
#main_nav ul.level_2 li ul {
	left:				130px;
	top:				0;
}

/* **** Content **** */

#container{
	width:				701px;
	margin:				0 auto;
}

#main {
	background:			rgb(255, 255, 255);
	background:			rgba(255, 255, 255, 0.7);
	width:				681px;
	margin-right:		20px;
}

#main .inside{
	margin:				5px 20px 50px 15px;
}

.home_teaser{
	position:			relative;
	float:				left;
	width:				205px;
	margin-right:		15px;
}

.home_teaser_last{
	margin-right: 0px;
}

#home_kontakt_cell p{
	display:			table-cell;
	width:				300px;
}

#main ul {
	list-style:			square inside;
	margin-bottom:		15px;
	margin-top:			3px;
}

#main ul li {
	padding: 0 0 0 5px;
}

#main ul li ul{
	padding: 0 0 0 10px;
}

#termine div.ce_text{
	padding-bottom: 5px;
	padding-top:	5px;
	border-top: solid 3px #eef0ea;
}

#termine .ce_accordionSingle{
	padding-bottom: 5px;
	position: relative;
	top: -10px;
}

#termine .toggler{
	color: #77ab2b;
}

#termine .toggler:before{
	content: "mehr +";
}

#termine .active:before {
	content: "weniger -";
}

.akkordeon_standard{
	margin-bottom: 3px;
}

.akkordeon_standard .accordion{
	padding: 0 10px 0 10px;
}

.akkordeon_standard .toggler{
	background: #f5f5f6;
	color: #77ab2b;
	height: 30px;
	line-height: 30px;
	padding: 0 10px 0 10px;
}

.akkordeon_standard .active{
	background: #77ab2b;
	color: #fff;
}




div.trennung_top{
	padding-bottom: 5px;
	padding-top:	5px;
	border-top: solid 3px #eef0ea;
}

.layout_full,
.layout_short{
	border-top: solid 3px #eef0ea;
}

table {
	border:				1px solid #e7e9e3;
	border-left:		none;
	border-right:		none;
	border-spacing:		0;
	vertical-align:		top;
	text-align:			left;
	width:				100%
}

thead{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e7e9e3;
}

thead th {
	vertical-align:		top;
	text-align:			left;
	padding:			0 20px 5px 5px;
	font-weight:		bold;
	font-size:			14px
}
thead th.col_last{
	padding-right: 5px;
}

table .even{
	background: #f5f5f6;
}

table td{
	border-top: 1px solid #e7e9e3;
	padding: 5px 20px 5px 5px;
}

table td.col_last{
	padding-right: 5px;
}

table .row_first td{
	border-top: none;
}

table tr:hover{
	background: #e5edd9;
}

td p {
	margin-bottom: 0;
	margin-top: 0;
}

.einzel_bild{
	position: relative;
	float: left;
	margin: 10px 20px 10px 0;
}

.einzel_bild .caption{
	font-size: 13px;
}

.caption{
	font-size: 13px;
}

#referenten_tabelle td.col_0{
	width: 215px;
}

#rabatte_tabelle td.col_2{
	width: 230px;
}


/* **** Navigationspfad **** */

#navi_pfad{
	height:				25px;
	line-height:		20px;
	font-size:			10px;
	font-weight:		normal;
	text-align:			left;
	font-family:		Verdana, Geneva, sans-serif;
	margin-left:		3px;
}

#navi_pfad ul{
	list-style:			none outside;
}


#navi_pfad ul li{
	float:				left;
	margin:				0 10px 0 0;
	padding:			0;
}

#navi_pfad ul li:after{
	content:			" > ";
}

#navi_pfad ul li.active{
	color:				#466f1e;
	font-weight:		bold;
}

#navi_pfad ul li.active:after{
	display:			none;
}


/* **** Content rechts **** */

#right .inside{
	margin:				0px 0 50px 0;
}

#rechts_textbox{
	background:			#466f1e;
	padding:			0px 10px 0px 15px;
	margin-bottom:		15px;
	color:				#fff;
}

#rechts_textbox span{
	display:			table-cell;
}

#rechts_textbox span.cell1{
	padding-right: 20px;
}

#rechts_textbox,
#second_nav {
	box-shadow:			3px 4px 10px rgba(54, 89, 17, 0.3);
}

/* **** Second Nav **** */

#second_nav {
	background:			#77ab2b;
	width:				239px;
	line-height:		32px;
	font-size:			15px;
	font-weight:		normal;
	text-align:			left;
	margin-bottom:		30px;
}

#second_nav .level_1 {
	list-style-type:none;
	margin-bottom: 0;
}

#second_nav .level_1 li {
	height:				32px;
	border-bottom:		2px solid #b2d08e;
}

#second_nav .level_1 li.last {
	border-bottom:		none;
}


#second_nav .level_1 a,
#second_nav .level_1 a:link,
#second_nav .level_1 a:visited,
#second_nav .level_1 a:focus{
	display: block;
	height: 32px;
	line-height: 32px;
	text-decoration: none;
	color: #fff;
	text-indent: 15px;
	text-shadow:		1px 1px 0px rgba(54, 89, 17, 0.9);
}

#second_nav .level_1 li:hover,
#second_nav .level_1 li.trail,
#second_nav .level_1 li.active {
	color: #466f1e;
	background:			rgb(255, 255, 255);
	background:			rgba(255, 255, 255, 0.8);
	text-shadow:		none;
}

#second_nav .level_1 li:hover a,
#second_nav .level_1 li.trail a{
	color: #466f1e;
	text-indent: 15px;
	text-shadow:		none;
}

#second_nav .level_1 li.active strong{
	display:			inline-block;
	color:				#466f1e;
	width:				100%;
	text-indent:		15px;
	text-shadow:		none;
	font-weight: inherit;
}

/* **** Footer **** */

#footer {
	background: #77ab2b;
}

#footer .inside {
	width:				910px;
	margin:				0 auto;
	padding-top:		15px;
}

#footer_nav {
	width:350px;
	height:20px;
	line-height: 20px;
	font-size: 15px;
	font-weight: normal;
	text-align: left;
}

#footer_nav .level_1 {
	list-style-type:none;
}

#footer_nav .level_1 li {
	float:left;
	height: 20px;
	padding-right:		20px;
}

#footer_nav .level_1 li.first{
}

#footer_nav .level_1 a,
#footer_nav .level_1 a:link,
#footer_nav .level_1 a:visited,
#footer_nav .level_1 a:focus,
#footer_nav .level_1 li.active {
	display: block;
	height: 20px;
	line-height: 20px;
	text-decoration: none;
	color: #fff;
	text-shadow:		1px 1px 0px rgba(54, 89, 17, 0.9);
}

#footer_nav .level_1 li a:hover,
#footer_nav .level_1 li.trail,
#footer_nav .level_1 li.active {
	color:				#466f1e;
	text-shadow:		none;
}

#footer_text{
	text-align: right;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	position: relative;
	top: -29px;
	float: right;
	width: 600px;
}

.clear{
	position: relative;
	clear: both;
}



@media (max-width:767px)
{
	#wrapper {
		margin:				0 auto;
		max-width:			1100px;
		min-width:			940px;
		overflow:			hidden;
	}
	#container {
		width:				701px;
		margin:				0 auto;
		padding-right:		239px;
	}
	#main,#left,#right {
		float:				left;
	}
	#main{
		width:				681px;
		padding-right:		20px;
	}
	#left {
		right:				0;
		margin-left:		-100%;
	}
	#right {
		margin-right:		-100%;
		width:				239px;
	}
}


























