html {
height:				100%;
}

body {
background:			url("./images/background.jpg") repeat scroll 0 0 #fafafa;
font-family:		Arial, sans-serif;
font-size:			10pt;
width:				100%;
height:				100%;
margin:				0;
padding:			0;
}

#wrapper {
max-width:			980px;
width:				auto;
position:			relative;
min-height:			100%; /* Mindesthöhe für moderne Browser */
height:				auto !important; /* Important Regel für moderne Browser */
height:				100%; /* Mindesthöhe für den IE */
overflow:			hidden !important; /* FF Scroll-leiste */
margin:				auto;
background:			white;
}

#header {
border-top:			5px solid #cc9900;
background:			url("./images/background-header.png") repeat-x scroll 0 0 #ececec;
}

#header img {
margin:				8px;
display:			block;
max-width:			100%;
}

@media screen and (max-width:550px) {
	#header {
		text-align:			center;
	}
	#header img {
		margin:				8px auto;
	}
}

#navigation {
background:			#ededed;
text-align:			center;
}

#navigation a {
text-decoration:	none;
}

.nav_block {
color:				#cc9900;
font-weight:		bold;
float:				left;
padding:			10px 20px;
}

.nav_block_aktiv, .nav_block:hover {
background:			#cc9900;
color:				white;
}

#menu_icon {
display:			none;
}

@media screen and (max-width:550px) {
	.nav_block {
		float:				none;
		text-align:			center;
	}
	#menu {
		display:			none;
	}
	#menu_icon {
		display:			block;
		padding:			5px 0 3px 0;
	}
}

#titelbild {
border-top:			5px solid #cc9900;
}

#titelbild img {
display:			block;
max-width:			100%;
}

#titelbild_ticker {
background: 		#cc9900;
padding:			8px 25px;
color:				white;
}

@media screen and (max-width:400px) {
	#titelbild {
		display:			none;
	}
}

#content {
padding:			25px 25px 15px 25px;
line-height:		1.5;
margin-bottom:		30px;
}

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

#content a, #content a:hover, #content a:visited {
text-decoration:	underline;
color:				#cc9900;
}

.textbild_links {
float:				left;
width:				60%;
}

.textbild_rechts {
float:				right;
width:				35%;
margin-left:		5%;
}

@media screen and (max-width:550px) {
	.textbild_links {
		float:				none;
		width:				100%;
		margin-bottom:		20px;
	}
	.textbild_rechts {
		float:				none;
		width:				100%;
		margin-left:		0;
	}
}

.fotogalerie {
margin:				10px 0 20px 0;
}

.fotogalerie_foto {
border:				1px solid lightgrey;
text-align:			center;
width:				18%;
margin-right:		1%;
float:				left;
}

@media screen and (max-width:550px) {
	.fotogalerie {
		margin:				20px 0 20px 0;
	}
}

@media screen and (max-width:400px) {
	.fotogalerie_foto {
		width:				45%;
		margin-right:		5px;
		margin-bottom:		5px;
	}
}

#footer {
font-size:			7pt;
color:				white;
padding:			10px 0;
width:				100%;
position:			absolute;
bottom:				0px !important;
margin:				0 auto;
text-align:			center;
clear:				both;
background:			#cc9900;
}

.form_block {
margin-bottom:		10px;
}

.formfield_input {
font-family:		Arial,sans-serif;
padding:			5px 2%;
width:				300px;
max-width:			95%;
}

.formfield_textarea {
font-family:		Arial,sans-serif;
padding:			8px 2%;
width:				300px;
height:				150px;
max-width:			95%;	
}

.formfield_select {
font-family:		Arial,sans-serif;
padding:			5px 2%;
max-width:			95%;
}

.formfield_submit, .warenkorb_submit, .bestellen_submit {
padding:			5px 2%;	
}

#button_bestellen {
margin-top:			15px;
display:			none;
}

.warenkorb_input, .warenkorb_uebersicht_input {
font-family:		Arial,sans-serif;
padding:			5px 2%;
width:				50px;
max-width:			95%;
text-align:			center;
}

.warenkorb_input {
margin-right:		20px;
}

.warenkorb_uebersicht_input {

}

.warenkorb_links {
float:				left;
}

.warenkorb_head {
font-weight:		bold;	
}

.warenkorb_titel {
display:			none;
}

.warenkorb_spalte1, .warenkorb_spalte2, .warenkorb_spalte3, .warenkorb_spalte4, .warenkorb_spalte5 {
float:				left;
padding:			5px 0;
}

.warenkorb_spalte1 {
width:				20%;
}

.warenkorb_spalte2 {
width:				18%;
}

.warenkorb_spalte3 {
width:				19%;
}

.warenkorb_spalte4 {
width:				19%;
}

.warenkorb_spalte5 {
width:				24%;
}

@media screen and (max-width:550px) {
	.warenkorb_spalte1, .warenkorb_spalte2, .warenkorb_spalte3, .warenkorb_spalte4, .warenkorb_spalte5 {
		float:				none;
		padding:			5px 0;
		width:				100%;
	}
	.warenkorb_leerespalten {
		display:			none;
	}
	.warenkorb_head {
		display:			none;
	}
	.warenkorb_titel {
		display:			inline;
		font-weight:		bold;
	}
}

.adressen {
margin-top:			20px;
}

.adressen_links, .adressen_rechts, .adressen_abschluss_anmerkungen {
float:				left;
width:				30%;
margin-right:		3%;
overflow:			hidden;
}

.adressen_anmerkungen {
margin-bottom:		20px;
}

.adressen_abschluss {
background:			lightgrey;
}

.adressen_abschluss_box {
padding:			20px;
}

.rechnungsadresse, .lieferadresse, .agb, .anmerkungen {
margin-top:			20px;
}

@media screen and (max-width:550px) {
	.adressen_links, .adressen_rechts, .adressen_abschluss_anmerkungen {
		float:				none;
		width:				100%;
		margin-right:		0;
		margin-bottom:		25px;
	}
}

.form_hd {
display:			none;
}

.formmeldung_ok, .formmeldung_fehler {
color:				white;
padding:			10px 20px;
margin-bottom:		15px;
}

.formmeldung_fehler {
background:			red;
}

.formmeldung_ok {
background:			green;
}

h1 {
font-size:			16pt;
line-height:		1;
color:				#cc9900;
margin-bottom:		20px;
}

.bold {
font-weight:		bold;
color:				#cc9900;
}

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

.clear_both {
clear:				both;
}

* {
margin:				0;
padding:			0;
}

p {
margin-bottom:		10px;
}

td, th {
padding:			2px;
}

ul {
margin-left:		16px;
margin-bottom:		10px;
}