#ewijz {
margin-bottom: 10px;
padding-top: 8px;
}

.ewijz_overzicht_ad_holder { 
margin: 0px 10px 10px 10px;
background-color: #EEEEEE;
text-align: center;
padding: 5px 0px 5px 0px;
}

#ewijz_header {
text-decoration: none;
color: #315D79;
height: 25px;
}

#ewijz_logo, #ewijz_logo_zondergeld {
background: url(/images/energiewijzer/bg_energiewijzer_gif.png) 0px -179px no-repeat;
float: left;
height: 52px;
width: 52px;
display: block;
text-decoration: none;
}

#ewijz_logo {
margin: -14px 5px 0px -7px;
}

#ewijz_logo_zondergeld {
margin: -18px 5px 0px -7px;
}

#cufon_h1, #cufon_h1_zondergeld {
margin: 0px;
font-size: 18px;
z-index: 1;
position: relative;
}

#cufon_h1_zondergeld {
margin-right: 300px;
}

#cufon_h1_span {
color: #C51E00;
}

#ewijz_tekst, #ewijz_tekst_zondergeld {
margin-left: 50px;
padding-right: 10px;
font: 11px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
}

#ewijz_tekst {
margin-bottom: 10px;
}

#ewijz_tekst_zondergeld {
margin-top: 5px;
}

.ewijz_tekst_lijst {
font-style: italic;
margin: 5px 0px 0px 65px;
padding: 0px;
}

.ewijz_tekst_lijst li {
margin-bottom: 3px;
}

.hulp_bij_bellen_right {
float: right;
margin-right: 10px;
}

.topleveranciers {
margin: 0px 10px 10px 10px;
text-align: center;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
}

.topleveranciers a {
color: #31597A;
}

.topleveranciers a:hover {
color: #C62100;
}

/* FILTERBOXEN */

#ewijz_filterboxen {
background: url(/images/energiewijzer/bg_filterboxen.jpg) repeat-x;
height: 44px;
margin: 0px 10px 0px 10px;
padding: 5px 0px 5px 6px;
}

#header_filterboxen {
left: 175px;
position: absolute;
font-style: italic;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
width: 200px;
}

.filterbox {
border-right: 1px solid #9FBBC6;
width: 129px;
height: 44px;
float: left;
margin-right: 6px;
}

.filterbox p {
float: right;
color: #ffffff;
margin-top: -1px;
margin-right: 5px;
font-size: 10px;
}

.filter_value, .filter_value_active {
background: #ffffff url(/images/energiewijzer/bg_filterbox_value.jpg) right no-repeat;
border-left: 1px solid #9FBBC6;
border-top: 1px solid #9FBBC6;
border-bottom: 1px solid #9FBBC6;
padding: 6px 29px 0px 6px;
height: 20px;
vertical-align: middle;
float: right;
width: 95px;
margin-top: 3px;
cursor: pointer;
}

.filter_value_active {
background: #D8EBED url(/images/energiewijzer/bg_filterbox_value_active.jpg) right no-repeat;
}

.filter_value span, .filter_value_active span {
white-space: nowrap;
overflow: hidden;
display: block;
}

.filterbox ul {
position: absolute;
margin-top: 43px;
background-color: #D8EBED;
padding: 0px;
width: 130px;
list-style: none;
display: none;
overflow: hidden;
z-index: 45;
border-left: 1px solid #9FBBC6;
border-right: 1px solid #9FBBC6;
border-bottom: 1px solid #9FBBC6;
margin-left: -1px;
zoom: 1;
}

.filterbox li {
border-top: 1px solid #ffffff;
padding: 3px 10px 3px 6px;
cursor: pointer;
}

.filterbox li:hover {
background-color: #315D7A;
color: #ffffff;
}

.filterbox_small {
height: 28px;
float: right;
margin-right: 6px;
display: inline;
}

#filterbox_toonkosten, #filterbox_rangschikkenop {
border-left: 1px solid #ffffff;
padding-left: 5px;
display: inline;
width: 190px;
}

#filterbox_toonkosten {
width: 180px;
}

#filterbox_toonkosten ul {
margin-left: 0px;
}

#filterbox_rangschikkenop ul {
margin-left: 2px;
}

.filterbox_small p {
float: left;
display: inline;
margin-right: 5px;
margin-top: 7px;
font-weight: bold;
}

.filter_small_value, .filter_small_value_active {
background: #ffffff url(/images/energiewijzer/bg_filterbox_small_value.gif) right no-repeat;
border: 1px solid #9FBBC6;
padding: 1px 19px 0px 6px;
height: 15px;
vertical-align: middle;
float: right;
width: 75px;
margin-top: 5px;
cursor: pointer;
display: inline;
}

.filter_small_value_active {
background: #D8EBED url(/images/energiewijzer/bg_filterbox_small_value.gif) right no-repeat;
}

.filter_small_value span, .filter_small_value_active span {
white-space: nowrap;
overflow: hidden;
display: block;
}

.filterbox_small ul {
position: absolute;
margin-top: 22px;
background-color: #D8EBED;
padding: 0px;
width: 100px;
list-style: none;
display: none;
overflow: hidden;
z-index: 45;
border-left: 1px solid #9FBBC6;
border-right: 1px solid #9FBBC6;
border-bottom: 1px solid #9FBBC6;
}

.filterbox_small li {
border-top: 1px solid #ffffff;
padding: 3px 10px 3px 6px;
cursor: pointer;
margin-top: 1px;
}

.filterbox_small li:hover {
background-color: #315D7A;
color: #ffffff;
}

#ewijz_sorteren_top {
background: #DFF1F7 url(/images/energiewijzer/bg_sorteren_top.jpg) left no-repeat;
height: 28px;
margin: 0px 10px 0px 10px;
font-family: Arial, Helvetica, sans-serif;
}

#vergelijk_selectie {
float: left;
margin: 4px 0px 0px 32px;
}

#ewijz_sorteren_bottom {
background: url(/images/energiewijzer/bg_energiewijzer_jpg.jpg) 0px -63px no-repeat;
height: 21px;
margin: -1px 10px 0px 10px;
}

#weergave_op {
float: right;
font-weight: bold;
margin: 2px 5px 0px 0px;
}

.ewijz_overzichtblok_uitgebreid, .ewijz_overzichtblok_uitgebreid_active {
background: url(/images/energiewijzer/bg_ewijz_overzichtblok_uitgebreid.jpg) left repeat-y;
border: 1px solid #C5DEE2;
margin: 0px 10px 10px 10px;
zoom: 1;
}

.ewijz_overzichtblok_uitgebreid_active {
background: #F1FBFC url(/images/energiewijzer/bg_ewijz_overzichtblok_uitgebreid_active.jpg) left repeat-y;
}

.ewijz_overzichtblok_uitgebreid:hover {
background: #F1FBFC url(/images/energiewijzer/bg_ewijz_overzichtblok_uitgebreid.jpg) repeat-y;
border: 1px solid #315D7A;
}

.ewijz_overzichtblok_uitgebreid_active:hover {
border: 1px solid #315D7A;
}

.ewijz_overzichtblok_uitgebreid_top {
height: 30px;
}

.reacties, .reacties_green {
background: url(/images/energiewijzer/bg_reacties_link.gif) no-repeat 0px 3px;
padding-left: 15px;
float: right;
color: #31597A;
margin: 10px 10px 0px 0px;
font-size: 10px;
}

.reacties_green {
color: #098200;
}

.reacties:hover, .reacties_green:hover {
background: url(/images/energiewijzer/bg_reacties_link_hover.gif) no-repeat 0px 3px;
color: #C62100;
}

.klantopinie, .klantopinie_green {
float: right;
margin: 10px 10px 0px 0px;
color: #31597A;
font-size: 10px;
vertical-align: middle;
}

.klantopinie_green {
color: #098200;
}

.klantopinie img {
vertical-align: middle;
margin-top: -2px;
}

.checkbox, .checkbox_checked {
background: url(/images/template/bg_template_gif.png) 0px -0px no-repeat;
height: 16px;
width: 16px;
float: left;
margin: 18px 0px 0px 8px;
cursor: pointer;
}

.checkbox_checked {
background: url(/images/template/bg_template_gif.png) 0px -16px no-repeat;
}

.checkbox input, .checkbox_checked input {
visibility: hidden;
}

.radiobutton {
cursor: pointer;
font-weight: normal;
padding-left: 5px;
margin-left: 5px;
margin-top:0px;
}

.classering {
float: left;
margin: 8px 0px 0px 15px;
}

.classering_cijfer, .classering_cijfer_green {
text-align: center;
width: 31px;
height: 24px;
padding-top: 7px;
padding-right: 2px;
font-size: 14px;
font-weight: bold;
color: #ffffff;
float: left;
margin: 8px 0px 0px 15px;
}

.classering_cijfer {
background: url(/images/energiewijzer/img_top_vijf_empty.gif) no-repeat;
}

.classering_cijfer_green {
background: url(/images/energiewijzer/img_top_vijf_empty_green.gif) no-repeat;
}

.leverancier_link, .leverancier_link_green {
float: left;
margin: 8px 0px 0px 4px;
color: #31597A;
text-decoration: none;
}

.leverancier_link_green {
color: #098200;
}

.leverancier_link:hover, .leverancier_link_green:hover {
color: #C62100;
}

.leverancier_link p, .leverancier_link_green p {
display: inline;
}

.leverancier {
font-weight: bold;
font-size: 14px;
text-decoration: underline;
}

.pakket {
font-weight: normal;
margin-right: 5px;
}

.details {
text-decoration: underline;
margin-left: 5px;
}

.ewijz_overzichtblok_uitgebreid_middle {
font-style: italic;
font-size: 12px;
margin: 0px 0px 5px 70px;
padding-right: 20px;
}

.ewijz_overzichtblok_uitgebreid_bottom {
min-height: 50px;
}

.ewijz_overzichtblok_uitgebreid_bottom a {
float: right;
margin-top: 20px;
right: 30px;
position: absolute;
}

.ewijz_overzichtblok_uitgebreid_bottom ul {
margin: 0px;
padding: 0px;
float: left;
font-family: Arial, Helvetica, sans-serif;
list-style:none;
list-style-type:none; 
}

.li_header, .li_header_green {
color: #315D7A;
font-size: 10px;
font-style: italic;
}

.li_header_green {
color: #098200;
}

.jaarkosten {
width: 135px;
text-align: right;
}

.prijs_oud {
text-decoration: line-through;
}

.prijs_nieuw {
font-weight: bold;
font-size: 13px;
}

.tarief_left {
text-align: right;
width: 80px;
padding-top: 10px;
font-weight: bold;
}

.tarief_left li {
padding-right: 17px;
margin-right: 5px;
}

.li_stroom {
margin-top: 14px;
background: url(/images/template/icon_stroom.gif) right no-repeat;
}

.li_gas {
background: url(/images/template/icon_gas.gif) right no-repeat;
}

.tarief_right {
text-align: left;
margin-right: 30px;
width: 70px;
}

.looptijd {
width: 80px;
}

.besparing .li_header {
background-color: #FFF0B3;
border-bottom: 1px solid #FFC411;
padding: 0px 3px 0px 3px;
}

.besparing_berekening {
font-weight: bold;
padding-top: 5px;
}

.besparing_berekening span {
float: left;
}

.besparing_berekening div {
background: url(/images/energiewijzer/bg_energiewijzer_gif.png) 0px -163px no-repeat;
float: left;
width: 115px;
height: 16px;
margin: 0px 5px 0px 5px;
}

.b_positief .besparing_berekening div span {
background: url(/images/energiewijzer/bg_besparingberekening_positief.jpg) repeat-x;
height: 10px;
float: right;
margin: 2px;
}

.b_negatief .besparing_berekening div span {
background: url(/images/energiewijzer/bg_besparingberekening_negatief.jpg) right repeat-x;
height: 10px;
float: right;
margin: 2px;
}

.b_positief .li_header {
color: #006600;
}

.b_positief .besparing_berekening {
color: #006600;
}

.b_negatief .li_header {
color: #C52626;
}

.b_negatief .besparing_berekening {
color: #C52626;
}

.maximum_selection_box_holder {
position: absolute;
left: 197px;
margin-top: 8px;
z-index: 45;
zoom: 1;
display: inline;
}

/*
position: absolute;
margin-top: 43px;
background-color: #D8EBED;
padding: 0px;
width: 130px;
list-style: none;
display: none;
overflow: hidden;
z-index: 45;
border-left: 1px solid #9FBBC6;
border-right: 1px solid #9FBBC6;
border-bottom: 1px solid #9FBBC6;
margin-left: -1px;
zoom: 1;
*/

.maximum_selection_box {
background-color: #C5DEE2;
border: 2px solid #315D7A;
padding-bottom: 8px;
width: 450px;
margin-left: 7px;
zoom: 1;
}

/*
.maximum_selection_box {
position: absolute;
background-color: #C5DEE2;
border: 2px solid #315D7A;
left: 200px;
margin-top: 8px;
z-index: 5;
padding-bottom: 8px;
display: inline;
zoom: 1;
width: 450px;
} */

.maximum_selection_pijl {
background: url(/images/energiewijzer/bg_energiewijzer_gif.png) 0px -231px no-repeat;
width: 7px;
height: 13px;
margin-top: 10px;
zoom: 1;
float: left;
}

.maximum_selection_box_top {
background: #315D7A url(/images/energiewijzer/selectionbox_uitroep.jpg) no-repeat 7px 5px;
color: #ffffff;
padding-top: 5px;
height: 23px;
padding-left: 30px;
}

#maximum_selection_box_close {
background: url(/images/energiewijzer/selectionbox_sluiten.gif) no-repeat;
float: right;
width: 12px;
height: 13px;
margin-right: 5px;
margin-top: 2px;
cursor: pointer;
}

.maximum_selection_box_tekst {
margin: 8px;
}

.maximim_selection_delete_option {
background: url(/images/energiewijzer/selectionbox_sluiten.gif) no-repeat 0px 5px;
padding: 4px 0px 4px 17px;
margin: 0px 0px 0px 8px;
cursor: pointer;
padding-right: 20px;
}

#vergelijk_selectie_vanuit_maximum_selection_box {
margin: 6px 8px 8px 8px;
}

/* ENERGIEWIJZER EENVOUDIGE WEERGAVE */
.ewijz_overzichtblok_eenvoudig_table {
margin: -2px 10px 10px 10px;
}

.ewijz_overzichtblok_eenvoudig_kopjes td  {
font-style: italic;
padding: 2px 9px 0px 0px;
font-size: 10px;
height: 21px;
font-family: Arial, Helvetica, sans-serif;
}

.ewijz_overzichtblok_eenvoudig_kopjes a {
color: #315979;
}

.ewijz_overzichtblok_eenvoudig_kopjes a:hover {
color: #C62100;
}

.ewijz_overzichtblok_eenvoudig_kopjes img {
vertical-align: middle;
margin-left: 5px;
}

.eenvoudig_besparing_kopje span {
background-color: #FFF0B3;
border-bottom: 1px solid #FFC411;
padding: 0px 2px 0px 2px;
}

.ewijz_overzichtblok_eenvoudig_kopjes_pijl {
background: url(/images/energiewijzer/bg_sorteren_bottom.jpg) left no-repeat;
}

.ewijz_overzichtblok_eenvoudig_rij td, .ewijz_overzichtblok_eenvoudig_rij_hover td, .ewijz_overzichtblok_eenvoudig_rij_active td, .ewijz_overzichtblok_eenvoudig_rij_active_hover td {
border-top: 1px dotted #315A7B;
vertical-align: top;
line-height: 16px;
}

.ewijz_overzichtblok_eenvoudig_ad_rij {
overflow: hidden;
}

.ewijz_overzichtblok_eenvoudig_ad_rij td {
height: 123px;
text-align: center;
vertical-align: top;
}

.ewijz_overzichtblok_eenvoudig_ad_holder { 
margin: 10px 0px 10px 0px;
background-color: #EEEEEE;
text-align: center;
padding: 5px 0px 5px 0px;
position: absolute;
left: 170px;
right: 20px;
}

.eenvoudig_checkbox {
width: 30px;
background-color: #DFF1F7;
border-right: 1px solid #ffffff;
}

.eenvoudig_checkbox .checkbox, .eenvoudig_checkbox .checkbox_checked {
margin-top: 16px;
}

.eenvoudig_classering {
width: 34px;
}

.eenvoudig_classering_cijfer, .eenvoudig_classering_cijfer_green {
background: url(/images/energiewijzer/img_top_vijf_empty.gif) no-repeat;
width: 31px;
height: 24px;
padding-top: 7px;
font-size: 14px;
font-weight: bold;
color: #ffffff;
margin: 8px 0px 0px 6px;
text-align: center;
}

.eenvoudig_classering_cijfer_green {
background: url(/images/energiewijzer/img_top_vijf_empty_green.gif) no-repeat;
}

.eenvoudig_classering img {
margin-top: 6px;
margin-left: 6px;
}

.eenvoudig_jaarkosten {
width: 73px;
text-align: right;
padding: 5px 5px 5px 0px;
font-weight: bold;
}

.old_jaarkosten {
font-weight: normal;
text-decoration: line-through;
}

.eenvoudig_jaarkosten big {
font-size: 110%;
}

.eenvoudig_leverancier, .eenvoudig_leverancier_green 
{
padding: 5px 5px 5px 0px;
}

.eenvoudig_leverancier a {
color: #315979;
}

.eenvoudig_leverancier_green a {
color: #098200;
}

.eenvoudig_leverancier a:hover, .eenvoudig_leverancier_green a:hover {
color: #C62100;
}

.eenvoudig_actie 
{
padding: 5px 2px 5px 0px;
}
.eenvoudig_tarief, .eenvoudig_tarief_green {
width: 70px;
padding: 5px 2px 5px 0px;
white-space: nowrap;
}

.eenvoudig_tarief_green {
color: #098200;
}

.tarief_stroom {
background: url(/images/template/icon_stroom.gif) no-repeat;
padding-left: 16px;
}

.tarief_gas {
background: url(/images/template/icon_gas.gif) no-repeat;
padding-left: 16px;
}

.eenvoudig_looptijd {
width: 39px;
padding: 5px 5px 5px 0px;
white-space: nowrap;
}

.eenvoudig_besparing {
padding: 5px 0px 5px 0px;
width: 155px;
}

.eenvoudig_besparing div {
background: url(/images/energiewijzer/bg_energiewijzer_gif.png) 0px -163px no-repeat;
width: 115px;
height: 16px;
margin: 2px 2px 0px 0px;
float: left;
}

.eb_positief div span {
background: url(/images/energiewijzer/bg_besparingberekening_positief.jpg) repeat-x;
height: 10px;
float: right;
margin: 2px;
}

.eb_negatief div span {
background: url(/images/energiewijzer/bg_besparingberekening_negatief.jpg) right repeat-x;
height: 10px;
float: right;
margin: 2px;
}

.eb_positief {
color: #006600;
}

.eb_negatief {
color: #C52626;
}

.eenvoudig_overstappen {
width: 95px;
padding: 8px 0px 0px 0px;
}

/* ENERGIEWIJZER BEREKEN BESPARING BLOK */
#ewijz_berekenbesparing_blok {
background: url(/images/energiewijzer/bg_berekenbesparing_right.gif) right no-repeat;
height: 55px;
padding-right: 8px;
padding-left: 8px;
margin: 10px 300px 0px 46px;
font-family: Arial, Helvetica, sans-serif;
}

#ewijz_berekenbesparing_left {
background: url(/images/energiewijzer/bg_energiewijzer_gif.png) 0px -108px no-repeat;
width: 8px;
margin-left: -8px;
height: 55px;
float: left;
}

#ewijz_berekenbesparing_content {
background: url(/images/energiewijzer/bg_berekenbesparing_content.jpg) no-repeat 5px 31px;
height: 45px;
float: left;
width: 100%;
background-color: #ffffff;
border-top: 1px solid #C5DEE2;
border-bottom: 1px solid #C5DEE2;
margin: 0xp 10px 0px 10px;
padding: 8px 0px 0px 2px;
font-size: 12px;
font-weight: bold;
}

#ewijz_berekenbesparing_stapterug {
float: right;
text-decoration: underline;
cursor: pointer;
font-weight: normal;
font-size: 10px;
margin-right: 5px;
}

#ewijz_berekenbesparing_stapterug:hover {
text-decoration: none;
}

.ewijz_berekenbesparing_stap {
float: left;
margin: 5px 7px 0px 0px;
width: 18px;
height: 18px;
}

.stap_1 { background: url(/images/energiewijzer/bg_energiewijzer_gif.png) 0px -0px no-repeat; }
.stap_1_active { background: url(/images/energiewijzer/bg_energiewijzer_gif.png) 0px -18px no-repeat; }
.stap_2 { background: url(/images/energiewijzer/bg_energiewijzer_gif.png) 0px -36px no-repeat; }
.stap_2_active { background: url(/images/energiewijzer/bg_energiewijzer_gif.png) 0px -54px no-repeat; }
.stap_3 { background: url(/images/energiewijzer/bg_energiewijzer_gif.png) 0px -72px no-repeat; }
.stap_3_active { background: url(/images/energiewijzer/bg_energiewijzer_gif.png) 0px -90px no-repeat; }

#ewijz_berekenbesparing_keuzes {
background: #D8EBED;
margin: 5px 5px 0px 90px;
font-size: 11px;
font-weight: normal;
padding: 0px 0px 0px 5px;
height: 18px;
}

#ewijz_berekenbesparing_keuzes span, #ewijz_berekenbesparing_keuzes label {
float: left;
padding-top: 2px;
}

#ewijz_berekenbesparing_keuzes input {
float: left;
}

#ewijz_berekenbesparing_keuzes select {
font-size: 10px;
margin-left: -5px;
margin-right: 0px;
width: 350px;
}

/* BLOKJE Kosten per kWh/m³ & vastrecht */
.met_vastrecht {
height: 100px;
}

.eenvoudig_vastrecht {
font-family: Arial, Helvetica, sans-serif;
width: 155px;
padding: 5px 10px 5px 10px;
}

.vastrecht_holder {
float: left;
margin: -4px 0px 0px 70px;
font-family: Arial, Helvetica, sans-serif; 
width: 145px;
}

.vastrecht_holder sup {
font-size: 8px;
}

.vastrecht_header {
padding: 2px 0px 2px 0px; 
color: #999999; 
font-style: italic;
}

.vastrecht_waarde {
padding: 2px 0px 2px 16px; 
border-top: 1px solid #E2E2E2;
}

.vastrecht_waarde span, .vastrecht_header span {
float: right;
}

.vastrecht_stroom {
background: url(/images/template/icon_stroom.gif) left no-repeat;
}

.vastrecht_gas {
background: url(/images/template/icon_gas.gif) left no-repeat;
}

.wait {
 position:absolute;
 width: 100%;
 height: 80px;
 top:460px;
 left:0px;
 background: #C5DEE2;
 z-index:2;
 -moz-opacity:0.5;
 opacity:0.5;
 filter: Alpha(opacity:80);
 text-align: center;
 padding-top:40px;
 font-size: 20px;
 color: gray;
 font-weight: bold;
}