/* 	
	grün: 				#9dc10b
	hell-grün: 			#eef4d9 (Kontaktformular)
	hell-grün: 			#d2e09a (Bildergalerie)
	Lobbster
*/

body { 
	background-color:	#efefef;
	font-family:		Helvetica, Verdana,Arial; 
	color:				#000;
	font-size:			13px;
	overflow:			none;
}

h1{
	font-family: 		Lobster Two;
	font-size:			36px;
	font-weight:		lighter;
	color:				#000;
	margin:				0px 0px 20px 0px;
	line-height:		135%;
}

h2{
	font-family: 		Lobster Two;
	font-size:			36px;
	font-weight:		lighter;
	color:				#9dc10b;
	margin:				0px 0px 0px 0px;
	padding:			0px 0px 0px 0px;
	line-height:		100%;
}

h3{
	font-size:			15px;
	font-weight:		bold;
	color:				#000;
	margin:				0px 0px 0px 0px;
	line-height:		100%;
}

ul{
	margin:				0em 0.6em 0.6em 0.6em;
	padding:			0em 0.6em 0.6em 0.6em;
}

a {
	color:				#9dc10b;
	font-weight:		normal;
	text-decoration:	none;
}
a:hover {
	color:				#9dc10b;
	font-weight:		normal;
	text-decoration:	none;
}

a.navLink {
	text-decoration:	none;
	font-weight:		normal;
	color:				#000;
}
a.navLink:hover {
	text-decoration:	none;
	font-weight:		normal;
	color:				#9dc10b;
}

a.navLinkActive {
	text-decoration:	none;
	font-weight:		normal;
	color:				#9dc10b;
}
a.navLinkActive:hover {
	text-decoration:	none;
	font-weight:		normal;
	color:				#9dc10b;
}

a.impressumLink {
	text-decoration:	none;
	font-weight:		normal;
	color:				#222222;
	font-size:			13px;
}
a.impressumLink:hover {
	text-decoration:	none;
	font-weight:		normal;
	color:				#222222;
	font-size:			13px;
}


.green{
	color:				#9dc10b;
}

.greenBold{
	color:				#9dc10b;
	font-weight:		bold;
}

.greenBig{
	color:				#9dc10b;
	font-size:			16px;
	cursor:				pointer;
}

.small{
	font-size:			10px;
}

.small2{
	font-size:			11px;
}

.big{
	font-size:			15px;
}

.white{
	color:				#fff;
	font-size:			12px;
}
.whiteBold{
	color:				#fff;
	font-size:			21px;
	font-weight:		normal;
}
.hoheLinie{
	line-height:		300%;
}



/* zentraler Div */
.mainDiv { 
	position:			absolute; 
	left:				50%; 
	top:				5px; 
	width:				950px; 			/* Breite der Website */
	margin-left:		-475px;
	background-color:	#fff;
	-webkit-box-shadow: 25px 24px 30px -5px rgba(52,52,52,0.3);
	-moz-box-shadow: 	25px 24px 30px -5px rgba(52,52,52,0.3);
	box-shadow: 		25px 24px 30px -5px rgba(52,52,52,0.3);
}

.head{
	height:				238px; 
	width:				950px; 
	z-index:			10;
}

.headPic{
	width:				100%;
}

#burger,
#burgerMenue{
	display:			none;
}

.logoLink{
	position:			absolute; 
	left:				348px; 
	top:				124px; 
	width:				253px; 
	height:				114px;
	z-index:			105;
	cursor:				pointer;
}

.navi{
	position:			absolute;
	top:				191px;
	left:				40px;
	white-space:		nowrap;
}

.navi_1{
	position:			absolute;
	left:				2px;
}

.navi_2{
	position:			absolute;
	left:				127px;
}

.navi_3{
	position:			absolute;
	left:				227px;
}

.navi_4{
	position:			absolute;
	left:				574px;
}

.navi_5{
	position:			absolute;
	left:				695px;
}

.navi_6{
	position:			absolute;
	left:				822px;
}

.video{
	width:				546px;
	height:				308px;
	
}

.content{
	position:			relative;
	top:				65px;
	width:				950px;		
	background-color:	#fff;
	overflow:			auto;
}

.content_text{
	position:			relative;
	width:				660px;
	margin:				0px 40px 40px 40px;
	line-height:		130%;
}

.aktuelles{
	position:			fixed;
	left:				50%; 
	width:				950px; 			/* Breite der Website */
	top:				245px; 
	margin-left:		220px;
	width:				210px;
	margin-top:			60px;
}

.clear{
	clear:				both;
}


.footer{
	position: 			absolute; 
	left:				50%; 
	margin-left:		-475px;
	width:				950px;
	height:				180px;
	bottom:				0px;
	background-color:	none;
	font-size:			12px;
	background-color:	#9DC107;
}
.footer_m{
	display:			none
}


.footer_box{
	position: 			relative; 
	float:				left;
	width:				calc(33%-50px);
	padding:			20px 30px 20px 30px;
}

.footer_headline{
	color:				#f8fbed;
	font-size:			20px; 
}

.footer_headline2{
	font-size:			15px; 
}

.footer_text{
	font-weight:		lighter;
}

.footer_text2{
	color:				#f8fbed;
}

.footer_text3{
	color:				#f8fbed;
	font-size:			15px; 
}

.footer_subBox{
	float:				left;
	margin-top:			5px;
	margin-right:		5px;
}

.footer_wrapper{
	text-align:			left;
}
.footer_wrapper_m{
	display:			none;
}


.huehner{
	position:			absolute;
	right:				53px;
	top:				-104px;
}

.impressum{
	position:			absolute;
	width:				250px;
	height:				24px;
	bottom:				10px;
	left:				0px;
	background-color:	#D2E099;
}

.impressum_active{
	position:			absolute;
	width:				250px;
	height:				24px;
	bottom:				10px;
	left:				0px;
	background-color:	#FFF;
}
.impressum_spacer{
	position:			relative;
	top:				4px;
	left:				40px;
	width:				250px;
}


input[type=text]{
	color:				#4b4a4d;
	background-color:	#eef4d9;
	border:				solid 1px #9dc10b;
	width:				300px;
}

textarea{
	color:				#4b4a4d;
	background-color:	#eef4d9;
	border:				solid 1px #9dc10b;
	width:				300px;
	height:				140px;
}

input[type=submit]{
	width:				100px;
	height:				23px;
	background-color:	#9dc10b;
	color:				#fff;
	border:				none;
	font-weight:		bold;
	cursor:				pointer;
}

input[type=button]{
	width:				150px;
	height:				23px;
	background-color:	#9dc10b;
	color:				#fff;
	border:				none;
	font-weight:		normal;
	cursor:				pointer;
	font-size:			13px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
	textarea{
		color:				#4b4a4d;
		background-color:	#eef4d9;
		border:				solid 1px #9dc10b;
		width:				296px;
		height:				140px;
	}
	input[type=submit]{
		width:				100px;
		height:				23px;
		background-color:	#9dc10b;
		color:				#fff;
		border:				none;
		font-weight:		bold;
		cursor:				pointer;
		margin-bottom:		4px;
	}

}

.galery_div{
	position:			relative;
	height:				125px;
	width:				660px;
	left:				0px;
	white-space:		nowrap;
	background-color:	#d2e09a;
}
.galery{
	position:			absolute;
	height:				95px;
	width:				580px;
	top:				15px;
	left:				40px;
	white-space:		nowrap;
	background-color:	#d2e09a;
	overflow:			hidden;
}
.arrowLeft{
	position: 			absolute;
	top:				40px;
	left:				11px;
	cursor:				pointer;
}
.arrowRight{
	position: 			absolute;
	top:				40px;
	right:				11px;
	cursor:				pointer;
}
.thumb{
	border: 			none;
	cursor:				pointer;
	height:				95px;
}
.pic_div{
	position:			relative;
	width:				660px;
	left:				0px;
	height:				0px;
	background-color:	#d2e09a;
	text-align:			center;
}
.pic{
	position:			relative;
	top:				5px;
	display:			none;
}

.trenner{
	position:			absolute;
	left:				-40px;
	width:				660px;
	height:				1px;
}
.map_div{
	position:			relative;
	left:				0px;
}
.greenFrame{
	position:			absolute;
	top:				0px;
	left:				0px;
	bottom:				12px;
	right:				0px;
	background-color:	#9dc10b;
	filter:				alpha(opacity=60);
	-moz-opacity: 		0.60;
	opacity:			0.60;
	z-index:			1000;
	display:			none;
	
}
.contentBox_1{
	position:			absolute;
	top:				250px;
	left:				150px;
	height:				600px;
	right:				150px;
	border:				solid 3px #9dc10b;
	z-index:			1001;
	background-color:	#fff;
	display:			none;
}
.contentBox_2{
	position:			absolute;
	top:				250px;
	left:				150px;
	right:				150px;
	height:				300px;
	border:				solid 3px #9dc10b;
	z-index:			1001;
	background-color:	#fff;
	display:			none;
}
.contentBox_3{
	position:			absolute;
	top:				250px;
	left:				150px;
	right:				150px;
	height:				170px;
	border:				solid 3px #9dc10b;
	z-index:			1001;
	background-color:	#fff;
	display:			none;
}
.contentBox_4{
	position:			absolute;
	top:				250px;
	left:				150px;
	right:				150px;
	height:				600px;
	border:				solid 3px #9dc10b;
	z-index:			1001;
	background-color:	#fff;
	display:			none;
}
.headLine{
	position:			absolute;
	top:				30px;
	left:				30px;
	z-index:			1002;
}
.innerContentBox{
	position:			absolute;
	top:				100px;
	left:				30px;
	bottom:				30px;
	right:				30px;
	overflow:			auto;
	z-index:			1002;
}
.close{
	position:			absolute;
	right:				30px;
	top:				15px;
	cursor:				pointer;
}

.pfeilDivBorder{
	position:			relative;
	cursor:				pointer;
	color:				#9dc10b;
	font-size:			16px;
}

.pfeilDiv{
	position:			relative;
	float:				left;
	display:			table-cell;
	vertical-align:		middle;
	height:				30px;
	margin-right:		10px;
}


@media only screen and (max-height: 800px) {
	.huehner{
		display:		none;
	}
}

@media only screen and (max-width: 980px) {

	body{
		font-size:			2em;
	}
	
	.aktuelles,
	.navi,
	.footer,
	.footer_wrapper{
		display:			none;
	}
	
	.footer_wrapper_m,
	.footer_m,
	#burger{
		display:			block;
	}

	.mainDiv { 
		position:			relative; 
		left:				0; 
		top:				0; 
		width:				100%;
		margin-left:		0;
		background-color:	#fff;
		-webkit-box-shadow: none;
		-moz-box-shadow: 	none;
		box-shadow: 		none;
	}
	
	#burger{
		position:			absolute;
		top:				30px;
		right:				5%;
		width:				10%;
	}
	
	#burgerMenue{
		position:			relative;
		top:				0px;
		z-index:			8;
		width:				100%;
		text-align:			center;
		background-color:	#9ec10b;
		color:				#f8fbed;
		line-height:		150%;
		font-size:			2em;
		padding-top:		1em;
		padding-bottom:		1em;
	}
	
	.logoLink{
		position:			absolute; 
		left:				50px; 
		top:				25px; 
		width:				253px; 
		height:				114px;
		z-index:			105;
		cursor:				pointer;
	}
	
	
	.head, 
	.content, 
	.content_text, 
	.footer, 
	.footer_green{
		width:				100%; 
	}
	.content_text{
		width:				80%; 
	}
	.video{
		width:				50%; 
	}
	
	.footer, 
	.footer_green{
		height:				auto; 
		text-align:			center;
	}
	
	.footer_m{
		position: 			relative; 
		width:				calc(100%-2em);
		background-color:	#9DC107;
		padding:			2em;
	}
	
	
	.footer_text{
		height:				auto; 
		font-size:			2em;
	}

	.footer_box{
		float:				left;
		width:				99%;
		padding:			20px 30px 20px 30px;
	}
	.footer_wrapper{
		text-align:			center;
	}

	a.navLink {
		text-decoration:	none;
		font-weight:		normal;
		color:				#fff;
	}
	a.navLink:hover {
		text-decoration:	none;
		font-weight:		normal;
		color:				#000;
	}


	a.navLinkActive {
		text-decoration:	none;
		font-weight:		normal;
		color:				#000;
	}
	a.navLinkActive:hover {
		text-decoration:	none;
		font-weight:		normal;
		color:				#000;
	}

	.galery_div{
		position:			relative;
		height:				220px;
		width:				100%;
		text-align:			center;
	}
	.galery{
		position:			relative;
		margin:				auto;
		height:				190px;
		width:				80%;
		top:				15px;
		left:				0px;

	}
	.thumb{
		height:				190px;
	}
	.pic_div{
		width:				100%;
	}
	.pic{
		width:				100%;
	}

	.arrowLeft{
		position: 			absolute;
		top:				80px;
		left:				25px;
		height:				60px;
		cursor:				pointer;
	}
	.arrowRight{
		position: 			absolute;
		top:				80px;
		right:				25px;
		height:				60px;
		cursor:				pointer;
	}

	.pfeilDivBorder{
		font-size:			1.5em;
		margin-bottom:		1em;
	}

	.greenBig{
		font-size:			1.5em;
	}
	
	#contact_table{
		width:				100%;
	}

	tr{
		height:				3em;
	}
	
	input[type=text]{
		width:				100%;
		height:				2em;
	}

	textarea{
		width:				100%;
		height:				200px;
	}

	input[type=submit]{
		width:				100%;
		height:				3em;
	}

	input[type=button]{
		width:				100%;
		height:				2em;
		font-size:			1.5em;
	}
	
	input[type=checkbox]{
		/* Double-sized Checkboxes */
		-ms-transform: 		scale(2); /* IE */
		-moz-transform: 	scale(2); /* FF */
		-webkit-transform:	scale(2); /* Safari and Chrome */
		-o-transform: 		scale(2); /* Opera */
		transform: 			scale(2);
		padding: 			10px;
		margin-right: 		15px;
	}
	
	.small{
		font-size:			1em;
	}

	.footer_headline{
		font-size:			2em;
	}
	.footer_headline2{
		font-size:			1.5em;
	}
	.footer_text{
		font-size:			1em;
	}

	.impressum_m{
		position:			relative;
		width:				100%;
		height:				2.5em;
		background-color:	#D2E099;
		margin:				2em 0 1em 0;
		text-align:			center;
		padding-top:		25px;
	}

	a.impressumLink_m,
	a.impressumLink_m:hover,
	a.impressumLink_m:visited{
		font-size:			1.5em;
	} 
	
	a[href^="tel"] {
		color: inherit; /* Inherit text color of parent element. */
		text-decoration: none; /* Remove underline. */
		/* Additional css `propery: value;` pairs here */
	}
	
	.headLine{
		margin-bottom:		1em;
	}
	.innerContentBox{
		margin-top:			2.5em;
	}
	
	.contentBox_1{
		position:			absolute;
		top:				10%;
		height:				80%;
		left:				5%;
		right:				5%;
		border:				solid 3px #9dc10b;
		z-index:			1001;
		background-color:	#fff;
		display:			none;
	}
	.contentBox_2{
		position:			absolute;
		top:				10%;
		height:				40%;
		left:				5%;
		right:				5%;
		border:				solid 3px #9dc10b;
		z-index:			1001;
		background-color:	#fff;
		display:			none;
	}
	.contentBox_3{
		position:			absolute;
		top:				10%;
		height:				30%;
		left:				5%;
		right:				5%;
		border:				solid 3px #9dc10b;
		z-index:			1001;
		background-color:	#fff;
		display:			none;
	}
	.contentBox_4{
		position:			absolute;
		top:				10%;
		height:				80%;
		left:				5%;
		right:				5%;
		border:				solid 3px #9dc10b;
		z-index:			1001;
		background-color:	#fff;
		display:			none;
	}
	.headLine{
		position:			absolute;
		top:				30px;
		left:				30px;
		z-index:			1002;
	}
	.innerContentBox{
		position:			absolute;
		top:				100px;
		left:				30px;
		bottom:				30px;
		right:				30px;
		overflow:			auto;
		z-index:			1002;
	}
	.close{
		position:			absolute;
		right:				30px;
		top:				15px;
		cursor:				pointer;
		width:				2em;
	}
	
	
	
}