/* browser settings reset */
html, body, dt, dl, dd, ul, ol, li, h1, h2, h3, h4, h5, h6 , form, fieldset,a ,blockquote { margin:0px; padding:0px; border:0px; font-family:Arial, Helvetica, sans-serif;}

/* site settings */
img{border:0px;}
a{}
a:hover{}
html, body{ height:100%;}
hr{ height:1px; border-bottom:#000 solid 1px;}


/* FCK Styles */
.kop, h1{font-size:1.4em; color:#000; line-height:1.6em;}
.tussenkop, h2{font-size:1.2em; color:#000; line-height:1.6em;}
.inleiding{font-weight: bold; color:#000;}
.univers{font-family: Courier New, Courier, Monaco, monospace; color:#000; line-height:1.4em;}
.Leverancier h2, .Popup h2 {padding:0 5px 0 5px!important;font-size:1.2em;color:#027abb;border:#fff 2px solid;background-color:#f3fbff;border-bottom:#fff 0px solid;margin:20px 0 -5px 0;font-weight:bold;width:100%;}

.Popup h2.Header, .Leverancier h2.Header{padding:0 0 0 5px!important;background-color:#f3f3f3;font-size:1.3em;color:#027abb;border:#333 0px solid;border-top:#fff 20px solid;margin:25px 0 0 0;font-weight:bold;}

/* Tekst stylen */
h1,h2,h3,h4,h5,h6{margin:0; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
div, td {font-family:Arial, Helvetica, sans-serif}
p{}
#BerekenVoordeelContainer .Item{float:left;margin-right:15px;}
#BerekenVoordeelContainer .Label{float:left;color: #fff!important;font-size:.85em;}
#BerekenVoordeelContainer .Value{clear:left;color: #fff!important;}

/* Default */
input, textarea, select{ font-size:1em; font-family:Arial, Helvetica, sans-serif; color:#01649a;}

/* Banners */
#BannerRight{ float:right; padding:15px 0px 0px 870px; position:fixed; z-index:5;}


/* Layout */
.FloatLeft{ float:left;}
.FloatRight{ float:right;}
.FloatClear{ clear:both;}

#Home{ background:#027abb;}
#Vervolg{ background:#027abb;}

#MainContainer{ width:995px; background:#027abb; margin-left:auto; margin-right:auto;}
#Container{ width:855px; background:#FFF url(header.gif) left top no-repeat; float:left; position:absolute; z-index:10;}
#HeaderContainer{ width:855px; height:141px;}
#HeaderContainer #LogoUrl a{ float:left; display:block; margin:25px 0px 0px 15px; font-size:0px; color:#01649a; padding:0px 0px 0px 100px; width:300px; height:56px;}

#ContentContainer{ width:825px; background:url(contentfooter.gif) left bottom no-repeat; padding:0px 30px 30px 0px; float:left;}
#ContentContainer #Content a{ color:#027abb; text-decoration:none;}
#Home #ContentContainer #Content{ float:left; font-size:.75em; width:450px; line-height:1.6em; padding:0 0 0 0;}
#Vervolg #ContentContainer #Content{ float:left; font-size:.75em; width:665px; line-height:1.6em; padding:0 0 0 0;}
#ContentContainer #Content li{ margin-left:25px;}

.Popup{ background:#FFF url(result_lev_bg.gif) left bottom repeat-x; padding:10px 10px 10px 10px;}
.Popup a{ color:#000;}

#ContentContainer #Content .selecteerleverancier{ padding:0 0 10px 0;}
#ContentContainer #Content .selecteerleverancier select{ background:#027abb; color:#fff;}

#ContentContainer #Content .StandaloneCalculator{ width:100%; text-align:center; padding:10px 0 0 0;}

#LeftContainer{ float:left; font-size:.7em; width:160px; padding:0px 0px 0px 0px; background:url(leftmenu_header.gif) 0px 0px no-repeat;}
#LeftContainer #Bestgetest{ float:left; width:150px; text-align:center; padding:15px 0px 0px 0px;}
#LeftContainer #Hier{ float:left; width:150px; text-align:center; padding:15px 0px 0px 0px;}
#LeftContainer #milieuCentraal{ float:left; width:150px;  padding:15px 0px 0px 30px; line-height:1.6em;}
#LeftContainer #milieuCentraal a{ text-decoration:none; color:#006263;}

#FooterContainer{ width:855px; background:#027abb; float:left; padding:15px 0px 15px 0px;}
#FooterContainer #ppc{ width:100px; float:right; text-align:right;}
#FooterContainer .insightstudio{ float:right; text-align:right; padding:0 15px 0 0; margin:5px 0 0 0; border-right:#fff 1px solid;}
#FooterContainer .insightstudio a{ font-size:.7em; color:#fff; text-decoration:none;}

/* Calculator */
#CalculatorContainer{ background:url(calculator_home.gif) left top no-repeat; width:450px; height:250px; margin:0px 0px 20px 0px;}
#CalculatorContainer #Header{ width:450px; height:22px; text-align:center; padding:0px 0px 0px 0px;}
#CalculatorContainer #Header h2{ color:#FFF; font-size:1.4em;}
#CalculatorContainer #Formulier{ width:410px; text-align:center; padding:3px 20px 0px 20px; color:#01649a;}
#CalculatorContainer #Formulier .Space{ padding:15px 0px 0px 0px;}
#CalculatorContainer #Formulier .Rij{ width:410px; height:25px; text-align:left; margin:5px 0px 0px 0px; float:left;}
#CalculatorContainer #Formulier .Rij .Label{ font-weight:bold; float:left; width:180px; padding:2px 0px 0px 0px;}
#CalculatorContainer #Formulier .Rij .Input{ float:left; padding:2px 5px 0px 0px;}
#CalculatorContainer #Formulier .Rij .Stroom, .Gas, .Dubbel{ float:left; padding:2px 25px 0px 0px;}
#CalculatorContainer #Formulier .Rij .Enkel{ float:left; padding:2px 34px 0px 0px;}
#CalculatorContainer #Formulier .Rij .Vraagteken{ float:right; padding:0px 0px 0px 0px;}
#CalculatorContainer #Formulier .Buttons{ clear:both; padding:15px 0px 0px 0px;}

/*CalculatorSmall*/
#CalculatorSmall{margin:30px 0 0 10px; width:270px;height:250px;  background:url(calculator_small.gif) center top no-repeat;padding:0 0 0 0!important;}
#CalculatorSmall #Header{ padding:0;margin:0; }
#CalculatorSmall #Header h2{ color:#027abb; text-align:center; margin:0!important; border:none; background:none; padding:0 0 0 0!important;}
#CalculatorSmall #Formulier{ padding:10px 5px 0px 5px; color:#666;}
#CalculatorSmall #Formulier .Space{ padding:10px 0px 0px 0px;}
#CalculatorSmall #Formulier .Rij{ margin:10px 5px 0px 5px; }
#CalculatorSmall #Formulier .Rij .Label{ float:left; width:100px; padding:6px 0px 0px 0px;}
#CalculatorSmall #Formulier .Rij .Input{ float:left; padding:5px 5px 0px 0px;}
#CalculatorSmall #Formulier .Rij .Input label{ font-size:.9em; margin:-2px 0 0 0;}
#CalculatorSmall #Formulier .Rij .Input input{ color:#666;}
#CalculatorSmall #Formulier .Rij .Stroom, .Gas, .Dubbel{ float:left; padding:2px 25px 0px 0px;}
#CalculatorSmall #Formulier .Rij .Enkel{ float:left; padding:2px 34px 0px 0px;}
#CalculatorSmall #Formulier .Rij .Vraagteken{ float:right; padding:5px 5px 0px 0px;}
#CalculatorSmall #Formulier .Buttons{ clear:both; padding:15px 10px 0px 10px;}

/* Top 10 */
#Home .ContentRight{ float:right; width:200px; margin:0px 0px 0px 15px; font-size:.75em;}
#Home .Top10{ width:200px; margin:0 0 25px 0;}
#Home .Top10 .Header{ height:20px;width:200px;padding:5px 0 0 0 ;background:url("GreenRoundTop.png") center top no-repeat;}
#Home .Top10 .Header h2{color:#FFF;width:190px; text-align:left; padding:5px 5px 5px 5px; background:#9cc047;font-size:.9em; text-transform:uppercase; font-weight:bold;}
#Home .Top10 #HoogstGewaardeerd{ width:200px;margin:19px 0 5px 0px;padding:5px 0px 0px 0px; font-weight:bold;border-bottom:1px #9cc047 solid; }
#Home .Top10 #HoogstGewaardeerd li{list-style-position:inside!important;border:1px #9cc047 solid; border-top:0px #9cc047 solid;border-bottom:0px #9cc047 solid;padding:5px 0px 5px 5px; font-weight:normal;}
#Home .Top10 #HoogstGewaardeerd li a{ color:#000; text-decoration:none;}
#Home .Top10 #HoogstGewaardeerd li a:hover{ color:#999;}
#Home .Top10 #HoogstGewaardeerd li.noListStyle{list-style:none!important;padding:10px 5px 30px 0;}
#Home .Top10 #HoogstGewaardeerd .cijfer{ font-size:.85em;color:#999999;}
#Home .Top10 #MeestBezocht{ width:198px; color:#000; padding:5px 0px 0px 0px; font-weight:bold;border:1px #9cc047 solid; border-top:0px #9cc047 solid; }
#Home .Top10 #MeestBezocht li{list-style-position:outside!important;margin:0 0 0 28px;padding:5px 0px 5px 0px; list-style:decimal; font-weight:normal;}
#Home .Top10 #MeestBezocht li a{ color:#000; text-decoration:none;}
#Home .Top10 #MeestBezocht li a:hover{ color:#999;}
#Home .Top10 #MeestBezocht .cijfer{ font-size:.8em;}
#Home .Top10 .ButtonWitRight{ margin:0 5px 5px 0;}

#onlineusers{ width:190px; text-align:left; margin:40px 0 0 0; padding:5px 5px 5px 5px; background:#027abb; color:#FFF; font-size:.8em; text-transform:uppercase; font-weight:bold;}

.Top10Pagina{ padding:10px 0 20px 20px;}
.Top10Pagina li{ padding:5px 0px 0px 15px; background:url(li_groen.gif) left 10px no-repeat; list-style:none; font-weight:normal;}
.Top10Pagina li a{ color:#000;}
.Top10Pagina li a:hover{ color:#999;}

/* Buttons */
.ButtonWitRight{ line-height:1.6em; height:22px;}
.ButtonWitRight .Left{ float:left; width:13px; height:22px; background:url(button_right_wit_left.gif) left top no-repeat; cursor:pointer;}
.ButtonWitRight .Center{ float:left; min-width:60px; height:22px; text-align:center; background:url(button_wit_center.gif) left top repeat-x; padding:1px 0px 0px 0px; text-decoration:none; cursor:pointer; color:#01649a;}
.ButtonWitRight .Center a{ text-decoration:none; cursor:pointer;}
.ButtonWitRight .Right{ float:left; width:13px; height:22px; background:url(button_right_wit_right.gif) left top no-repeat; cursor:pointer;}

.ButtonWitLeft{ line-height:1.6em; height:22px;}
.ButtonWitLeft .Left{ float:left; width:13px; height:22px; background:url(button_left_wit_right.gif) left top no-repeat; cursor:pointer;}
.ButtonWitLeft .Center{ float:left; min-width:60px; height:22px; text-align:center; background:url(button_wit_center.gif) left top repeat-x; padding:1px 0px 0px 0px; text-decoration:none; cursor:pointer; color:#01649a;}
.ButtonWitLeft .Center a{ text-decoration:none; cursor:pointer;}
.ButtonWitLeft .Right{ float:left; width:13px; height:22px; background:url(button_left_wit_left.gif) left top no-repeat; cursor:pointer;}

.ButtonWitBlauwLeft{ line-height:1.6em; height:22px;}
.ButtonWitBlauwLeft .Left{ float:left; width:13px; height:22px; background:url(button_left_wit_blauw_left.gif) left top no-repeat; cursor:pointer;}
.ButtonWitBlauwLeft .Center{ float:left; min-width:60px; height:22px; text-align:center; background:url(button_wit_center.gif) left top repeat-x; padding:1px 0px 0px 0px; text-decoration:none; cursor:pointer; color:#01649a;}
.ButtonWitBlauwLeft .Center a{ text-decoration:none; cursor:pointer;}
.ButtonWitBlauwLeft .Right{ float:left; width:13px; height:22px; background:url(button_left_wit_blauw_right.gif) left top no-repeat; cursor:pointer;}

.StapOverBtn a{display:block;border:0px solid #333; width:96px;height:22px; color:#fff!important; background:url(overstappen_wit.gif) center center no-repeat!important; text-transform:uppercase;cursor:pointer;text-align:center;font-weight:bold;}
.ButtonWitBlauwLeft.FloatRight.StapOverBtn a{background:url(overstappen_blauw.gif) center center no-repeat!important;}


.ButtonWitBlauwRight{ line-height:1.6em; height:22px;}
.ButtonWitBlauwRight .Left{ float:left; width:13px; height:22px; background:url(button_left_wit_blauw_left.gif) left top no-repeat; cursor:pointer;}
.ButtonWitBlauwRight .Center{ float:left; min-width:60px; height:22px; text-align:center; background:url(button_wit_center.gif) left top repeat-x; padding:1px 0px 0px 0px; text-decoration:none; cursor:pointer; color:#01649a;}
.ButtonWitBlauwRight .Center a{ text-decoration:none; cursor:pointer;}
.ButtonWitBlauwRight .Right{ float:left; width:13px; height:22px; background:url(button_left_wit_blauw_right.gif) left top no-repeat; cursor:pointer;}

.ButtonBlauwRight{ line-height:1.6em; height:22px;}
.ButtonBlauwRight .Left{ float:left; width:13px; height:22px; background:url(button_right_Blauw_left.gif) left top no-repeat; cursor:pointer;}
.ButtonBlauwRight .Center{ float:left; min-width:60px; height:22px; text-align:center; background:url(button_Blauw_center.gif) left top repeat-x; padding:1px 0px 0px 0px; text-decoration:none; cursor:pointer; color:#FFF;}
.ButtonBlauwRight .Center a{ text-decoration:none; cursor:pointer;}
.ButtonBlauwRight .Right{ float:left; width:13px; height:22px; background:url(button_right_Blauw_right.gif) left top no-repeat; cursor:pointer;}

/* Zoeken */
.ZoekBtn{}
#resultList{ margin:20px 0 0 0;}
#resultList li{ margin:10px 0 0 0; color:#999; font-size:.9em;}
#resultList li a{ text-decoration:underline!important; font-size:1.1em;}

/* TopMenu */
#TopMenuContainer{ float:right; font-size:.7em; padding:0px 15px 0px 0px; width:800px;}
#TopMenuContainer ul{ float:right;}
#TopMenuContainer ul li { float:left; list-style:none; padding:11px 15px 0px 0px;}
#TopMenuContainer ul li a{ text-decoration:none; color:#01649a;}

/* LeftMenu */
#LeftMenu{ float:left; width:150px; background:url(leftmenu_footer.gif) left bottom no-repeat; padding:15px 0 15px 0;}
#LeftMenu li{ list-style:none;}
#LeftMenu li a{ display:block; background:url(li_blauw.gif) 5px 8px no-repeat; text-align:left; padding:5px 5px 5px 20px; border-right:#027abb 3px solid; text-decoration:none; color:#000;}
#LeftMenu li a:hover{ color:#027abb;}

/* BottomMenu */
.BottomMenu{ float:left; padding:5px 0px 0px 15px; font-size:.7em;}
.BottomMenu li{ padding:0px 0px 5px 0px; list-style:none;}
.BottomMenu li a{ color:#00456b; text-decoration:none;}
.BottomMenu li a:hover{ color:#FFF;}

/* Zoeken */
#ZoekenContainer{ float:right;}
#ZoekenContainer #Input{ padding:7px 5px 0px 5px; float:left;}
#ZoekenContainer #Input input{ width:140px;}
#ZoekenContainer #Button{ padding:5px 15px 0px 0px; float:left;}

/* Terug naar overzicht */
#Terugnaaroverzicht{ float:right; font-size:.9em; padding:0px 0px 6px 0px; margin:-20px 0 0 0; font-weight:bold;}
#Terugnaaroverzicht a{ color:#027abb; text-decoration:underline;}
#Terugnaaroverzicht a:hover{ color:#000;}

.ZoekBtn{ padding:0 0 0 0; width:100px;}

#zoekContainer fieldset { padding:0 0 20px 0;}
#zoekContainer fieldset p{ padding:0 0 0 30px;}
#zoekContainer fieldset p .textInpt{ margin:2px 10px 0 0; width:200px;}
#zoekContainer fieldset p label{ padding:0 10px 0 0;}
#zoekContainer fieldset p #teksten{ margin:0 0 0 10px;}
#resultRefine{ padding:0 0 0 30px;}
#resultRefine #sorteren{ margin:2px 0 0 20px; width:116px;}
#resultRefine .okBtn{ margin:1px 0 0 7px; width:160px;}
.resultData{ width:665px;}
.resultData div{ width:221px; float:left; padding:20px 0 0 0;}
resultCount{}
#resultFooter{ padding:0 0 20px 0;}
#resultPageCount{ text-align:center;}
#resultShowAll{ text-align:right;}
#resultNext{ float:right; text-align:right;}

/* Tabs */
.TabBlauw{ line-height:1.6em; float:left;}
.TabBlauw .Left{ float:left; width:10px; height:21px; background:url(tab_blauw_left.gif) left top no-repeat; cursor:pointer;}
.TabBlauw .Center{ float:left; min-width:60px; height:18px; text-align:center; background:#027abb; padding:3px 5px 0px 5px; text-decoration:none; cursor:pointer; color:#FFF;}
.TabBlauw .Center a{ text-decoration:none; cursor:pointer;}
.TabBlauw .Right{ float:left; width:10px; height:21px; background:url(tab_blauw_right.gif) left top no-repeat; cursor:pointer; margin:0px 1px 0px 0px;}

.TabGrijs{ line-height:1.6em; float:left;}
.TabGrijs .Left{ float:left; width:10px; height:21px; background:url(tab_grijs_left.gif) left top no-repeat; cursor:pointer;}
.TabGrijs .Center{ float:left; min-width:60px; height:20px; text-align:center; background:#999; padding:1px 5px 0px 5px; text-decoration:none; cursor:pointer; color:#FFF;}
.TabGrijs .Center a{ text-decoration:none; cursor:pointer;}
.TabGrijs .Center a{ text-decoration:underline;}
.TabGrijs .Right{ float:left; width:10px; height:21px; background:url(tab_grijs_right.gif) left top no-repeat; cursor:pointer; margin:0px 1px 0px 0px;}

/* Resultaten */
#ResultListTabContainer{ clear:both; height:21px;}
#ResultListContainer{ float:left; width:635px; background:#027abb url(resultheader.gif) right top no-repeat; padding:15px 15px 0px 15px;}
#ResultListContainer #InfoContainer{ width:598px;padding:5px;background-color:#0173b1;min-height:35px;border:1px solid #fff;}
#ResultListContainer #InfoLeft{ float:left; width:420px; color:#FFF; font-size:.9em;}
#ResultListContainer #InfoRight{ float:left; color:#FFF; font-size:.9em;}
#ResultListContainer #InfoLeft span, #ResultListContainer #InfoRight span{ font-weight:bold; padding:0px 0px 0px 5px; font-size:1.1em;}

#ResultListContainer #VergelijkLeverancierTop{ float:right; background:url(pijl_vergelijk.gif) right bottom no-repeat; padding:0px 20px 0px 0px; margin:15px 5px 0px 0px;}
#ResultListContainer #VergelijkLeverancierBottom{ float:right; background:url(pijl_vergelijk2.gif) right top no-repeat; padding:0px 20px 0px 0px; margin:6px 5px 0px 0px;}

#ResultListContainer .TekstActie{ clear:left; font-size:.9em; color:#fff; padding:20px 0 0 0; font-weight:bold;}
#ResultListContainer .TekstActie img{ position:absolute; margin:-11px 0 0 0; line-height:normal!important;}
#ResultListContainer .Tekst{ float:left; width:480px; font-size:.9em; color:#fff; padding:8px 0 0 0; line-height:normal!important;}

#ResultListContainer .LeverancierContainer{ clear:both;}
#ResultListContainer .LeverancierContainer .Vergelijk{ float:right; width:25px; text-align:right; padding:5px 0px 0px 0px;}
#ResultListContainer .LeverancierContainer .Leverancier{ float:left; width:590px; font-size:.9em; background:#FFF url(result_lev_bg.gif) left bottom repeat-x; margin:5px 0px 0px 0px; padding:10px 10px 10px 10px;}
#ResultListContainer .LeverancierContainer .LeverancierLeft{ float:left; width:590px;}
#ResultListContainer .LeverancierContainer .LeverancierRight{ float:left; width:590px;height:30px;clear:both;}
#ResultListContainer .LeverancierContainer .Leverancier .Nummer{ float:left; padding:5px 0 0 0; font-size:1.5em; color:#027abb; font-weight:bold; width:30px;}
#ResultListContainer .LeverancierContainer .Leverancier .Logo{  float:left;font-size:1.5em; color:#027abb; font-weight:bold;}
#ResultListContainer .LeverancierContainer .Leverancier .Naam{ clear:both; margin:0 0 0 0; font-size:1.1em; font-weight:bold; width:590px;}
#ResultListContainer .LeverancierContainer .Leverancier .Naam a{ color:#027abb;}
#ResultListContainer .LeverancierContainer .Leverancier .Naam .Details{ font-size:.9em; color:#939292; text-decoration:none; font-weight:normal;}
#ResultListContainer .LeverancierContainer .Leverancier .Naam .Product{ font-size:1em; color:#027abb; font-weight:normal;}
#ResultListContainer .LeverancierContainer .Leverancier .Labels{ float:right;}
#ResultListContainer .LeverancierContainer .Leverancier .Labels .Actie{ float:left; width:35px; z-index:10000;}
#ResultListContainer .LeverancierContainer .Leverancier .Labels .Hier{ float:left; width:45px; }
#ResultListContainer .LeverancierContainer .Leverancier .Labels .Mileukeur{ float:left; width:45px;}
#ResultListContainer .LeverancierContainer .Leverancier .ActieInfo{ clear:both;color:#333;width:590px;}
#ResultListContainer .LeverancierContainer .Leverancier .ActieInfo .Naam{ font-size:1em!important; font-weight:normal!important;}
#ResultListContainer .LeverancierContainer .Leverancier .InfoContainer{ float:left; width:590px;padding-bottom:2px;border-bottom:1px dotted #ccc;}
#ResultListContainer .LeverancierContainer .Leverancier .InfoPrijs{ float:left;height:55px; padding:10px 0px 0px 0px; width:140px; background:url(pixelblauw.gif) left 28px repeat-x;border-right:1px solid #efefef;}
#ResultListContainer .LeverancierContainer .Leverancier .InfoPrijs .Voor{ font-weight:bold; font-size:1.15em;color:#000!important;}
#ResultListContainer .LeverancierContainer .Leverancier .InfoLooptijd{ float:left; height:55px;padding:10px 0px 0px 10px; width:100px; background:url(pixelblauw.gif) left 28px repeat-x;border-right:1px solid #efefef;}
#ResultListContainer .LeverancierContainer .Leverancier .InfoSoort{ float:left; height:55px;padding:10px 0px 0px 10px; width:200px; background:url(pixelblauw.gif) left 28px repeat-x;border-right:1px solid #efefef;}
#ResultListContainer .LeverancierContainer .Leverancier .InfoSoort .GroenGrijs{ float:left; width:130px; height:9px; float:left; margin:5px 5px 0px 0px;}
#ResultListContainer .LeverancierContainer .Leverancier .InfoSoort .Groen{ float:left; height:9px; background:#9cc047;}
#ResultListContainer .LeverancierContainer .Leverancier .InfoSoort .Grijs{ float:left; height:9px; background:#999;}
#ResultListContainer .LeverancierContainer .Leverancier .InfoTarief{ float:left; padding:10px 0px 0px 10px;width:115px; background:url(pixelblauw.gif) left 28px repeat-x;}
#ResultListContainer .LeverancierContainer .Leverancier .InfoScore{ float:left; padding:10px 0px 0px 0px; background:url(pixelblauw.gif) left 28px repeat-x;}
#ResultListContainer .LeverancierContainer .Leverancier .InfoScore .Bezoekers{ font-size:.8em;}
#ResultListContainer .LeverancierContainer .Leverancier .ValueVoordeel{float:left;color:#339900;padding-right:30px;border-right:1px dotted #ccc;}
#ResultListContainer .LeverancierContainer .Leverancier .ValueNadeel{ float:left; color:#CC3300;padding-right:30px;border-right:1px dotted #ccc;}
#ResultListContainer .LeverancierContainer .Leverancier span.bedrag {font-size:1.2em;font-weight:bold;}
#ResultListContainer .LeverancierContainer .Leverancier div .Label{ font-weight:bold; color:#027abb;}
#ResultListContainer .LeverancierContainer .Leverancier div .Value{}
#ResultListContainer .LeverancierContainer .Leverancier div .Value a{color:#000!important; text-decoration:underline;}
#ResultListContainer .LeverancierContainer .Leverancier .Overstappen a{  float:right; width:108px; height:21px; margin:10px 0 0 0; padding:1px 0px 0px 10px;  font-size:1.1em; font-weight:bold;text-transform:uppercase; color:#fff!important; background:url(overstappen.gif) left top no-repeat;}
#ResultListContainer .LeverancierContainer .Leverancier .Overstappers{ float:left; padding-left:10px;}
#ResultListContainer .LeverancierContainer .Leverancier .OverstappersMaand{color:#027abb;padding-right:30px;border-right:1px dotted #ccc;}
#ResultListContainer .LeverancierContainer .Leverancier .OverstappersPercentage{font-weight:bold;border-right:1px dotted #ccc;}
#ResultListContainer .LeverancierContainer .Leverancier .OverstappersPercentage a{font-size:1.2em; text-decoration:none;}

#ResultListFooter{ float:left; background:url(resultfooter.gif) left bottom no-repeat; width:665px; height:15px; margin:0 0 10px 0;}

/* ResultatenFilter */
#ResultFilterContainer{ float:left; margin:15px 0 0 0; padding:5px 5px 5px 10px; font-size:1.1em; width:593px; border:#fff 1px solid; background:#0173b1;}
#ResultFilterContainer .Header{ float:left; width:593px;}
#ResultFilterContainer .Titel a{ display:block; float:left; padding:0px 0px 0px 0px; color:#fff!important; font-weight:bold;}
#ResultFilterContainer .Uitklappen a{ float:right; padding:0px 15px 0px 0px; color:#fff !important; font-size:.8em; text-decoration:underline; background:url(uitklappijl.gif) right 5px no-repeat;}
#ResultFilterContainer .Inklappen a{ float:right; padding:0px 15px 0px 0px; color:#fff !important; font-size:.8em; text-decoration:underline; background:url(inklappijl.gif) right 5px no-repeat;}
#ResultFilterContainer .Item{ float:left; padding:5px 15px 5px 0px;}
#ResultFilterContainer .Label{ color:#fff; padding:0px 0px 5px 0px; font-size:.8em; font-weight:bold;}
#ResultFilterContainer .Value{ padding:0px 0px 0px 0px;}
#ResultFilterContainer .Value select{ font-size:.8em !important;}

/* BerekenVoordeel */
#BerekenVoordeelContainer{ float:left; margin:15px 0 0 0; padding:5px 5px 5px 10px; font-size:1.1em; width:593px; border:#fff 1px solid; background:#0173b1;}
#BerekenVoordeelContainer .Header{ float:left; width:593px;}
#BerekenVoordeelContainer .Titel a{ display:block; float:left; padding:0px 0px 0px 0px; color:#fff!important; font-weight:bold;}
#BerekenVoordeelContainer .Uitklappen a{ float:right; padding:0px 15px 0px 0px; color:#fff !important; font-size:.8em; text-decoration:underline; background:url(uitklappijl.gif) right 5px no-repeat;}
#BerekenVoordeelContainer .Inklappen a{ float:right; padding:0px 15px 0px 0px; color:#fff !important; font-size:.8em; text-decoration:underline; background:url(inklappijl.gif) right 5px no-repeat;}
#BerekenVoordeelContainer .Item{ padding:5px 0px 5px 0px;}
#BerekenVoordeelContainer .Item select{ font-size:.8em !important; width:300px;}

/* Vergelijken */
#ResultListContainer .VergelijkContainer{ clear:both; width:635px; margin:15px 0 0 0;}
#ResultListContainer .VergelijkContainer .Leverancier{ float:left; width:196px; font-size:.9em; background:#FFF url(result_lev_bg.gif) left bottom repeat-x; margin:0 5px 0 0; padding:10px 5px 10px 5px;}
#ResultListContainer .VergelijkContainer .Leverancier .Naam{ height:50px;}
#ResultListContainer .VergelijkContainer .Leverancier .Naam a{ font-size:1.5em; color:#027abb; font-weight:bold;}
#ResultListContainer .VergelijkContainer .Leverancier .Product{ color:#666; font-weight:normal; height:50px;}
#ResultListContainer .VergelijkContainer .Leverancier .Labels{ padding:10px 0 0 0;width:200px;}
#ResultListContainer .VergelijkContainer .Leverancier .Labels .Actie{ float:left; padding:0 10px 0 0;}
#ResultListContainer .VergelijkContainer .Leverancier .Labels .Hier{}
#ResultListContainer .VergelijkContainer .Leverancier .Prijs{ padding:10px 0px 0px 0px; background:url(pixelblauw.gif) left 28px repeat-x; min-height:60px;}
#ResultListContainer .VergelijkContainer .Leverancier .Prijs .Voor{ font-weight:bold; font-size:1.1em;}
#ResultListContainer .VergelijkContainer .Leverancier .Looptijd{ padding:10px 0px 0px 0px; background:url(pixelblauw.gif) left 28px repeat-x; min-height:60px;}
#ResultListContainer .VergelijkContainer .Leverancier .Soort{ padding:10px 0px 0px 0px; background:url(pixelblauw.gif) left 28px repeat-x; min-height:60px;}
#ResultListContainer .VergelijkContainer .Leverancier .Soort .GroenGrijs{ float:left; width:100px; height:9px; float:left; margin:5px 5px 0px 0px;}
#ResultListContainer .VergelijkContainer .Leverancier .Soort .Groen{ float:left; height:9px; background:#9cc047;}
#ResultListContainer .VergelijkContainer .Leverancier .Soort .Grijs{ float:left; height:9px; background:#999;}
#ResultListContainer .VergelijkContainer .Leverancier .Tarief{ padding:10px 0px 0px 0px; background:url(pixelblauw.gif) left 28px repeat-x; min-height:60px;}
#ResultListContainer .VergelijkContainer .Leverancier .Score{ padding:10px 0px 0px 0px; background:url(pixelblauw.gif) left 28px repeat-x; min-height:60px;}
#ResultListContainer .VergelijkContainer .Leverancier .Score .Bezoekers{ font-size:.8em;}
#ResultListContainer .VergelijkContainer .Leverancier .Opzegtermijn{ padding:10px 0px 0px 0px; background:url(pixelblauw.gif) left 28px repeat-x; min-height:60px;}
#ResultListContainer .VergelijkContainer .Leverancier .Contract{ padding:10px 0px 0px 0px; background:url(pixelblauw.gif) left 28px repeat-x; min-height:90px;}
#ResultListContainer .VergelijkContainer .Leverancier div .Label{ font-weight:bold; color:#027abb;}
#ResultListContainer .VergelijkContainer .Leverancier div .Value{}
#ResultListContainer .VergelijkContainer .Leverancier div .Value a{ color:#000; text-decoration:underline;}
#ResultListContainer .VergelijkContainer .Leverancier .Overstappen{ float:right; padding:0px 0px 0px 0px; font-size:1.1em;}

/* Leverancier NAW */
#LeverancierNawContainer{float:left;background-color:#fff;clear:both;padding:10px;margin:0px 0px 10px 0px; width:615px;}
#LeverancierNawContainer #NawContainer {float:left;width:160px;}
#LeverancierNawContainer #NawContainer .Naam{float:none;font-weight:bold; white-space: nowrap;}
#LeverancierNawContainer #NawContainer .Logo,
#LeverancierNawContainer #NawContainer .Adres,
#LeverancierNawContainer #NawContainer .Postcode,
#LeverancierNawContainer #NawContainer .Plaats,
#LeverancierNawContainer #NawContainer .Url {float:none;}

/* Acties*/
#LeverancierNawContainer #ActieContainer{float:left;width:160px;border:0px solid #333;margin-top:20px;}
#LeverancierNawContainer #ActieContainer .Content{}
#LeverancierNawContainer #ActieContainer .header{font-weight:bold;}
.Actie{clear:both;margin:0 10px 10px 0;}
/*calculator*/
#LeverancierNawContainer #CalculatorSmall{margin-top:-1px;}


/* LeverancierInfo */
#LeverancierInfoContainer{ float:left; width:635px; background:#027abb url(resultheader.gif) right top no-repeat; padding:15px 15px 0px 15px;}
#LeverancierInfoContainer #InfoContainer{ min-height:55px;}
#LeverancierInfoContainer #InfoLeft{ float:left; width:420px; color:#FFF; font-size:.9em;}
#LeverancierInfoContainer #InfoLeft .Product{ margin:5px 0 0 0; float:left;}
#LeverancierInfoContainer #InfoLeft .combobox{ margin:4px 0 4px 5px; font-size:1.1em!important; background:#027abb; color:#fff; font-weight:bold;}
#LeverancierInfoContainer #InfoRight{ float:left; color:#FFF; font-size:.9em;}
#LeverancierInfoContainer #InfoLeft span, #LeverancierInfoContainer #InfoRight span{ font-weight:bold; padding:0px 0px 0px 5px; font-size:1.1em;}
#LeverancierInfoContainer .ButtonRij .ButtonWitBlauwLeft{ height:30px; margin:0px 0px 0px 15px;}

#LeverancierInfoContainer .LeverancierContainer{ float:left;}
#LeverancierInfoContainer .LeverancierContainer .Leverancier{ float:left; width:615px;background:#FFF url(result_lev_bg.gif) left bottom repeat-x; margin:5px 0px 0px 0px; padding:10px 10px 10px 10px;}
#LeverancierInfoContainer .LeverancierContainer .Leverancier .Naam{ height:40px; float:left; font-size:1.4em; color:#027abb; font-weight:bold;}
#LeverancierInfoContainer .LeverancierContainer .Leverancier .Naam .Details{ font-size:.7em; color:#000; text-decoration:underline; font-weight:normal;}
#LeverancierInfoContainer .LeverancierContainer .Leverancier .Naam .Product{ font-size:.7em; color:#666; font-weight:normal;}

#LeverancierInfoContainer .LeverancierContainer .Leverancier #Jaarrekening{ clear:both;}
#LeverancierInfoContainer .LeverancierContainer .Leverancier #Jaarrekening .Container{ padding:15px 0px 15px 0px; float:left; width:100%;}
#LeverancierInfoContainer .LeverancierContainer .Leverancier #Jaarrekening .Container .Header{ font-size:1.2em; font-weight:bold; padding:0px 0px 0px 0px;}
#LeverancierInfoContainer .LeverancierContainer .Leverancier #Jaarrekening .Container .Header2{ font-weight:bold; padding:0px 0px 0px 0px;}
#LeverancierInfoContainer .LeverancierContainer .Leverancier #Jaarrekening .Container .Label{ float:left; width:360px; padding:2px 0px 5px 15px;}
#LeverancierInfoContainer .LeverancierContainer .Leverancier #Jaarrekening .Container .Value{ float:left; padding:2px 0px 0px 10px;}
#LeverancierInfoContainer .LeverancierContainer .Leverancier #Jaarrekening .Container .Specs{ float:right; padding:1px 15px 0px 0px; font-size:.9em; background:url(specs.gif) right 4px no-repeat;}
#LeverancierInfoContainer .LeverancierContainer .Leverancier #Jaarrekening .Container .Specs a{ color:#83a82b;}
#LeverancierInfoContainer .LeverancierContainer .Leverancier #Jaarrekening .Container .LabelTotaal{ float:left; width:360px; padding:2px 0px 0px 15px; font-weight:bold;}
#LeverancierInfoContainer .LeverancierContainer .Leverancier #Jaarrekening .Container .ValueTotaal{ padding:2px 0px 0px 10px; font-weight:bold; float:left;}
#LeverancierInfoContainer .LeverancierContainer .Leverancier #Jaarrekening .Container .ValueTotaal .Van{ font-weight:normal; font-size:.9em;}
#LeverancierInfoContainer .LeverancierContainer .Leverancier #Jaarrekening .Container .Blok1{ float:left; background:#e6f2f8; width:100%; padding:5px 0px 5px 0px; margin:5px 0px 5px 0px;}
#LeverancierInfoContainer .LeverancierContainer .Leverancier #Jaarrekening .Container .Blok2{ float:left; background:#027abb; color:#FFF; width:100%; padding:5px 0px 5px 0px; margin:5px 0px 5px 0px;}

#LeverancierInfoContainer .LeverancierContainer .Leverancier #Jaarrekening .ContainerSpecificatie{ margin:0 0 10px 15px; float:left; background:#ebf2da; width:600px; font-size:.9em; padding:1px 0 0 0;}
#LeverancierInfoContainer .LeverancierContainer .Leverancier #Jaarrekening .ContainerSpecificatie .Label{ float:left; width:355px; padding:0 0 0 5px;}
#LeverancierInfoContainer .LeverancierContainer .Leverancier #Jaarrekening .ContainerSpecificatie .Value{ padding:0 0 0 10px;}
#LeverancierInfoContainer .LeverancierContainer .Leverancier #Jaarrekening .ContainerSpecificatie .ValueTotaal{ padding:0px 0px 0px 0px; font-weight:bold; float:left;}
#LeverancierInfoContainer .LeverancierContainer .Leverancier #Jaarrekening .ContainerSpecificatie .TotaalBlok{ float:left; background:#9cc047; width:100%; padding:0px 0px 1px 0px; margin:5px 0px 5px 0px; color:#fff;}
#LeverancierInfoContainer .LeverancierContainer .Leverancier #Jaarrekening .ContainerSpecificatie .TotaalBlok .LabelTotaal{ float:left; width:355px; padding:0 0 0 5px; font-weight:bold;}

#LeverancierInfoContainer .LeverancierContainer .Leverancier #Jaarrekening .ButtonWitRight{ margin:0 0 20px 0;}





/* Contractvoorwaarden */
#LeverancierInfoContainer .LeverancierContainer .Leverancier .Contractvoorwaarden{ clear:both;}
#LeverancierInfoContainer .LeverancierContainer .Leverancier .Contractvoorwaarden .Header{ clear:both; height:auto; color:#000; font-size:1.2em; font-weight:bold; padding:10px 0 5px 0;}
#LeverancierInfoContainer .LeverancierContainer .Leverancier .Contractvoorwaarden .Item{ padding:5px 0 0 0; width:100%; clear:both; float:left;}
#LeverancierInfoContainer .LeverancierContainer .Leverancier .Contractvoorwaarden .ItemOverstappers{ padding:30px 0 10px 0; width:100%; clear:both; float:left;}
#LeverancierInfoContainer .LeverancierContainer .Leverancier .Contractvoorwaarden .ItemOverstappers .Label{ float:left;}
#LeverancierInfoContainer .LeverancierContainer .Leverancier .Contractvoorwaarden .ItemOverstappers .Value{ margin:0 0 0 260px;}
#LeverancierInfoContainer .LeverancierContainer .Leverancier .Contractvoorwaarden .ItemOverstappers .Value .Waardering{float:left; color:#027abb; background:url(waardering.gif) left top no-repeat; margin:-18px 0 0 0; padding:18px 0 0 0; width:55px; height:37px; text-align:center; font-size:1.4em; font-weight:bold;}
#LeverancierInfoContainer .LeverancierContainer .Leverancier .Contractvoorwaarden .Item .Label{ float:left;}
#LeverancierInfoContainer .LeverancierContainer .Leverancier .Contractvoorwaarden .Item .Value{ margin:0 0 0 260px;}
#LeverancierInfoContainer .LeverancierContainer .Leverancier .Contractvoorwaarden .Item .Value .Waardering{float:left; background:url(waardering.gif) left top no-repeat; margin:-18px 0 0 0; padding:18px 0 0 0; width:55px; height:37px; text-align:center; font-size:1.4em; font-weight:bold;}
#LeverancierInfoContainer .LeverancierContainer .Leverancier .Contractvoorwaarden .Item .Value .Bezoekers{font-size:.9em; padding:0 0 0 65px;}
#LeverancierInfoContainer .LeverancierContainer .Leverancier .Contractvoorwaarden .Item .Value a{ color:#000; text-decoration:underline;}
#LeverancierInfoContainer .LeverancierContainer .Leverancier .Contractvoorwaarden .Item .Titel, .Popup .Titel{font-size:1.1em; font-weight:bold; float:left;width:100%;color:#fff;padding:0 0 0 5px;margin:0; background-color:#027abb;}
 .Popup .Titel{width:100.2%}
 
#LeverancierInfoContainer .LeverancierContainer .Leverancier .Contractvoorwaarden ul{ margin:0 0 0 25px;}


.LeveringskostenTableDiv{ float:left; width:100.5%; background:#e5f1f8;border:1px solid #027abb;}
.LeveringskostenTableDiv table{ border:0px solid #92d7ff;width:100%;}
.LeveringskostenTable th{ text-align:left; vertical-align:top; padding:0 20px 5px 5px;border:1px solid #fff;}
.LeveringskostenTable th span{ font-weight:normal; font-size:.9em;}
.LeveringskostenTable td{ text-align:left; padding:0 0 5px 5px;background-color:#fefefe;border:1px solid #e5f1f8;}

.LeveringskostenTable col.StroomSpecColumn {width: 180px;}
.LeveringskostenTable col.StroomTariefColumn {width: 130px;}
.LeveringskostenTable col.StroomEBColumn {width: 140px;}
.LeveringskostenTable col.StroomBTWColumn {width: 70px;}
.LeveringskostenTable col.StroomTotaalColumn {width: 80px;}

.LeveringskostenTable col.GasSpecColumn {width: 90px;}
.LeveringskostenTable col.GasTariefColumn {width: 110px;}
.LeveringskostenTable col.GasRegioColumn {width: 120px;}
.LeveringskostenTable col.GasEBColumn {width: 120px;}
.LeveringskostenTable col.GasBTWColumn {width: 70px;}
.LeveringskostenTable col.GasTotaalColumn {width: 80px;}


/* Producten */
#LeverancierProductenContainer{ float:left; width:635px; background:#027abb url(resultheader.gif) right top no-repeat; padding:15px 15px 0px 15px;}
#LeverancierProductenContainer .ButtonRij .ButtonWitBlauwLeft{ height:30px; margin:0px 0px 0px 15px;}

#LeverancierProductenContainer .Product{ float:left; width:615px; background:#FFF url(result_lev_bg.gif) left bottom repeat-x; margin:5px 0px 0px 0px; padding:10px 10px 10px 10px;}
#LeverancierProductenContainer .Product .Naam{ height:20px; font-size:1.4em; color:#027abb; font-weight:bold;}
#LeverancierProductenContainer .Product .Header{ clear:both; color:#000; font-size:1.2em; font-weight:bold; padding:10px 0 5px 0;}
#LeverancierProductenContainer .Product .Productnaam{ clear:both; color:#000; font-size:1.3em; font-weight:bold; padding:30px 0 5px 0;}
#LeverancierProductenContainer .Product .Titel{ float:left; width:260px; clear:both;}
#LeverancierProductenContainer .Product .Item{ padding:5px 0 0 0; width:100%; clear:both; float:left;}
#LeverancierProductenContainer .Product .Item .Label{ float:left;}
#LeverancierProductenContainer .Product .Item .Value{ margin:0 0 0 260px;}

#LeverancierProductenContainer .Product .GroenGrijs{ width:100px; height:9px; margin:5px 5px 0px 0; float:left;}
#LeverancierProductenContainer .Product .Groen{ float:left; height:9px; background:#9cc047;}
#LeverancierProductenContainer .Product .Grijs{ float:left; height:9px; background:#f1f1f1;}
#LeverancierProductenContainer .Product .Percentage{}
#LeverancierProductenContainer .Product .Totaal{ float:left; padding:5px 0 15px 0; font-weight:bold;}
#LeverancierProductenContainer .Product .TotaalPerc{ padding:5px 0 15px 0; font-weight:bold; margin:0 0 0 260px;}

/* GegevensLeverancier Producten */
#GegevensLeverancierContainer{ float:left; width:635px; background:#027abb url(resultheader.gif) right top no-repeat; padding:15px 15px 0px 15px;}
#GegevensLeverancierContainer .ButtonRij .ButtonWitBlauwLeft{ height:30px; margin:0px 0px 0px 15px;}

#GegevensLeverancierContainer .Content{ float:left; width:615px; background:#FFF url(result_lev_bg.gif) left bottom repeat-x; margin:5px 0px 0px 0px; padding:10px 10px 10px 10px;}
#GegevensLeverancierContainer .Content .Naw{padding:0 0 20px 0;}
#GegevensLeverancierContainer .Content .Helpdesk{ padding:0 0 20px 0;}
#GegevensLeverancierContainer .Content .Contractvoorwaarden{ padding:0 0 20px 0;  }
#GegevensLeverancierContainer .Content .Header{ color:#027abb; font-size:1.4em; font-weight:bold;}
#GegevensLeverancierContainer .Content .Titel{ font-weight:bold;}
#GegevensLeverancierContainer .Content .Label{ float:left;}
#GegevensLeverancierContainer .Content .Value{ margin:0 0 0 180px;}

.Naw{width:300px;padding:0 0 20px 0;}



/* Stroometiket */
.Stroometiket .Header{ height:auto; color:#000; font-size:1.2em; font-weight:bold; padding:30px 0 5px 0;}
.Stroometiket .Titel{ float:left; width:260px;}
.Stroometiket .Percentage{}
.Stroometiket .GroenGrijs{ float:left; width:100px; height:9px; float:left; margin:5px 5px 0px 0px;}
.Stroometiket .Groen{ float:left; height:9px; background:#9cc047;}
.Stroometiket .Grijs{ float:left; height:9px; background:#f1f1f1;}
.Stroometiket .Item{ padding:5px 0 0 0; width:100%; clear:both;}
.Stroometiket .Item .Label{ float:left;}
.Stroometiket .Item .Value{ margin:0 0 0 260px;}
.Stroometiket .Totaal{ float:left; width:365px; padding:5px 0 15px 0; font-weight:bold;}
.Stroometiket .TotaalPerc{ padding:5px 0 15px 0; font-weight:bold;}

/* Beoordelingen */

#Beoordeling{width:330px!important;height:275px;}
.BeoordelingLinks{ float:left; width:330px;bort}
.BeoordelingLinks .Naam{}
.BeoordelingLinks .Header{}
#LeverancierBeoordelingContainer{ float:left; width:635px; background:#027abb url(resultheader.gif) right top no-repeat; padding:15px 15px 0px 15px;}

#LeverancierBeoordelingContainer .ButtonRij .ButtonWitBlauwLeft{ float:right; height:35px; margin:0px 0px 0px 15px;}
#LeverancierBeoordelingContainer .LeverancierContainer{ float:left;}
#LeverancierBeoordelingContainer .LeverancierContainer .Leverancier{ float:left; width:615px; background:#FFF url(result_lev_bg.gif) left bottom repeat-x; margin:0px 0px 0px 0px; padding:10px 10px 10px 10px;}
#LeverancierBeoordelingContainer .LeverancierContainer .Leverancier .Naam{ float:left; width:100%!important;height:30px; font-size:1.4em; color:#027abb; font-weight:bold;}
#LeverancierBeoordelingContainer .LeverancierContainer .Leverancier #Titel{ clear:both; float:left; width:100%; padding:0px 0px 10px 0px;font-size:.9em; letter-spacing:1px;}
#LeverancierBeoordelingContainer .LeverancierContainer .Leverancier #Beoordeling{ float:left; width:615px; height:275px; background:url(vlak_blauw.gif) left top no-repeat; clear:both; margin:0px 0px 15px 0px; padding:0 0 0 0; color:#FFF;}
#LeverancierBeoordelingContainer .LeverancierContainer .Leverancier #Beoordeling #TotaalContainer{ float:left; width:300px; height:0px; padding:15px 15px 15px 15px;}
#LeverancierBeoordelingContainer .LeverancierContainer .Leverancier #Beoordeling #TotaalContainer .Header{ font-weight:bold; padding:0px 0px 15px 0px; font-size:1.4em;}
#LeverancierBeoordelingContainer .LeverancierContainer .Leverancier #Beoordeling #TotaalContainer hr{ clear:both; height:1px; border:1px #FFF solid;}
#LeverancierBeoordelingContainer .LeverancierContainer .Leverancier #Beoordeling #TotaalContainer .CijferContainer{ clear:both; padding:0px 0px 10px 0px;}
#LeverancierBeoordelingContainer .LeverancierContainer .Leverancier #Beoordeling #TotaalContainer .TotaalLabel{ float:left; width:140px; font-weight:bold; margin:2px 0px 10px 0px;}
#LeverancierBeoordelingContainer .LeverancierContainer .Leverancier #Beoordeling #TotaalContainer .TotaalBalk{ float:left; background:#FFF; height:9px; margin:7px 0px 10px 0px;}
#LeverancierBeoordelingContainer .LeverancierContainer .Leverancier #Beoordeling #TotaalContainer .TotaalCijfer{ float:left; font-weight:bold; padding:0px 0px 10px 15px; font-size:1.6em;}
#LeverancierBeoordelingContainer .LeverancierContainer .Leverancier #Beoordeling #TotaalContainer .Label{ float:left; width:140px; font-weight:normal; margin:2px 0px 0px 0px;}
#LeverancierBeoordelingContainer .LeverancierContainer .Leverancier #Beoordeling #TotaalContainer .Balk{ float:left; background:#FFF; height:9px; margin:7px 0px 0px 0px;}
#LeverancierBeoordelingContainer .LeverancierContainer .Leverancier #Beoordeling #TotaalContainer .Cijfer{ float:left; font-weight:bold; padding:2px 0px 0px 15px;}

#LeverancierBeoordelingContainer .LeverancierContainer .Leverancier #GeschiedenisContainer{ float:left; width:110px; height:240px; background:url(vlak_groen.gif) left top no-repeat; margin:0 0 0 10px; color:#FFF}
#LeverancierBeoordelingContainer .LeverancierContainer .Leverancier #GeschiedenisContainer .Cijfer{ clear:both; width:56px; height:44px; background:url(geschiedenis.png) left top no-repeat; text-align:center; padding:12px 0px 0px 0px; margin:18px 0px 0px 25px; color:#027abb; line-height:1.4em; font-size:.9em;}
#LeverancierBeoordelingContainer .LeverancierContainer .Leverancier #GeschiedenisContainer .Cijfer span{ font-size:1.6em; font-weight:bold;}

#LeverancierBeoordelingContainer .LeverancierContainer .BeoordelingContainer{ float:left; width:635px;background:#FFF url(result_lev_bg.gif) left bottom repeat-x; margin:5px 0px 0px 0px; }
#LeverancierBeoordelingContainer .LeverancierContainer .BeoordelingContainer .Tekst{ line-height:1.4em; padding:5px 5px 10px 5px; border-bottom:1px #027ABB solid;}
#LeverancierBeoordelingContainer .LeverancierContainer .BeoordelingContainer .Header{ font-weight:bold; padding:5px 5px 0px 5px;}
#LeverancierBeoordelingContainer .LeverancierContainer .BeoordelingContainer .Header span{ font-weight:normal; color:#027ABB;}
#LeverancierBeoordelingContainer .LeverancierContainer .BeoordelingContainer .Container{ float:left; border-right:1px #027ABB solid;}
#LeverancierBeoordelingContainer .LeverancierContainer .BeoordelingContainer .ContainerEerste{ float:left; border-right:1px #027ABB solid;}
#LeverancierBeoordelingContainer .LeverancierContainer .BeoordelingContainer .ContainerLaatste{ float:left;}
#LeverancierBeoordelingContainer .LeverancierContainer .BeoordelingContainer .LabelTotaal{ font-weight:bold; background:#95b744; color:#FFF; padding:0px 12px 0px 12px;}
#LeverancierBeoordelingContainer .LeverancierContainer .BeoordelingContainer .CijferTotaal{ font-weight:bold; background:#95b744; color:#FFF; padding:0px 12px 0px 12px; text-align:center;}
#LeverancierBeoordelingContainer .LeverancierContainer .BeoordelingContainer .Label{ font-size:.9em; padding:0px 10px 0px 10px;}
#LeverancierBeoordelingContainer .LeverancierContainer .BeoordelingContainer .Cijfer{ font-size:.9em; font-weight:bold; padding:0px 10px 0px 10px; text-align:center;}
#LeverancierBeoordelingContainer .LeverancierContainer .BeoordelingContainer .ReactieLeverancier{ clear:both; line-height:1.4em; border-top:#027abb 1px solid; padding:0px 5px 5px 5px;}
#LeverancierBeoordelingContainer .LeverancierContainer .BeoordelingContainer .ReactieLeverancier .Header{ font-weight:bold; color:#cc0000; padding:10px 0px 0px 10px;}
#LeverancierBeoordelingContainer .LeverancierContainer .BeoordelingContainer .ReactieLeverancier .Tekst{ line-height:1.4em; padding:10px 0 5px 10px; border:none;}

#LeverancierBeoordelingContainer .LeverancierContainer .Leverancier .ReactieLeverancier{ clear:both; line-height:1.4em; border-top:#027abb 1px solid; padding:0px 5px 5px 5px;}
#LeverancierBeoordelingContainer .LeverancierContainer .Leverancier .ReactieLeverancier .Header{ font-weight:bold; color:#cc0000; padding:10px 0px 0px 10px;}
#LeverancierBeoordelingContainer .LeverancierContainer .Leverancier .ReactieLeverancier .Tekst{ line-height:1.4em; padding:10px 0 5px 10px; border:none;}

#LeverancierBeoordelingContainer .LeverancierContainer .Leverancier .ReactieHeader{ clear:both;}
#LeverancierBeoordelingContainer .LeverancierContainer .Leverancier .ReactieText{ padding:20px 0 20px 160px;}
#LeverancierBeoordelingContainer .LeverancierContainer .Leverancier .ReactieButton{ padding:0 0 0 160px;}
#LeverancierBeoordelingContainer .LeverancierContainer .Leverancier .ReactieButton button{ background:url(button_blauw_center.gif) left top repeat-x; border:none; color:#fff; width:100px; height:22px; cursor:pointer; padding-bottom:5px;}
#LeverancierBeoordelingContainer .LeverancierContainer .Leverancier .ReactieBeoordeling{ clear:both; float:left; width:635px; margin:0 0 0 -10px; border-top:#027abb 1px solid; border-bottom:#027abb 1px solid;}

#LeverancierBeoordelingContainer .LeverancierContainer .Formulier{ float:left; width:615px; background:#FFF url(result_lev_bg.gif) left bottom repeat-x; margin:0px 0px 0px 0px; padding:10px 10px 10px 10px;}
#LeverancierBeoordelingContainer .LeverancierContainer .Formulier .Naam{ float:left; height:30px; font-size:1.4em; color:#027abb; font-weight:bold;}
#LeverancierBeoordelingContainer .LeverancierContainer .Formulier .Tekst{ clear:both;  line-height:1.4em;}

.LogoOmschrijving{ float:left; width:140px; color:#666; font-size:.9em; line-height:1.2em; padding:0 0 0 10px;}

/* Ervaringen */
#LeverancierErvaringenContainer{ float:left; width:635px; background:#027abb url(resultheader.gif) right top no-repeat; padding:15px 15px 0px 15px;}
#LeverancierErvaringenContainer .ButtonRij .ButtonWitBlauwLeft{ float:right; height:35px; margin:0px 0px 0px 15px;}

#LeverancierErvaringenContainer .LeverancierContainer{}
#LeverancierErvaringenContainer .LeverancierContainer .Leverancier{ float:left;  height:325px;width:615px; background:#FFF url(result_lev_bg.gif) left bottom repeat-x; margin:0px 0px 0px 0px; padding:10px 10px 10px 10px;}
#LeverancierErvaringenContainer .LeverancierContainer .Leverancier .Naam{ float:left;height:30px;font-size:1.4em; color:#027abb; font-weight:bold;}
#LeverancierErvaringenContainer .LeverancierContainer .Leverancier #Titel{ clear:both; float:left; width:100%; padding:0px 0px 10px 0px;}

#LeverancierErvaringenContainer .LeverancierContainer .ErvaringenContainer{ float:left; width:625px; background:#FFF url(result_lev_bg.gif) left bottom repeat-x; margin:10px 0px 0px 0px;  padding:0px 5px 5px 5px;}
#LeverancierErvaringenContainer .LeverancierContainer .ErvaringenContainer .Tekst{ line-height:1.4em;}
#LeverancierErvaringenContainer .LeverancierContainer .ErvaringenContainer .Header{ font-weight:bold; padding:5px 0px 0px 0px;}
#LeverancierErvaringenContainer .LeverancierContainer .ErvaringenContainer .Header span{ font-weight:normal; color:#027ABB;}
#LeverancierErvaringenContainer .LeverancierContainer .ErvaringenContainer .Reactie{ clear:both; line-height:1.4em; border:#000 1px solid; margin:5px 0px 0px 0px; padding:0px 5px 5px 5px;}
#LeverancierErvaringenContainer .LeverancierContainer .ErvaringenContainer .ReactieLeverancier{ clear:both; line-height:1.4em; border:#cc0000 1px solid; margin:5px 0px 0px 0px; padding:0px 5px 5px 5px;}
#LeverancierErvaringenContainer .LeverancierContainer .ErvaringenContainer .ReactieLeverancier .Header{ font-weight:bold; color:#cc0000; padding:5px 0px 0px 0px;}
.LeverancierContainer .ButtonBlauwRight.FloatLeft{width:625px;height:22px;margin:0 0 0 0;padding:5px;clear:both;background-color:#fff;}


.Naam{float:left;width:50%;}
/* Stroometiket */
#StroometiketContainer{ float:left; width:635px; background:#027abb url(resultheader.gif) right top no-repeat; padding:15px 15px 0px 15px;}
#StroometiketContainer .ButtonRij .ButtonWitBlauwLeft{ float:right; height:35px; margin:0px 0px 0px 15px;}

#StroometiketContainer .Content{ float:left;width:615px; background:#FFF url(result_lev_bg.gif) left bottom repeat-x; margin:0px 0px 0px 0px; padding:10px 10px 10px 10px;}
#StroometiketContainer .Content .Naam{ font-size:1.4em; color:#027abb; font-weight:bold; float:left; width:330px;}

#StroometiketContainer .Content .Header{ width:335px!important;clear:both; height:auto; color:#000; font-size:1.2em; font-weight:bold; padding:15px 0 5px 0;}
#StroometiketContainer .Content .Titel{ float:left; width:160px;}
#StroometiketContainer .Content .Percentage{}
#StroometiketContainer .Content .GroenGrijs{ float:left; width:100px; height:9px; float:left; margin:5px 5px 0px 0px;}
#StroometiketContainer .Content .Groen{ float:left; height:9px; background:#9cc047;}
#StroometiketContainer .Content .Grijs{ float:left; height:9px; background:#f1f1f1;}
#StroometiketContainer .Content .Item{ padding:5px 0 0 0; clear:both;}
#StroometiketContainer .Content .Item .Label{ float:left; width:260px;}
#StroometiketContainer .Content .Item .Value{ float:left;}
#StroometiketContainer .Content .Totaal{ float:left; width:265px; padding:5px 0 15px 0; font-weight:bold;}
#StroometiketContainer .Content .TotaalPerc{ padding:5px 0 15px 0; font-weight:bold;}
#StroometiketContainer .Content .subTitel,#StroometiketContainer .Content .omschrijving{}
/* ContractReminder */
.ContractReminderAanvraag{ float:left; width:665px; padding:0 0 30px 0;}
.ContractReminderAnnuleer{ float:left; width:645px; padding:10px 10px 10px 10px; background:#f1f1f1;}
.ContractReminderStatus{ float:left; width:665px; padding:30px 0 10px 0;}
.ContractReminderFormulier{}
.ContractReminderFormulier .Item{ padding:10px 0 0 0; width:100%; clear:both;}
.ContractReminderFormulier .Item .Label{ float:left; padding:2px 0 0 0; width:200px;}
.ContractReminderFormulier .Item .Value{}

/* Aanmelden */
#Aanmelden{ background:#027abb url(aanmelden_bg.gif) center top repeat-y;}
#Aanmelden #Content{font-size:.75em; width:805px; margin:0 auto; line-height:1.6em; padding:150px 25px 25px 25px; background:url(header.gif) left top no-repeat;}
#Aanmelden #Content a{ color:#000;}
#Aanmelden .Header{ clear:both; height:auto; color:#000; font-size:1.2em; font-weight:bold; padding:10px 0 5px 0;}
#Aanmelden .Button{ padding:5px 25px 20px 0; clear:both;}
#Aanmelden .Item{ padding:5px 0 0 0; width:100%; clear:both; float:left;}
#Aanmelden .Item .Label{ float:left;}
#Aanmelden .Item .Value{ margin:0 0 0 260px;}
#Aanmelden .Item .Value a{ color:#000; text-decoration:underline;}
#Aanmelden .Item .Titel{ font-weight:bold; float:left;}
#Aanmelden ul{ margin:0 0 0 25px;}

/* Paging */
#Paging{ width:635px; color:#fff;clear:both;margin-top:10px;}
#Paging #Vorige{ float:left; width:100px; text-align:left;}
#Paging #Vorige a{ color:#fff; text-decoration:underline;}
#Paging #Aantal{ float:left; width:435px; text-align:center;}
#Paging #Aantal a{ color:#fff; text-decoration:underline;}
#Paging #Volgende{ float:left; width:100px; text-align:right;}
#Paging #Volgende a{ color:#fff; text-decoration:underline;}