/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
            Schnellrechner neu
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.widget.cms-widget_quickcalculator,
.box .widget.cms-widget_quickcalculator {
    position: relative;
    min-height: 150px;
    margin-bottom: 20px;
    padding-bottom: 50px !important;
    color: #fff;
    background: url("/_images/boxen/gasrechner-bigstyle2.jpg") no-repeat left bottom #df500c;
    }

    .widget.cms-widget_quickcalculator.cms-widget_electricity_quickcalculator {
        background: url("/_images/boxen/stromrechner-bigstyle2.jpg") no-repeat left bottom #205dae;
        }

    .widget.cms-widget_quickcalculator.cms-widget_woodpellets_quickcalculator {
        background: url("/_images/boxen/pelletrechner-bigstyle2.jpg") no-repeat left bottom #ac7731;
        }

.cms-widget_quickcalculator .cms_head{
    color: #FFFFFF;
    font-size: 22px;
    padding-left: 5px;
    border-bottom: none !important;
    }

.cms-widget_quickcalculator .cms-widget_quickcalculator_preselect {
    display: none;
    }

.cms-widget_quickcalculator .cms-widget_quickcalculator_form {
    margin-left: 40%;
    }

.cms-widget_quickcalculator label {
    max-width: 250px;
    border-radius: 3px;
    background-color: #cd4b00;
    padding: 6px 8px;
    font-size: 14px;
    font-family: Tahoma, sans-serif;
    }

    .cms-widget_quickcalculator.cms-widget_electricity_quickcalculator label {
        background-color: #083169;
        }

    .cms-widget_quickcalculator.cms-widget_woodpellets_quickcalculator label {
        background-color: #80561e;
        }

.cms-widget_quickcalculator label span {
    font-weight: 100;
    }

.cms-widget_quickcalculator input,
.cms-widget_quickcalculator select {
    font-size: 14px;
    font-weight: 100;
    width: 130px !important;
    }

.cms-widget_quickcalculator input.cms_strong-button[type="submit"],
.cms-widget_quickcalculator input.cms_strong-button[type="submit"]:hover,
.cms-widget_quickcalculator .cms_strong-button:hover,
.cms-widget_quickcalculator .cms_strong-button {
    background: transparent url("../_images/button-vergleichen.png") no-repeat scroll 0 0;
    cursor: pointer;
    display: block;
    height: 70px;
    left: 440px;
    margin: 0 5px 0 0;
    position: absolute;
    bottom: -25px;
    width: 185px !important;
    box-shadow: none;
    text-indent: -5000px;
    }




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
            Rechnerbox Bigstyle
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.rechnerbox_big {
    margin: -17px -10px 20px -10px;
    padding: 15px 10px;
    height: 180px;
    position: relative;
    width: 683px;
    color: #FFFFFF;
    }

.rechnerbox_big .head1 {
    color: #FFFFFF;
    float: left;
    font-size: 22px;
    padding-left: 5px;
    }

.rechnerbox_big .text {
    left: 260px;
    padding: 0px 20px 0 0;
    position: absolute;
    }

.rechnerbox_big #postcode_input,
.rechnerbox_big #kwh_input {
    position: absolute;
    left: 425px;
    width: 75px;
    height: 15px;
    padding: 2px;
    font-size: 14px;
    }

    .rechnerbox_big #postcode_input { top: 75px; }
    .rechnerbox_big #kwh_input      { top: 111px; }

.rechnerbox_big .rech-suchen {
    background: url("../_images/button-vergleichen.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 70px;
    left: 440px;
    margin: 0 5px 0 0;
    position: absolute;
    top: 155px;
    width: 185px;
    }

    .rechnerbox_big .rech-suchen span { display: none; }

.rechnerbox_big .testsiegel {
    position: absolute;
    top: 70px;
    right: 15px;
    }

.rechnerbox_big a.testsiegel-text {
    display: block;
    width: 690px;
    height: 30px;
    position: absolute;
    top: 220px;
    }

    .rechnerbox_big .testsiegel-text span {
        display: none;
        }

.rechnerbox_big .testsiegel-text,
.rechnerbox_big .testsiegel-text:hover {
    background: url(/_images/rechner/siegel-stromrechner-text.gif) no-repeat;  /* strom und öko */
    }




/*************** Strom *******************/

.stromrechner_big {
    background: url(/_images/boxen/stromrechner-bigstyle.jpg) left top no-repeat transparent;
    }

.stromrechner_big #postcode_input,
.stromrechner_big #kwh_input {
    border: 2px solid #1f5aab;
    }

.stromrechner_big #postcode_input:focus,
.stromrechner_big #kwh_input:focus {
    border: 2px solid #4c95d6;
    }


/*************** Ökostrom *******************/

.oekorechner_big {
    background: url(/_images/boxen/oekorechner-bigstyle.jpg) left top no-repeat transparent;
    }

.oekorechner_big #postcode_input,
.oekorechner_big #kwh_input {
    border: 2px solid #43851f;
    }

.oekorechner_big #postcode_input:focus,
.oekorechner_big #kwh_input:focus {
    border: 2px solid #155100;
    }



/*************** Gas *******************/

.gasrechner_big {
    background: url(/_images/boxen/gasrechner-bigstyle.jpg) left top no-repeat transparent;
    }

.gasrechner_big #postcode_input,
.gasrechner_big #kwh_input {
    border: 2px solid #b94501;
    }

.gasrechner_big #postcode_input:focus,
.gasrechner_big #kwh_input:focus {
    border: 2px solid #a23b00;
    }

.gasrechner_big .testsiegel-text,
.gasrechner_big .testsiegel-text:hover {
    background: url(/_images/rechner/siegel-gasrechner-text.gif) no-repeat;
    }




























/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
            Rechnerbox lowstyle
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.rechnerbox_small {

    height: 180px;
    padding: 10px;
    position: relative;
    color: #fff;
    margin: 10px 10px 20px;
    }

.rechnerbox_small .head1 {
    color:#fff;
    margin-bottom: 6px;
    }

.rechnerbox_small .text {
    font-size: 10px;
    line-height: 14px;
    }

.rechnerbox_small #postcode_input,
.rechnerbox_small #kwh_input {
    position: absolute;
    left: 154px;
    width: 56px;
    height: 16px;
    padding: 1px 2px;
    font-size: 13px;
    border: 0px;
    }

    .rechnerbox_small #postcode_input { top: 101px; }
    .rechnerbox_small #kwh_input      { top: 133px; }

.rechnerbox_small .rech-suchen {
    background: url("../_images/boxen/button-vergleichen-small.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    float: right;
    height: 55px;
    left: 160px;
    position: absolute;
    top: 165px;
    width: 110px;
    }

    .rechnerbox_small .rech-suchen:hover    { background-position: 0px -60px;}
    .rechnerbox_small .rech-suchen span     { display: none;}




/*************** Strom *******************/
.stromrechner_small {
    background: url(/_images/boxen/stromrechner-lowstyle.jpg) left top no-repeat #3a73aa;
    }

.stromrechner_small input:focus { background: #e2f6ff; }


/*************** Gas *******************/
.gasrechner_small {
    background: url(/_images/boxen/gasrechner-lowstyle.jpg) left top no-repeat;
    }

.gasrechner_small input:focus { background: #ffedd6; }





















/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
            INFO ICONS TARIFRECHNER
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/***** i-Icons mit weiteren Infos / empty wenn keine weiteren Infos *****/
.help_popup,
.help_popup_empty {
    width: 16px;
    height: 16px;
    background: url(../_images/icons/help.gif) top left no-repeat;
    float: left;
    margin-right: 3px;
    position: relative;
    }

.help_popup_empty {background-image: url(../_images/icons/help_empty.gif);}




/***** info icons für ökostrom, price change, Ökolabel etc *****/
.info_icon {
    width: 24px;
    height: 24px;
    float: left;
    margin-right: 3px;
    position: relative;
    background-image: url(../_images/icons/info-icons.png);
    background-repeat: no-repeat;
    }

    .info_icon.normalpower      { background-position: 0px -40px; }
    .info_icon.ecopower         { background-position: 0px -80px; }
    .info_icon.biogas, .info_icon.BiogasPercentage            { background-position: 0px -160px; }
    .info_icon.normalgas        { background-position: 0px -200px; }
    .info_icon.CarbonNeutral    { background-position: 0px -120px; }

    .info_icon.IsHomeRegion     { background-position: -80px -80px; }
    .info_icon.PriceChange      { background-position: -80px 0px; }
    .info_icon.PriceGuarantee   { background-position: -80px -40px; }
    .info_icon.nebenzeit        { background-position: -80px -120px; }

    .info_icon.HasEcoLabelTuev  { background-position: -40px 0px; }
    .info_icon.HasEcoLabelRecs  {  background-position: -40px -40px; }
    .info_icon.HasEcoLabelSilber { background-position: -40px -80px; }
    .info_icon.HasEcoLabelGold  { background-position: -40px -120px; }
    .info_icon.HasEcoLabelLga   { background-position: -40px -160px; }
    .info_icon.HasEcoLabelOkPower { background-position: -40px -200px; }




/***** Kleine i-Icons im Tarifrechner (Erklärung zu Optionen) *****/
.rechner_info {
    margin-right: 3px;
    padding-right: 12px;
    position: relative;
    background: url(../_images/icons/help-icon-rechner.png) center right no-repeat;
    border-bottom: 1px dotted #1c5180;
    }


/***** inner_box - alle Icons gleich *****/
.help_popup_inner,
.info_icon_inner,
.rechner_info_inner {
    /*background: url(../_images/boxen/helperbox.gif) #ffffc1 left top repeat-x;*/
    background: #ffdeae; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #ffdeae 80%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(80%,#ffdeae)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#ffdeae 80%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#ffdeae 80%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#ffdeae 80%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffdeae',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #ffffff 0%,#ffdeae 80%); /* W3C */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 2px 5px #666;;
    -webkit-box-shadow: 0px 2px 5px #666;
    box-shadow: 0px 2px 5px #666;
    border: 2px solid #dc8106;
    padding: 8px;
    width: 285px;
    text-align: left;
    color: #000;
    display: none;
    position: absolute;
    z-index: 500;
    font-weight: normal;
    }

    .help_popup_inner {
        left: 16px;
        top: 1px !important;
        }

    .info_icon_inner {
        left: 0px;
        top: 24px !important;
        }

    .rechner_info_inner {
        top: 20px;
        left: 0px !important;
        }


/***** hover - alle Icons gleich *****/
.help_popup:hover,
.info_icon:hover,
.rechner_info:hover {
    z-index: 500;
    cursor: help;
    }

.help_popup:hover {
    background-position: 0px -16px;
    }

.info_icon.nohover:hover { /* auf Anbieter-Seite - wenn kein Info-Text als popup nötig */
    cursor: default;
    }

.help_popup:hover .help_popup_inner,
.info_icon:hover .info_icon_inner,
.rechner_info:hover .rechner_info_inner {display: block;}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
            TARIFRECHNER ERGEBNIS
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* Tarife vergleichen im Rechner */

.compare_link {
    float: left;
    }

.compare_link .help_popup {
    margin: 0px 6px 0 2px;
    }


input.error {
    border-color: #DD0000 !important;
    }