
/* 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:16px; font-weight:bold; color:#000;}
.tussenkop{ font-size:16px; font-weight:bold; color:#000;}
.inleiding{ font-weight:bold; font-size:12px; color:#000;}
.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:12px;}
.Standaard{ background:#fff; font-size:12px;}
.Byo{ background:#fff; font-size:12px;}
.Senso{ background:#fff; font-size:12px;}

.MainContainer{ width:980px; margin:0 auto;}
.Home .Header{ 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;}
.Footer{ width:980px; height:235px;}
.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;}
.NieuwsZoekContainer{ height:36px; margin:20px 0 20px 0; border:1px #c5c5c5 solid;}

.Standaard .Header{ display:none; width:980px; height:180px; background:url(header_standaard.jpg) left top no-repeat;}
.Byo .Header{ display:none; width:980px; height:180px; background:url(header_byo.jpg) left top no-repeat;}
.Senso .Header{ display:none; width:980px; height:180px; background:url(header_senso.jpg) left top no-repeat;}

.Logo{ float:left; width:203px; height:18px; padding:2px 0 0 0;}
.TitelContainer{ height:36px; width:100%; margin:30px 0 10px 0;}
.TitelContainer h1{ float:left; color:#000; font-size:1.5em; margin:0; padding:9px 0 0 0;}
.TitelContainer .Print{ display:none; 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:#000; font-size:1.5em; margin:0; padding:9px 0 0 9px;}
.Senso .TitelContainer h1{ float:left; color:#000; font-size:1.5em; margin:0; padding:9px 0 0 9px;}
.ContentContainer{ float:left; width:600px; margin:10px 0 10px 0; line-height:1.4em;}
.ContentContainer li{ margin-left:30px;}

.Links{ display:none; float:left; width:205px; padding:10px 10px 0 0;}
.Rechts{ width:100%; padding:10px 0 0 0;}

/* Zoeken */
.ZoekContainer{ display:none; float:right; padding:8px 0 0 0;}
.ZoekContainer .Label{ float:left; 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:left; color:#333; font-size:1.2em; padding:2px 10px 0 0;}
.NieuwsContainer .Item{ float:left; color:#f98105; padding:2px 10px 0 0;}
.NieuwsContainer .Item a{ color:#f98105;}
.NieuwsContainer #volgende{ float:left; color:#f98105; padding:2px 10px 0 0px;}
.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;}

/* Login (Header) */
.LoginContainer{ width:980px; height:29px; padding:11px 0 0 0; text-align:right;}
.LoginContainer .Login{ display:none; 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;}

/* TopMenu */
.TopMenu{ display:none; width:980px; height:39px; background:url(topmenu_bg.gif) left top repeat-x;}
.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;}

.Home .TopSubMenu{ display:none; width:200px; min-height:344px; height:auto; padding:5px 0 10px 0;  position:absolute; background:url(topsubmenu_bg.png) left top repeat;}
.TopSubMenu{ display:none; width:200px; min-height:169px; height:auto; padding:5px 0 10px 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:5px 10px 0 20px!important; border:none!important; background:none!important;}
.TopSubMenu li a:hover{ color:#f98105!important; border-bottom:none;}

.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;}
.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{ display:none; 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;}


