html {
height:				100%;
}

body {
background:			white;
font-family:		Arial, sans-serif;
font-size:			11pt;
width:				100%;
height:				100%;
margin:				0;
padding:			0;
}

body a {
color:				blue;
text-decoration:	none;
}

body a:hover {
color:				blue;
text-decoration:	underline;
}

#header_navi {
width:				100%;
text-align:			center;
background:			lightgrey;
margin:				0 auto;
padding:			25px 0;
}

@media screen and (max-width:770px) {
	#header_navi {
		padding:			15px 0;
	}
}

#header_navi li {
position:			relative;
cursor:				pointer;
text-align:			center;
}

#navigation {
font-size:			16pt;
}

ul#navigation li {
list-style:			none;
display:			inline;
padding:			0 20px;
}

ul#navigation a {
color:				black;
text-decoration:	none;
}

ul#navigation a:hover, ul#navigation li:hover {
color:				rgb(80,83,60);
text-decoration:	underline;
}

ul#navigation span {
color:				rgb(80,83,60);
text-decoration:	underline;
}

#menu_icon {
display:			none;
}

@media screen and (max-width:770px) {
	#menu_icon {
		display:		inline;
		margin:			70px 0;
	}
	ul#navigation {
		display:		none;
	}
	ul#navigation li {
		display:		inline-block;
		width:			100%;
		padding:		10px 0;
	}
}

@media screen and (min-width:771px) {
	ul#navigation {
		display:		block!important;
	}
}

#header_banderole {
text-align:			center;
background:			rgb(80,83,60);
padding:			70px 50px;
}

#header_banderole img {
max-width:			100%;
}

#content {
width:				1050px;
max-width:			100%;
margin:				0 auto;
}

#content_text {
padding:			50px 50px;
}

@media screen and (max-width:850px) {
	#content_text {
		padding:			30px 20px;
	}
}

#uebersicht_wrap {
margin-bottom:		50px;
}

.uebersicht_box {
float:				left;
width:				30%;
}

.uebersicht_box img {
width:				100%;
}

.uebersicht_box_margin {
margin-right:		5%;
}

.uebersicht_titel {
padding:			15px 0;
font-size:			16pt;
border-bottom:		1px solid grey;
}

.uebersicht_text {
margin-top:			15px;
}

@media screen and (max-width:850px) {
	.uebersicht_titel {
		font-size:			12pt;
	}
}
@media screen and (max-width:770px) {
	.uebersicht_box {
		float:				none;
		width:				100%;
		margin-bottom:		40px;
	}
	.uebersicht_box img {
		width:				auto;
		max-width:			100%;
	}
}

#einleitung {
margin-bottom:		50px;
}

.einleitung_links {
float:				left;
width:				40%;
margin-right:		5%;
}

.einleitung_links img {
width:				100%;
display:			block;
}

.einleitung_rechts_titel {
font-size:			16pt;
width:				100%;
margin-bottom:		10px;
}

@media screen and (max-width:770px) {
	.einleitung_links {
		float:				none;
		width:				100%;
		margin-right:		0;
	}
	.einleitung_links img {
		width:				auto;
		max-width:			100%;
	}
	.einleitung_rechts_titel {
		font-size:			12pt;
	}
}

#auszeichnungen_wrap {
text-align:			center;
}

.auszeichnungen_titel {
font-size:			16pt;
width:				100%;
margin-bottom:		20px;
}

@media screen and (max-width:770px) {
	.auszeichnungen_titel {
		font-size:			12pt;
	}
}

.fotorama {
margin:				0 auto;
text-align:			center;
}

.shop_einleitung_wrap {
margin-bottom:		20px;
}

.shop_filter_wrap {
padding:			15px 20px;
margin-bottom:		20px;
background:			lightgrey;
}

.shop_filter_label {
float:				left;
margin-right:		10px;
}

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

#shop_produkte_wrap a:hover {
text-decoration:	underline;
}

.shop_produkte_row {
clear:				both;
}

.shop_produkte_box {
width:				30%;
float:				left;
margin-bottom:		20px;
}

.shop_produkte_box_1, .shop_produkte_box_2 {
margin-right:		5%;
}

@media screen and (max-width:770px) {
	.shop_produkte_box {
		width:				100%;
		float:				none;
		margin-bottom:		40px;
	}
	.shop_produkte_box_1, .shop_produkte_box_2 {
		margin-right:		0;
	}
}

.shop_produkte_bild img {
width:				100%;
}

.shop_produkte_titel {
margin-top:			15px;
padding:			0 8px;
font-size:			11pt;
font-weight:		bold;
}

.shop_produkte_preis {
margin-top:			5px;
padding:			0 8px;
font-size:			11pt;
}

.shop_produktdetail_text {
float:				left;
width:				50%;
}

.shop_produktdetail_bild {
float:				right;
width:				50%;
text-align:			right;
}

.shop_produktdetail_bild img {
max-width:			95%;
}

@media screen and (max-width:770px) {
	.shop_produktdetail_text, .shop_produktdetail_bild {
		float:				none;
		width:				100%;
		text-align:			left;
		margin-bottom:		20px;
	}
	.shop_produktdetail_bild img {
		max-width:			100%;
	}
}

.shop_produktdetail_text_beschreibung {
margin-bottom:				20px;
}

.shop_produktdetail_text_preis {
margin-bottom:				20px;
}

.shop_produktdetail_text_zusatz {
margin-bottom:				20px;
}

.shop_produktdetail_text_zusatzdaten {
height:						25px;
}

.shop_produktdetail_text_zusatzdaten img {
margin-right:				10px;
display:					block;
float:						left;
}

.shop_produktdetail_text_bestellen {
margin-bottom:				20px;
}

.formular_einleitung {
margin-bottom:				20px;
}

.form_kontakt {
margin-bottom:				17px;
}

.form_kontakt_links {
float:						left;
width:						120px;
line-height:				30px;
}

.form_kontakt_rechts {
max-width:					88%;
}

.formfield, .formfield_fehler {
height:				30px;
padding:			0 10px;
width:				280px;
}

.formfield_textarea, .formfield_textarea_fehler {
height:				150px;
width:				280px;
padding:			10px;
}

.formfield, .formfield_fehler,
.formfield_textarea, .formfield_textarea_fehler {
font-family:		Arial, sans-serif;
font-size:			0.9em;
max-width:			100%;
border:				1px solid lightgrey;
}

.formfield_fehler, .formfield_textarea_fehler {
border:				1px solid red;
}

.formmeldung_fehler {
padding:			10px 20px;
margin-bottom:		25px;
background:			red;
color:				white;
font-weight:		bold;
}

.hidden_field {
display:					none;
}

.formular_hinweis_pflichtfelder {
font-size:					8pt;
margin-bottom:				17px;
}

#footer_wrap1 {
background:			rgb(80,83,60);
}

#footer_wrap2 {
background:			lightgrey;
}

#footer1, #footer2 {
width:				1050px;
max-width:			100%;
margin:				0 auto;
}

#footer_text1, #footer_text2 {
padding:			40px 40px;
text-align:			center;
}

#footer_text1 a {
color:				black;
}

#footer_text2 {
font-size:			8pt;
}

@media screen and (max-width:770px) {
	#footer_text1, #footer_text2 {
		padding:			30px 20px;
	}
}

.clear_both {
clear:				both;
}

h1 {
font-size:			20pt;
color:				rgb(80,83,60);
font-weight:		normal;
margin-bottom:		30px;
}

@media screen and (max-width:850px) {
	h1 {
		font-size:			14pt;
	}
}

* {
margin:				0;
padding:			0;
}

p {
margin:				15px 0;
}

td, th {
padding:			2px;
}