/* algemene opmaak  (op elke pagina aanwezig) */
* { margin:0; padding:0; }
body {font-family:Verdana, Arial, Helvetica, sans-serif;  font-size: 11px; color: #000; background-color:#999999; background-image: url(/clientdata/icons/bg.gif); background-repeat: repeat-x; }
img{border:0;}
table { border:0;}
tr { vertical-align:top;}
a, a:link, a:visited, a:hover , a:active { color:#000; padding:0; text-decoration: underline;  } 
a:hover { color:#666; text-decoration: underline; }
.required {color:red;}
.bs, .bsrechts, .bs a, .bs a:link, .bs a:visited, .bs a:hover , .bs a:active  {font-size: 10px;color:#999;}

/* koppen algemeen */
h2 { font-family: Arial; font-weight:bold; font-size:22px; }
h3 { font-family: Arial; font-weight:bold; font-size:18px; color:#EC1D23;}
h3.artikel_titel { margin-bottom:15px; margin-top:2px; }
h4, .hb_paragraaf_titel  { font-family: Arial; font-weight:bold; font-size:14px; color:#000;}

/* homepage */
a.bloklink-home:link, a.bloklink-home:visited, a.bloklink-home:hover , a.bloklink-home:active  {text-decoration:none;}

/* algemene opmaak */
#container { margin:0 auto; width:904px; overflow:hidden; overflow:hidden; background-image: url(/clientdata/icons/bg-pattern.gif); background-position:top left; background-repeat: repeat-y; }
#main { background-color:white; width:650px; float:left; overflow:hidden;}
#sidebar { width:254px; float:right; overflow:hidden; }
#navigation { background-color:white; width:100%; height:105px; overflow:hidden;}
#headerimage { background-color:#eeeeee; width:100%; height:100px; overflow:hidden;}
#articlewrapper { background-color:white; width:100%; overflow:hidden;   }
#sidebar2 { float:left; width:200px; background-color:white; padding:4px 0; overflow:hidden; }
#subnavigation { float:left; width:196px; margin-left:4px; overflow:hidden;}
.article { float:right; width:450px; background-color:white;}
.article-inner { width:434px; margin:0 8px; overflow:hidden;}
#sidebar-inner { width:250px; margin-left:4px; margin-top:4px; float:right;}
.veranderenhart { display:block;}
.sideblok { background-color:white; padding:4px; margin-bottom:4px; }

/* homeblokken */
#sidebar2 .blok h2 { font-size:12px; }
.blok { background-color:#EC1D23; width:196px; margin-left:4px; margin-bottom:4px; overflow:hidden; font-size:12px; }
.blok a:hover{ color:#000;}
.blok h2{ color:#fff; font-size:14px; text-transform:none; font-weight:normal; margin-bottom:8px;}
.blok h2 a, .blok h2 a:link, .blok h2 a:visited, .blok h2 a:hover , .blok h2 a:active { color:#fff; text-decoration: none;  } 
.blok h2 a:hover { text-decoration: underline;  } 

.blok-inner { width:184px; margin:6px 6px 8px 6px; }

/*  navigation */
a.logo { display:block; overflow:hidden; width:150px;}
#navigation img.logo { }
#navigation ul.nav{ display:block; float:left; clear:left;line-height:1.0em; padding: 0 0 0 208px;}
#navigation ul.nav li{ display:inline; }
#navigation ul.nav li a.active{ font-weight:bold; }


/*  header */
#topnav { float:right; margin:5px 10px 3px 0; line-height:1.0em; }
#tekstgrootte {display:inline;}
#tekstgrootte li { display:inline; }
#tekstgrootte li a { color:#999; text-decoration:none; }
#tekst-kleiner   { font-size:0.7em; }
#tekst-standaard { font-size:0.8em; }
#tekst-groter    { font-size:0.9em; }

#contact { float: left; margin: 0 5px 0 0; font-size: 0.8em; color:#999; text-decoration:none;}
#contact:hover {text-decoration:underline;}
#toppipe {color:#999;font-size:0.8em; }
#quicksearchwebsite { float:right; margin-right:10px; width:120px; overflow:hidden; height:16px; border-top:1px solid #666; border-left:1px solid #666; border-bottom:1px solid #ccc; border-right:1px solid #ccc; background-color:#fff; clear:right; }
#quicksearchwebsite .searchbtn { float:right; display:block; overflow:hidden; width:17px; margin-top:0; }
#criteria { padding-top:2px; float:left; font-size: 0.9em; color:#999; height:12px; width:100px; border:none; } /*  */

/*  subnavigation  */
div#subnavigation { padding:6px 4px 8px 4px; background-color:#ddd; }
ul#subnavigation-inner li a, ul#subnavigation-inner li a:link, ul#subnavigation-inner li a:visited, ul#subnavigation-inner li a:hover , ul#subnavigation-inner li a:active { list-style-type: none; text-decoration:none; color:#000;}
ul#subnavigation-inner li a:hover { text-decoration:underline; }
ul#subnavigation-inner li a.active, ul#subnavigation-inner li a.active:link, ul#subnavigation-inner li a.active:visited, ul#subnavigation-inner li a.active:hover , ul#subnavigation-inner li a.active:active { font-weight:bold;}
ul#subnavigation-inner li { display:block; margin-top:5px; list-style-type: none; background-image: url(/clientdata/icons/subnavlink.gif); background-repeat: no-repeat; background-position: 0 5px; }
ul#subnavigation-inner li a{ font-size:11px; display:block; margin-left: 8px; }
ul#subnavigation-inner ul li { display:block; margin-left: 10px; }

/* artikel */
#inhoudsopgave li{ display:inline; font-weight:bold; }
#inhoudsopgave { margin-bottom:12px; }
#inhoudsopgave a, #inhoudsopgave a:link, #inhoudsopgave a:visited, #inhoudsopgave a:hover , #inhoudsopgave a:active { color:#000; padding:0; text-decoration: underline;  } 
#inhoudsopgave a:hover { text-decoration: underline; color:#666; }
div.lead { font-weight:bold; margin-bottom:20px; }
.article h3 { margin-bottom:20px; }
.paragraaf { margin-bottom:20px; }
.function { float:left; width:421px; }
.hb_paragraaf_afb { margin-bottom:10px; }

/* footer */
#footer { text-align:left; clear:both; font-size: 9px; text-decoration: none; width:100%; color: #ababab; }
#footer-inner { margin: 4px; border-top: 1px solid #ababab; padding:2px; width:637px; }
#footer a, #footer a:link, #footer a:visited, #footer a:hover , #footer a:active { font-size:10px; text-decoration: none; color: #ababab; } 
#footer .spanz { float:right;}

/* --- zie ook intern  ---*/
ul.internelink { }
ul.internelink ul {}
ul.internelink li { display:block; background-image: url(../icons/internelink.gif); background-repeat: no-repeat; background-position: 0 4px; list-style-type: none; position: relative; width: 100%; }
ul.internelink li a{ display:block; margin-left: 12px; }
 
/* --- zie ook extern --- */
ul.externelink { }
ul.externelink ul {}
ul.externelink li { display:block; background-image: url(../icons/weblink.gif); background-repeat: no-repeat; background-position: 0 4px; list-style-type: none; position: relative; width: 100%; }
ul.externelink li a{ display:block; margin-left: 12px; }



/* nieuws */
#function_14 .items{ border:none; width:100%; clear:both; margin-bottom:10px; overflow:hidden; padding:0; }
#function_14 .image, #function_22 .image { float:left; width:140px; margin-right:5px; overflow:hidden;}
#function_14 span.bs, #function_22 span.bs  { display:block; margin:5px; }
#function_14 h4.hb_paragraaf_titel {display:block; }
#function_14 h4.hb_paragraaf_titel span.bs { display:inline; font-size:14px; }
#function_14 span.text {display:block; }
#function_14 div.link_article  a,  #function_14 div.link_article a:link, #function_14 div.link_article a:visited, #function_14 div.link_article a:hover , #function_14 div.link_article a:active { text-decoration:underline;  } 

/* downloads */
.function  { margin-bottom:25px;}
#function_11 .paragraaf_titel { margin-top:15px;}
#function_11 .downloadItem { margin-top:5px;}
