.slider-volume {
  width: 145px;
}

.slider-volume > .dragger {
	width: 21px;
	height: 22px;
	background-image:url("../img/tarifrechner/calc-slider.png");
}

.slider-volume > .track, .slider-volume > .highlight-track {
  height: 6px;

  background: #FFFFFF;
  background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF);
  background: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF);
  background: linear-gradient(top, #FFFFFF, #FFFFFF);

  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.slider-volume > .highlight-track {
  background-color: #029DDD;
  background: -moz-linear-gradient(top, #029DDD, #029DDD);
  background: -webkit-linear-gradient(top, #029DDD, #029DDD);
  background: linear-gradient(top, #029DDD, #029DDD);
}

/* Tarifrechner CSS */
#tarifRechnerMain {
	position:relative;top:400px;left:0px;width:960px;height:167px;/*z-index:1000;*/
	background:url("../img/tarifrechner/calc-bg.png");
}
#tarifrechnerSub {
	float:left;width:470px;
}
#tarifRechnerSubInner {
	position:relative;top:10px;left:0px;width:470px;height:182px;/*z-index:1000;*/
	background:url("../img/tarifrechner/tarifrechnersub-bg.png");
}

#tarifRechnerInner {
	position:absolute;
}


#tarifRechnerInner  h1{
	font-size:30px;font-weight:normal;margin-left:20px;color:#02A8E2;
}
#tarifRechnerInner .h21{
	font-size:14px;margin:-5px 0 0 30px;
}
#tarifRechnerInner  .h22 {
	font-size:14px;margin:60px 0 0 30px;
}
#tarifRechnerInner  .p1 {
	font-family:georgia;font-style:italic;font-weight:bold;font-size:11px;color:#02A8E2;position:relative;left:-27px;margin-right:-23px;
}
#tarifRechnerInner  .p2 {
	font-weight:bold;font-size:12px;font-size:12px;font-weight:normal;
}

#tarifRechnerInner input {
	width:145px;height:20px;
	border-style: none;
	border: 1px solid transparent;
	font-family:"CompatilFactLTW01-Itali 721687";font-size:13px;color:#a09f9f;
	/*margin:8px 0 0 5px;*/
}
.ipad #tarifRechnerInner  input,.iphone #tarifRechnerInner  input,.ipod #tarifRechnerInner  input{ width:100px; }

#tarifRechnerSubInner  input {
	width:110px;height:20px;
	border-style: none;
	border: 1px solid transparent;
	font-family:"CompatilFactLTW01-Itali 721687";font-size:13px;color:#a09f9f;
	/*margin:12px 0 0 5px;*/
}
#tarifRechnerSubInner  .consumeWidth { width:85px; }
.ipad #tarifRechnerSubInner  .consumeWidth,.iphone #tarifRechnerSubInner  .consumeWidth,.ipod #tarifRechnerSubInner  .consumeWidth { width:70px; }

#kWh { font-family:'CompatilFactLTW01-Itali 721687';font-size:13px;margin-left:5px;color:#a09f9f; }
.ie7 #kWh { position:relative;top:-7px;left:-5px; }
.ipad  #kWh, .iphone #kwh, .ipod #kwh { position:relative;left:-15px; }

#kWh2 { font-family:'CompatilFactLTW01-Itali 721687';font-size:13px;color:#a09f9f;position:relative;top:3px;left:5px; }
.ie7 #kWh2 { top:-3px;left:2px; }

#tarifRechnerInner #myLabel, #tarifRechnerSubInner #myLabel  {  margin-left:-3px;font-size:12px;font-weight:normal; }

#tarifRechnerInner #homeArea { font-size:12px;font-style: normal;font-weight:bold;color:#25B6E4;margin-left:5px; }
#tarifOL { font-family:'CompatilFactLTW01-Bold';color:#25B6E4; }

#tarifRechnerInner #myPLZ{ float:left;width:145px;position:relative;top:30px;left:-2px; }
#tarifRechnerSubInner #myPLZ { float:left;width:145px;position:relative;top:42px;left:30px; }

#tarifRechnerSubInner #plz, #tarifRechnerSubInner #consume  { position:relative;top:4px;left:5px; }
.ie7 #tarifRechnerSubInner #plz, .ie8 #tarifRechnerSubInner #plz, .ie7 #tarifRechnerSubInner #consume, .ie8 #tarifRechnerSubInner #consume{ position:relative;top:4px;left:5px; }
.ipad #tarifRechnerSubInner #plz, .iphone #tarifRechnerSubInner #plz, .ipod #tarifRechnerSubInner #plz,
.ipad #tarifRechnerSubInner #consume, .iphone #tarifRechnerSubInner #consume, .ipod #tarifRechnerSubInner #consume { position:relative;top:3px;left:0px; }

#tarifrechnerBox #plz, #tarifrechnerBox #consume { margin:8px 0 0 5px; }
.ie7 #tarifrechnerBox #plz, .ie8 #tarifrechnerBox #plz, .ie7 #tarifrechnerBox #consume, .ie8 #tarifrechnerBox #consume{ margin:10px 0 0 5px; }
.ie9 #tarifrechnerBox #plz, .ie9 #tarifrechnerBox #consume  { margin:9px 0 0 5px;}

#tarifRechnerInner #myConsume { float:left;width:145px;position:relative;top:30px;left:5px; }
#tarifRechnerSubInner #myConsume{ float:left;width:145px;position:relative;top:43px;left:37px; }

#tarifRechnerInner #myArea { float:left;width:200px;position:relative;top:-23px;left:318px; }
.ie7 #tarifRechnerInner #myArea { top:-25px;left:318px; }
.ipad  #tarifRechnerInner #myArea, .iphone #tarifRechnerInner #myArea, .ipod #tarifRechnerInner #myArea { top:-27px; }

#tarifRechnerInner #tarifSlider { float:left;width:150px;position:relative;top:5px;left:109px; }
.ie7 #tarifRechnerInner #tarifSlider { top:1px; }
.ie8 #tarifRechnerInner #tarifSlider { top:3px; }
.ie9 #tarifRechnerInner #tarifSlider { top:4px; }
.ipad  #tarifRechnerInner #tarifSlider ,.iphone  #tarifRechnerInner #tarifSlider,.ipod  #tarifRechnerInner #tarifSlider{ top:2px; }

#tarifRechnerInner  #berechnenBtn { float:right;width:130px;position:relative;top:-23px;left:150px; }
.ie7 #tarifRechnerInner  #berechnenBtn { left:142px; }
#tarifRechnerSubInner  #berechnenBtn { float:left;width:130px;position:relative;top:66px;left:38px; }
.ie7 #tarifRechnerSubInner  #berechnenBtn { left:29px; }

#tarifRechnerInner #tarifrechnerTitle {float:left;position:relative;top:12px;left:25px;width:320px;height:height:20px;font-family:'CompatilFactLTW01-Bold';font-size:20px;color:#FFFFFF;}
#tarifRechnerSubInner #tarifrechnerTitle {float:left;position:relative;top:7px;left:25px;width:320px;height:height:20px;font-family:'CompatilFactLTW01-Bold';font-size:20px;color:#FFFFFF;}

#tarifRechnerInner #tarifrechnerTitle2 {float:left;position:relative;top:12px;left:-5px;width:470px;height:height:167px;font-family:'CompatilFactLTW01-Bold';font-size:20px;color:#19AADF;}
#tarifRechnerSubInner #tarifrechnerTitle2 {float:left;position:relative;top:28px;left:25px;width:470px;height:height:167px;font-family:'CompatilFactLTW01-Bold';font-size:20px;color:#19AADF;}

#tarifrechnerBox { float:left;position:relative;width:470px;height:height:152px; }

/* KUNDENPORTAL */
#loginBox { float:left;position:relative;width:320px;height:152px; }

#loginBox input { margin:9px 0 0 12px; }
.ipad  #loginBox input  ,.iphone  #loginBox input ,.ipod  #loginBox input  { margin:9px 0 0 8px; }

#myUsername { float:left;width:320px;position:relative;top:19px;left:20px; }
.ie7 #myUsername { top:16px;left:20px; }
.ie8 #myUsername, .ie9 #myUsername { top:21px;left:21px; }

#myPassword { float:left;position:relative;top:28px;left:20px; }
.ie7 #myPassword { top:22px;left:20px; }
.ie8 #myPassword , .ie9 #myPassword { left:21px; }
.ipad #myPassword , .iphone #myPassword , .ipod #myPassword { top:24px; }

#loginBtn { float:left;position:relative;top:30px;left:45px;  }
.ie7 #loginBtn { top:25px; }

#forgotPassword { float:left;position:relative;top:34px;left:25px; }
.ipad #forgotPassword, .iphone #forgotPassword, .ipod #forgotPassword { left:-97px; }