/* Spanz CSS Document last rev: 02.03.2009 */
* { margin:0; padding:0;}

/*** HTML elements */
/*******************/
body { font-family:Arial, Helvetica, sans-serif; font-size:87.5%; line-height:1.5em; color:#000000; text-align:center; }
img	{ border:0; }
table { border:0; }
fieldset { border:0; }

a, a:link, a:visited, a:hover , a:active { text-decoration:underline; color:#000000; }
a:hover { color:#ff0000; text-decoration: underline; }

h1 { font-size:3.0em; line-height:1.0em;  font-weight:normal; margin-bottom:15px; margin-top:10px; }
h2 { font-size:1.5em; color:#806700; font-weight:normal; }

/* OPTIE 1 VOORKEUR = 3 */
/* h1, h2, h3 { font-family:Trebuchet MS,"Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; } */
/* OPTIE 2 VOORKEUR = 2*/
/* h1, h2, h3 { font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; }
h2 { font-weight:bold; } */
/* OPTIE 3 VOORKEUR=4 */
/* h1, h2, h3 { font-family:Arial,sans-serif; } */
/* OPTIE 4 VOORKEUR=1*/
/* h1, h2, h3 { font-family:Verdana,sans-serif; } */


/* h1, h2, h3 { font-family:Verdana,sans-serif; }  */


h1, h2, h3 { font-family:Helvetica, Arial; }
h2 { /* font-weight:bold; */ /* margin-bottom:4px; */ } 

h3 { font-size:1.4em; font-weight:normal; color:#F0B52A; }
h4 { font-size:1.2em; }
h5 { font-size:1.0em; }
h6 { font-size:0.9em; }
h2.artikel_subtitel { font-weight:normal; font-size:1.8em; line-height:1.0em; }

.content p, .content .paragraph, .content .paragraaf { margin-bottom:25px; }
.images {margin-bottom:20px;margin-top:10px;}

/*** FORM */
select, input, textarea { border: 1px solid #999; font-size:0.9em; font-family: Arial, sans-serif;}
input[type=radio], input[type=checkbox], input[type=image], input[type=submit]{ background-color: #fff; border: none; }
input:focus, select:focus , textarea:focus { border: 1px solid #999; }

tr, td { vertical-align:top; }
.bs { font-size:0.8em; line-height:1.15em; color:#999;  }
.lead { font-weight:bold; margin-bottom:20px; font-size:1.2em; }
.hb_paragraaf_tekst ul, .lead ul, .item ul, .paragraph ul {margin:5px 20px;}

/* BREADCRUMB */
ul.breadcrumbs {list-style:none; font-size:0.7em; width:100%; overflow:hidden; text-align:left; color:#888; line-height:1.0em; margin-top:5px; clear:both; }
ul.breadcrumbs li { margin-left:1px; padding-right:2px; display:inline; list-style:none; }
ul.breadcrumbs li.first { margin-left:0; }
ul.breadcrumbs li.first a { margin-left:0;}
ul.breadcrumbs li.lastcrumb { padding-right:0; }
ul.breadcrumbs li a,  ul.breadcrumbs li a:link, ul.breadcrumbs li a:visited, ul.breadcrumbs li a:hover , ul.breadcrumbs li a:active { color:#888; text-decoration:none;}
ul.breadcrumbs li a:hover { text-decoration:underline;}
ul.breadcrumbs li span {}
ul.breadcrumbs li.lastcrumb span {}

/* INHOUDSOPGAVE */
ul#hb_artikel_inhoudsopgave { margin:10px 0 15px 0; font-size:1.0em; }
ul#hb_artikel_inhoudsopgave li { display:inline; }

/*** GENERIC elements */
/**********************/
.required, .verplicht {color:red;}

/*** STRUCTURAL elements */
/*************************/
#container {/*  background-repeat:repeat-y; background-position:top center; */ /* background-image:url(/clientdata/icons/background.png); */ margin:0 auto; text-align:left;  overflow:hidden; width:730px;}
#container-inner { /* width:100%; height:100%; margin: 0 auto; text-align:left; overflow:hidden; clear:both; width: 940px; min-width: 940px; */ }
.pagewrapper { padding:0 0 0 40px; }
.article {overflow:hidden; clear:both;}

#header { width:100%; overflow:hidden; margin-top:20px;}
#topnav { float:right; margin: 18px 10px 0 0; line-height:0.9em; }
#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:1.0em; }
#contact { float: left; margin: 0 5px 0 0; font-size: 0.7em; 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: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.7em; color:#999; height:12px; width:100px; border:none; }  

#logo {margin-top:3px; display:block; float:left; }

#navigation{ width:512px; height:80px; clear:both; position: relative; float:left; }
#navigation ul { list-style: none; padding-left:5px; }
#nav { background-color:#F0B42A; /* overflow:hidden; */ position: absolute; top:5px; left:0; width:507px; }
#navigation li a{ text-decoration: none; font-weight: bold; font-size: 0.8em; color:#000; clear:both; display:block;}
#navigation li li a{ font-weight: normal;}
#navigation li { float: left; position: relative; margin-right:15px;}
#navigation li li{ width:100%; margin-right:0px; padding-left:5px; display:block; }
#navigation li ul { width:180px; display: none; position: absolute; background:#F0B42A; top: 14px; left: 0; margin-top:0; margin-left:-3px; padding:0; padding-bottom:5px; }
/* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
#navigation li>ul { top: auto; left: auto; }
/* lists nested under hovered list items */
#navigation li:hover ul, #navigation li.over ul { display: block; background-color:#F0B42A; }
#navigation li.over  { display: block; }
#navigation a:hover{ text-decoration:underline; }

/*  ARTICLE - SIDEBAR */
.sidebar2 { float:right; width:210px; margin-top:8px; overflow:hidden; }
.sidebar2-inner { clear:both; background-color:#f5f5f5; font-size:0.9em; overflow:hidden; }
.module2 { margin:10px; } 

a.module, a.module:link, a.module:visited, a.module:hover , a.module:active { text-decoration:none; color:#fff; background-image:url(/clientdata/icons/arrow_white.gif); background-repeat:no-repeat; background-position: 197px 62px; }

.externelinks h4, .internelinks h4{ font-weight:normal; }
.externelinks ul, .internelinks ul { margin:1px; list-style-type:none; }
div.internelinks li, div.externelinks li  { display:block; background-repeat: no-repeat; background-position: 0 8px; }
div.internelinks li a, div.externelinks li a  {  display:block; padding-left: 13px; }
div.internelinks li { background-image: url(/clientdata/icons/link_intern.gif); padding:0;}
div.externelinks li { background-image: url(/clientdata/icons/link_extern.gif); padding:0;}
ul.bijlagen li { padding-left:20px; background-repeat: no-repeat; background-position: 2px 0; list-style-type:none; }

#chapter-title, .blok-title {	font-weight:normal; }
.module-inner {	position: absolute;	padding-bottom: 7px; bottom:0; }
.module { text-align:left; color:#FFFFFF; font-size:1.6em; line-height:1.0em; height:80px; overflow:hidden; padding-left:5px; padding-right:5px; width:200px; float:right; position: relative; }
.sidebar2 .module { margin-bottom:10px; }

.yellow { background-color:#F0B52A; }
.black { background-color:#333; }
.brown { background-color:#806700; }
.red { background-color:#ED1C2A; }

a.yellow:hover { background-color:#D99B08; }
a.black:hover { background-color:#000000; }
a.brown:hover { background-color:#544400; }
a.red:hover { background-color:#DA0513; }

.content {width:512px; float:left;} 


/* FUNCTION/ITEMS: algemeen */
#function_legenda ul{ list-style-type:none;}
#function_legenda ul li{ display:inline; }
.function { margin-bottom:10px; padding-bottom:10px; }
.items {}
.date, .datum {font-size:0.8em; line-height:1.0em; color:#999; }
.item .image{ margin-left:10px; margin-top:5px; }
.clearboth {clear:both;}
.item .toright {float:right;}
.item h2 { margin:0; }
.item .text { padding-bottom:10px;}
.item .paragraph { margin:0;}
.item .readmore { text-align:right; font-size:0.9em; margin-bottom:5px;}
/* wordt dit nog ergens anders gebruikt ????
.item { border-bottom:1px solid #E5E5E5; margin-bottom:15px; overflow:hidden; }
*/

.item .item { border:none; }
.item { border-bottom: 1px solid #ccc; padding-top:10px; }
.item_text { padding-top:20px;}
.last-item { border-bottom:none; }
.latest-news { margin-top:15px; margin-bottom:15px; overflow:hidden; }
.homepage .paragraph{ border-bottom: 1px solid #ccc; padding-bottom:15px; margin-bottom:5px; }

.complete_overzicht { /* float:right; */ margin-bottom:10px; font-weight:bold; }

/* veelgestelde vragen / faq */
#function_13 {margin-top:20px;}
#function_13 #faq_legenda {margin-bottom:16px;}
#function_13 .item { margin:0;}
#function_13 .question .body { display:block; padding:5px; }
#function_13  .question  .body:hover {  background-color:#f5f5f5; }
#function_13 .paragraaf_titel {margin-top:12px; margin-bottom:12px; }
#function_13 h5 .paragraaf_subtitel { display:inline; padding-right:8px;}
#function_13 .question { font-weight:normal; margin-bottom:5px;}
#function_13 .answer {margin:0 0 8px 15px; font-style:italic; }

/* footer */
#footer { padding:0 0 8px 0; color:#999; height:100%;font-size: 0.7em; clear:both; overflow: hidden; border-top:1px solid #ccc;}
#footer #opdrachtgever {float:left; width:180px; margin-left:0; overflow:hidden; } 
#footer #spanzfooter { float:right;text-align:right; }
#footer #footernav { float:left; }
#footer a, #footer a:link, #footer  a:visited, #footer  a:hover , #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 */


/* verity zoekpagina */
#frmverity {margin:20px;padding:0;}
#function_12 input[type=text] {height:20px;margin:0;padding:0;vertical-align:top;}
#function_12 .showcriteria {color:#ccc;font-weight:bold;font-style:italic;}
#veritySuggestionWord {font-weight:bold;}
#zoektips {margin-top: 20px;}
#zoektips ol {margin:0 20px;padding-left:20px;}
#function_12 .showcount {font-weight:bold;}
#searchrespagerbottom {margin-top:20px;}
#function_12 .item {margin:10px 0;}
.gevonden {background-color:#ccc;color:#fff;}