.vxcp {
font-size: 12px;
line-height: 128%;
}

.vxcp .vxcp_box-xl {
    padding-top: 12px !important;
    background: url(../_images/verlauf.png) left top repeat-x !important;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 0px 4px 5px -3px #ddd;
    }

.vxcp .vxcp_box-xl.vxcp_nomar {
    }

.vxcp ul {
    padding: 0px 0px 10px !important;
    }

.vxcp ul.vxcp_tab-bar {
    padding: 0px !important;
}
    .vxcp ul li {
        padding: 1px 0px 2px 10px !important;
        background: url(../_images/arrow.png) 1px 6px no-repeat !important;
        }

.vxcp h1 {
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    margin: 0 0px 5px;
    padding: 3px 5px 2px;
    text-decoration: none;
    font-family: Arial;
    color: #fff !important;
    background: #333;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    }

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

.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: #000;
        font-size: 12px;
        line-height: 12px;
        border-right: 1px solid #e1e1e1;
        border-left: 1px solid #fff;
        }


        .vxcp .vxcp_pagination span .vxcp_page-first,
        .vxcp .vxcp_pagination span .vxcp_page-prev,
        .vxcp .vxcp_pagination span .vxcp_page-next,
        .vxcp .vxcp_pagination span .vxcp_page-last {
            background-position: center center;
            background-repeat: no-repeat;
            font-size: 10px !important;
            text-indent: 0px !important;
            }

        .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 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/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="password"],
.vxcp input[type="search"],
.vxcp input[type="text"],
.vxcp textarea,
.vxcp select {
    border: 1px solid #a5acb2;
    padding: 1px;
    padding-left: 4px;
    background: white;
    display: inline-block;
    font-size: 13px;
    }



.vxcp a.vxcp_button,
.vxcp a.vxcp_button-up,
.vxcp a.vxcp_button-down,
.vxcp input.vxcp_button,
.vxcp input.vxcp_button-up,
.vxcp input.vxcp_button-down {
    padding: 2px 6px 3px;
    white-space: nowrap;
    text-decoration: none !important;
    /* ab hier identisch mit input*/
    cursor: pointer;
    color: #fff !important;
    font-weight: 100;
    font-family: verdana;
    font-size: 13px;
    line-height: 14px;
    /*border: 1px solid #6f1306;*/
    border: 1px solid #FD951C;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    box-shadow: 0px 4px 5px -4px #000;
    -moz-box-shadow: 0px 4px 5px -4px #000;
    -webkit-box-shadow: 0px 4px 5px -4px #000;
    float:none;
    }

    .vxcp a.vxcp_button,
    .vxcp a.vxcp_button-up,
    .vxcp a.vxcp_button-down,
    .vxcp input.vxcp_button,
    .vxcp input.vxcp_button-up,
    .vxcp input.vxcp_button-down
                    {
                        background: #fd951c;
                        filter: none;
                        }


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


.vxcp input.vxcp_button-mini {
    width: auto;
    padding: 0px 3px;
    margin: 0px;
    overflow: visible;
    background: #fd951c;
    /* ab hier identisch mit a*/
    cursor: pointer;
    color: #fff !important;
    font-weight: 700;
    font-family: verdana;
    font-size: 11px;
    line-height: 14px;
    border: 1px solid #FD951C;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    box-shadow: 0px 4px 5px -4px #000;
    -moz-box-shadow: 0px 4px 5px -4px #000;
    -webkit-box-shadow: 0px 4px 5px -4px #000;
    }

    .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 {
    background: url(../_images/infos.png) 0px 4px no-repeat;
    padding-left: 14px;
    }
.vxcp .vxcp_tooltip:hover {
    color: #aaa !Important;
    }

    .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/infos.png) 0px 4px no-repeat;
        padding-left: 14px;
    }


    /*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/arrow.png) left 5px no-repeat;
    }


 .vxcp .vxcp_small {
    font-size:10px;
    color:#999999;
    line-height:130%;
    }



/*########################################################## RATING */


.vxcp .vxcp_rating,
.vxcp .vxcp_rating-power,
.vxcp .vxcp_rating-gas {
    width:65px !important;
    height: 13px !important;
    background: url(../_images/graystarmap.gif) left top no-repeat !important;
    }

        .vxcp .vxcp_rating div,
        .vxcp .vxcp_rating span,
        .vxcp .vxcp_rating-power div,
        .vxcp .vxcp_rating-power span,
        .vxcp .vxcp_rating-gas div,
        .vxcp .vxcp_rating-gas span {
            background: url(../_images/redstarmap.gif) left top no-repeat transparent  !important;
            }






/*########################################################## 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: #f0f5f8 !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: #FD8A02 !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: #fff !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: #f1f1f1 !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: #333 !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-color: #fff !important;}




table.vxcp_c_extra tr.vxcp_bgcolor1 td,
table.vxcp_c_extra tr.vxcp_bgcolor2 td,
table.vxcp_c_extra tr.vxcp_bgcolor4 td,
table.vxcp_c_extra tr.vxcp_bgcolor1 th,
table.vxcp_c_extra tr.vxcp_bgcolor2 th,
table.vxcp_c_extra tr.vxcp_bgcolor4 th {
      background: url(../_images/tr.png) left bottom repeat-x #f8f8f8 !important;
      border-bottom: 1px solid #ccc !important;
      padding: 15px 5px !important;
      }


table#vxcp_power-calculator-result_table td.vxcp_bgcolor1,
table#vxcp_power-calculator-result_table td.vxcp_bgcolor2,
table#vxcp_power-calculator-result_table td.vxcp_bgcolor4,
table#vxcp_eco-power-calculator-result_table td.vxcp_bgcolor1,
table#vxcp_eco-power-calculator-result_table td.vxcp_bgcolor2,
table#vxcp_eco-power-calculator-result_table td.vxcp_bgcolor4,
table#vxcp_gas-calculator-result_table td.vxcp_bgcolor1,
table#vxcp_gas-calculator-result_table td.vxcp_bgcolor2,
table#vxcp_gas-calculator-result_table td.vxcp_bgcolor4 {
      background: url(../_images/tr.png) left bottom repeat-x #f8f8f8 !important;
      border-bottom: 1px solid #ccc !important;
      }
      
      
.vxcp tr.vxcp_has-result-detail .vxcp_get-result-detail ul.vxcp_btn-tabs {margin-bottom: -1px !important;}

.vxcp table#vxcp_broadband-calculator-result_table td.vxcp_td-remarks .vxcp_tooltip::before {
  content: none;
}

.vxcp #vxcp_broadband-calculator .vxcp_width-s {
    width: 170px !important;
}