* {
	margin:				0;
	padding:			0;
	color:				#1A171B;
	font-family: 		'Open Sans';
}

body{
}

.clear{
	clear:				both;
}

h1{
	font-weight:		normal;
	line-height:		130%;
		
}
td{
	padding:			5px 20px 5px 0px;
	color:				#1A171B;
	font-family: 		'Open Sans';
	vertical-align:		top;
}

a.internLink{
	font-weight:		bold;
	color:				#B07215;
	text-decoration:	none;
}

a.internLink:hover{
	color:				#9C161E;
}

a.webLink{
	font-weight:		normal;
	color:				#B07215;
	text-decoration:	none;
}
a.webLink:hover{
	color:				#9C161E;
}

.highlight{
	font-weight:		bold;
	color:				#B07215;
}

#band {
	position:			absolute;
	top:				0px;
	left:				0px;
	width:				100%;
	height:				800px;
	background:			url(../images/hintergrund.jpg);
}


#anzeigebereich {
	position:			relative;
	margin:				auto;
	max-width:			1200px;
}

#kopf {
	position:			relative;
	width:				100%;
	height:				800px;
	background:			url(../images/hintergrund.jpg);
	z-index:			1000;
}
#kopf_mobile {
	position:			fixed;
	top:				0px;
	left:				0px;
	width:				100%;
	z-index:			1000;
	display:			none;
}
#meta_mobile {
	display: none;
}
#kopf_mobile_spacer {
	position:			relative;
	width:				100%;
	z-index:			99;
	display:			none;
}
#hintergrund {
	position:			relative;
	height:				100%;
	left:				0px;
	border:				none;
}
#logo_div{
	position:			absolute;
	height:				100%;
	left:				-128px;
}
#hintergrund_logo_schatten {
	position:			absolute;
	height:				100%;
	left:				0px;
	border:				none;
}
#logo {
	position:			absolute;
	top:				10%;
	left:				380px;
	margin:				auto;
	height:				50%;
	border:				none;
	cursor:				pointer;
}
#logo_mobile {
	position:			relative;
	width:				100%;
}

#navi{
	width:				90%;
	position:			absolute;
	bottom:				0px;
	left:				125px;
	height:				40px;
	text-align:			center;
}
.navi_pos, .navi_pos_active{
	display:			table-cell;
	vertical-align:		middle;
	float:				left;
	color:				#9C161E;
	font-size:			1.2em;
	margin:				0px 30px 0px 30px;
	cursor:				pointer;
}
.navi_pos:hover, .navi_pos_active{
	color:				#B07215;
}

#icon_shop{
	height:				24px;
	margin:				-8px 6px 0px 0px;
	border:				none;
}

#galery{
	position:			relative;
	width:				100%;
	border:				none;
}
#bild{
	width:				100%;
	border:				none;
}


#inhalt{
	position:			relative;
	top:				-5px;
	margin-bottom:		-5px;
	width:				100%;
	background:			#FAF7F1;
	min-height:			500px;
}

#content{
	position:			relative;
	width: 				700px;
	left:				331px;
	padding:			20px 80px 200px 50px;
	line-height:		150%;
}

#balken{
	position:			absolute;
	left:				0px;
	top:				0px;
	width:				331px;
	height:				100%;
	background-color:	#EEE1CC;
}

#fuss{
	position:			relative;
	width:				100%;
	background:			#9C161E;
	height:				200px;
}

#fuss_kontakt{
	position:			relative;
	width:				40%;
	top:				28px;
	left:				100px;
	color:				#fff;
}

.fuss_link{
	color:				#fff; 		
	text-decoration:	none; 
	cursor:				pointer;
}

.fuss_link:hover{
	color:				#B07215; 		
}

#icon_adresse{
	width:				16px;
	margin-left:		4px;
	margin-right:		11px;
	vertical-align:		top;
	border:				none;
}

#icon_telefon{
	width:				20px;
	margin-right:		9px;
	border:				none;
}

#icon_email{
	width:				20px;
	margin-right:		11px;
	border:				none;
}

#icon_fb{
	position:			relative;
	top:				-7px;
	width:				30px;
	margin-right:		9px;
	border:				none;
}

#icon_fb_mobile{
	position:			absolute;
	width:				40px;
	top:				30px;
	right:				20px;
	border:				none;
	display:			none;
}


#fuss_navi{
	position:			absolute;
	bottom:				15px;
	right:				30px;
	color:				#fff;
	display:			table-cell;
	vertical-align:		bottom;
}

.fuss_navi_pos, .fuss_navi_pos_active{
	float:				right;
	color:				#fff;
	font-size:			1.2em;
	margin:				0px 20px 0px 20px;
	cursor:				pointer;
}

.fuss_navi_pos:hover, .fuss_navi_pos_active{
	color:				#B07215;
}

input[type=text]{
	border:				solid 1px #1A171B;
	width:				100%;
	padding:			4px 10px 4px 10px;
	background-color:	#fff;
}
textarea{
	border:				solid 1px #1A171B;
	width:				100%;
	padding:			4px 10px 4px 10px;
	background-color:	#fff;
}
input[type=submit]{
	text-align:			center;
	background-color:	#EEE1CC;
	color: 				#9C161E;
	font-weight:		bold;
	margin-top:			15px;
	padding:			8px 20px 8px 20px;
	border:				none;
	cursor:				pointer;
}
input[type=submit]:hover{
	background-color:	#C79957;
}

.pic{
	width:				150px;
	border:				none;
}
#galery_frame, #galery_frame_mobile{
	width:				90%;
	padding-right:		5%;
	padding-left:		5%;
}
#galery_frame_mobile{
	display:			none;
}
.owl-prev, .owl-next {
	position:			absolute;
	top:				40%;
	padding:			5px;
	margin:				0;
	z-index:			100;
	background:			none;
	width:			
}

.owl-prev {
	left:				-5px;
}

.owl-next {
	right:				-5px;
}

#icon_menue{
	width:				40px;
	display:			none;
	position:			absolute;
	bottom:				20px;
	right:				20px;
}

#icon_menue_close{
	width:				40px;
	margin-right:		25px;
}

#mobileMenueFrame{
	display:			none;
}

#eventTable{
	width:				100%;
}
#eventDiv{
	width:				100%;
	display: 			none;
}
#eventDiv_entree{
	width:				100%;
	background:			#EEE1CC;
	margin-bottom:		20px;
}
	
#contact_table{
	width:				100%;
}

#contact_div{
	width:				90%;
	display:			none;
}

.slowfood_logo{
	position:			absolute;
	width:				100px;
	left:				-100px;
	top:				130px;
}





@media only screen and (max-width: 1300px) {
	#anzeigebereich {
		width:			100%;
		overflow-y:		auto;
		overflow-x:		hidden;
	}

	#kopf {
		width:			100%;
	}
	
	#band{
		
	}
	
	.navi_pos, .navi_pos_active{
		margin:			0px 25px 0px 25px;
	}

	
	#content{
		left:			231px;
	}

}


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

	.navi_pos, .navi_pos_active{
		margin:			0px 20px 0px 20px;
	}
	#content{
		left:			150px;
	}
	
}

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

	#navi, #fuss_navi{
		display:		none;
	}
	#content{
		left:			15%;
		width:			80%;
		padding:		20px 0px 200px 0px;
	}
	#icon_menue, #icon_fb_mobile{
		display:		block;
	}
	
	#kopf_mobile, #meta_mobile {
		display:		block;
	}
	#kopf_mobile_spacer {
		display:		block;
	}
	#kopf {
		display:		none;
	}
	#galery {
		top:			-5px;
	}
	#inhalt {
		top:			-10px;
		margin-bottom:	-10px;
	}
	#fuss {
	}
	#fuss_kontakt{
		position:		relative;
		width:			65%;
		top:			28px;
		left:			13%;
		color:			#fff;
	}
	#balken {
		width:			13%;
	}
	
	
	#mobileMenueFrame{
		z-index:				3000;
		display:				none;
		position:				absolute;
		top:					0px;
		left:					0px;
		height:					100%;
		width:					100%;
	}
	#mobileMenueLayer{
		display:				block;
		position:				absolute;
		top:					0px;
		left:					0px;
		height:					100%;
		width:					100%;
		background:				none;
	}	
	#mobileMenueGrey{
		display:				block;
		position:				absolute;
		top:					0px;
		right:					-100%;
		height:					100%;
		width:					56%;
		background:				#EEE1CC;
	}
	#mobileMenueContent{
		display:				relative;
		padding:				20px 20px 100px 20px;
		font-size:				1em;
		font-weight:			normal;
		background:				#EEE1CC;
	}
	.mobileMenuePos{
		position:				relative;
		margin:					7px 0px 0px 0px;
		padding-bottom:			10px;
		cursor:					pointer;
		border-bottom:			solid 1px #EEE1CC;
	}
	.mobileMenuePos:hover{
		color:					#9C161E;
		border-bottom:			solid 1px #9C161E;
	}
	#close_frame{
		height:					50px;
		font-size:				1.1em;
		color:					#9C161E;
		border-bottom:			solid 1px #9C161E;
	}

	#contact_table{
		display:				none;
	}
	
	#contact_div{
		display:				block;
	}
	
	.slowfood_logo{
		left:					auto;
		top:					auto;
		right:					0px;
		bottom:					30px;
	}
	
}




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

}




@media only screen and (max-width: 600px) {
	
	
	#icon_adresse{
		width:				12px;
		margin-left:		6px;
		margin-right:		13px;
		vertical-align:		top;
		border:				none;
	}

	#icon_telefon{
		width:				20px;
		margin-right:		9px;
		border:				none;
	}

	#icon_email{
		width:				20px;
		margin-right:		9px;
		border:				none;
	}

	#icon_menue, #icon_menue_close{
		width:				25px;
	}
	
	#galery_frame{
		display:			none;
	}
	#galery_frame_mobile{
		display:			block;
	}
	
	#eventTable{
		display: 			none;
	}
	#eventDiv{
		display: 			block;
	}


}