.vxcp ul {
    }
    .vxcp ul li {
        padding: 0px 0px 0px 12px !important;
        background: url(../_images/fd8a02/arrow.png) 2px 5px no-repeat !important;
        }

.vxcp h1 {
    font-size: 18px;
    font-weight: normal;
    line-height: 27px;
    margin: 0;
    padding: 0 0 5px;
    text-decoration: none;
    color: #444444;
    }

.vxcp h2 {
    margin: 0;
    padding: 0 0 5px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    }

.vxcp h3 {
    font-size: 12px;
    padding: 0 0 5px;
    }



/*########################################################## PAGINATION */

.vxcp .vxcp_pagination  {
    float: left;
    height: 21px;
    padding: 0px 3px 0px 0px;
    background: url(../_images/pagination.png) right top no-repeat;
    }

.vxcp .vxcp_pagination>span  {
    float: left;
    height: 19px;
    padding: 2px 0px 0px 3px;
    margin: 0px 0px 0px -4px;
    background: url(../_images/pagination.png) left top no-repeat;
    }


    .vxcp .vxcp_pagination span a,
    .vxcp .vxcp_pagination span span {
        height: 15px;
        width: 17px;
        padding: 3px 0px 0px 0px;
        color: #444444;
        font-size: 12px;
        line-height: 12px;
        border-right: 1px solid #e1e1e1;
        border-left: 1px solid #fff;
        }

        .vxcp .vxcp_pagination span a:first-child,
        .vxcp .vxcp_pagination span span:first-child {border-left: 0px;}
        .vxcp .vxcp_pagination span a:last-child,
        .vxcp .vxcp_pagination span span:last-child {border-right: 0px;}


        .vxcp .vxcp_pagination span a.vxcp_active ,
        .vxcp .vxcp_pagination span span.vxcp_active {
            color:#00204F;
            background-color: #fff;
            }

        .vxcp .vxcp_pagination span .vxcp_page-first {background-image: url(../_images/fd8a02/back2.png);}
        .vxcp .vxcp_pagination span .vxcp_page-prev {background-image: url(../_images/fd8a02/back1.png);}
        .vxcp .vxcp_pagination span .vxcp_page-next {background-image: url(../_images/fd8a02/next1.png);}
        .vxcp .vxcp_pagination span .vxcp_page-last {background-image: url(../_images/fd8a02/next2.png);}


        .vxcp .vxcp_pagination span a:hover,
        .vxcp .vxcp_pagination span span:hover {
            color:#00204F;
            background-color: #e1e1e1;
            }


/*########################################################## TABLE */


.vxcp td,
.vxcp th,
.vxcp .vxcp_table-normal td,
.vxcp .vxcp_table-normal th {
    padding: 2px;
    text-align: left;
    vertical-align: top;
    }

.vxcp .vxcp_table-pad td,
.vxcp .vxcp_table-pad th {
    padding: 5px;
    }



.vxcp .vxcp_table-navi  {
    margin: 0;
    padding: 0;
    border-spacing: 0px;
    }

    .vxcp .vxcp_table-navi td {
        cursor: pointer;
        background: url(../_images/fd8a02/arrow.png) left center no-repeat;
        padding: 1px 0px 1px 10px;
        }

    .vxcp .vxcp_table-navi td:hover {
        cursor: pointer;
        font-weight: 700;
        }



/*########################################################## BUTTON AND INPUTS */

.vxcp input[type=text],
.vxcp textarea,
.vxcp select {
    border: 1px solid #a5acb2;
    padding: 1px;
    background: white;
    }


.vxcp a.vxcp_button,
.vxcp a.vxcp_button-fine,
.vxcp a.vxcp_button-up,
.vxcp a.vxcp_button-down {
    padding: 4px 6px;
    white-space: nowrap;
    text-decoration: none !important;
    /* ab hier identisch mit input*/
    cursor: pointer;
    color: #333;
    font-weight: 700;
    font-family: arial;
    font-size: 12px;
    line-height: 14px;
    border: 1px solid #aaa;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    }

    .vxcp a.vxcp_button {background: url(../_images/xfd8a02/button.png) no-repeat right center #fff; padding-right: 28px;}
    .vxcp a.vxcp_button-up {background: url(../_images/xfd8a02/button-up.png) no-repeat left center #fff; padding-left: 28px;}
    .vxcp a.vxcp_button-down {background: url(../_images/xfd8a02/button-down.png) no-repeat left center #fff; padding-left: 28px;}


    .vxcp a.vxcp_button:hover,
    .vxcp a.vxcp_button-up:hover,
    .vxcp a.vxcp_button-down:hover{
        border-color: #fd8a02;
        }

.vxcp input.vxcp_button,
.vxcp input.vxcp_button-fine,
.vxcp input.vxcp_button-up,
.vxcp input.vxcp_button-down {
    width: auto;
    padding: 4px 6px;
    margin: 0px;
    overflow: visible;
    /* ab hier identisch mit a*/
    cursor: pointer;
    color: #333;
    font-weight: 700;
    font-family: arial;
    font-size: 12px;
    line-height: 14px;
    border: 1px solid #aaa;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    }


    .vxcp input.vxcp_button {background: url(../_images/xfd8a02/button.png) no-repeat right center #fff; padding-right: 28px;}
    .vxcp input.vxcp_button-up {background: url(../_images/xfd8a02/button-up.png) no-repeat left center #fff; padding-left: 28px;}
    .vxcp input.vxcp_button-down {background: url(../_images/xfd8a02/button-down.png) no-repeat left center #fff; padding-left: 28px;}


    .vxcp input.vxcp_button:hover,
    .vxcp input.vxcp_button-up:hover,
    .vxcp input.vxcp_button-down:hover {
        border-color: #fd8a02;
        }

.vxcp input.vxcp_button-mini {
    width: auto;
    padding: 0px 3px;
    margin: 0px;
    overflow: visible;
    background: url(../_images/xfd8a02/button.png) no-repeat left center #fff;
    /* ab hier identisch mit a*/
    cursor: pointer;
    color: #333;
    font-weight: 700;
    font-family: arial;
    font-size: 12px;
    line-height: 14px;
    border: 1px solid #aaa;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    }

    .vxcp input.vxcp_button-mini:hover {
        background-position: -385px center;
        }





/*########################################################## TAB-BAR FÜR ALPHABET ETC*/

    .vxcp .vxcp_tab-bar a {}
    .vxcp .vxcp_tab-bar b {}
    .vxcp .vxcp_tab-bar span {}


/*########################################################## PRINTPOPUP & TOOLTIPS XTRAS */


.vxcp .vxcp_tooltip {
    padding: 0 0 1px;
    background: url(../_images/bg_tooltip.png) center bottom repeat-x;
}

.vxcp #vxcp_power-calculator-result_table                .vxcp_tooltip,
.vxcp #vxcp_heating-electricity-calculator-result_table  .vxcp_tooltip,
.vxcp #vxcp_business-electricity-calculator-result_table .vxcp_tooltip,
.vxcp #vxcp_gas-calculator-result_table                  .vxcp_tooltip,
.vxcp #vxcp_business-gas-calculator-result_table         .vxcp_tooltip {
    background: none;
    padding-left: 0;
}

.vxcp #vxcp_power-calculator-result_table                .vxcp_td-remarks .vxcp_tooltip,
.vxcp #vxcp_heating-electricity-calculator-result_table  .vxcp_td-remarks .vxcp_tooltip,
.vxcp #vxcp_business-electricity-calculator-result_table .vxcp_td-remarks .vxcp_tooltip,
.vxcp #vxcp_gas-calculator-result_table                  .vxcp_td-remarks .vxcp_tooltip,
.vxcp #vxcp_business-gas-calculator-result_table         .vxcp_td-remarks .vxcp_tooltip {
    background: url(../_images/xfd8a02/info.png) 1px 2px no-repeat;
    padding-left: 16px;
}

    /*existiert für tool auslöser mit nur einem nbsp*/
    .vxcp .vxcp_tooltip.vxcp_tooltip-empty {}


.vxcp .vxcp_arrow{
    padding-left: 10px;
    background: url(../_images/fd8a02/arrow.png) left 4px no-repeat;
    }

.vxcp #vxcp_power-calculator-result_table .vxcp_tooltip.vxcp_total-cost,
.vxcp #vxcp_heating-electricity-calculator-result_table .vxcp_tooltip.vxcp_total-cost,
.vxcp #vxcp_business-electricity-calculator-result_table .vxcp_tooltip.vxcp_total-cost,
.vxcp #vxcp_gas-calculator-result_table .vxcp_tooltip.vxcp_total-cost,
.vxcp #vxcp_business-gas-calculator-result_table .vxcp_tooltip.vxcp_total-cost,
.vxcp #vxcp_power-calculator-result_table .vxcp_tooltip.vxcp_savings,
.vxcp #vxcp_business-electricity-calculator-result_table .vxcp_tooltip.vxcp_savings,
.vxcp #vxcp_gas-calculator-result_table .vxcp_tooltip.vxcp_savings,
.vxcp #vxcp_business-gas-calculator-result_table .vxcp_tooltip.vxcp_savings {
    background: url(../_images/xfd8a02/info.png) right 2px no-repeat !important;
    padding-right: 16px !important;
}

.vxcp #vxcp_heating-electricity-calculator-result_table .vxcp_tooltip.vxcp_savings {
    background: url(../_images/xfd8a02/info.png) left 5px no-repeat !important;
    padding-left: 16px !important;
}


 .vxcp .vxcp_small,
 .vxcp .vxcp_small a {
    color:#999999;
    line-height:130%;
    font-size: 85%;
 }
 .vxcp .vxcp_small a {
    font-size: 100%;
}




/*########################################################## COLOR */


/*textfarbe*/
.vxcp .vxcp_color0,
.vxcp .vxcp_th-color0 th,
.vxcp .vxcp_td-color0 td,
.vxcp tr.vxcp_color0 th,
.vxcp tr.vxcp_color0 td {color:#222 !important;}

/*texte mit signalfarbe etc*/
.vxcp .vxcp_color1,
.vxcp .vxcp_th-color1 th,
.vxcp .vxcp_td-color1 td,
.vxcp tr.vxcp_color1 th,
.vxcp tr.vxcp_color1 td  {color: #fd8a02 !important;}

/*blasser text (gleiche farbe wie zebra 2)*/
.vxcp .vxcp_color2,
.vxcp .vxcp_th-color2 th,
.vxcp .vxcp_td-color2 td,
.vxcp tr.vxcp_color2 th,
.vxcp tr.vxcp_color2 td {color: #f5f5f5 !important;}

/*muss stadardmäßig auf dunklem BG funktionieren*/
.vxcp .vxcp_color3,
.vxcp .vxcp_th-color3 th,
.vxcp .vxcp_td-color3 td,
.vxcp tr.vxcp_color3 th,
.vxcp tr.vxcp_color3 td {color: #fff !important;}


/*sehr dunkle signalfarbe (h1 farbe)*/
.vxcp .vxcp_color4,
.vxcp .vxcp_th-color4 th,
.vxcp .vxcp_td-color4 td,
.vxcp tr.vxcp_color4 th,
.vxcp tr.vxcp_color4 td {color: #444444 !important;}

/*bgcolor*/
/*arrow buttons signalfarbe etc*/
.vxcp .vxcp_bgcolor0,
.vxcp .vxcp_td-bgcolor0 td,
.vxcp .vxcp_th-bgcolor0 th,
.vxcp tr.vxcp_bgcolor0 th,
.vxcp tr.vxcp_bgcolor0 td {background-color: #fd8a02 !important;}

/*zebra1*/
.vxcp .vxcp_bgcolor1,
.vxcp .vxcp_td-bgcolor1 td,
.vxcp .vxcp_th-bgcolor1 th,
.vxcp tr.vxcp_bgcolor1 th,
.vxcp tr.vxcp_bgcolor1 td {background-color: #ffffff !important;}

/*zebra2*/
.vxcp .vxcp_bgcolor2,
.vxcp .vxcp_td-bgcolor2 td,
.vxcp .vxcp_th-bgcolor2 th,
.vxcp tr.vxcp_bgcolor2 th,
.vxcp tr.vxcp_bgcolor2 td {background-color: #f5f5f5 !important;}

/*tabellenkopf*/
.vxcp .vxcp_bgcolor3,
.vxcp .vxcp_td-bgcolor3 td,
.vxcp .vxcp_th-bgcolor3 th,
.vxcp tr.vxcp_bgcolor3 th,
.vxcp tr.vxcp_bgcolor3 td {background-color: #444444 !important;}

/*tabellennummerierung*/
.vxcp .vxcp_bgcolor4,
.vxcp .vxcp_td-bgcolor4 td,
.vxcp .vxcp_th-bgcolor4 th,
.vxcp tr.vxcp_bgcolor4 th,
.vxcp tr.vxcp_bgcolor4 td {background: #ffffff url(../_images/darker.png) left top repeat !important;}

/*kraeftige Akzentfarbe*/
.vxcp .vxcp_bgcolor-accent,
.vxcp .vxcp_td-bgcolor-accent td,
.vxcp .vxcp_th-bgcolor-accent th,
.vxcp tr.vxcp_bgcolor-accent th,
.vxcp tr.vxcp_bgcolor-accent td {background-color: #f1901c !important; color: white;}


/*RECHNER STYLING*/
/* wird gesteuert durch $partner_config->energy_electricity_calculator_content_calculator_form_stylingClass;*/
.vxcp .vxcp_calculator-style1 {background: url(../_images/calculator-style1_frank.png) right -10px  no-repeat #F2F6FA !important; min-height:70px;}


/* RESULT LOADING LAYER */

body.vxcp_result-loading-layer-on > * {
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -ms-filter: blur(4px);
    -o-filter: blur(4px);
    filter: blur(4px);
}
body.vxcp_result-loading-layer-on #vxcp_result-loading-layer {
    -webkit-filter: blur(0);
    -moz-filter: blur(0);
    -ms-filter: blur(0);
    -o-filter: blur(0);
    filter: blur(0);
    background-color: rgba(0, 0, 0, 0.8);
}

#vxcp_result-loading-layer .vxcp_result-loading-layer-content {
    min-width: 300px;
}