div.contentbox h2 {
    color: #009ae9;
}

div.contentbox a { color: #009ae9; }


ul.header_navigation a:hover, ul.header_navigation a.active {
    color: #009ae9;
}

/* imgs */

body {
    background-image: url(/images/main/website/4/body_bg.gif);
}

div.header {
    background-image: url(/images/main/website/4/header_bg.png);
}

div.top {
    background: transparent url(/images/main/website/4/site_top_bg.gif) repeat-x 0 0;
}

ul.header_navigation a.first {
    background: transparent url(/images/main/website/4/sprite-navitabs.png) no-repeat 0 0;
}

ul.header_navigation li.last {
    background: transparent url(/images/main/website/4/sprite-navitabs.png) no-repeat right 0;
}

ul.header_navigation a {
    background: transparent url(/images/main/website/4/sprite-navitabs.png) no-repeat 0 -28px;
}

ul.header_navigation a:hover em {
    background: transparent url(/images/main/website/4/sprite-navitabs.png) no-repeat right -84px;
}

ul.header_navigation a.last:hover em {
    background: transparent url(/images/main/website/4/sprite-navitabs.png) no-repeat left -84px;
}

ul.header_navigation a span {
    background: transparent url(/images/main/website/4/sprite-navitabs.png) no-repeat right -28px;
}

ul.header_navigation a:hover,
ul.header_navigation a.active {
    background: transparent url(/images/main/website/4/sprite-navitabs.png) no-repeat 0 -56px;
    color: #414141;
}

ul.header_navigation a:hover span,
ul.header_navigation a.active span {
    background: transparent url(/images/main/website/4/sprite-navitabs.png) no-repeat right -56px;
    color: #414141;
}

ul.header_navigation a.first:hover,
ul.header_navigation a.first.active {
    background: transparent url(/images/main/website/4/sprite-navitabs.png) no-repeat 4px -56px;
    color: #414141;
}


div.header_bar {
    background-image: url(/images/main/website/4/header_bar.gif);
}

ul.navigation a {
    background: transparent url(/images/main/website/4/navigation_header_grey.gif) repeat-x 0 0;
}

ul.navigation a.first {
    background: transparent url(/images/main/website/4/navigation_header.gif) repeat-x 0 0;
    color: #ffffff;
    border: 1px solid #009ae9;
}

ul.navigation_sub a {
    background-image: none;
}


div.formbox .button {
    background-image: url(/images/main/website/4/siegel_button.gif);
}

ul.contentnav a {
    background-image: url(/images/main/website/4/contentnav_bg.gif);
}

ul.contentnav a:hover, ul.contentnav a.active {
    background-image: url(/images/main/website/4/contentnav_bg_o.gif);
}

div.right_col h2 {
    background: transparent url(/images/main/website/4/navigation_header_grey.gif) repeat-x 0 0;
    color: #009ae9;
}

div.right_col h2.grey {
    background-image: url(/images/main/website/4/img/rightcol_newsletter.gif);
    }

div.rightcontent .button,
div.expert_search .button,
div.expert_detailsite a.more,
div.right_col div.rightcontent div.experts div.entry div.details a.more,
div.expert_searchresults div.expert_details table tr td a.more {
    background: transparent url(/images/main/website/4/siegel_button.gif) no-repeat 0 0;
}

div.rightcontent .button,
div.right_col div.rightcontent div.experts div.entry div.details a.more {
    background: transparent url(/images/main/website/4/rightcol_button.gif) no-repeat 0 0;
}

div.right_col div.rightcontent {
    color: #FFF;
    background: #0078b7 url(/images/main/website/4/rightcol_bg.gif) repeat-x 0 0;
}

ul.right_news {
    padding: 0px 5px;
}

ul.right_news li {
    border-bottom: 1px dotted #c7c7c7;
    padding: 5px 0;
    line-height: 15px;
}

ul.right_news a {
    color: #626262;
    text-decoration: none;
    font-size: 11px;
}

ul.right_news a:hover {
    text-decoration: underline;
}

/* news */

div.newsbox h2 {
    color: #009ae9;
}

div.newsbox h3 {
    color: #353535;
}

div.newsbox a { color: #009ae9; }

ul.contentlist a,
ul.contentlist li {
    color: #009ae9;
}

/* content site */

div.carticle {
   background: url(/images/main/website/4/content_header_big.gif) repeat-x 0 0;
}

div.carticle-wide {
   background-image: url(/images/main/website/4/content_header_big_wide.gif);
}

div.contentsite h3.colored {
    color: #009ae9;
}

/* main col header */

div.main_col h2.contentheader {
    background-image: url(/images/main/website/4/contentheader_bg.gif);
}
div.carticle ul.list li,
div.carticle-wide ul.list li {
    background-image: url(/images/main/website/4/siegel_button.gif)
}

span.contentsite_introduction {
    color: #83d0f7;
}

/* linkliste */

div.linkliste h3,
div.linkliste h3 a {
    color: #009ae9;
}

div.linkliste a.link { color: #666; }

div.linkliste a.link:hover { color: #009ae9; }

ul.linkliste {
    background-image: url(/images/main/website/4/list_bg.gif);
}

ul.linkliste li, ul.linkliste a {
    color: #353535;
}

ul.linkliste a.active, ul.linkliste a:hover {
    background-image: url(/images/main/website/4/list_active.gif);
}

ul.content_navigation {
    border-top: 1px dotted #bcbcbc;
    margin-left: 1px;
    margin-right: 1px;
    width:409px;
    padding: 10px;
    height: 13px;
}

ul.content_navigation li, ul.content_navigation a {
    float: left;
    display: block;
}

ul.content_navigation a {
    padding-left: 3px;
    padding-right: 3px;
    color: #353535;
}

ul.content_navigation a.active, ul.content_navigation a:hover { color: #009ae9; }

/* lexikon */

ul.lexikon {
    background-image: url(/images/main/website/4/list_bg.gif);
}

ul.lexikon a.active, ul.lexikon a:hover {
    background-image: url(/images/main/website/4/list_active.gif);
}

div.lexikon h3 a {
    color: #009ae9;
}

/* suche */
div.suche h3 {
    color: #009ae9;
}

/* newsletter */
div.newsletterbox {
    background: #ffffff url(/images/main/website/4/newsletterbox/background.png) no-repeat 0 bottom;
}

div.newsletterbox div.newsletterbox_title {
    background: transparent url(/images/main/website/4/navigation_header_grey.gif) repeat-x 0 0;
}

div.newsletterbox ul li {
    background: url(/images/main/website/4/newsletterbox/arrow.gif) no-repeat left center;
}

table.comparison tr td.two {
    background: #f6f6f6;
}

table.forms td .FormButtonLight, table.forms td .FormButtonLightOver,
table.alternative_forms tr td .button {
    background: #277e12;
    border-color: #277e12;
}

/* Vergleichsseite */
table.comparison tr td.two {
    background: #f5fcff;
}

/* Formulare */
/*table.forms td.FormCellDarkMandatory,
table.forms td.FormCellDark,
table.forms td.FormCellLightMandatory,
table.forms td.FormCellLight,
table.forms select.FormSelect,
table.forms select.FormSelectOver,
table.forms td a,*/
div.zinscalc h2 {
    color: #009ae9;
}
table.zinscalc thead {
    background: url(/images/main/website/4/content_header_big.gif) no-repeat;
}
table.zinscalc_pre tbody {
    background: #efefef;
    border-top: 1px solid #ccc;
}
table.zinscalc_pre tbody tr td .FormText,
table.zinscalc_pre tbody tr td .FormTextOver,
table.zinscalc_pre tbody tr td {
    color: #626262;
}
table.zinscalc tbody tr td.first {
    color: #009ae9;
}
div#popup_info table tbody tr.productname td,
div#popup_info table tfoot td div.notice {
    color: #009ae9;
}

table.forms td .FormButtonLight, table.forms td .FormButtonLightOver {
    background: #009ae9;
    border-color: #009ae9;
}


/**** Vergleichsseite fuer die verschiedensten Bereiche (Strom, Gas, DSL, ...) ****/
div#comparison_all {
    width: 520px;
    margin-bottom: 15px;
}

div#comparison_all .tabbox {
    width: 520px;
}

div#comparison_all .tabbox .tab,
div#comparison_all .tabbox .tab-current,
div#comparison_all .tabbox .tab-last {
    line-height: 16px;
    height: 24px;
}

div#comparison_all .tabbox .tab,
div#comparison_all .tabbox .tab-current,
div#comparison_all .tabbox .tab-last {
    border: 1px solid #b2e6ff;
    border-bottom: none;
    border-right: none;
    background: #b2e6ff url(/images/main/website/4/bg_tab.gif) repeat-x 0 0;
}

div#comparison_all .tabbox .tab-current  {
    border: 1px solid #b2e6ff;
    background: #b2e6ff url(/images/main/website/4/navigation_header.gif) repeat-x 0 0;
    border-bottom: none;
    border-right: none;
}

div#comparison_all .tabbox .tab-last  {
    border-right: 1px solid #b2e6ff;
}

div#comparison_all .tabbox .tab a,
div#comparison_all .tabbox .tab-current a,
div#comparison_all .tabbox .tab-last a {
    padding: 4px 10px 4px 22px;
    display: block;
    color: #009ae9;
    font-weight: bold;
    text-decoration: none;
    text-align:center;
}

div#comparison_all .tabbox .tab-current a {
    color: #fff;
}

div#comparison_all .tabbox .tab a:hover {
    background: #0086CC url(/images/main/website/4/navigation_header.gif) repeat-x 0 0;
    color: #fff;
}

div#comparison_all .box {
    border: 1px solid #b2e6ff;
}

div#comparison_all .tabbox .tab .strom {
    background:url(/images/main/website/4/icons/strom_black.gif) no-repeat 5px;
}

div#comparison_all .tabbox .tab-current a.strom,
div#comparison_all .tabbox .tab a.strom:hover {
    background: #0086CC url(/images/main/website/4/icons/strom_white.gif) no-repeat 5px;
}

div#comparison_all .tabbox .tab .dsl {
    background:url(/images/main/website/4/icons/dsl_black.gif) no-repeat 5px;
}

div#comparison_all .tabbox .tab-current .dsl,
div#comparison_all .tabbox .tab a.dsl:hover {
    background: #0086CC url(/images/main/website/4/icons/dsl_white.gif) no-repeat 5px;
}

div#comparison_all .tabbox .tab .gas {
    background: url(/images/main/website/4/icons/gas_black.gif) no-repeat 5px;
}

div#comparison_all .tabbox .tab-current .gas,
div#comparison_all .tabbox .tab a.gas:hover{
    background: #0086CC url(/images/main/website/4/icons/gas_white.gif) no-repeat 5px;
}

div#comparison_all .tabbox .tab .phone {
    background:url(/images/main/website/4/icons/phone_black.gif) no-repeat 5px;
}

div#comparison_all .tabbox .tab-current .phone,
div#comparison_all .tabbox .tab a.phone:hover{
    background: #0086CC url(/images/main/website/4/icons/phone_white.gif) no-repeat 5px;
}

div#comparison_all .tabbox .tab .mobile {
    background:url(/images/main/website/4/icons/mobile_black.gif) no-repeat 5px;
}

div#comparison_all .tabbox .tab-current .mobile,
div#comparison_all .tabbox .tab a.mobile:hover {
    background: #0086CC url(/images/main/website/4/icons/mobile_white.gif) no-repeat 5px;
}

div#comparison_all .box small {
    color: #838383;
}
div#comparison_all .box .leftbound {
    float: left;
    width: 290px;
    padding: 10px 10px 0;
    height: 100%;
    margin-right: 10px;
}

div#comparison_all .box .leftbound h2 {
    font-size: 12px;
    color: #009ae9;
    margin-bottom: 5px;
}
div#comparison_all .box .leftbound p {
    line-height: 18px;
    color: #353535;
}
div#comparison_all .box td.plz input.FormText,
div#comparison_all .box td.plz input.FormTextOver {
    width: 50px;
    padding: 2px;
}

div#comparison_all .box td.usage input.FormText,
div#comparison_all .box td.usage input.FormTextOver {
    width: 103px;
    padding: 2px;
}
div#comparison_all .box td.client select.FormSelect,
div#comparison_all .box td.client select.FormSelectOver {
    width: 170px;
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 2px;
    border:1px solid #DADADA;
}

div#comparison_all .box table {
    margin-top: 10px;
}
div#comparison_all .box table tr td {
    padding: 0 6px 0 0;
}

div#comparison_all .box  ul {
    margin: 9px 0 0 0;
    list-style: none;
    color: #009ae9;
    font-size: 11px;
    line-height: 15px;
    text-align: left;
}

div#comparison_all .box ul li {
    margin: 0;
    padding: 0 0 0 15px;
    background: url(/images/main/website/4/siegel_button.gif) no-repeat left center;
}



div#comparison_all .box .vergleich {
    clear: both;
    padding: 0 10px 0 0;
}

div#comparison_all .box .vergleich a {
    background: #009ae9 url(/images/main/website/4/bg_button.gif) no-repeat 0 bottom;
    padding: 3px 0 3px 20px;
    display: block;
    color: #fff;
    width: 150px;
    margin: 10px 0 10px 320px;
    position: relative;
    top: -10px;
}


/** Expertensuche **/
div.expert_search div.searching table tr td.zip input.FormText,
div.expert_search div.searching table tr td.zip input.FormTextOver {
    background-image: url(/images/main/stuff/input_zip.gif);
}
div.expert_search div.searching table tr td.city input.FormText,
div.expert_search div.searching table tr td.city input.FormTextOver {
    background-image: url(/images/main/stuff/input_city.gif);
}
div.expert_search div.searching table tr td.key input.FormText,
div.expert_search div.searching table tr td.key input.FormTextOver {
    background-image: url(/images/main/stuff/input_key.gif);
}

div.expert_searchresults div.expert_details table tr td.name,
div.right_col div.rightcontent div.experts div.entry div.details a.more,
div.right_col div.rightcontent div.experts div.entry div.details div.name {
    color: #009ae9;
}

/** Siegel **/

ul.galleryList {
    padding: 20px 0 20px 20px;
    display: block;
}

ul.galleryList li {
    background: url(/images/main/website/4/siegel_button.gif) no-repeat left center;
    padding: 0 0 0 14px;
}

div.siegelbox div.siegelbox-left h4 {
    color: #009ae9;
}

div#siegelbox-form div#siegelbox-right-full {
    background: url(/images/main/website/4/siegel_full.gif) no-repeat left top;
}

div#siegelbox-form div#siegelbox-right-transparent {
    background: url(/images/main/website/4/siegel_transparent.gif) no-repeat left top;
}

/* Affiliate (Verivox) */

div.verivox .form_tab_cell .verivox_submit_button {
    background-color:#ffffff;
    background-image:url(/images/main/website/4/calc_verivox.gif);
    border:0px;
    width:122px;
    height:20px;
}

div.verivox .form_tab_cell .verivox_submit_button_info {
    background-color:#ffffff;
    background-image:url(/images/main/website/4/info_verivox.gif);
    border:0px;
    width:51px;
    height:20px;
}

/* Affiliate (Mr-Money) */

#vvergleich .row-header {
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    background: InactiveBorder;
    background-color: #009ae9;
}

#vvergleich input.btn-berechnen {
 background: url(/images/main/website/4/calc_now.gif);
 width:122px;
 height:20px;
}

#vvergleich input.btn-neuervgl {}

#vvergleich input.btn_empfehlungen {}

#vvergleich input.btn-leivgl-oben {}

#vvergleich input.btn-leivgl-unten {}

#vvergleich input.btn-weiter {}

#vvergleich input.btn-zurueck {}

.mybutton {
    background-color: #009ae9;
    border-color: #009ae9;
    color: #FFFFFF;
}