/*
	back:	rgb(230,230,230)
	dark:	rgb(90,97,90)
	medium	rgb(189,190,189)
	*/
div:focus, a:hover, a:active, a:focus {
    outline:none;
}
.dynamic-slider-control {
	position:			relative;
	-moz-user-focus: 	ignore;
	-moz-user-select:	none;
	cursor:				pointer;
}

.horizontal {
	width:				180px;
	height:				27px;
}

.vertical {
	width:				29px;
	height:				200px;
}

.dynamic-slider-control input {
	display:	none;
}
.dynamic-slider-control input.checkbox, .dynamic-slider-control input.eingabe_anzeige {
	display:block;
}


.dynamic-slider-control .handle {
	position:			absolute;	
	font-size:			1px;
	overflow:			hidden;
	-moz-user-select:	none;
	cursor:				default;
}

.dynamic-slider-control.horizontal .handle {
	width:				21px;
	height:				34px;
	background-image:	url("../system_images/regler.png");
	background-repeat:no-repeat;
	cursor:pointer;
}

.dynamic-slider-control.horizontal .handle div {}
.dynamic-slider-control.horizontal .handle.hover {}

.dynamic-slider-control.vertical .handle {
	width:				21px;
	height:				34px;
	background-image:	url("../system_images/regler.png");
	cursor:pointer;
	background-repeat:no-repeat;
}

.dynamic-slider-control.vertical .handle.hover {}

.dynamic-slider-control .line {
	position:			absolute;
	font-size:			0.01mm;
	overflow:			hidden;
	border:				1px solid rgb(57,177,207);
	background:			rgb(57,177,207);
	
	behavior:			url("scripte/boxsizing.htc"); /* ie path bug */
	box-sizing:			content-box;
	-moz-box-sizing:	content-box;
}

.block__slider_berechnung .dynamic-slider-control .line {
	border:				1px solid rgb(0,106,116);
	background:			rgb(0,106,116);
}

.dynamic-slider-control.vertical .line {
	width:				3px;
}

.dynamic-slider-control.horizontal .line {
	height:				3px;
}

.dynamic-slider-control .line div {
	width:		1px;
	height:		1px;
	
	border:				none;
	border-color:		rgb(230,230,230) rgb(189,190,189)
						rgb(189,190,189) rgb(230,230,230);
}

.statustext1{ font-weight:bold; color:#006A74; padding:5px 10px 0px 5px; width:100px; float:left; height:44px;}
.statustext2{ font-weight:bold; color:#006A74; padding:5px 5px 0px 5px; width:140px; float:left; height:44px;}
#status-text .status-text-inner,#status-text2 .status-text-inner2,

#status-text-variante .status-text-inner{ padding:4px 10px 0px 10px; height:34px; padding-top: 10px; color: #006A74; font-size:12x; font-weight:bold; width:100px;}
#status-text-variante #text-pfeil{width:9px; height:5px; position:absolute;top:31px;}
.status-text-inner-productPages {
	position:relative;
	top:20px;
	left:15px;
}
#status-text2, #status-text-variante{ float:left; width:120px;  }
#status-text2, #status-text, #status-text-variante{ width:120px; padding-top:0px ; position:relative; margin-left:0px; }
#status-text2, #status-text{ padding-top:0px ; position:relative; margin-left:0px;  float:left; width:200px; }
#text-pfeil, #text-pfeil2 {width:9px; height:5px; position:absolute;bottom:9px;}
#status-text-inner, #status-text-inner2{ float:left; margin:0px 0px 0px 0px; }

#status-text-left, #status-text-left2 { float:left; width:18px; height:47px; }
#status-text-right, #status-text-right2{ float:left; width:20px; height:45px; }

div.meldung_kein_strom,div.meldung_kein_gas{ width:200px; padding:0px 0px 0px 15px;}
div.meldung_kein_strom h2,div.meldung_kein_gas h2 { font-size:13px; color:#0088ac; padding:0px 0px 5px 0px; line-height:1.2; margin : 0px 0px;}
div.meldung_kein_strom p { font-size:11px; padding:0px 0px 10px 0px; line-height:1.2; margin : 0px 0px; font-weight:normal}

#plz_ort{ float:left; clear:both; width:460px; margin-bottom:10px; }
#ort_ID{ float:left; width:200px;}
#plz_ID{ float:left; width:50px; margin-right:7px; color:#000000;}
div.rechner_outer, div.rechner_klein_outer{ width:500px; float:left; padding:0px 0px; margin-left:-8px;}
div.rechner_inner{ position:relative;height:300px; float:left; width:460px; padding:15px 5px 20px 5px; color:#2B2B2B;}
div.rechner_inner span, div.rechner_inner label, div.rechner_inner p, div.rechner_inner div{ color:#2B2B2B; }
div.rechner_links { width:11px; height:300px;  float:left;}
div.rechner_rechts{ width:11px; height:300px;  float:left;}

div.rechner_klein_outer div.rechner_inner{ height:130px; float:left;}
div.rechner_klein_outer div.rechner_links{ height:130px; }
div.rechner_klein_outer div.rechner_rechts{ height:130px; }

#shoutbox1, #shoutbox2 {
        background-color: #FFF;
        filter:alpha(opacity=80);
        opacity: 0.3;
        -moz-opacity:0.3;
        height: 190px;
		width:230px;
		display:none;
		position:absolute;
		top:30px;
		z-index:1001;
}
div.block_strom, div.block_gas{ position:relative; height:220px;;}
div.block_gas{ width:220px;float:left;}
div.block_gas div.checkbox{ margin-left:7px;}
select.wahl_ort, input.ort_anzeige{ width:240px; color:#000000;}
input.kontakt_email {border:solid 1px; font-size:10px; float:left; padding:2px 5px; }

a.kontaktformular, a.kontaktformular:visited{ width:21px; height:21px; background:url(../system_images/icon_submit.png) left top no-repeat;cursor:pointer; float:left; display:inline;margin-left:10px; }
div.checkbox h2{ float:left; font-size:14px; color:#0088ac; padding:0px 0px 0px 0px; line-height:1.0; margin : 0px 10px;}
div.checkbox input{ float:left;}
#verbrauch_anzeige{ clear:both; padding:0px 0px 0px 15px;margin:0px 0px 0px 0px;}
#verbrauch_anzeige2{ clear:both; padding:0px 0px 0px 25px;margin:0px 0px 0px 0px;}
input.berechnen, input.berechnen_links, input.berechnen_rechts,input.berechnen_weg{ position:absolute; bottom:29px; left:392px; width:158px; height:38px; border:none;}
input.berechnen_links{ left:46px;}
input.berechnen_rechts{ left:275px;}
input.berechnen{ left:156px;}
input.berechnen_weg{ display:none;}
/*div.hilfe{float:right;padding:0px 10px; width:120px; overflow:hidden; text-align:right;} */
div.hilfe{padding:0px 10px; width:450px; overflow:hidden; text-align:left;}

#meldung_kein_gas label, #meldung_kein_strom label { float:left; width:65px; padding-right:5px; margin:0px 0px 8px -15px; overflow:hidden; text-align:right; }
#meldung_kein_gas input, #meldung_kein_strom input { float:left; width:133px; margin:0px 0px 8px 0px; border:solid 1px; font-size:11px; padding:2px 5px;}
#meldung_kein_gas #absenden, #meldung_kein_strom #absenden{ background:url(../system_images/button_absenden_preisrechner.png) left top no-repeat; border:none; width:158px; height:38px; position:absolute; left:31px; top:224px;}
#meldung_kein_gas #absenden{ position:absolute; left:40px; }
#meldung_kein_gas p, #meldung_kein_strom p{margin:1px  0px 4px 0px;}

#status-text-variante #status-text-links{ float:left;width:10px; height:36px;  }
#status-text-variante #status-text-rechts{ float:left; width:10px; height:36px;  }

input.eingabe_anzeige{ width:80px; margin:0px 10px 5px 0px; border:solid 1px; padding:2px; 3px; font-size:11px; display:inline;}
input.eingabe_anzeige-productPages{ width:80px; margin:0px 0px 0px 0px; border:solid 1px; padding:2px; 3px; font-size:11px; display:inline;}
#gesamtkosten ,#arbeitspreis,#grundpreis{ float:left; clear:both; display:block; width:100% }
#gesamtkosten { text-align:right;}
#gesamtkosten label, #arbeitspreis label,#grundpreis label { float:left; width:70px; padding:0px 0px 5px 0px; }
#arbeitspreis div,#grundpreis div { float:right; width:95px; text-align:right; padding:0px 5px 0px 0px; }
#gesamtkosten div { font-size:24px; margin-top:5px;}
#gesamtkosten span{ font-size:10px; padding:0px 0px 0px 5px;}

#preisanzeige{ float:right; width:175px; }
#verbrauch_anzeige label, #verbrauch_anzeige2 label, #verbrauch_anzeige span, #verbrauch_anzeige2 span { float:left; font-weight:bold; line-height:1.4;}
#verbrauch_anzeige input.eingabe_anzeige, #verbrauch_anzeige2 input.eingabe_anzeige { float:left; }
#status-text-variante{float:left; margin-top:12px; width:160px;}
#ihrverbrauch{ position:absolute; top:17px;left:15px; font-weight:bold; }
#absenden2{ position:absolute; bottom:25px; right:0px; border:none; width:158px; height:38px; border:none;}