/* =========== Farben =========== */
/* Grau Schrift			=		#323232 */
/* Hintergrund Grau Men� =		#b1b1b1 */
/* Orange Logo			=  		#f59e40 */
/* Grau Footer			=		#606060 */

/* ======= Allgemein ====== */

* {
	margin: 0px;
	padding: 0px;
}

body {
	color: #323232;
	font-family: Verdana, sans-serif;
	font-size: 14px;
	background: url(site_elements/bg.jpg) repeat;
}

a {
	text-decoration: none;
	color: black;
}

a:hover {
	text-decoration: underline;
}

p {
	margin: 1em 0px;
	line-height: 20px;
}

h1 {
	color: #888887;
	font-weight: normal;
	font-family: FrutigerLTStd-Roman, Arial, sans-serif;
	font-size: 28px;
}

h2 {
	color: #F59E40;
	font-weight: normal;
	font-family: FrutigerLTStd-Roman, Arial, sans-serif;
	font-size: 25px;
}

ul {
	margin: 1em 0px;
	margin-left: 20px;
	line-height: 20px;
	list-style-image: url(site_elements/bullet.png);
}

ol {
	margin: 1em 0px;
	margin-left: 20px;
	line-height: 20px;
}

#center {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.clear {
	clear: both;
}

#bg_white {
	width: 100%;
	min-width: 1100px;
	height: 360px;
	top: 0px;
	background: url(site_elements/shadow_bg.png) repeat-x center bottom white;
	position: absolute;
	z-index: -99;
	border-bottom: 1px solid #eff0ef;
}

#bg_pflanze {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	height: 285px;
	background: url(site_elements/pflanze_bg.png) top right no-repeat;
	position: absolute;
	margin-top: -285px;
	left:50%;
	margin-left: -400px;
	z-index: -99;
}

/* ========== Header ========= */

#header_wrapper {
}

	/* ========= Hauptmen� ========== */

		#menue_box {
			float:left;		
			display: table;
			width: 760px;
			height: 40px;
			padding: 110px 0px 0px 0px;
		}

		#menue_box ul {
			list-style-type: none;
			display: table-row;
		}

		#menue_box ul li {
			background: url(site_elements/menue_bg.png) repeat-x #b1b1b1;
			border-top-right-radius: 30px;
			display: table-cell;
			text-align: center;
			position: relative;
			
		}	

			#menue_box ul li:after{
			  content: '';
			  position: absolute;
			  display: block;
			  bottom: 0;
			  left: 100%;
			  margin-left: -30px;
			  height: 40px;
			  width: 35px;
			  background: url(site_elements/menue_bg_right.png) no-repeat;			  
			}
			
			#menue_box ul li:before{
			  content: '';
			  position: absolute;
			  display: block;
			  bottom: 0;
			  margin-left: -19px;
			  height: 40px;
			  width: 20px;
			  background: url(site_elements/menue_bg_left.png) no-repeat;			  
			}
			
				#menue_box ul li.active {
					background: url(site_elements/menue_bg_active.png) repeat-x #b1b1b1;
					z-index: 150!important;	
				}	
	
				#menue_box ul li.active:after{

				  background: url(site_elements/menue_bg_right_active.png) no-repeat;			  
				}
				
				#menue_box ul li.active:before{
				  margin-left: -15px;
			  	  width: 25px;
				  background: url(site_elements/menue_bg_left_active.png) no-repeat;
				  border-top-left-radius: 10px;			  
				}
			
			#menue_box ul li:first-child:before{
			  display: none;
			  
			}

/* Men� ist f�r 5 Punkte angelegt sollte noch ein Punkt hinzukommen, hier einfach eine Zeile dazu addieren*/ 
			#menue_box ul li:nth-child(1){
				z-index: 99;
			}
			
			#menue_box ul li:nth-child(2){
				z-index: 98;
			}
			
			#menue_box ul li:nth-child(3){
				z-index: 97;
			}
			
			#menue_box ul li:nth-child(4){
				z-index: 96;
			}
			
			#menue_box ul li:nth-child(5){
				z-index: 95;
			}


	#menue_box ul li a{	
		font-family: FrutigerLTStd-Roman, Arial, sans-serif;
		font-size: 16px;
		color: white;
		display: block;
		border-top-right-radius: 30px;
		position: relative;
		height: 20px;
		padding: 10px 60px 10px 50px;
		z-index: 999;
	}
	
	#menue_box ul li a:hover {
		text-decoration: none;
		opacity: 0.5;

	}
	
	/* ======== Logo =========== */
	
	#logo_box {
		width: 240px;
		height: 150px;
		float: left;
		text-align: right;
	}
	
	
	/* ========= Headergrafik ========= */
	
	#header_pic {
		width: 760px;
		height: 210px;
		float: left;
	}
	
		#header_pic:before {
		  content: '';
		  position: absolute;
		  margin-left: 656px;
		  height: 210px;
		  background: url(site_elements/shadow_header.png);
		  width: 104px;
		  display: block;
		  opacity: 0.3;
		}
	
	/* =========== Kontaktbox ======= */
	
	#contact_box {
		width: 208px;
		height: 192px;
		float: left;
		background: url(site_elements/contact_box_bg.png) no-repeat;
		border-top-right-radius: 25px;
		text-align: right;
		padding: 18px 32px 0px 0px;
		font-family: FrutigerLTStd-Roman, Arial, sans-serif;
		font-size: 16px;
		color: white;
	}
	
		#contact_box a{
			color: white;
		}

/* ======== Main Content ========== */	

#main_content_wrapper {
	width: 1000px;
	min-height: 450px;
	background: white;
}

	#main_content_wrapper:before {
	  content: '';
	  position: relative;
	  top: -6px;
	  bottom: 0;
	  height: 6px;
	  background: url(site_elements/shadow_bg.png) repeat-x;
	  width: 100%;
	  display: block;
	}

#main_content {
		padding: 15px 25px 15px 25px;
}

#main_content a{
		color: #f59e40;
}

#main_content table {
		border-collapse: collapse;
}

#main_content table tr td{
		border: 1px solid #b1b1b1;
		padding: 5px 10px 5px 10px;
}

/* ========  Footer ========= */

#footer {
	width: 950px;
	min-height: 30px;
	color: #606060;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding: 10px 25px 0px 25px;
}

	#footer a{
		color: #606060;
	}

	.footer_left {
		float: left;
	}
	
	.footer_right {
		float: right;
	}
	
/* ============================ Kontaktformular ================================= */

/* Kontaktformular */

.csc-mailform,
#kontaktformular-365 {
		padding: 10px;
		border: 1px solid #f59e40;
		width: 700px;
		margin-top: 15px;
		margin-bottom: 10px;
	}


.csc-mailform label, .csc-mailform-label,
.form-group label{
		position: relative;
		float: left;
		width: 146px;
		display: block;
		margin-bottom: 4px;
		padding: 4px 0px 0px 0px;
		font-weight: normal;
	}

.csc-mailform input,
.form-group input{
	position: relative;
	left: 15px;
	margin-top: 4px;
	height: 35px;
	font-size: 16px;
	color: #7f7f7f;
	width: 530px;
	}

.csc-mailform .csc-mailform-submit,
#kontaktformular-365 button{
	position: relative;
	margin-left: 145px;
	width: 200px;
}
	
.csc-mailform textarea,
.form-group textarea{
	position: relative;
	left: 15px;
	margin-bottom: 10px;
	margin-top: 4px;
	width: 530px;
	font-size: 16px;
	color: #7f7f7f;
	font-family: arial, verdana, hervetica, sans-serif;
	min-height: 100px;
}	

/* DSGVO */
.csc-mailform-field,
.form-check {
	position: relative;
}

.csc-mailform label[for=mailformdsgvo_checkbox],
.form-check label
{
    width: 100%;
	padding-left: 25px;
	box-sizing: border-box;
	z-index: 10;
}

#kontaktformular-365 .clearfix {
	float: left;
}

.csc-mailform #mailformdsgvo_checkbox,
.form-check input{
	position: absolute;
	top: -7px;
	left: 0px;
	width: auto;
	z-index: 10;
}