

* {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color:#4A2618;
	font-size:14px;
	margin:0;
	padding:0;
	box-sizing: border-box;
}

html {
	background-color:#FFFFFF;}

body {padding-bottom:100px;}
body.popup {background-image:none;}
img {border:none 0px #FFFFFF;max-width: 100%;}
a {text-decoration:none;color:4A2618;}
div.clear {clear:both;}
span.nowrap, div.nowrap {white-space:nowrap;}
b {font-size:inherit;color:inherit;font-weight:bold;}

h1 {color:#9E212F;text-align:left;font-weight:bold;font-size:20px;padding:0px 0px 0px 0px;margin:0 0 0.4em 0;}
@media (min-width: 576px) {h1 {font-size:30px;}}
h2 {color:#7B7B7B;text-align:left;font-weight:normal;font-size:14px;padding:0px 0px 4px 25px;line-height:20px;}
h3 {padding:10px 0px 0px 0px;font-weight:bold;color:#7B7B7B;}
p {}

ul.checkradio {list-style-type:none;}
ul.checkradio li {float:left;}

input[type=submit] {
	padding:5px;
	font-weight:bold;
	color:#000000;
		vertical-align:middle;
	text-align:center;
	background-color:transparent;
	border:none;
}

input[type=text], input[type=password] {
	padding:2px 2px 0px 2px;
	height:30px;
	width:90%;
	border:none 0px #FFFFFF;
	background-color:#FFFFFF;
	border:solid 1px #CBCBCB;
	border-radius:5px;
}
@media (min-width: 576px) {
	input[type=text], input[type=password] {width:310px;}
}

textarea {
	padding:2px 2px 2px 2px;
	border:solid 1px #D5D1D0;
	width:224px;
	background-color:#FFFFFF;
}

input[type=select] {
	border:solid 1px #D5D1D0;
	background-color:#FFFFFF;
}

table {
}

table tr {
}

table tr th {
	text-align:left;
}

table tr td {
	padding:0px 4px 0px 0px;
}

pre {
	background-color:#FFFFFF;
	color:#000000;
}



.nbndr.keinlogo {margin-top:80px;}
div#inhalt {max-width:1000px;margin:0 auto;}
div.bemerkung {font-style:italic;color:#999999;font-size:10px;}
img#logo {display:block;margin:10px auto 20px auto;}
div#produktabb {}
#btninfo, #btninfopdf {
	display: block;
	margin:0 auto 0 auto;
	background-image: url(/sturm/dbdateien/websites_grafiken/40_garantieinfo_button_original.png);
	background-repeat:no-repeat;
	width:297px;
	height:49px;
	padding:17px 0px 0px 56px;
	color:#4A2618;
	text-shadow: 0px 1px 1px #FFFFFF;
	text-transform:uppercase;
	font-weight:bold;
	font-size:15px;
}
#btninfo:hover, #btninfopdf:hover {color:#734634;}
img.preload {display:none;}

@media (min-width: 992px) {
	img#logo {display:inline;margin:10px 0 20px 0;}
	.nbndr.keinlogo {margin-top:150px;}
	div.spa {width:60%;float:left;margin:0;padding:0;border:none;}
	div.spb {width:38%;float:right;margin:0;padding:0;border:none;}
	#btninfo, #btninfopdf {float:right;}
}





div.puin {line-height:1.2em;font-size:12px;font-family: Arial, Helvetica, Verdana, sans-serif;}
div.puin p {margin:1.2em 0em 1.2em 0em;font-size:12px;}
div.puin div {font-size:12px;}
div.puin strong em {font-size:12px;}

div.speins, div.spzwei {width:400px;margin:0 auto 0 auto;}
div.speins div, div.speins p, div.spzwei div, div.spzwei p {text-align:justify;}
@media (min-width: 576px) {
	div.speins {float:left;margin:0px 10px 0px 25px;}
	div.spzwei {float:left;margin:0px 25px 0px 10px;}
	div.spzwei div, div.spzwei ul {margin-left:15px;}
}

div.einsp {margin:0;}



div.formular {margin:50px 0px 100px 0px;}

div.gesamtform, div#kontaktform {
	border:solid 1px #CBCBCB;
	background-color:rgba(255,255,255,0.8);
	border-radius:15px;
	width:280px;
	color:#4A2618;
	text-shadow: 0px 1px 1px #FFFFFF;
	font-size:14px;
	z-index:10;
	-webkit-box-shadow: 10px 10px 25px -10px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 25px -10px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 25px -10px rgba(0,0,0,0.75);
	margin: 0 auto 20px auto;
}
div#kontaktform {margin-top:20px;}
@media (min-width: 576px) {div.gesamtform,div#kontaktform {width:500px;}}

.einleitungstextnb {font-size:13px;line-height:1.5em;border:solid 1px #CBCBCB;background-color:rgba(255,255,255,0.8);border-radius:15px;padding:20px;margin:0px auto 20px;}
.einleitungstextnb p {font-size:13px;}
@media (min-width: 992px) {.einleitungstextnb {width:470px;} .einleitungstextnb p {font-size:14px;}}
@media (max-width: 991px) {.einleitungstextnb {width:500px;}}
@media (max-width: 575px) {.einleitungstextnb {width:280px;line-height:1.4em;}}

#bestellogin fieldset#kwv ul.formular li.formulartextfeld {padding:0px 10px 0px 10px;}

div.gesamtform p, div.gesamtform div {padding:15px;margin:0px auto 0px auto;}
div.gesamtform>ul {padding:15px 15px 25px 30px;margin:0px auto 0px auto;}
.formulartextfeld>ul {padding:15px 15px 25px 30px;margin:0px auto 0px auto;}

div.gesamtform p.danke {}

div.gesamtform p.fehlermeldung, div.gesamtform div.fehlermeldung {font-weight:bold;}

div.gesamtform div.oben, div.formular div.oben {width:100%;height:10px;padding:0px;margin:0px auto 0px auto;}

div.formular h1 {width:100%;padding:0px 15px 0px 15px;margin:0px auto 0px auto;}

div.fehlermeldung p {padding:0 15px 0 15px;margin:0 auto 0 auto;}
ul.fehlermeldung {list-style-type:disc;list-style-position:outside;padding:0 15px 0 34px;margin:0 auto 0 auto;}
div.fehlermeldung p {padding:10px 15px 10px 15px;}
ul.fehlermeldung li {padding:0;}
label.bezeichnungfehler {color:#DC0004;}
textarea.formulartextfeldfehler {border:solid 1px #DC0004;background-color:#FFE9E9;}

form#formular_registrierung {padding:0px;margin:0px;}

fieldset {padding:0 10px 0 10px;margin:0px auto 0px auto;border:none 0px #FFFFFF;vertical-align:top;}
@media (min-width: 576px) {fieldset {padding:10px;}}

div.formular p.danke {width:100%;padding:10px;margin:0px auto 0px auto;border:none 0px #FFFFFF;vertical-align:top;}

fieldset fieldset {background-image:none;width:auto;padding:0px;margin:0px;border:none 0px #FFFFFF;vertical-align:top;}
fieldset.hidden {display:none;}
ul.formular {padding-left:0px;list-style-type:none;}
ul.formular li {background-image:none;padding:4px 0px 4px 0px;}
label {display:block;padding:8px 5px 10px 15px;font-weight:bold;}
@media (min-width: 576px) {
	label {float:left;width:130px;}
	ul.formular li {float:left;}
}
@media (max-width: 575px) {
	ul.formular li {text-align:center;}
}

ul.checkradio {display:block;float:left;padding:0px;margin:0px;}
ul.checkradio li {display:inline;width:auto;}
ul.checkradio label {float:none;display:inline;margin:0px 0px 5px 10px;width:60px;padding:8px 5px 0px 0px;}
ul.checkradio input {margin-top:8px;}

fieldset ul.formular li fieldset.doppeleingabe {width:auto;list-style-type:none;}
fieldset ul.formular li fieldset.doppeleingabe ul.doppeleingabe {display:block;list-style-type:none;}
fieldset ul.formular li fieldset.doppeleingabe ul.doppeleingabe ul {padding:0px;}
fieldset ul.formular li fieldset.doppeleingabe ul.doppeleingabe ul li {display:block;}

fieldset ul.formular li div.captcha {float:left;width:224px;}

fieldset ul.formular li div.bemerkung {clear:both;padding:5px 0px 0px 150px;}

li.pflicht label {font-weight:bold;}

fieldset.buttons, div.gesamtform  div.formunten, div.formular  div.formunten {
	padding:0px;
	margin:0px auto 0px auto;
	height:70px;
	text-align:center;
}

fieldset.buttons input {
	white-space: normal;
	background-image: url(/sturm/dbdateien/websites_grafiken/40_form_button_hg_normal_original.jpeg);
	background-size:cover;
	width:90%;
	height:37px;
	padding:0px;
	margin:16px auto 0px auto;
	text-align:center;
	text-transform:uppercase;
}

fieldset.buttons input:hover {
	background-image: url(/sturm/dbdateien/websites_grafiken/40_form_button_hg_hover_original.jpeg);
}

fieldset.buttons input:active {
	background-image: url(/sturm/dbdateien/websites_grafiken/40_form_button_hg_active_original.jpeg);
}

div.hinwpflicht {
	display:none;
	color:#7B7B7B;
	margin:0px 0px 0px 0px;
}

select#formulardaten__EA__land__EZ__ {
	width:222px;
}

input.monattag {
	width:55px;
	margin-right:9px;
}

input.monatnummer {
	width:55px;
	margin-right:9px;
}

input.jahrvoll {
	width:102px;
	margin-right:0px;
}

@media (min-width: 576px) {
	label#label_formulardaten__EA__strasse__EZ__, label#label_formulardaten__EA__liefer_strasse__EZ__, label#label_kontaktformular__EA__strasse__EZ__ {width:70px;padding:10px 0px 0px 15px;}
	input#formulardaten__EA__strasse__EZ__, input#formulardaten__EA__liefer_strasse__EZ__, input#kontaktformular__EA__strasse__EZ__ {width:180px;margin-right:5px;}
	label#label_formulardaten__EA__hausnummer__EZ__, label#label_formulardaten__EA__liefer_hausnummer__EZ__, label#label_kontaktformular__EA__hausnummer__EZ__ {width:60px;padding:10px 0px 0px 5px;}
	input#formulardaten__EA__hausnummer__EZ__, input#formulardaten__EA__liefer_hausnummer__EZ__, input#kontaktformular__EA__hausnummer__EZ__ {width:40px;}
	label#label_formulardaten__EA__plz__EZ__, label#label_formulardaten__EA__liefer_plz__EZ__, label#label_kontaktformular__EA__plz__EZ__ {width:70px;padding:10px 0px 0px 15px;}
	input#formulardaten__EA__plz__EZ__, input#formulardaten__EA__liefer_plz__EZ__, input#kontaktformular__EA__plz__EZ__ {width:55px;}
	label#label_formulardaten__EA__ort__EZ__, label#label_formulardaten__EA__liefer_ort__EZ__, label#label_kontaktformular__EA__ort__EZ__ {width:60px;padding:10px 0px 0px 5px;}
	input#formulardaten__EA__ort__EZ__, input#formulardaten__EA__liefer_ort__EZ__, input#kontaktformular__EA__ort__EZ__ {width:165px;margin-left:5px;}
}

#li_formulardaten__EA__produktgruppe_materialauswahl__EZ__ div {background-image:none;padding:0px;margin:0 auto;width:225px;}
#li_formulardaten__EA__produktgruppe_materialauswahl__EZ__ div#auswahlbiszumende  {width:100%;text-align:center;}
@media (min-width: 576px) {#li_formulardaten__EA__produktgruppe_materialauswahl__EZ__ div {margin:0 auto;float:left;}}

li#li_formulardaten__EA__produktgruppe_neu__EZ__ ul.checkradio {width:290px;}

#li_formulardaten__EA__produktgruppe_materialauswahl__EZ__ #nicht_garantiefaehig {width: 100%;padding: 15px;}


#li_formulardaten__EA__produktgruppe_materialauswahl__EZ__ div.prodkonf div.mitte div.element div.selectspezialfeld {
	margin:0px 0px 16px 0px;
	padding:2px;
	height:29px;
	width:226px;
	border:none 0px #FFFFFF;
	background-color:#FFFFFF;
	border:solid 1px #CBCBCB;
	border-radius:5px;
}

div.prodkonf div.mitte div.element div.selectspezialfeld div, div.prodkonf div.mitte div.element div.selectspezialfeld input[type="text"] {
	background-color:white;
	background-image:url('/grafiken/pfeil_dropdown_prodkonf.png');
	background-repeat:no-repeat;
	background-position:center right;
        -webkit-background-size: auto;
        -moz-background-size: auto;
        -o-background-size: auto;
        background-size: auto;
	width:222px;
	height:23px;
	background-color:white;
	border:none;
}

div.prodkonf div.mitte div.element div.selectspezialfeld ul {
	width:225px;
	background-color:white;
	border-left:none;
	border-right:none;
	margin-top:6px;
	padding:4px 0px 4px 0px;
	max-height:150px;
	overflow-y:scroll;
 	-webkit-overflow-scrolling:touch;
	position:relative;
	z-index:100;
}

div.prodkonf div.mitte div.element div.selectspezialfeld ul li {
	width:205px;
	height:20px;
	padding:4px 0px 4px 14px;
	background-color:white;
	position:relative;
	z-index:100;
	cursor:pointer;
}

div.prodkonf div.mitte div.element div.selectspezialfeld ul li:hover {
	background-color:#D5D5D5;
	cursor:pointer;
}

div.prodkonf div.mitte div.element div.selectspezialfeld ul li:hover a, div.prodkonf div.mitte div.element div.selectspezialfeld ul li a:hover {
	color:#000000;
	cursor:pointer;
}



div.fuss {
	position:fixed;
	z-index:60;
	bottom:0px;
	left:0px;
	width:100%;
	background-color:#fce222;
	height:70px;
}
@media (min-width: 992px) {div.fuss {height:50px;}}

div.fuss div.innen {
	max-width:1000px;
	margin:0px auto 0px auto;
	padding:15px;
}

div.fuss div.innen div, div.fuss div.innen a {
	color:#000000;
	text-shadow: 0px 1px 1px #FFFFFF;
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
}

div.fuss div.rechte {width:49%;float:left;}
div.fuss div.rechts {width:49%;float:right;text-align:right;}
div.fuss div.rechts a {padding-left:30px;}

