/* CSS Document */

/* seo */
#seo {
	margin:27px 0 0 0;
	padding:20px 20px 9px;
	border:1px solid #006987;
	width:553px;
	background-color:#fff;
	text-align:left;
	}

#seo h2 {
	font-size:11px; font-weight:normal; line-height:16px;
	}

#seo p a {color:#02587b; font-weight:normal; text-decoration:underline;}


/* der slider */
#slider_bg_strom {
	height:105px; width:422px;
	background-image:url(pix/layout/reglergrafik_bg_strom.gif); background-repeat:no-repeat; background-position:top;
	position: relative; left:0;
	}

#slider_bg_gas {
	height:105px; width:422px;
	background-image:url(pix/layout/reglergrafik_bg_gas.gif); background-repeat:no-repeat; background-position:top;
	position: relative; left:0;
	}

#slider_background_strom{
	width:412px;
	height:35px;
	cursor: default;
	position: relative;
	top:1px; left:5px;
	}
#slider_background_gas{
	width:412px;
	height:35px;
	cursor: default;
	position: relative;
	top:1px; left:5px;
	}

#slider_thumb_strom {
	width:31px;
	}
#slider_thumb_gas {
	width:31px;
	}


#slide_verbrauch_strom {
	background-image: url("pix/layout/bg_slide_verbrauch.gif");
	background-position: right center;
	background-repeat: no-repeat;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	left: 8px;
	padding: 3px 0 0 6px;
	position: absolute;
	top: 45px;
	width: 182px;
	}
	
#slide_verbrauch_gas {
	background-image: url("pix/layout/bg_slide_verbrauch.gif");
	background-position: right center;
	background-repeat: no-repeat;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	left: 8px;
	padding: 3px 0 0 6px;
	position: absolute;
	top: 45px;
	width: 182px;
	}

#slide_preis_strom {
	background-image:url(pix/layout/bg_slide_preis.gif); background-repeat:no-repeat; background-position:left center;
	height:25px; width:195px;
	padding:3px 0 0 6px;
	position:absolute; left:215px; top:45px; z-index:10;
	text-align:right;
	}
#slide_preis_gas {
	background-image:url(pix/layout/bg_slide_preis.gif); background-repeat:no-repeat; background-position:left center;
	height:25px; width:195px;
	padding:3px 0 0 6px;
	position:absolute; left:215px; top:45px; z-index:10;
	text-align:right;
	}
	
#slider-value_strom {
	color:#e8f6f7;
	}
#slider-value_gas {
	color:#e8f6f7;
	}

td.sternchentext {font-size:9px; padding:15px 0 0 0;}
/* ende slider */

form #rechner #r_mitte_strom .verbrauchspreis_mj {
	border:1px solid #005877;
	padding:1px 0 0 1px;
	}
form #rechner #r_mitte_gas .verbrauchspreis_mj {
	border:1px solid #005877;
	padding:1px 0 0 1px;
	}
form #rechner #r_mitte_strom input.verbrauchspreis_m {
	background-image:url(pix/layout/bg_button_vp_monat.gif); background-repeat:no-repeat;
	border:0; border-right:1px solid #005877;
	width:90px; height:30px;
	float:left;
	}
form #rechner #r_mitte_gas input.verbrauchspreis_m {
	background-image:url(pix/layout/bg_button_vp_monat.gif); background-repeat:no-repeat;
	border:0; border-right:1px solid #005877;
	width:90px; height:30px;
	float:left;
	}
form #rechner #r_mitte_strom input.verbrauchspreis_j {
	background-image:url(pix/layout/bg_button_vp_jahr.gif); background-repeat:no-repeat;
	border:0px solid #000;
	width:90px;
	float:left;
	}
form #rechner #r_mitte_gas input.verbrauchspreis_j {
	background-image:url(pix/layout/bg_button_vp_jahr.gif); background-repeat:no-repeat;
	border:0px solid #000;
	width:90px;
	float:left;
	}
/* ende slider */





/** neue styles **/
body.start {margin:0 0 30px 0;}


#img_top {
	height:29px; width:593px;
	background-image:url(pix/layout/wemio_image_start.gif); background-repeat:no-repeat;
	}

#content_all {
	width:593px;
	border-left:1px solid #015777;
	border-right:1px solid #015777;
	border-bottom:1px solid #015777;
	border-top:1px solid #015777;
	background-color:#fff;
	margin-top:52px;
	}

#rechner, #rechner_gas {
	width:532px;
	}

#rechner #r_oben_kurz, #rechner_gas #r_oben_kurz_gas {
border-top:1px solid #224c5a;
	}
#rechner #r_top_cityChoice{
	height:84px;
	background-image:url(pix/layout/bg_rechner_top.gif); background-repeat:no-repeat;
	}
#rechner #r_top_strom{
	height:84px;
	background-image:url(pix/layout/bg_rechner_top.gif); background-repeat:no-repeat;
	}
#rechner #r_top_gas{
	height:84px;
	background-image:url(pix/layout/bg_rechner_top_gas.gif); background-repeat:no-repeat;
	}
	

#rechner #r_mitte_cityChoice {
	padding:3px 0 0 0;
	background-image:url(pix/layout/bg_rechner_mitte.gif); background-repeat:repeat-y;
	}

#rechner #r_mitte_strom {
	padding:3px 0 0 0;
	background-image:url(pix/layout/bg_rechner_mitte.gif); background-repeat:repeat-y;
	}
#rechner #r_mitte_gas {
	padding:3px 0 0 0;
	background-image:url(pix/layout/bg_rechner_mitte.gif); background-repeat:repeat-y;
	}
#rechner #r_unten_cityChoice{
	height:24px;
	background-image:url(pix/layout/bg_rechner_unten.gif); background-repeat:no-repeat;
	}
#rechner #r_unten_strom{
	height:24px;
	background-image:url(pix/layout/bg_rechner_unten.gif); background-repeat:no-repeat;
	}
#rechner #r_unten_gas{
	height:24px;
	background-image:url(pix/layout/bg_rechner_unten.gif); background-repeat:no-repeat;
	}		

#rechner #r_unten_cityChoice {
	}
#rechner #r_unten_strom {
	}
#rechner #r_unten_gas {
	}

	
form #rechner #r_mitte_cityChoice{
	margin:0;
	padding-bottom: 0;
	padding-left: 10px;
	padding-right: 0;
	padding-top: 0;
	border-right: 1px solid black;
	text-align:left;
	}
	
form #rechner #r_mitte_strom{
	margin:0;
	padding-bottom: 0;
	padding-left: 10px;
	padding-right: 0;
	padding-top: 0;
	border-right: 1px solid black;
	text-align:left;
	}
	
form #rechner #r_mitte_gas{
	/*width:508px;*/
	margin:0;
	padding-bottom: 0;
	padding-left: 10px;
	padding-right: 0;
	padding-top: 0;
	border-right: 1px solid black;
	text-align:left;
	}
	
form #rechner #r_mitte_cityChoice table.start {
	width:100%;
	font-size:12px;
	}
form #rechner #r_mitte_strom table.start {
	width:100%;
	font-size:12px;
	}
form #rechner #r_mitte_gas table.start {
	width:100%;
	font-size:12px;
	}
	
form #rechner #r_mitte_cityChoice table.start td {
	padding:2px; 
	vertical-align:top;
	}
form #rechner #r_mitte_strom table.start td {
	padding:2px; 
	vertical-align:top;
	}
form #rechner #r_mitte_gas table.start td {
	padding:2px; 
	vertical-align:top;
	}

form #rechner #r_mitte_cityChoice input {
	background-color:#eaffc6;
	border:1px solid #01577A;
	font-weight:normal; text-align:right; color:#02587b;
	width:176px; font-size: 3em; padding: 1px 9px;
	}
	
form #rechner #r_mitte_strom input {
	background-color:#eaffc6;
	border:1px solid #01577A;
	font-size:24px; font-weight:normal; text-align:right; color:#02587b;
	}
form #rechner #r_mitte_gas input {
	background-color:#eaffc6;
	border:1px solid #01577A;
	font-size:24px; font-weight:normal; text-align:right; color:#02587b;
	}
	
form #rechner #r_mitte_chityChoice input.plz {
	font-size:37px; font-weight:normal;
	padding:0 5px 0 0; margin:0 2px 0 0;
	height:40px; width:189px;
	}
form #rechner #r_mitte_strom input.plz {
	font-size:37px; font-weight:normal;
	padding:0 5px 0 0; margin:0 2px 0 0;
	height:40px; width:189px;
	}
form #rechner #r_mitte_gas input.plz {
	font-size:37px; font-weight:normal;
	padding:0 5px 0 0; margin:0 2px 0 0;
	height:40px; width:189px;
	}
	
form #rechner #r_mitte_cityChoice select.ortswahl {
	border:1px solid #01577A;
	color:#01577A;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:1px;
	width:196px
	}

form #rechner #r_mitte_strom select.ortswahl {
	border:1px solid #01577A;
	color:#01577A;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:1px;
	width:196px
	}
form #rechner #r_mitte_gas select.ortswahl {
	border:1px solid #01577A;
	color:#01577A;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:1px;
	width:196px
	}
#rechner .ortswahltext{
	font-size:12px; font-weight:bold; text-align:right; padding:0 20px 0 0;
	}

form #rechner #r_mitte_cityChoice input.verbrauchspreis {
	background-image:url(pix/layout/bg_button_verbrauchspreis.gif); background-repeat:no-repeat;
	border:0; padding:3px 5px 5px 0; width:208px; height:30px; float:left;
	}
form #rechner #r_mitte_strom input.verbrauchspreis {
	background-image:url(pix/layout/bg_button_verbrauchspreis.gif); background-repeat:no-repeat;
	border:0; padding:3px 5px 5px 0; width:208px; height:30px; float:left;
	}
form #rechner #r_mitte_gas input.verbrauchspreis {
	background-image:url(pix/layout/bg_button_verbrauchspreis.gif); background-repeat:no-repeat;
	border:0; padding:3px 5px 5px 0; width:208px; height:30px; float:left;
	}
	
form #rechner #r_mitte_cityChoice input.grundpreis {
	background-image:url(pix/layout/bg_button_grundpreis.gif); background-repeat:no-repeat;
	border:0; padding:3px 5px 5px 0; width:208px; height:31px; float:left;
	}
form #rechner #r_mitte_strom input.grundpreis {
	background-image:url(pix/layout/bg_button_grundpreis.gif); background-repeat:no-repeat;
	border:0; padding:3px 5px 5px 0; width:208px; height:31px; float:left;
	}
form #rechner #r_mitte_gas input.grundpreis {
	background-image:url(pix/layout/bg_button_grundpreis.gif); background-repeat:no-repeat;
	border:0; padding:3px 5px 5px 0; width:208px; height:31px; float:left;
	}
	
form #rechner #r_mitte_cityChoice input.jahresverbrauch {
	background-image:url(pix/layout/bg_button_jahresverbrauch.gif); background-repeat:no-repeat;
	}
form #rechner #r_mitte_strom input.jahresverbrauch {
	background-image:url(pix/layout/bg_button_jahresverbrauch.gif); background-repeat:no-repeat;
	}
form #rechner #r_mitte_gas input.jahresverbrauch {
	background-image:url(pix/layout/bg_button_jahresverbrauch.gif); background-repeat:no-repeat;
	}
	
form #rechner #r_mitte_cityChoice input.jahresverbrauch_euro {
	background-image:url(pix/layout/bg_button_jahresverbrauch_e.gif); background-repeat:no-repeat;
	}
form #rechner #r_mitte_strom input.jahresverbrauch_euro {
	background-image:url(pix/layout/bg_button_jahresverbrauch_e.gif); background-repeat:no-repeat;
	}
form #rechner #r_mitte_gas input.jahresverbrauch_euro {
	background-image:url(pix/layout/bg_button_jahresverbrauch_e.gif); background-repeat:no-repeat;
	}
	
form #rechner #r_mitte_cityChoice input.button_strompreis {
	width:196px; height:27px;
	border:0px;
	background:url('pix/layout/bg_button_strompreis2008.gif') no-repeat;
	font: bold 13px/13px verdana; 
	letter-spacing:0px;
	color:#000;
	padding:0; text-align:center;
	}
form #rechner #r_mitte_strom input.button_strompreis {
	width:196px; height:27px;
	border:0px;
	background:url('pix/layout/bg_button_strompreis2008.gif') no-repeat;
	font: bold 13px/13px verdana; 
	letter-spacing:0px;
	color:#000;
	padding:0; text-align:center;
	}
form #rechner #r_mitte_gas input.button_strompreis {
	width:196px; height:27px;
	border:0px;
	background:url('pix/layout/bg_button_strompreis2008.gif') no-repeat;
	font: bold 13px/13px verdana; 
	letter-spacing:0px;
	color:#000;
	padding:0; text-align:center;
	}
	
form #rechner #r_mitte_cityChoice input.button_weiter_anmeldung {
	width:213px; height:27px;
	border:0px;
	background:url('pix/layout/bg_button_anmeldung.gif') no-repeat;
	font: bold 13px/13px verdana; 
	letter-spacing:0px;
	color:#fff;
	padding:0 10px 0 0; text-align:right;
	}
form #rechner #r_mitte_strom input.button_weiter_anmeldung {
	width:213px; height:27px;
	border:0px;
	background:url('pix/layout/bg_button_anmeldung.gif') no-repeat;
	font: bold 13px/13px verdana; 
	letter-spacing:0px;
	color:#fff;
	padding:0 10px 0 0; text-align:right;
	}
form #rechner #r_mitte_gas input.button_weiter_anmeldung {
	width:213px; height:27px;
	border:0px;
	background:url('pix/layout/bg_button_anmeldung.gif') no-repeat;
	font: bold 13px/13px verdana; 
	letter-spacing:0px;
	color:#fff;
	padding:0 10px 0 0; text-align:right;
	}

#content_all #start_login {
	border:1px solid #015777;
	width:532px;
	text-align:left;
	font-size:12px;
	}

#content_all #start_login #l_oben {
	background-color:#c6dae3;
	padding:3px 0 0 14px;
	height:21px;
	border-bottom:1px solid #015777;
	}
	
#content_all #start_login #l_unten {
	padding:10px 0 10px 14px;
	background-color:#e8f6f7;
}

#content_all a.grau {color:#666; text-decoration:underline;}

form #rechner #r_mitte_cityChoice input.button_anmeldung {
	width:196px; height:27px;
	border:1px solid #015777;
	background:url('pix/layout/bg_button_anmeldung.gif') no-repeat; background-color:#1e688d;
	font: bold 13px/13px verdana; 
	letter-spacing:0px;
	color:#fff;
	padding:0 5px 0 0; text-align:right;
	}
form #rechner #r_mitte_strom input.button_anmeldung {
	width:196px; height:27px;
	border:1px solid #015777;
	background:url('pix/layout/bg_button_anmeldung.gif') no-repeat; background-color:#1e688d;
	font: bold 13px/13px verdana; 
	letter-spacing:0px;
	color:#fff;
	padding:0 5px 0 0; text-align:right;
	}
form #rechner #r_mitte_gas input.button_anmeldung {
	width:196px; height:27px;
	border:1px solid #015777;
	background:url('pix/layout/bg_button_anmeldung.gif') no-repeat; background-color:#1e688d;
	font: bold 13px/13px verdana; 
	letter-spacing:0px;
	color:#fff;
	padding:0 5px 0 0; text-align:right;
	}



div#plz_2 {
width:255px;
font: normal 12px/18px verdana;
color:#01577A;
margin:0px; padding:5px 0px 5px 0px}

div#plz_2 h1{
font: bold 14px/14px verdana;
color:#01577A;
letter-spacing:0px;
padding:4px 0 0 0;
margin:0 0px 8px 0px;}

#plz_oben, #plz_unten {text-align:left;}
#plz_mitte {background:url('pix/layout/bg_plz_mitte.gif') repeat-y;}


	
#plz_mitte .erklaerung {
	text-align:left; font-size:11px;
	padding:0 0 0 36px;
	}
#plz_mitte .erklaerung_small {
	text-align:left; font-size:9px;
	padding:0 0 0 36px;
	margin:0 0 10px 0;
	}
	
#plz_mitte input#grundpreis, input#versorgungspreis {
	background-image:url(pix/layout/bg_button_startseite_preis.gif); background-repeat:no-repeat;
	background-color:#b2cdd6;
	width:95px;	height:35px;
	font-size:30px;
	border:0;
	}

/* --------------------- Sprachumschalter ---------- */

.start_bottom_left {
float:left;
width:185px;
}

.start_bottom_left img {vertical-align:bottom;}

.start_bottom_right {
float:left;
height:143px;
}

.start_bottom_right p {
margin:0;
padding:125px 0 0 63px;
}

.clear {clear:both;}

/* --------------------- Produktauswahl ------------------- */

.product_choice {
    width: 593px;
    height: 32px;
    position: relative;
    bottom: 32px;
    left: -1px;
}

.product_active {
    background-image: url(pix/layout/product_active.gif);
    background-repeat: no-repeat;
    width: 253px;
    height: 32px;
    float: left;
}

.product_inactive {
    background-image: url(pix/layout/product_inactive.gif);
    background-repeat: no-repeat;
    width: 253px;
    height: 32px;
    float: left;
}

#product_choice .product_inactive a {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    top: 9px;
}
#product_choice .product_inactive a:hover {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    top: 9px;
}

#product_choice .product_active a {
    color: #015777;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    top: 9px;
}

#product_choice .product_active a:hover {
    color: #015777;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    top: 9px;
}

#plz {width: 176px !important;
}