/* 28.10: links en weblinks zijn hernoemd naar: seealso_links en seealso_weblinks omdat de class al werd gebruikt */
/* 28.10: footer aangepast */

/* ALGEMEEN*/
* { margin:0; padding:0; }
body { font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; background-color:#fff; font-size:75%; color: #666;line-height:1.4em;}
img{ border:0; }
table { border:0;}
tr { vertical-align:top; }
a, a:link, a:visited, a:hover , a:active { color:#77b800; text-decoration: underline; font-weight: normal;} 
a:hover { color:#999; text-decoration: underline; }
.bs {color:#999; font-size:11px; font-style:italic;}
.verplicht {color:red;}
#verplichtKop {margin-bottom:20px;}
#content_pagina ul { margin-left:15px; }
#home{ background-color: #dddddd; overflow:hidden; padding-bottom:10px; }
#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; }

h2.paragraaf_titel {margin-bottom:5px;}

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

#logo{ width: 321px; height: 68px; overflow: hidden; float: left; margin-left:4px;} 
#logo img { padding-left: 12px; padding-top: 15px; }
#strook{ width: 647px; height: 80px; overflow: hidden; float: left; } 
#strook img { padding-left: 12px; padding-top: 15px; padding-right: 12px; } 
#navigation a {text-decoration: none; }
#navigation{ clear:left; width: 972px; height: 23px; border-top: 1px solid #4b5457; font-size: 13px; color: #00677A; }

#topnav{ background-color: #77b800; width: 972px; height: 22px; text-align: right; font-size: 12px;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:#4b5457; padding:0;text-decoration: none; font-weight: bold;} 

#search { float:right; margin-top: 2px;}
#search input.search{ height:12px; width:148px; border:1px solid #666; margin:0; padding:1px; background-color:#fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color: #4b5457; float:left;}
#search input.searchbtn{ height:18px; width:40px; background-color:#77b800; border: 1px solid #77b800; margin:0;padding:1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#4b5457; }

/* 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; }

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

/* lege blokken */
#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:#fff; height:146px; width:146px; overflow:hidden; float:left; border: 1px solid #C5CAC6; }
.blok_l .bloktekst { background-color:#fff; height:147px; width:307px; overflow:hidden; float:right; border-left: 1px solid #C5CAC6; border-top: 1px solid #C5CAC6;margin-top:0px;}
.blok_l .bloktekst_inner { margin: 0px 5px 5px 5px; font-size:11px; color:#77b800; }
.blok_l .bloktitle { display:block; font-size:24px; font-weight:normal; height:60px; overflow:hidden; margin-top:5px;}
.blok_l .bloktekst .blokbody { display:block; width:268px; padding-left:30px; height:60px; overflow:hidden; line-height:1.6em;}
.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: #77b800; 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; clear:left; }
.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: 24px; border-top: 1px solid #4b5457; margin: 0 auto; overflow: hidden; font-size: 9px; color: #4b5457; }
#footer a {text-decoration: none; color:#4b5457; }
#footer a:hover {text-decoration: underline; color:#4b5457;}
#footer #opdrachtgever {float:left;padding-top:4px; }
#footer #opdrachtgevertekst {padding-right:18px;}
#footer #footercenter {float:left; margin-left:10px;padding-top:4px;}
#footer #spanz { float:right;margin-right:4px;padding-top:4px;}

/*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 5px; padding-left: 1em; line-height:20px; }
#rij01 a, #rij01 a:link, #rij01 a:visited, #rij01 a:hover , #rij01 a:active { color:#77b800; text-decoration: none; font-weight:normal; line-height:10px; } /*zij navigatie*/
#rij01 a, #rij01 a.active:link, #rij01 a.active:visited, #rij01 a.active:hover , #rij01 a.active:active { font-weight:bold; } 
#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; }

h3.artikel_titel { color: #4b5457; font-size: 20px; margin-bottom:10px; font-weight:bold;  }
h4.paragraaf_titel{ color: #77b800; font-size: 14px; font-weight: bold;}
.lead { font-weight:bold; }
.paragraaf_tekst, .lead { display:block; margin-bottom:15px;  }
.paragraaf_tekst a, .paragraaf_tekst a:link, .paragraaf_tekst a:visited, .paragraaf_tekst a:hover , .paragraaf_tekst a:active { color:#000; } 
p, .paragraph {margin-bottom:15px;}
.hb_paragraaf_afb { margin-bottom:6px;}
.blok_pagina { float: left; margin-top: 28px; margin-left: 12px; }
#rij03{ width: 320px; height: auto; overflow: hidden; padding-bottom: 12px; margin-left: 0; float: left; display:inline; }

/* blokken */

/* ARTIKEL */
.pageblok{ width: 148px; height: 148px; margin-left:12px; margin-bottom: 12px; float: left; overflow: hidden; display:inline;}

/* HOMEPAGE */
.blok_s { background-color:#fff; color:#77b800; float: left; margin-top: 12px; margin-left: 12px; height:148px; width:148px; overflow:hidden; }

/* STIJLEN (zowel bij artikel als homepage) */
.bloktekst { margin:5px; font-size:11px;}
.bloktekst .bloktitle { display:block; font-size:14px; font-weight:bold; width:138px; overflow:hidden; text-decoration:none; }
.bloktekst .blokbody { text-decoration:none; }
.bloktekst .blokbody a{ text-decoration:underline; }
.bloktekst .weblink_description { font-size:12px; }
#content_pagina .bloktekst .blokbody ul{ list-style-type: none; padding: 0; margin: 0; }
.bloktekst .blokbody li{ background-image: url(/clientdata/icons/linkintern.gif); padding:0; font-weight:bold; background-repeat: no-repeat; background-position: 0 7px; padding-left: 1em; line-height:20px; }
.bloktekst .blokbody li a, .bloktekst .blokbody li a:link, .bloktekst .blokbody li a:visited, .bloktekst .blokbody li a:hover, .bloktekst .blokbody li a:active { text-decoration:none; font-weight:bold; }
.bloktekst a, .bloktekst a:link, .bloktekst a:visited, .bloktekst a:hover, .bloktekst a:active { color:#77b800;}
a.bloklink, a.bloklink:link, a.bloklink:visited, a.bloklink:hover , a.bloklink:active { text-decoration: none; display:block; width:100%; height:148px; color:#77b800; cursor:pointer;} 

/* KLEUREN (zowel bij artikel als homepage) */
.greenongrey {background-color:#4b5457; height:148px; width:148px; overflow:hidden; color:#77b800;text-align:left;}
.greenongrey a, .greenongrey a:link, .greenongrey a:visited, .greenongrey a:hover , .greenongrey a:active { color:#77b800;} 
a.greenongrey, a.greenongrey:link, a.greenongrey:visited, a.greenongrey:hover , a.greenongrey :active { color:#77b800;text-decoration:underline;} 

.whiteongreen {background-color:#77b800; height:148px; width:148px; overflow:hidden; color:#fff;text-align:left;}
.whiteongreen a, .whiteongreen a:link, .whiteongreen a:visited, .whiteongreen a:hover , .whiteongreen a:active { color:#fff;} 
a.whiteongreen, a.whiteongreen:link, a.whiteongreen:visited, a.whiteongreen:hover , a.whiteongreen :active { color:#fff;text-decoration:underline;} 

.greyonwhite {background-color:#fff; height:148px; width:148px; overflow:hidden; color:#4B5457;text-align:left;}
.greyonwhite a, .greyonwhite a:link, .greyonwhite a:visited, .greyonwhite a:hover , .greyonwhite a:active { color:#4B5457;} 
a.greyonwhite, a.greyonwhite:link, a.greyonwhite:visited, a.greyonwhite:hover , a.greyonwhite :active { color:#4B5457;text-decoration:underline;} 

.greyongreen {background-color:#77b800; height:148px; width:148px; overflow:hidden; color:#4B5457;text-align:left;}
.greyongreen a, .greyongreen a:link, .greyongreen a:visited, .greyongreen a:hover , .greyongreen a:active { color:#4B5457;} 
a.greyongreen, a.greyongreen:link, a.greyongreen:visited, a.greyongreen:hover , a.greyongreen :active { color:#4B5457;text-decoration:underline;} 

.whiteongrey {background-color:#4B5457; height:148px; width:148px; overflow:hidden; color:#fff;text-align:left;}
.whiteongrey a, .whiteongrey a:link, .whiteongrey a:visited, .whiteongrey a:hover , .whiteongrey a:active { color:#fff;} 
a.whiteongrey, a.whiteongrey:link, a.whiteongrey:visited, a.whiteongrey:hover , a.whiteongrey :active { color:#fff;text-decoration:underline;} 

.greenonwhite {background-color:#fff; height:148px; width:148px; overflow:hidden; color:#77b800;text-align:left;}
.greenonwhite a, .greenonwhite a:link, .greenonwhite a:visited, .greenonwhite a:hover , .greenonwhite a:active { color:#77b800;} 
a.greenonwhite, a.greenonwhite:link, a.greenonwhite:visited, a.greenonwhite:hover , a.greenonwhite :active { color:#77b800;text-decoration:underline;} 

/* zie ook : NB: deze class wordt al gebruikt in het linksoverzicht */
#externelinks, #internelinks { background-color:#4b5457; color:#fff;}
#externelinks h4, #internelinks h4{ font-size:14px;}
#externelinks, #internelinks { width:138px; height:138px; padding:5px;}
#externelinks ul, #internelinks ul { margin:5px; list-style-type:none; font-size:11px; }
div#internelinks li { display:block; background-repeat: no-repeat; background-position: 0 4px; }
div#internelinks li a { display:block; padding-left: 13px;  display:inline;}
div#externelinks li { background-repeat: no-repeat; background-position: 0 4px; }
div#externelinks li a { display:block; padding-left: 13px;  display:inline;}
div#internelinks li { background-image: url(/clientdata/icons/linkintern.gif); padding:0;}
div#externelinks li { background-image: url(/clientdata/icons/weblink.gif); padding:0;}
#externelinks a, #externelinks a:link, #externelinks a:visited, #externelinks a:hover , #externelinks 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; }

/*contactform*/
#verplichtKop {margin:20px 0px 10px 0px;}
.veld_long {width:320px;}

/*linkpagina*/
#function_4 .index li a { background-image: url(/clientdata/icons/arrow_sitemap_black.gif); background-repeat: no-repeat; background-position: 0 4px; padding-left: 10px; font-weight:normal; }
#function_4 .description {display:block;line-height:1.45em; }
#function_4 h5 {color:#77b800;}
#function_4 a, #function_4 a:link, #function_4 a:visited, #function_4 a:hover , #function_4 a:active { color: #000; text-decoration: underline; } 

/* sitemap */
#function_5 ul {margin:0;}
#function_5 ul.sitemaplvl_1{ list-style-type: none; }
#function_5 ul.sitemaplvl_1 li{ font-weight:bold; margin:5px 0px 10px 0px; }
#function_5 ul.sitemaplvl_1 a{ font-weight:bold; color:#77b800;} 
#function_5 ul.sitemaplvl_2{ margin-left:22px; list-style-type: none; }
#function_5 ul.sitemaplvl_2 li{ margin-top:0px; font-weight:bold; }
#function_5 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; }
#function_5 ul.sitemaplvl_2 a:hover{ background-image: url(/clientdata/icons/arrow_sitemap_grey.gif); color:#999; }
#function_5 ul.sitemaplvl_3{ margin:5px 0px 0px 30px; list-style-type: none; }
 
 /* agenda */
#function_2  .searchform .description { padding:2px 10px 2px 2px; }
#function_2  .searchform .search{ padding:2px;}
.searchform { margin-bottom:20px; }

/*nieuws*/
#function_14 .news .items {clear:left;margin-bottom:20px;}
#function_14 .news .text {line-height:1.45em;}
#function_14 a, #function_14 a:link, #function_14 a:visited, #function_14 a:hover , #function_14 a:active { color:#000; } 

/* foto wedstrijd */
#function_35 .overview{margin-top:20px;}
#function_35 .overview h1{color: #4b5457; font-size: 20px;margin-bottom:20px;}
#function_35 .overviewcatname{font-size:40px;}
#function_35 .inzending{margin-bottom:20px; width:100%; clear:both; }
#function_35 .inzending_image{ float:left; margin-right:10px; }
#function_35 .addedinvalid{color:red;font-weight:bold;}
#function_35 .lblInput {float:left;width:25%;}
#function_35 .btnVerstuur {margin: 20px;text-align:right;}
#function_35 .schermtekst {margin-bottom:20px;}
#function_35 .schermtekstnadruk {font-weight:bold;}
#function_35 hr {height:1px;color:#4b5457;}
#function_35 #votebox {margin-top:20px;}
#function_35  .stemradiobuttons {padding-left:40px;}

.itemdate{color:#999;}
.agendalead{ font-weight:bold; }
.items{ margin:0; padding:0;}
.items .item{ margin:0; padding:0; }
.items .item .item{ margin:0; padding:0;}
.agendaimage{ float:left; margin-right:8px; }
 /* agenda */
 
/* nieuws */
.items .image { float:left; margin-right:8px; }
.link_article {margin-bottom:10px; }
.link_article a{ font-weight:bold; }