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

/* site settings */
img{ border:0px;}
a{ color:#f98105;}
a:hover{ color:#000;}
html, body{ height:100%;}
hr{}

/* FCK Styles */
.kop{ font-size:1.4em; font-weight:bold; color:#f98105;}
.tussenkop{ font-size:1.2em; font-weight:bold; color:#000;}
.inleiding{ font-weight:bold; color:#000; font-size:1em;}
.univers{ font-family: Courier New, Courier, Monaco, monospace; color:#000; line-height:1.4em;}

/* Tekst stylen */
h1,h2,h3,h4,h5,h6{ font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
div, td {font-family:Arial, Helvetica, sans-serif;}
p{}

/* Default */
input{ font-size:12px; font-family:Arial, Helvetica, sans-serif; vertical-align:top;}
textarea{ font-size:12px; font-family:Arial, Helvetica, sans-serif; vertical-align:top;}
.hide {display:none;}

/* Layout */
.Home{ background:#fff; font-size:.75em;}
.Standaard{ background:#fff; font-size:.75em;}
.Byo{ background:#fff; font-size:.75em;}
.Senso{ background:#fff; font-size:.75em;}
.Dreamlite{ background:#fff; font-size:.75em;}

.Dreamlitebanner{ position:absolute; margin:36px 0 0 653px;}

.MainContainer{ width:980px; margin:0 auto;}
.Home .Header{ clear:both; width:980px; height:355px; background:url(header_home.jpg) left top no-repeat;}
.Home .Header .Logo{ float:none; width:183px; height:126px; padding:20px 0 0 0;}
.Home .Header .Payoff{ width:540px; height:42px; padding:137px 0 0 72px;}
.Home .Header .PayoffEng{ height:42px; padding:132px 0 0 110px;}
.Footer{ width:980px; height:235px;}
.Footer .DreamliteImg{ float:left; width:230px; height:235px; margin:0 20px 0 0;}
.Footer .ByoImg{ float:left; width:230px; height:235px; margin:0 20px 0 0;}
.Footer .SensoImg{ float:left; width:230px; height:235px; margin:0 20px 0 0;}
.Footer .UnicaImg{ float:right; width:230px; height:235px;}
.NieuwsZoekContainer{ height:36px; margin:20px 0 20px 0; border:1px #c5c5c5 solid;}

.Standaard .Header{ clear:both; width:980px; height:180px; background:url(header_standaard.jpg) left top no-repeat;}
.Byo .Header{ clear:both; width:980px; height:180px; background:url(header_byo.jpg) left top no-repeat;}
.Byo .HeaderEng{ clear:both; width:980px; height:180px; background:url(header_byo_eng.jpg) left top no-repeat;}
.Senso .Header{ clear:both; width:980px; height:180px; background:url(header_senso.jpg) left top no-repeat;}
.Dreamlite .Header{ clear:both; width:980px; height:180px; background:url(header_dreamlite.jpg) left top no-repeat;}
.Dreamlite .HeaderEng{ clear:both; width:980px; height:180px; background:url(header_dreamlite_eng.jpg) left top no-repeat;}

.Logo{ float:left; width:203px; height:18px; padding:2px 20px 0 0;}
.Titel{ float:left; width:94px; height:20px; padding:2px 0 0 0;}
.TitelContainer{ height:36px; width:763px; margin:0 0 10px 0; border:1px #c5c5c5 solid;}
.TitelContainer h1{ float:left; color:#f98105; font-size:1.3em; margin:0; padding:9px 0 0 9px;}
.TitelContainer .Print{ float:right; margin:0 10px 0 0; border-right:1px #c5c5c5 solid; border-left:1px #c5c5c5 solid;}
.TitelContainer .Print a{ display:block; padding:3px 10px 0 10px; height:34px; color:#666; text-decoration:none;}
.TitelContainer .Print a img{ padding:8px 5px 0 0; float:left;}
.TitelContainer .Print a span{ padding:8px 0 0 0; float:left; cursor:pointer;}
.Byo .TitelContainer h1{ float:left; color:#0095ad; font-size:1.3em; margin:0; padding:9px 0 0 9px;}
.Senso .TitelContainer h1{ float:left; color:#00417f; font-size:1.3em; margin:0; padding:9px 0 0 9px;}
.Dreamlite .TitelContainer h1{ float:left; color:#00a1b1; font-size:1.3em; margin:0; padding:9px 0 0 9px;}
.ContentContainer{ float:left; width:743px; margin:0 0 10px 0; padding:10px; border:1px #c5c5c5 solid; line-height:1.4em;}
.ContentContainer li{ margin-left:30px;}
.ContentContainer img{ margin:20px;}

.Links{ float:left; width:205px; padding:10px 10px 0 0;}
.Rechts{ float:right; width:765px; padding:10px 0 0 0;}

.Welkom_website{ float:left;}
.Welkom_eyelite{ float:right;}

/* Zoeken */
.ZoekContainer{ float:right; padding:8px 0 0 0;}
.ZoekContainer .Label{ float:left;width:auto; color:#f98105; font-size:1.2em; padding:2px 10px 0 0;}
.ZoekContainer .input{ float:left; padding:0 5px 0 0;}
.ZoekContainer .input input{  color:#666;}
.ZoekContainer .Button{ float:left; padding:2px 9px 0 0;}

/* Lijst top */
.NieuwsContainer{ float:left; padding:8px 0 0 9px;}
.NieuwsContainer .Label{ float:none;color:#333; font-size:1.2em; padding:2px 10px 0 0;}
.NieuwsContainer .Item{float:left;width:auto;color:#f98105; padding:0 2px 0 0;}
.NieuwsContainer .Item a{ color:#f98105;}
.NieuwsContainer #volgende{ float:left;width:auto;color:#f98105;padding:0 0 0 10px; }
.NieuwsContainer #volgende a{ color:#666; text-decoration:none;}

/* Lijst links */
.Home .LijstLinksContainer{ float:left; width:208px; height:213px; margin:0 20px 0 0; padding:10px; border:1px #c5c5c5 solid;}
.Home .LijstLinksContainer h1{ color:#333; font-size:1.2em; margin:0;}
.Home .LijstLinksContainer li{ list-style:none; margin:0;}
.Home .LijstLinksContainer li a{ display:block; color:#f98105; margin:5px 0 0 5px;}

.LijstLinksContainer li{ list-style:none; width:205px; margin:-3px 0 10px 0;}
.LijstLinksContainer li img{ width:203px; border:1px #c5c5c5 solid;}

/* Lijst rechts */
.LijstRechtsContainer{ float:right; width:208px; height:213px;  padding:10px; border:1px #c5c5c5 solid;}
.LijstRechtsContainer h2{ color:#333; font-size:1.2em; margin:0;}
.LijstRechtsContainer li{ list-style:none;}
.LijstRechtsContainer li a{ display:block; color:#f98105; margin:5px 0 0 5px;}

/* contactform */
#cms_form .Header {background:none;width:100%;height:auto;}
.Label{float:left;width:200px;clear:left;}
.Value {clear:right!important;}
.Value input[type=radio] {float:none;}
.Value label {float:none;}  
#cms_form div{padding-top:10px;}
#recaptcha_area {width:100%!important;}
#recaptcha_area table{margin:-70px 0 0 200px!important;float:left;}	
#recaptcha_area div{float:left;padding:0;margin:0;}
#cms_form .Button{clear:both;border:0px solid #333;width:80px;padding:10px 0 0 0;background:url(button.gif) right 10px no-repeat;margin:0 0 0 200px;}							
#cms_form .Button a{text-decoration:none;display:block;}


/* Login (Header) */
.LoginContainer{ width:980px; height:29px; padding:11px 0 0 0; text-align:right;}
.LoginContainer .Login{ float:right}
.LoginContainer .Login .Label{ float:left; color:#999; padding:2px 10px 0 0;}
.LoginContainer .Login .Naam{ float:left; padding:0 5px 0 0;}
.LoginContainer .Login .Naam2{ float:left; color:#666; padding:2px 10px 0 0;}
.LoginContainer .Login .Wachtwoord{ float:left; padding:0 10px 0 0;}
.LoginContainer .Login input{  color:#666;}
.LoginContainer .Login .Button{ float:left; padding:2px 10px 0 0;}
.LoginContainer .Login .Button a{ color:#f98105;}

.TalenEng{ width:120px; height:39px; float:right; background:url(topmenu_bg.gif) left top repeat-x; list-style:none;}
.TalenEng .Woord{ float:left; padding:12px 8px 12px 35px;}
.TalenEng .Woord a{ color:#000; text-decoration:none;}
.TalenEng .Vlag{ float:left; padding:12px 0px 12px 0px;}

.TalenNl{ width:120px; height:39px; float:right; background:url(topmenu_bg.gif) left top repeat-x; list-style:none;}
.TalenNl .Woord{ float:left; padding:12px 8px 12px 13px;}
.TalenNl .Woord a{ color:#000; text-decoration:none;}
.TalenNl .Vlag{ float:left; padding:12px 0px 12px 0px;}

/* TopMenu */
.TopMenu{ width:860px; height:39px; float:left; background:url(topmenu_bg.gif) left top repeat-x; list-style:none;}
.TopMenuItem{ float:left; position:relative; display:block; list-style:none;}
.TopMenuItem a{ color:#000; text-decoration:none; padding:12px 20px 12px 20px; display:block; border-left:1px #d5d5d5 solid;}
.TopMenuItem a:hover{ display:block;}

.TopMenu .Selected a{ color:#000; display:block; background:url(topmenu_selected_bg.gif) left top repeat-x; color:#fff;}

.TopSubMenu{ display:none; width:200px; height:auto; padding:0 0 0 0;  position:absolute; background:url(topsubmenu_bg.png) left top repeat;}
.TopSubMenu li{ width:100%; list-style:none;}
.TopSubMenu li a{ color:#000!important; padding:10px 10px 10px 20px!important; border:none!important; background:none!important;}
.TopSubMenu li a:hover{ color:#f98105!important; border-bottom:none; background:#fff!important;;}

.TopMenu li>ul { top:39px; left:0px;}
.TopMenu li:hover ul, .TopMenu li.over ul { display:block;}

/* LeftMenu */
.LeftMenu{ clear:both; width:185px; margin:0 0 13px 0; padding:10px 10px 5px 10px; background:#f98105;}
.Byo .LeftMenu{ width:185px; margin:0 0 13px 0; padding:10px 10px 5px 10px; background:#0095ad;}
.Senso .LeftMenu{ width:185px; margin:0 0 13px 0; padding:10px 10px 5px 10px; background:#00417f;}
.Dreamlite .LeftMenu{ width:185px; margin:0 0 13px 0; padding:10px 10px 5px 10px; background:#00a1b1;}
.LeftMenu li h2{ color:#333; font-size:1.3em; color:#fff; margin:0; padding:0 0 5px 0;}
.LeftMenu li{ list-style:none;}
.LeftMenu li a{ display:block; color:#fff; text-decoration:none; padding:5px 0 5px 5px;}
.LeftMenu li a:hover{ color:#000;}
.LeftMenu .Selected a{ color:#000;}
.Senso .LeftMenu .Selected a{ color:#999;}

/* BottomMenu */
.BottomMenu{ margin:10px 0 10px 10px;}
.BottomMenu li{ list-style:none; float:left; padding:0 20px 20px 0;}
.BottomMenu li a{ display:block; color:#999; text-decoration:none;}
.BottomMenu li a:hover{ color:#666;}

/* Zoeken Resultatenlijst */
.zok_naam_resultatenpagina{ padding:5px 10px 0 0;}
.zok_textbox_resultatenpagina{ padding:3px 0 3px 0;}
.zok_button_resultatenpagina{ padding:0 0 0 10px;}
.zok_button_resultatenpagina input{ border:none; background:none; cursor:pointer; background:url(button.gif) left top no-repeat; padding:0 0 0 15px; color:#fff;}

.zoekresultaat_overzicht_samenvatting_kop{ font-weight:bold; padding:0 0 10px 0;}
.zoekresultaat_overzicht_samenvatting_item{ padding:0 0 10px 10px; width:120px;}
.zoekresultaat_overzicht_samenvatting_item_totaal{ padding:0 0 10px 10px;}
.zoekresultaat_overzicht_totaal{ padding:0 0 10px 10px; font-weight:bold;}

.zoekresultaat_overzicht_kop{ font-weight:bold; padding:10px 0 0 0;}
.rij_item_opsommingteken{ color:#999; padding:10px 10px 0 10px; width:10px;}
.rij_item_opsommingteken li{ margin-left:10px;}
.rij_item_content{ color:#999; padding:10px 0 0 0;}
.rij_item_content a{ color:#999; text-decoration:none;}
.rij_item_nieuws_content{ color:#000; padding:10px 0 0 0;}
.rij_item_nieuws_content a{ color:#000; text-decoration:none;}
.ZoekResLijstLaatste{ color:#f98105!important; text-decoration:underline!important;}
.ZoekResLijstLaatste:hover{ color:#000!important;}
.zoekresultaat_overzicht_samenvatting{ color:#999!important;}

.nws_rij_item_opsommingteken{ color:#999; padding:10px 10px 0 10px; width:10px;}
.nws_rij_item_opsommingteken li{ margin-left:10px;}
.nws_rij_item_content{ color:#000; padding:10px 0 0 0;}
.nws_rij_item_content a{ color:#000; text-decoration:none;}
.nws_zoekresultaat_overzicht_samenvatting{ color:#999!important;}
.nws_radio_label{ width:40px;}
.paging_table{ width:447px; padding:20px 0 0 0;}
.paging_vorige{ width:33%; text-align:left;}
.paging_overzicht{ width:34%; text-align:center;}
.paging_volgende{ width:33%; text-align:right;}

.website_button a{ float:right; font-size:.9em; color:#999;}
.nws_button{ color:#000; background:none; border:none; cursor:pointer;}

.formulier_button{ font-weight:bold;}

/* Sitemap */
.sm_kop{ font-weight:bold; padding:0 0 10px 0;}
.sm_item{ padding:0 0 5px 0;}

/*LOCATOR*/
#Locator{margin-top:10px;margin-bottom:10px;}

#Locator #LocatorContainer{ float:left; background:#fefefe; padding:0px 9px 9px 9px; width:725px;}
#Locator #LocatorContainer p{ margin:0px 0px 10px 0px; font-weight:bold;}
#Locator #LocatorContainer #Postcode{ float:left; padding:5px 5px 5px 10px;}
#Locator #LocatorContainer #Straal{ float:left; padding:5px 0px 0px 0px;}
#Locator #LocatorContainer #Straal #LocatorStraalDropdownlist{ padding:1px 0px 0px 0px;}
#Locator #LocatorContainer #Of{ float:left; padding:29px 10px 0px 5px; font-weight:bold;}
#Locator #LocatorContainer #Plaats{ float:left; padding:5px 15px 0px 5px;}
#Locator #LocatorContainer #Provincie{display:none; float:left;  padding:5px 15px 0px 0px;}
#Locator #LocatorContainer #Land{float:left;  padding:5px 15px 0px 0px;}
#Locator #LocatorContainer .LocatorButton{border:#c5c5c5 1px solid;padding: 29px 15px 10px 10px;}
#Locator #LocatorContainer .LocatorButton input{ border:none; background:none; cursor:pointer; background:url(button.gif) left top no-repeat;width:65px; color:#000;}
#Locator #LocatorContainer .LocatorCategorieDropwnList{ display: none; float:left; padding:0px 20px 0px 0px;}

#Locator #LocatorContainer img { padding:0; margin:0;}

#Locator #LocatorContainer .LocatorLabel{ height:23px;}
#Locator #LocatorContainer #LocatorPostcodeField input{ width:60px;}

#Locator #LocatorOverzicht{ float:right;width:110px; margin-top:11px;border-top:1px solid #c5c5c5;border-bottom:1px solid #c5c5c5;padding:5px;}
#Locator #LocatorOverzicht #LocatorAantalResultaten{ padding:0px 0px 10px 0px; font-weight:bold;}
#Locator #LocatorOverzicht .LocatorOverzichtItem{ padding:0px 0px 5px 0px;}
#Locator #LocatorOverzicht .LocatorOverzichtItem .LocatorOverzichtNaamLocatie{ padding:0px;}
#Locator #LocatorOverzicht .LocatorOverzichtItem .LocatorOverzichtNaamLocatie a{ color:#f98105;}
#Locator #LocatorOverzicht .LocatorOverzichtItem .LocatorOverzichtAdres{ padding:1px;font-size:.85em;}

#LocatorNaamLocatieLabel, #LocatorOmschrijvingLabel, #LocatorAdresLabel, #LocatorWWWAdresLabel, #LocatorEmailLabel, #LocatorTelefoonLabel,.LocatorCategorieenLabel{ float:left; clear:left;width:120px; font-weight:bold;}
#LocatorNaamLocatie, #LocatorAdres, #LocatorWWWAdres, #LocatorEmail, #LocatorTelefoon, .LocatorCategorieen{margin-left:120px;}
#LocatorMapCanvas{ float:left; width:595px; height:375px; margin:10px 0px 10px 0px; border:#7e695e 1px solid;}

#LocatorAdresGegevens{ border-top:1px solid #aeafb0;float:left; padding:10px;}
#LocatorAdresGegevens div {padding-bottom:10px;}
#LocatorAfbeelding{ float:right;}
#LocatorAdresAfbeelding{ float:left; width:100%;}
#LocatorOmschrijving{float:left; margin:0px 0px 0px 0px;width:600px;}
#LocatorTerug{ float:left;text-align:right; padding:0px 0px 10px 0px; font-weight:bold;}