/* Spanz CSS Document last rev: 02.03.2009 */
* { margin:0; padding:0;}

/*** HTML elements */
/*******************/
/*body { font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; font-size:87.5%; line-height:1.5em; color: #666;	}*/
body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:87.5%; line-height:1.5em; color: #003366;}
img	{ border:0; }
table { border:0; }
fieldset { border:0; }

a, a:link, a:visited, a:hover , a:active {  color:#AB2825; text-decoration:none; }
a:hover { color:#003366; text-decoration: underline; }
h1 { font-size: 4.85em; line-height:1.0em;  font-family:'trebuchet MS',Verdana,helvetica,sans-serif; font-weight:normal; color:#000; margin-top:5px; }
h1.artikel_titel { font-size: 2.2em; color:#003366; margin-top:0; margin-bottom:12px; }
h2 { font-size: 1.0em; color:#333; font-weight: bold; }
h4 { font-size: 1.2em;  color:#003366; font-weight: normal; }
h3 { font-size:0.8em; color:#aaa; text-transform:uppercase; }

/*** FORM */
select, input, textarea { background-color: #f8f8f8; border: 1px solid #999; border-style: solid; font-size:0.9em; font-family:Verdana, Arial, Helvetica, 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 { background-color: #f8f8f8; border: 1px solid #003366; }

tr, td { vertical-align:top; }
.bs { font-size:0.8em; line-height:1.15em; color:#999;  }
.pagenotfound {width:100%; clear:both; overflow:hidden;} 
.paragraaf ul , .blok-body ul{ margin:6px 0 6px 24px;  }

/*** GENERIC elements */
/**********************/
.required, .verplicht {color:red;}
.enlargeicon { float:right; margin-top:2px; }

/*** STRUCTURAL elements */
/*************************/
#container { margin: 0 auto; overflow:hidden;  clear:both; width: 960px; min-width: 960px; }
.home { margin-bottom:10px; overflow:hidden; }
.home-inner { float:right; overflow:hidden; }
.article { background-color:transparent; background-image:url(/clientdata/icons/article_bg.gif); overflow:hidden;  background-repeat: repeat-y; }
.article-inner { margin:0 0 10px 0 ; background-color:transparent; background-image:url(/clientdata/icons/articleinner_bg.gif); overflow:hidden;  background-repeat: repeat-y; }

/* subheader (contains date & breadcrumb) */
.subheader {overflow:hidden; height:18px; margin-bottom:10px; }

/* BREADCRUMB */
ul.breadcrumbs {list-style:none; font-size:0.8em; width:482px; overflow:hidden; float:left; text-align:left; color:#999; margin-bottom:12px; }
ul.breadcrumbs li { margin-left:4px; padding-right:10px; display:inline; list-style:none; background:transparent url(/clientdata/icons/pijl_intern.gif) right 5px no-repeat;}
ul.breadcrumbs li.first { margin-left:0; }
ul.breadcrumbs li.first a { margin-left:0; color:red;}
ul.breadcrumbs li.lastcrumb { padding-right:0; background-image:none;}
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:#999; text-decoration:none;}
ul.breadcrumbs li a:hover { text-decoration:underline;}
ul.breadcrumbs li span {}
ul.breadcrumbs li.lastcrumb span {}

/*GENERAL: 3 column layout */
.pagewrapper { width:100%; overflow:hidden; clear:both; }
.sidebar1 { float:left; width:223px; margin-right:21px; margin-top:10px; overflow:hidden; } 
.content { float:left; width:460px; overflow:hidden; } 
.homepage .content { margin-top:10px; } 
.sidebar2 { float:right; width:225px; margin-right:10px; margin-top:10px; overflow:hidden; font-size:0.9em; }

/*  HEADER */
#header_wrap {}

/*  HEADER topnav */
#topinteraction { text-align:right; padding-right:8px;font-size:0.8em; }
#imagestrip {height:104px; text-align:center;}
#quicksearchwebsite { margin-bottom:16px;}
#quicksearchwebsite input.search { height:16px; width:200px; margin:0; padding-bottom:1px;}
#quicksearchwebsite input.searchbtn { height:16px; cursor:pointer; background-color:transparent; border:0; font-size:0.7em; color:#fff; background-image:url(/clientdata/icons/ico_arrowblue.gif); width:6px; overflow:hidden; background-repeat: no-repeat; background-position: top left; padding-left:5px; }


/*  HEADER: navigation */
#navigation { width:100%; overflow:hidden; float:left; margin-top:4px; padding-bottom:6px; height:24px; border-bottom: 1px solid #e5e5e5; }
#navigation ul { display:block; }
#navigation li { float:left; /* margin-right:50px;  */list-style-type: none; }
#navigation li a, #navigation li a:link, #navigation li a:visited, #navigation li a:active { font-size:1.2em; line-height:1.2em; }
#navigation li a#activechapter, #navigation li a#activechapter:link, #navigation li a#activechapter:visited, #navigation li a#activechapter:active { color:#AB2825; }
#navigation li a:hover { color:#AB2825; text-decoration: none; }
/*#navigation li a:hover { color:#AB2825; text-decoration: none; }*/

/* subnavigatie */
.sidebar1 ul { margin:0; overflow:hidden; list-style-type:none; }
.sidebar1 ul  ul{ margin:0 0 0 10px ; }
.sidebar1 li { display:block; background-image: url(/clientdata/icons/bullet.gif); background-repeat: no-repeat; background-position: 4px 10px; padding-left:12px; margin-top:3px; color:#003366; }
.sidebar1 ul ul li { display:block; background-image:none; padding-left:0;}
.sidebar1 li.active, .sidebar1 li.active:link, .sidebar1 li.active:visited, .sidebar1 li.active:active,
.sidebar1 li a.active, .sidebar1 li a.active:link, .sidebar1 li a.active:visited, .sidebar1 li a.active:active { color:#AB2825;}
.sidebar1 .image { float:left; margin-right:5px; margin-top:5px; width:50px; text-align:left; overflow:hidden; }


/*  ARTICLE */
div.lead { font-weight:600; margin-bottom:20px;}
.paragraaf { margin-bottom:10px; overflow:hidden; clear:both; }
.paragraaf li, .items li{ margin-left:20px; }
.hb_paragraaf_afb { margin-bottom:5px; }.paragraaf ul , .blok-body ul{ margin:6px 0 6px 24px;  }
ul#hb_artikel_inhoudsopgave { margin:10px 0; font-size:0.9em; }
ul#hb_artikel_inhoudsopgave li { display:inline; }

.module { width:100%; overflow:hidden; margin-bottom:10px; padding-bottom:10px; }
.banner{ width:100%; color:#999;overflow:hidden; padding:0 0 12px 0; font-size:0.65em; line-height:1em; text-align:center;  }
.module img{ }
.mod-header { height:20px; border-bottom:1px solid #E5E5E5; margin-bottom:14px; }
.mod-header h2, .mod-header h3 { }
.readmore { margin:0 6px 0 0; float:right; overflow:hidden; font-size:0.8em; }

.sidebar1 .agenda ul { margin:1px; list-style-type:none; }
.sidebar1 .agenda li  { display:block; padding-left: 13px; background-repeat: no-repeat; background-position: 0 8px; background-image: url(/clientdata/icons/link_intern.gif); line-height:1.1em; margin-bottom:10px; }
.sidebar1 .agenda .date{ color:#999; display:block; font-size:0.9em; }
.sidebar1 .agenda li a  {   }

.sidebar1 .item { border-bottom:1px solid #E5E5E5; margin-bottom:10px; overflow:hidden; width:223px; padding-bottom:5px; font-size:0.9em; line-height:1.2em; overflow:hidden; clear:both; }

/*  ARTICLE - SIDEBAR */
.externelinks, .internelinks , .bijlagen{ margin-bottom:10px; padding-bottom:5px; overflow:hidden; }
div.internelinks, div.externelinks  , div.bijlagen { border-bottom:1px solid #E5E5E5; }

.externelinks h4, .internelinks h4, .bijlagen h4{ font-weight:normal; }
.externelinks ul, .internelinks ul , .bijlagen ul { margin:1px; list-style-type:none; /* font-size:0.9em;  */}
div.internelinks li, div.externelinks li   { display:block; background-repeat: no-repeat; background-position: 0 8px; }
div.bijlagen li  { display:block; background-repeat: no-repeat; background-position: 0 1px; }
div.internelinks li a, div.externelinks li a {  padding-left: 13px; }
div.bijlagen li a  {  padding-left: 22px; }
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;}
div.bijlagen li { padding:0;}

/* blok */
.blok-title{ }
.blok-wrapper  {  }
.blok-body { /* font-size:0.9em; */ }

/* tags */
ul.tags { line-height:1.6em; }
ul.tags li{ display:inline;}

.login_container { margin-top:30px; margin-bottom:30px; }

.sociallinks {margin:30px 0 20px 0;}

/* REVIEWS: weergave lijst met reviews  */
div.reviews { margin-top:10px; float:left; clear:left; color:#666; width:482px; }
div.reviews a, div.reviews a:link, div.reviews a:visited, div.reviews a:hover , div.reviews a:active { color:#666; } 
.reviews h4.reviews { padding-bottom:5px; border-bottom:1px solid #666; }
.reviews .addreviewanchor { font-weight:bold; margin-bottom:10px;}
.review { margin-bottom:10px; background-color:#f5f5f5; padding:10px; }
.reviewheader { font-weight:bold; margin-top:5px;}
.reviewname {}
.reviewname-inner {}
.reviewdate { display:block; font-weight:normal; color:#999; font-size:0.8em; }
.reviewdescription {}
.reviewtext {}
/* REVIEWS: toevoeg-formulier */
.reviewadd { margin-top:10px; margin-bottom:5px; background-color:#f5f5f5; padding:10px; }
.reviewadd input, .reviewadd textarea{ background-color:#fff; }
.reviewadd h4.reviewaddheader { font-size:1.0em; font-weight:bold; margin-bottom:15px; }
.reviewadd label { float:left; width:70px; clear:left; font-size:0.9em;}
.reviewadd .veld_long {float:left; width:250px; margin-bottom:5px; }
.reviewadd .veld_extralong { width:250px; }
.reviewadd .add { display:block; margin:15px 0 10px 70px ; }
.reviewadd .veld_long { color:#666; float:left; font-size:0.8em; }
.reviewadd label.txtDescription { margin-top:5px; }
.reviewadd-comment { margin-top:5px; margin-left:50px; width:250px; }
.reviewadd-comment .bs { color:#999; }
.reviewadd-inner {}

/* footer */
#footer{ padding:8px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; color:#999; font-size: 0.8em; clear:both; overflow: hidden; margin-bottom:8px; }
#footer #opdrachtgever {float:left;width:240px; margin-right:8px;}
#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;}
#footer a:hover {}

#footer .lastchangedate { width: 140px; padding-right:10px; }
/* einde footer */

/*** HOMEPAGE elements ***/
/*************************/
.topnieuws { border-bottom:1px solid #E5E5E5; margin-bottom:10px; overflow:hidden; padding-bottom:5px; line-height:1.2em; overflow:hidden; }
.item-image { float:left; width:150px; overflow:hidden; margin-right:10px; margin-bottom:5px; }

/*** FUNCTION elements */
/**********************/
/* algemene functie opmaak */
.function .leesmeer, .function .link_article { font-size:0.9em;}
.function div.items {}
.function div.item { margin-bottom:15px; padding:5px 0; overflow:hidden;  }
.function div.item div.item { border:none; margin-top:10px; padding:0;}



/* ALGEMEEN: legenda voor functies (inhoudsopgave)) */
#function_legenda {margin-bottom:16px;}
#function_legenda li {margin:0;padding:0; list-style:none;display:inline;}

/* nieuw op de website */
#function_3 .searchform {  clear:both; width:100%; overflow:hidden; margin:5px 0 15px 0; }
#function_3 .showlatest { margin-right:5px; float:left; }
#function_3 h4.paragraaf_titel {margin-top:12px;}
#function_3 .item { margin:5px 0 15px 20px;}
#function_3 .paragraaf_subtitel .bs { font-weight:normal; }
#function_3 .formbutton_med, #function_3 .formbutton_med:focus  { background-color: #fff; width:105px; overflow:hidden; border: #AB2825 1px solid; color: #AB2825; font-size: 10px; cursor: pointer; }
#function_3 .formbutton_med:hover  { background-color: #ff7100; width:105px; overflow:hidden; border: #AB2825 1px solid; color: #fff; font-size: 10px; cursor: pointer; }
#function_3 .formbutton_medactif, #function_3 .formbutton_medactif:focus  { background-color: #AB2825; width:130px; width/* */:/**/103px; width: /**/103px; overflow:hidden; border: #AB2825 1px solid; color: #FFF; font-size: 10px; cursor: pointer; }

/* nieuws */
#function_14 .item{ margin-bottom:16px; overflow:hidden;clear:left; border-bottom: 1px solid #E5E5E5; }
#function_14 .image { float:left; margin-right:4px; overflow:hidden;}
#function_14 h4.paragraaf_titel {display:block; clear:none;}
/* #function_14 h4.paragraaf_titel span.bs { display:inline; font-size:14px; } */
#function_14 span.bs { display:block; margin:5px; }
#function_14 span.text {display:block; margin-bottom:20px; }
#function_14 .newsbody {margin-bottom:0px; margin-right: 5px;}
#function_14 .link_article {text-align:right;padding-right:6px;}
#function_14 .datum { font-size:0.8em; font-weight:bold; color:#999; }

/* oem/prikbord  */
.content_function_18 { overflow:hidden;}
.content_function_18 #content-inner { overflow:hidden; /*float:left; */}
.content_function_18 .function {overflow:hidden;}
#function_18 .item { clear:both;padding-bottom:0; margin-bottom:0;}
#function_18 .item-inner   { float:right;  width:100%;  clear:both; }
#function_18 #oemPlaatshier { margin-bottom:10px; clear:both; border:1px solid #999; background-color:#f5f5f5; }
#function_18 #oemPlaatshier fieldset { margin:5px; }
#function_18 #oemPlaatshier a { font-weight:bold; }
#function_18 .item-image { float:left; }
#function_18 table td{ padding:2px; }
#function_18 .oemBerichttekst { clear:both; }
#function_18 .datum { color:#666; font-size:0.9em; }
#function_18 #oemTerugnaaroverview { font-weight:bold; }
#function_18 #oemTerugnaaroverview  a { text-decoration:underline; }
.oemDateOwnerHeader { margin:2px 0 12px 0;float:left;font-size:0.9em;}
.oemDateOwner { margin:12px 0; float:left;font-size:0.9em; color:#666; }
.oemReactieopties { display:block; width:100%; /* margin:12px 0; text-align:right; font-size:0.9em; */}
.oemReactieopties  form,
.oemReactieopties  fieldset,
.oemReactieopties  fieldset a
{ display:inline; overflow:hidden; margin:0; padding:0; border:0; float:none; clear:both; line-height:1.5em; }
#function_18  input,
#function_18  textarea {background-color:white; }

#function_18 .veld_long { width:270px;}

#function_18 h4.paragraaf_titel { margin-top:5px; /* background-image: url(/clientdata/icons/arrow_prikbord.gif); background-repeat: no-repeat; background-position: 0 4px; */ }
#function_18 .review-item {  padding:5px; border-bottom:1px dotted #333; margin:5px 0;}
#function_18 .review-item span.title{ font-weight:bold; color:#AB2825; font-size:0.9em; }
#function_18 .review-item span.date{ font-style:italic; font-size:0.9em; }
#function_18 .oemreviews { background-color:#f5f5f5; padding:1px 10px;}
#function_18  h4.reacties{ background-image:none; color:#666; text-indent:0;}

/* aanmelden nieuwsbrief */
#function_37 #requiredfields {margin-bottom:20px;}
#function_37 #sendformbutton {text-align:right;padding-right:50px;}
#function_37 .frmNewsletterLabel {margin-bottom:20px;}
#function_37 .newsletter {width:320px;}

/* sitemap */
ul.sitemaplvl_1 { list-style-type: none; }
ul.sitemaplvl_1 li { margin-top:0px; font-weight:bold; margin-top:5px; }
ul.sitemaplvl_2 { margin-left:22px; list-style-type: none; }
ul.sitemaplvl_2 li{ margin-top:0px; font-weight:bold; }
ul.sitemaplvl_2 a{ background-image: url(/clientdata/icons/bullet.gif); background-repeat: no-repeat; background-position: 0 6px; padding-left: 10px; font-weight:normal; }
ul.sitemaplvl_2 a:hover{ background-image: url(/clientdata/icons/bullet.gif); }
ul.sitemaplvl_3 { margin-left:32px; list-style-type: none; }

#function_13 {margin-top:20px;}
#function_13 #faq_legenda {margin-bottom:16px;}
#function_13 .item { margin:0;}
#function_13 .paragraaf_titel {margin-top:12px; }
#function_13 h5 .paragraaf_subtitel { display:inline; padding-right:8px;}
#function_13 .question {font-size:12px;font-weight:bold; margin-bottom:5px;}
#function_13 .answer {margin:0 0 8px 15px;}

/*** FINAL elements */
/**********************/
/* kill margin's */
.last { margin-right:0; border:0;}
