/* default styles for extension "tx_ratecalculator_ratecalculator" */

#slider-range-max-electro,#slider-range-max-gas{
display: none;
}

.tx-ratecalc-pi1{

color:#6b6b6b;
}

.tx-ratecalc-pi1 form{
margin:10px 0;
}

.tx-ratecalc-pi1 input{
width:inherit;
}

.tx-ratecalc-pi1 h1{
margin:0 0 10px 0;
color: #0B549C;
font-weight: normal;
}

/* -------------------------------------------------------------
 KombiBox
 ------------------------------------------------------------ */

.tx-ratecalc-pi1 .electro_gas_combi{
background-color:#fff;
border:2px solid #dbe6f0;
border-radius:0 0 20px 0;
padding:5px 10px 0;
margin:10px 0;
width: 229px;
}

.tx-ratecalc-pi1 .box_electro{
border-bottom: 1px solid #DBE6F0;
margin-bottom: 15px;
padding-bottom: 20px;
}

.tx-ratecalc-pi1 #amount_electro,
.tx-ratecalc-pi1 #amount_gas{
background-color: #fff;
border: 1px solid #fff;
border-radius: 0;
color: #333 !important;
height: auto;
padding-left: 5px;
width: 99px;
font-weight:normal;
margin-left: 5px;
height: 21px;
}

.tx-ratecalc-pi1 #electro_form,
.tx-ratecalc-pi1 #gas_form{
background-color:#fff;
border:2px solid #dbe6f0;
border-radius:0 0 20px 0;
padding:10px 10px 0;
margin:10px 0;
width: 229px;
}

.tx-ratecalc-pi1 #electro_form .box_electro{
border-bottom: medium none;
margin-bottom: 0;
padding-bottom: 0;
}

.tx-ratecalc-pi1 #electro_list{
margin:0 0 10px 0;
border-collapse:collapse;
}

.tx-ratecalc-pi1 #gas_list{
border-collapse:collapse;
padding: 15px;
}

.tx-ratecalc-pi1 #electro_list tr:hover,
.tx-ratecalc-pi1 #gas_list tr:hover{
background-color: #DBE6F0;
color: #0B549C;
}

/* -------------------------------------------------------------
 Slider
 ------------------------------------------------------------ */

.tx-ratecalc-pi1 .ui-state-default, .tx-ratecalc-pi1 .ui-widget-content .ui-state-default, .tx-ratecalc-pi1 .ui-widget-header .ui-state-default{
background: url("/typo3conf/ext/ratecalc/res/images/slider.png") no-repeat scroll left top transparent !important;
border: medium none !important;
height: 27px !important;
margin-top: -10px;
width: 19px !important;
}

.tx-ratecalc-pi1 .ui-widget-content{
border-color: #DBE6F0 !important;
height: 7px;
margin-bottom: 20px;
margin-left: 5px;
margin-top: 13px;
}

.tx-ratecalc-pi1 .ui-slider-range{
background-color: #DBE6F0;
background-image: none;
}

/* -------------------------------------------------------------
 Plus Minus
 ------------------------------------------------------------ */
.tx-ratecalc-pi1 .plus_minus{
float: left;
left: 0;
position: relative;
}

.tx-ratecalc-pi1 .plusminus label{
padding: 0;
margin: 0;
float:left;
}

.tx-ratecalc-pi1 .plus_minus input {
background: url("/fileadmin/gaswerk-illingen/lay/plusminus.png") no-repeat scroll left top #F5F5F5;
border: medium none;
height: 21px;
line-height: 21px;
text-indent: -9999px;
width: 21px;
float:left;
}

.tx-ratecalc-pi1 .plus_minus input.minus {
background-position: -21px 0;
}

/* -------------------------------------------------------------
 Maennlein
 ------------------------------------------------------------ */
.tx-ratecalc-pi1 .men{
height: 152px;
padding: 13px 10px 0 18px;
}

.tx-ratecalc-pi1 .men .step{

}

.tx-ratecalc-pi1 .men #el_step01{
background-image: url(/typo3conf/ext/ratecalc/res/images/strom1_inaktiv.gif);
margin-bottom: 10px;
margin-right: 20px;
}
.tx-ratecalc-pi1 .men #el_step01.active{
background-image: url(/typo3conf/ext/ratecalc/res/images/strom1_aktiv.gif);
}
.tx-ratecalc-pi1 .men #el_step02{
background-image: url(/typo3conf/ext/ratecalc/res/images/strom2_inaktiv.gif);
margin-bottom: 10px;

}
.tx-ratecalc-pi1 .men #el_step02.active {
background-image: url(/typo3conf/ext/ratecalc/res/images/strom2_aktiv.gif);
}
.tx-ratecalc-pi1 .men #el_step03{
background-image: url(/typo3conf/ext/ratecalc/res/images/strom3_inaktiv.gif);
margin-right: 20px;
}
.tx-ratecalc-pi1 .men #el_step03.active {
background-image: url(/typo3conf/ext/ratecalc/res/images/strom3_aktiv.gif);
}
.tx-ratecalc-pi1 .men #el_step04{
background-image: url(/typo3conf/ext/ratecalc/res/images/strom4_inaktiv.gif);
margin-right: 0;

}
.tx-ratecalc-pi1 .men #el_step04.active {
background-image: url(/typo3conf/ext/ratecalc/res/images/strom4_aktiv.gif);
}

/* -------------------------------------------------------------
 Haeuser
 ------------------------------------------------------------ */
.tx-ratecalc-pi1 .haus{
}

.tx-ratecalc-pi1 .haus .step{
background-repeat: no-repeat;
background-position: left center;
background-size: contain;
}

.tx-ratecalc-pi1 .haus #gas_step01{
background-image: url(/fileadmin/gaswerk-illingen/lay/gas1_inaktiv.png);
margin-bottom: 0;
margin-right: 0;
}
.tx-ratecalc-pi1 .haus #gas_step01.active{
background-image: url(/fileadmin/gaswerk-illingen/lay/gas1_aktiv.png);
}
.tx-ratecalc-pi1 .haus #gas_step02{
background-image: url(/fileadmin/gaswerk-illingen/lay/gas2_inaktiv.png);
margin-bottom: 0;

}
.tx-ratecalc-pi1 .haus #gas_step02.active {
background-image: url(/fileadmin/gaswerk-illingen/lay/gas2_aktiv.png);
}
.tx-ratecalc-pi1 .haus #gas_step03{
background-image: url(/fileadmin/gaswerk-illingen/lay/gas3_inaktiv.png);
margin-right: 0;
}
.tx-ratecalc-pi1 .haus #gas_step03.active {
background-image: url(/fileadmin/gaswerk-illingen/lay/gas3_aktiv.png);
}
.tx-ratecalc-pi1 .haus #gas_step04{
background-image: url(/fileadmin/gaswerk-illingen/lay/gas4_inaktiv.png);
}
.tx-ratecalc-pi1 .haus #gas_step04.active {
background-image: url(/fileadmin/gaswerk-illingen/lay/gas4_aktiv.png);
}

/* -------------------------------------------------------------
 Submitter
 ------------------------------------------------------------ */
.tx-ratecalc-pi1 .submitter,
#deliveryForm .submitter{
background-color: #DBE6F0;
border-radius: 0 0 17px 0;
height: 30px;
margin: 11px -10px 0;
padding: 6px 0 0;
}

.tx-ratecalc-pi1 .submitter input,
#deliveryForm .submitter input{
border-radius: 0;
cursor: pointer;
display: block;
float: none;
padding: 2px 10px;
width: auto;

background-color: #A8C80A;
border: 1px solid #A8C80A;
color: #fff;

}

/* -------------------------------------------------------------
 Tariftabelle
 ------------------------------------------------------------ */
.tx-ratecalc-pi1 form#checkRates{
background-color: transparent;
border: 0 solid #dbe6f0;
border-radius: 0;
margin: 10px 0;
padding: 0;
}

.tx-ratecalc-pi1 form#checkRates .submitter input{
margin:0;
}

.tx-ratecalc-pi1 form#checkRates #submit{
float: right;
}

.tx-ratecalc-pi1 #checkRates .submitter input{
padding: 2px 15px;
width: auto;
}

.tx-ratecalc-pi1 #checkRates table th,
.tx-ratecalc-pi1 #checkRates table td{
vertical-align:top;
border-bottom:1px solid #DBE6F0;
padding:2px 0;
}

.tx-ratecalc-pi1 #checkRates table th{
padding:2px;
}

.tx-ratecalc-pi1 #checkRates table .electro_list_header,
.tx-ratecalc-pi1 #checkRates table .gas_list_header{
width: 52%;
color: #0B549C;
font-weight: normal;
margin: 0 0 10px;
}

.tx-ratecalc-pi1 #checkRates .tooltip{
background-image: url("/typo3conf/ext/ratecalc/res/images/info.gif");
background-position: 0 0;
display: block;
float: left;
height: 16px;
width: 16px;

}

.tx-ratecalc-pi1 #checkRates .tooltip_inner{
display:none;
}

.tx-ratecalc-pi1 #checkRates .rate_title{
display: block;
float: left;
margin: 0 3px 0 0;
width: 97px;
}

.tx-ratecalc-pi1 #checkRates .rate_radio_electro,
.tx-ratecalc-pi1 #checkRates .rate_radio_gas{
float: left;
margin: 6px 10px 0 0;
width: auto;
}

.tx-ratecalc-pi1 #checkRates .submitter{
margin:11px 0 0;
}

/* -------------------------------------------------------------
 Bestellformular
 ------------------------------------------------------------ */
#deliveryForm{
background-color: #FFFFFF;
border: 2px solid #DBE6F0;
border-radius: 0 0 20px 0;
margin: 10px 0;
padding: 10px 10px 0;
width: 428px;
}

#deliveryForm label{
float:left;
width:200px;
}

#deliveryForm div{
margin:0 0 5px 0;
}

#deliveryForm .submitter{
margin: 15px -10px 0;
}

#deliveryForm .submitter input{
width:58px!important;
}

#deliveryForm input,
#deliveryForm textarea{
width:222px;
}

.tx-ratecalc-pi1 #electro_gas_order{
background-color: #FFFFFF;
border: 2px solid #DBE6F0;
border-radius: 0 0 20px 0;
margin: 10px 0;
padding: 10px;
}

.tx-ratecalc-pi1 #electro_gas_order h1{
margin:0;
}

.tx-ratecalc-pi1 #electro_order table,
.tx-ratecalc-pi1 #gas_order table{
border-collapse:collapse;
}

.tx-ratecalc-pi1 #electro_order .electro_list_header,
.tx-ratecalc-pi1 #gas_order .gas_list_header{
color: #0B549C;
display: block;
font-weight: normal;
margin: 0 0 -18px;
padding-top: 15px;
}

.tx-ratecalc-pi1 #electro_order .electro_listing th,
.tx-ratecalc-pi1 #electro_order .electro_listing td,
.tx-ratecalc-pi1 #gas_order .gas_listing th,
.tx-ratecalc-pi1 #gas_order .gas_listing td{
width:25%;
vertical-align: top;
border-bottom: 1px solid #DBE6F0;
margin: 2px 0;
padding: 2px 5px;
}

.tx-ratecalc-pi1 .order_it{
color: #0B549C;
font-weight: bold;
margin: 10px 5px 0;
}

/* -------------------------------------------------------------
 Allgemeines
 ------------------------------------------------------------ */
.tx-ratecalc-pi1 .clearer{
clear:both:
margin:0;
padding:0;
}

.tx-ratecalc-pi1 .eur{

}

.tx-ratecalc-pi1 .tooltip{
display:none;
}

#deliveryForm .mandatory{
color:#cc0000;
}

/* -------------------------------------------------------------
 Tarifliste
 ------------------------------------------------------------ */
.tx-ratecalc-pi1 #rates_listing{
background-color: #FFFFFF;
border: 2px solid #DBE6F0;
margin: 10px 0;
padding: 5px;
border-radius: 0 0 20px 0;
}

.tx-ratecalc-pi1 #rates_listing .tooltip{
display:none;
}

.tx-ratecalc-pi1 #rates_listing table{
border-bottom: 1px solid #DBE6F0;
margin: 2px 0;
padding: 2px 0;
width: 100%;
border-collapse:collapse;
}

.tx-ratecalc-pi1 #rates_listing .gas_listing tr td{
border-bottom: 1px dotted #DBE6F0;
margin: 2px 0;
padding: 2px 5px 2px 0;
}

.tx-ratecalc-pi1 #rates_listing table.gas_listing{
border-bottom:none;
}

.tx-ratecalc-pi1 #rates_listing .electro_listing td,
.tx-ratecalc-pi1 #rates_listing .electro_listing th{
vertical-align: top;
width:25%;
padding-right: 5px;
}

.tx-ratecalc-pi1 #rates_listing .gas_listing td,
.tx-ratecalc-pi1 #rates_listing .gas_listing th{
vertical-align: top;
width:21%;
padding-right: 5px;
}

.tx-ratecalc-pi1 #rates_listing table th{
padding-top: 25px;
}

.tx-ratecalc-pi1 #rates_listing table th:first-child{
color: #0B549C;
font-weight: normal;
margin: 0 0 10px;
height: 18px;
padding-top: 0;
position: absolute;
text-align:left;
}

.tx-ratecalc-pi1 #rates_listing table td:first-child{
text-align:left;
}

.tx-ratecalc-pi1 .gas_listing td{

}

.tx-ratecalc-pi1 .gas_listing td:first-child{
padding: 0 10px 0 0;
width: 60% !important;
}

.tx-ratecalc-pi1 #rate_electro8{
display:none;
}


@media print {

  #Headline,
  #Header,
  #NavH,
  #Bildwelt,
  #ContentBorder,
  #ContentLeftWrapper,
  #ContentRight,
  #FooterWrapper,
  #electro_gas_combi_form,
  .tx-ratecalc-pi1 .submitter,
  .hide,
  h1.csc-firstHeader{
  display:none;
}

*{
  text-align:left;
}

}