/* ALGEMEEN*/
* { margin:0; padding:0; }
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #3B3E3B; background-color:#fff; line-height:1.5em;}
img{ border:0; }
table { border:0;}
tr { vertical-align:top; }
a, a:link, a:visited, a:hover , a:active { color:#000; text-decoration: underline; font-weight: normal;} 
a:hover { color:#999; text-decoration: underline; }
.bs {color:#999; font-size:11px; font-style:italic;}

#content_pagina ul { margin-left:15px; }
#home{ background-color: #DDE7DE; overflow:hidden; padding-bottom:10px; }
#navigation a {text-decoration: none; }
#inhoudsopgave{ margin-bottom:24px; }
ul#hb_artikel_inhoudsopgave{ padding:0; margin:0;}
ul#hb_artikel_inhoudsopgave li{ display:inline; padding:0; margin:0; }

#container{width: 972px;margin: 0 auto;overflow: hidden;}

/*opmaak whois*/
.hb_whois_naam {font-weight:bold;}
.hb_whois_functie {}
.hb_whois_omschrijving {}
.hb_whois_mailadress {color:green;}
.hb_whois_telnr{}

#logo{ width: 325px; height: 80px; overflow: hidden; float: left; } 
#strook{ width: 647px; height: 80px; overflow: hidden; float: left; } 
#strook img { padding-left: 12px; padding-top: 15px; padding-right: 12px; } 
#navigation{ clear:left; width: 972px; height: 23px; border-top: 1px solid #9BA19D; font-size: 13px; color: #00677A; } 
#topnav{ background-color: #00798C; width: 972px; height: 22px; text-align: right; font-size: 12px; color: #B4D7DE; font-weight: bold; word-spacing: 18px; overflow: hidden; }
#topnav ul{ padding:0; margin:0; height:10px; float:right; margin-top:3px; }
#topnav li { margin:0;list-style-type: none; float:left;padding-right: 12px;}
#topnav a, #topnav a:link, #topnav a:visited, #topnav a:hover , #topnav a:active { color:#B4D7DE; padding:0;text-decoration: none; font-weight: bold;} 

#search { float:right; }
#search input.search{ height:12px; font-size:10px; background-color:#3F9AA8; color:#fff; font-family:Verdana, Helvetica; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #fff; border-bottom: 1px solid #fff; margin-top:3px; display:block; float:left; }
.submit input { color: #000; background: #ffa20f; float:left; border: none; margin:0; padding:0; }

/* function 4 */
ul#links{ float:left; clear:both; overflow:hidden; width:100%; }
#links li { list-style-type: none; float:left; margin-left:5px; font-weight:bold;}
#links li a{ font-weight:normal; }

#logo img { padding-left: 12px; padding-top: 15px; }

/* HOMEPAGE */
#content{ background-color: #DDE7DE; width: 100%; height: auto; overflow: hidden; padding-bottom: 12px; }

/* SMALL */
.blok_s { display:inline; background-color:#EEF3EF; float: left; margin-top: 12px; margin-left: 12px; height:148px; width:148px; overflow:hidden; }

a.bloklink, a.bloklink:link, a.bloklink:visited, a.bloklink:hover , a.bloklink:active { text-decoration: none; display:block; width:100%; height:148px; color:#fff; cursor:pointer;} 
a.bloklink_trans, a.bloklink_trans:link, a.bloklink_trans:visited, a.bloklink_trans:hover , a.bloklink_trans:active { text-decoration: none; display:block; width:100%; color:#fff; cursor:pointer;} 
.blok_s .bloktekst { margin:5px; font-size:11px; width:138px; overflow:hidden; }
.blok_s .bloktekst .bloktitle { display:block; font-size:16px; font-weight:normal; }
.blok_s .bloktekst .blokbody { }
.blok_s .bloktekst .blokbody ul{ list-style-type: none; padding: 0; margin: 0; }
.blok_s .bloktekst .blokbody li{ font-weight:bold; background-repeat: no-repeat; background-position: 0 7px; padding-left: 1em; line-height:20px; }
.blok_s .bloktekst .blokbody li a, .blok_s .bloktekst .blokbody li a:link, .blok_s .bloktekst .blokbody li a:visited, .blok_s .bloktekst .blokbody li a:hover, .blok_s .bloktekst .blokbody li a:active { text-decoration:none; font-weight:bold; }
.blok_s .greenonwhite .bloktekst .blokbody li{ background-image: url(/clientdata/icons/bullet_greenonwhite.gif); color:#07515D; }
.blok_s .whiteongreen .bloktekst .blokbody li{ background-image: url(/clientdata/icons/bullet_whiteongreen.gif); color:#CCFFFF; }
.blok_s .whiteonred .bloktekst .blokbody li{ background-image: url(/clientdata/icons/bullet_whiteonred.gif); color:#FFCCCC; }

.blok_s .bloktekst .weblink_description { font-size:12px; }
.blok_s .greenonwhite{ background-color:#EFF3EF; height:148px; width:148px; overflow:hidden; }
.blok_s .greenonwhite, .blok_s .greenonwhite a, .blok_s .greenonwhite a:link, .blok_s .greenonwhite a:visited, .blok_s .greenonwhite a:hover , .blok_s .greenonwhite a:active { color:#07515D; }
.blok_s .whiteongreen{ background-color:#00798C; height:148px; width:148px; overflow:hidden; }
.blok_s .whiteongreen, .blok_s .whiteongreen a, .blok_s .whiteongreen a:link, .blok_s .whiteongreen a:visited, .blok_s .whiteongreen a:hover , .blok_s .whiteongreen a:active { color:#CCFFFF; }
.blok_s .whiteonred{ background-color:#B50E28; height:148px; width:148px; overflow:hidden; }
.blok_s .whiteonred, .blok_s .whiteonred a, .blok_s .whiteonred a:link, .blok_s .whiteonred a:visited, .blok_s .whiteonred a:hover , .blok_s .whiteonred a:active { color:#FFCCCC; }
.blok_s .redonwhite{ background-color:#EFE4E5; height:148px; width:148px; overflow:hidden; }
.blok_s .redonwhite, .blok_s .redonwhite a, .blok_s .redonwhite a:link, .blok_s .redonwhite a:visited, .blok_s .redonwhite a:hover , .blok_s .redonwhite a:active {  color:#660000; }
.blok_s .transgreen{ background-color:transparent; height:148px; width:148px; overflow:hidden; }
.blok_s .transgreen_inner{ background-image:url(/clientdata/icons/trans_green.png); overflow:hidden; padding-bottom:3px;}
.blok_s .whiteongreen, .whiteonred{ color:#fff; }
.blok_s .greenonlightgreen { color:#0A505C; }
.blok_s .greenonlightgreen a.bloklink, .greenonlightgreen a.bloklink:link, .greenonlightgreen a.bloklink:visited, .greenonlightgreen a.bloklink:hover , .greenonlightgreen a.bloklink:active { color:#0A505C; } 
.blok_s .transgreen { color:#fff; }
.blok_s .transgreen a.bloklink, .transgreen a.bloklink:link, .transgreen a.bloklink:visited, .transgreen a.bloklink:hover , .transgreen a.bloklink:active { color:#fff;} 

#blok3{ background-image:url(/clientdata/icons/blokbg1.gif);}
#blok4{ background-image:url(/clientdata/icons/blokbg2.gif);}
#blok9{ background-image:url(/clientdata/icons/blokbg1.gif);}
#blok10{ background-image:url(/clientdata/icons/blokbg2.gif);}
#blok13{ background-image:url(/clientdata/icons/blokbg1.gif);}
#blok14{ background-image:url(/clientdata/icons/blokbg2.gif);}

/* LARGE */
.blok_l { display:inline; float: left; margin-top: 12px; margin-left: 12px; height:148px; width:468px; overflow:hidden; }
.blok_l .blokimage { background-color:#EEF3EF; height:146px; width:146px; overflow:hidden; float:left; border: 1px solid #C5CAC6; }
* html .blok_l .blokimage { width:148px; height:148px; }
.blok_l .bloktekst { background-color:#EEF3EF; height:147px; width:307px; overflow:hidden; float:right; border-left: 1px solid #C5CAC6; border-top: 1px solid #C5CAC6;}
* html .blok_l .bloktekst { width:308px; height:148px; }
.blok_l .bloktekst_inner { margin:5px; font-size:11px; color:#07515D; }
.blok_l .bloktitle { display:block; font-size:24px; font-weight:normal; height:80px; overflow:hidden; }
.blok_l .bloktekst .blokbody { display:block; width:268px; padding-left:30px; height:60px; overflow:hidden; line-height:1.6em;}
* html .blok_l .bloktekst .blokbody { width:298px; w\idth:268px; }
.blok_l .bloktekst a, .blok_l .bloktekst a:link, .blok_l .bloktekst a:visited, .blok_l .bloktekst a:hover , .blok_l .bloktekst a:active { color:#07515D; text-decoration:underline;} 

/* algemene functie opmaak */
.function div.items {}
.function div.item { /*border-top: 2px solid #000;*/ margin:0 0 15px 0; padding:5px 0; }
.function div.item div.item { border:none; margin:10px 0 0 0; padding:0;}
.function div.item div.item h5{ color: #00798C; }

/* footer */
#footer{ width: 948px; height: 44px; margin: 0 auto; padding-top:2px;border-top: 1px solid #C5CAC6; color:#9CA29C; font-size: 0.8em;overflow: hidden;  }
#footer #opdrachtgever {float:left; margin-right:8px;}
#footer #spanzfooter { float:right;text-align:right; }
#footer #footernav { float:left; }
#footer a, #footer a:link, #footer  a:visited, #footer  a:active { color:#999; padding:0; font-weight: normal;text-decoration: none; }
#footer  a:hover {text-decoration:underline;} 
#footer .lastchangedate { width: 140px; padding-right:10px; }
/* einde footer */

/*PAGINA*/
#content_pagina, #content{}
#content_pagina{ overflow:hidden; }
#balk{ width: 100%; height: 22px; overflow: hidden; } 
#rij01{ width: 150px; height: auto; overflow: hidden; padding-bottom: 12px; float: left; display:inline;}
#rij01 ul{ list-style-type: none; padding: 0; margin: 0; }
#rij01 li{ background-image: url(/clientdata/icons/bullet2.gif); background-repeat: no-repeat; background-position: 0 6px; padding-left: 1em; }
#rij01 a, #rij01 a:link, #rij01 a:visited, #rij01 a:hover , #rij01 a:active { color:#00798C; text-decoration: none; font-weight:normal; line-height:10px; line-height: 1.6em;} 
#rij01 a, #rij01 a.active:link, #rij01 a.active:visited, #rij01 a.active:hover , #rij01 a.active:active { font-weight:bold; line-height: 1.6em;} 
#rij01 a:hover { text-decoration: underline; } 
#rij01 p { color: #00798C; }
#rij02{ width: 454px; height: auto; overflow: hidden; padding-bottom: 12px; float: left; margin-right: 12px; display:inline; }
h2.paragraaf_titel{ color:#00798C; font-size:16px; font-weight:bold;margin-top:8px;}

h4.paragraaf_titel{ color:#00798C; font-size:16px; font-weight:bold;margin-top:8px;}
h3.artikel_titel { color: #3B3E3B; font-size: 20px; margin-top:-4px; margin-bottom:10px; font-weight:bold; line-height: 1.2em; }

.lead { font-weight:bold; }
.paragraaf_tekst, .lead { display:block; margin-bottom:15px; line-height:1.45em; }
.hb_paragraaf_afb { margin-bottom:6px;}
.blok_pagina { float:left; margin: 12px 0 0 12px;}
#rij03{ width: 320px; height: auto; overflow: hidden; padding-bottom: 12px; margin-left: 0; float: left; display:inline; }
p, .paragraph {margin-bottom:15px;}

/*artikel blok */
.pageblok{ background-color:#EEF3EF; width: 148px; height: 148px; margin-left: 12px; margin-bottom: 12px; float: left; overflow: hidden; display:inline;}
.pageblok .bloktekst { margin:5px; font-size:11px;}
.pageblok .bloktekst .bloktitle { display:block; font-size:18px; font-weight:normal; width:138px; overflow:hidden; }
.bloktekst .bloktitle { display:block; font-size:18px; font-weight:normal; width:138px; overflow:hidden; }
.pageblok .bloktekst .blokbody { }
.pageblok .bloktekst .weblink_description { font-size:12px; }
.pageblok .greenonwhite{ background-color:#fff; height:148px; width:148px; overflow:hidden;}
.pageblok .whiteongreen{ background-color:#00798C; height:148px; width:148px; overflow:hidden; }
.pageblok .greenonlightgreen{ background-color:#EEF3EF; height:148px; width:148px; overflow:hidden; }
.pageblok .whiteonred{ background-color:#B50E28; height:148px; width:148px; overflow:hidden; }
.pageblok .redonwhite{ background-color:#fff; height:148px; width:148px; overflow:hidden; }
.pageblok .transgreen{ background-color:transparent; height:148px; width:148px; overflow:hidden; }
.pageblok .transgreen_inner{ background-image:url(/clientdata/icons/trans_green.png); overflow:hidden; padding-bottom:3px;}
.pageblok .whiteongreen, .whiteonred{ color:#fff; }
.pageblok .greenonlightgreen { color:#0A505C; }
.pageblok .greenonlightgreen a.bloklink, .greenonlightgreen a.bloklink:link, .greenonlightgreen a.bloklink:visited, .greenonlightgreen a.bloklink:hover , .greenonlightgreen a.bloklink:active { color:#0A505C; } 
.pageblok .transgreen { color:#fff; }
.pageblok .transgreen a.bloklink, .transgreen a.bloklink:link, .transgreen a.bloklink:visited, .transgreen a.bloklink:hover , .transgreen a.bloklink:active { color:#fff;} 

/* zie ook : NB: deze class wordt al gebruikt in het linksoverzicht */
#externelinks, #internelinks, #bijlagen { background-color:#00798C; color:#fff;}
#externelinks h4, #internelinks h4, #bijlagen h4{ font-size:14px;}
#externelinks, #internelinks , #bijlagen { width:138px; height:138px; padding:5px;}
* html #externelinks, * html #internelinks , * html #bijlagen { width:148px; height:138px; }

#externelinks ul, #internelinks ul , #bijlagen ul { margin:5px; list-style-type:none; font-size:11px; }
div#internelinks li, div#externelinks li { background-repeat: no-repeat; background-position: 0 4px; padding:0; }
div#internelinks li a, div#externelinks li a  { display:block; padding-left: 13px; display:block; }
div#internelinks li { background-image: url(/clientdata/icons/linkintern.gif);}
div#externelinks li { background-image: url(/clientdata/icons/weblink.gif);}

div#bijlagen li { display:block; background-repeat: no-repeat; background-position: 0 0; }
div#bijlagen li a { display:block; padding-left: 18px;  display:block;}
div#bijlagen li { background-image: url(/clientdata/icons/linkintern.gif); padding:0;}

#externelinks a, #externelinks a:link, #externelinks a:visited, #externelinks a:hover , #externelinks a:active ,
#bijlagen a, #bijlagen a:link, #bijlagen a:visited, #bijlagen a:hover , #bijlagen a:active ,
#internelinks a, #internelinks a:link, #internelinks a:visited, #internelinks a:hover , #internelinks a:active { color:#fff;} 

#disclaimer_pagina{ width: 948px; height: 28px; border-top: 1px solid #C5CAC6; margin: 0 auto; text-align: right; float: left; overflow: hidden; }
#disclaimer_pagina p{ color: #C6CAC7; font-size: 10px; }

/* sitemap */
ul.sitemaplvl_1{ list-style-type: none; }
ul.sitemaplvl_1 li{ margin-top:0px; font-weight:bold; margin-top:5px; }
ul.sitemaplvl_1 a{ font-weight:bold; color:#00798C;} 
ul.sitemaplvl_2{ margin-left:22px; list-style-type: none; }
ul.sitemaplvl_2 li{ margin-top:0px; font-weight:bold; }
ul.sitemaplvl_2 a{  color:#000; background-image: url(/clientdata/icons/arrow_sitemap_black.gif); background-repeat: no-repeat; background-position: 0 4px; padding-left: 10px; font-weight:normal; }
ul.sitemaplvl_2 a:hover{ background-image: url(/clientdata/icons/arrow_sitemap_grey.gif); color:#999; }
ul.sitemaplvl_3{ margin-left:32px; list-style-type: none; }
 /* einde sitemap */
 
 /* agenda */
#function_2  .searchform .description { padding:2px 10px 2px 2px;}
#function_2  .searchform .search{ padding:2px;}
.searchform { margin-bottom:20px; }
#function_2 .description {line-height:20px;}
#function_2 .agendadatum {margin-bottom:2px;}
#function_2 .agendaitem {clear:left; margin-top:8px;}
#function_2 .agendaleesmeer {text-align:right; padding-right:40px;}
 .itemdate{color:#999;}
.agendalead{ font-weight:bold; line-height:20px;}
.items{ margin:0; padding:0;}
.items .item{ margin:0; padding:0; }
.items .item .item{ margin:0; padding:0;}
.agendaimage{ float:left; margin:4px 8px 4px 0px; }
 /* agenda */
 
/* nieuws */
.items .image { float:left; margin-right:8px; }
.link_article {margin-bottom:10px; }
.link_article a{ font-weight:bold; }