/* GENERAL STYLES
----------------------------------------------------------------*/
body { background: white; padding: 0; margin: 0; text-align: left; }
form, ul, li, h1, h2, h3, h4, h5 { padding: 0; margin: 0; }
* { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
img { border: none; vertical-align: bottom; }
ul, li { list-style: none; }

#page-box { position: relative; z-index: 1; overflow: hidden; padding: 0 0 15px; text-align: left;}
#col-a { display: none; }
#col-b { margin-top: 0px; }
#col-c { display: none; }

table,th,tr,td { border: none; border-collapse: collapse; margin: 0; padding: 0; }

.clearem { clear: both; font-size: 0px; line-height: 0px; height: 1px; }

/* LOGO
----------------------------------------------------------------*/
#logo { display: none; }

/* META NAV
----------------------------------------------------------------*/
#meta-nav { display: none; }

/* SEARCHBOX
----------------------------------------------------------------*/
#search { display: none; }

/* MAIN NAV
----------------------------------------------------------------*/
#main-nav { display: none; }

/* EXPERTISE NAV
----------------------------------------------------------------*/
#expertise-nav { display: none; }

/* OPTION NAV
----------------------------------------------------------------*/
#option-nav { display: none; }

#col-b h1 { margin: 0; padding: 0; }
#col-b h2 { margin: 0 0 10px 0; padding: 0; }
#col-b h3 { color: #e90405; font-weight: bold; font-size: 16px; line-height: 20px; margin: 0 0 2px 0; }
#col-b h3.dubbel { line-height:normal; }
#col-b h4 { color: #866955; font-weight: normal; font-size: 16px; line-height: 30px; margin: 0 0 2px 0; }
#col-b p { margin: 0 0 14px 0; padding: 0; }
#col-b a { text-decoration: none; }
#col-b a:hover { text-decoration: underline; }
#col-b a.readmore { font-style: italic; background: url(../img/icon_grey_right_top.gif) no-repeat left 3px; padding-left: 15px; }
#col-b a.goto { font-style: italic; background: url(../img/icon_red_right_top.gif) no-repeat left 3px; padding-left: 15px; }
#col-b a.download { background: url(../img/icon_red_right_bottom.gif) no-repeat left 3px; padding-left: 15px; }

#col-b { font-size: 10px; line-height: 15px; color: #866955; }
#col-b * { font-size: 10px; line-height: 15px; color: #866955; }
#col-b p.lead { font-size: 12px; line-height: 17px; font-weight: bold; color: #866955; margin-bottom: 15px; }
#col-b h5 { font-size: 12px; line-height: 17px; font-weight: bold; color: #866955; margin-bottom: 15px; }

/* HOME-CONTENT BLOCK
----------------------------------------------------------------*/
#home-content { background: url(../img/home_content_verloop.gif) repeat-x; margin-top: 15px; }
#home-content-inner-box { background: url(../img/home_content_lipje.gif) no-repeat right top; overflow: hidden; height: 100%; }
#home-content .col-a, #home-content .col-b { width: 225px; float: left; margin-left: 15px; } 
#home-content h1 { border-bottom: 1px solid #ddd3d0; margin: 7px 0 3px 0;}
#home-content h2 { font-size: 16px; font-weight: normal; line-height: 18px; margin: 0;}
#home-content p.date { margin: 0; }
#home-content .brochurefoto { margin-top: 15px; }
#home-content .portret { margin: 15px 0 25px 0; }
#home-content .item { padding-bottom: 15px; }
#home-content .item.first { border-bottom: 1px solid #ddd3d0;}

/* NIEUWSOVERZICHT
----------------------------------------------------------------*/
#nieuwsoverzicht .col-a { width: 375px; line-height: 15px; }
#nieuwsoverzicht .col-b { width: 120px; vertical-align: bottom; text-align: right; }
#nieuwsoverzicht span.date { display: block; float: left; width: 71px; }
#nieuwsoverzicht th { padding: 10px 0 4px 0; }
#nieuwsoverzicht th.first { padding: 0 0 4px 0; }

/*	THEMA OVERZICHT 
----------------------------------------------------------------*/
.themadocumenten { background: #f8f6f6 url(../img/themadocumenten_bg_top.gif) no-repeat; padding: 15px 15px 5px 15px; margin-bottom: 15px; }
.themadocumenten .download { float: right; }
.themadocumenten .span { width: 420px; float: left; }
#themadocumenten h5 { font-size: 12px; }

/*	ACTIVITEIT-DETAIL 
----------------------------------------------------------------*/
#activiteit-detail { position: relative; overflow: hidden; height: 100%; background: #f8f6f6 url(../img/activiteit-detail_bg_top.gif) no-repeat; padding: 15px; margin-bottom: 15px; }
#activiteit-detail .image { float: left; display: inline; margin: 0 15px 0 0; }
#activiteit-detail .sub { float: left; margin: 75px 0 0 135px; display: inline; }
#activiteit-detail .download { font-style: italic;  }
#activiteit-detail .span { width: 420px; float: left; }

/*	ZOEKRESULTATEN
----------------------------------------------------------------*/
#zoekresultaten .zoekwoord { color: #e90405; }
#zoekresultaten .zoekresultaat h5 { margin: 0px; }
#zoekresultaten .zoekresultaat h5 a.goto { font-size: 12px; line-height: 17px; font-weight: bold; font-style:normal; background: url(../img/icon_grey_right_top.gif) no-repeat left 3px; padding-left: 15px; }
#zoekresultaten .zoekresultaat h5 a.download { color: #e90405; font-size: 12px; line-height: 17px; font-weight: bold; font-style:normal; background: url(../img/icon_red_right_bottom.gif) no-repeat left 3px; padding-left: 15px; }

/* NIEUWSBRIEF
----------------------------------------------------------------*/
#nieuwsbrief .col-a { width: 375px; line-height: 15px; }
#nieuwsbrief .col-b { width: 120px; vertical-align: bottom; text-align: right; }
#nieuwsbrief span.date { display: block; float: left; width: 71px; }
#nieuwsbrief th { padding: 10px 0 4px 0; }
#nieuwsbrief th.first { padding: 0 0 4px 0; }
#nieuwsbrief .download { font-style:italic; margin-right: 10px; }
#nieuwsbrief-huidig { position: relative; overflow: hidden; height: 100%; background: #f8f6f6 url(../img/activiteit-detail_bg_top.gif) no-repeat; padding: 15px; margin-bottom: 15px; }
#nieuwsbrief-huidig .image { float: left; display: inline; }
#nieuwsbrief-huidig .sub { float: left; margin: 135px 0 0 135px; display: inline; }
#nieuwsbrief-huidig .download { font-style: italic;  }
#nieuwsbrief-huidig .span { width: 420px; float: left; }
#nieuwsbrief-form { position: relative; overflow: hidden; height: 100%; background: #f8f6f6 url(../img/activiteit-detail_bg_top.gif) no-repeat; padding: 15px; margin-bottom: 15px; }
#nieuwsbrief-form input { height: 10px; width: 260px; border: 1px solid #f0edec; margin-bottom: 3px; font-size: 9px; }


/*	MEDEWERKERPROFIEL
----------------------------------------------------------------*/
#medewerkerprofiel { position: relative; overflow: hidden; height: 100%; background: #f8f6f6 url(../img/medewerkerprofiel_bg_top.gif) no-repeat; padding: 0px; margin-bottom: 15px; }
#medewerkerprofiel .image { float: left; display: inline; }
#medewerkerprofiel .sub { float: left; margin: 89px 0 5px 15px; display: inline; }

/*	CONTACTFORMULIER
----------------------------------------------------------------*/
#contactformulier { position: relative; overflow: hidden; height: 100%; background: #f8f6f6 url(../img/activiteit-detail_bg_top.gif) no-repeat; padding: 15px; margin-bottom: 15px; }
#contactformulier .verplicht { color: #e90405; font-style: italic; }
#contactformulier input { height: 10px; width: 260px; border: 1px solid #f0edec; margin-bottom: 3px; font-size: 9px; }
#contactformulier textarea { width: 260px; height: 65px; border: 1px solid #f0edec; margin-bottom: 22px; font-size: 9px; }

/*	BLOGOVERZICHT
----------------------------------------------------------------*/
#blogoverzicht { position: relative; overflow: hidden; height: 100%; background: #f8f6f6 url(../img/blogoverzicht_bg_top.gif) no-repeat; padding: 15px; margin-bottom: 15px; }
#blogoverzicht .titel { font-size: 12px; line-height: 17px; font-weight: bold; color: #866955; margin-bottom: 15px; }
#blogoverzicht .col-a { width: 375px; line-height: 15px; height: 28px; vertical-align:top; }
#blogoverzicht .col-b { width: 120px; vertical-align: bottom; text-align: right; height: 28px; vertical-align:top; }

/* ACTIVITEITENOVERZICHT
----------------------------------------------------------------*/
#activiteiten .activiteit { position: relative; background: #f8f6f6 url(../img/activiteit-detail_bg_top.gif) no-repeat; padding: 15px; margin: 0 0 15px 0; overflow: hidden; height: 100%; }
#activiteiten .activiteit img { float: left; margin: 0 15px 0 0; }
#activiteiten .activiteit .info { float: left; width: 345px; }
#activiteiten .activiteit .info h2 { font-size: 16px; font-weight: normal; line-height: 20px; margin: 0 0 8px 0; padding: 0;}
#activiteiten .activiteit .info p { position: relative; margin: 0 0 8px 0; padding: 0; }
#activiteiten .activiteit .info .txt { margin-bottom: 60px; }
#activiteiten .activiteit .download { font-style:italic; }
#activiteiten .activiteit ul { position: absolute; bottom: 0px; margin-bottom: 15px; }

/* VACATUREOVERZICHT
----------------------------------------------------------------*/
#vacatureoverzicht .vacature { position: relative; background: #f8f6f6 url(../img/activiteit-detail_bg_top.gif) no-repeat; padding: 15px; margin: 0 0 15px 0; overflow: hidden; height: 100%; }
#vacatureoverzicht .vacature h2 { font-size: 16px; font-weight: normal; line-height: 20px; margin: 0; padding: 0;}




/* PUBLICATIEOVERZICHT
----------------------------------------------------------------*/
#publicatie-overzicht .publicatie { background: #f8f6f6 url(../img/activiteit-detail_bg_top.gif) no-repeat; padding: 15px; margin: 0 0 15px 0; overflow: hidden; height: 100%; }
#publicatie-overzicht .publicatie img { float: left; margin: 0 15px 0 0; }
#publicatie-overzicht .publicatie .info { float: left; width: 345px; }
#publicatie-overzicht .publicatie .info h2 { font-size: 16px; font-weight: normal; margin: 0 0 8px 0; padding: 0;}
#publicatie-overzicht .publicatie .info p { margin: 0 0 8px 0; padding: 0; }

/* PUBLICATIE
----------------------------------------------------------------*/
#publicatie .publicatie { position: relative; background: #f8f6f6 url(../img/activiteit-detail_bg_top.gif) no-repeat; padding: 15px; margin: 0 0 15px 0; overflow: hidden; height: 100%; }
#publicatie .publicatie div { float: left; margin: 0 15px 0 0; width: 225px; text-align: center; } 
#publicatie .publicatie ul { position: absolute; bottom: 0; left: 255px; padding: 0 0 11px 0; }

/* MEDEWERKERS-OVERZICHT
----------------------------------------------------------------*/
#medewerkers-overzicht ul { overflow: hidden; height: 100%; margin: 0 0 5px 0; }
#medewerkers-overzicht ul li { float: left; margin: 0 7px 0 0; list-style-type: none; }
#medewerkers-overzicht ul li a:hover { color: #ff0000; }
#medewerkers-overzicht ul li a:active { color: #ff0000; }
#medewerkers-overzicht .letter {  font-size: 18px; color: #ad9e92; font-weight: bold; padding: 5px 0 0 5px; margin: 0 0 15px 0; position: relative; background: url(../img/medewerkers-overzicht_bg_top.gif) no-repeat top left; height: 25px; }
#medewerkers-overzicht .letter a { position: absolute; top: 5px; right: 25px; font-weight: normal; text-decoration: underline; }
#medewerkers-overzicht .medewerker { overflow: hidden; height: 100%; margin: 0 0 15px 0; }
#medewerkers-overzicht .medewerker .foto { float: left; width: 200px; }
#medewerkers-overzicht .medewerker .info { line-height: 12px; font-size: 16px; float: left; width: 200px; }
#medewerkers-overzicht .medewerker .info ul { margin: 3px 0 0 0; }

/* CASE-OVERZICHT
----------------------------------------------------------------*/
#case-overzicht { position: relative; }
#case-overzicht img { margin: 0 0 10px 0; }
#case-overzicht .case { position: relative; margin: 0 0 10px 0; }
#case-overzicht .case  h3 { color: #866955; font-size: 12px; margin: 0; }
#case-overzicht .case .info { width: 350px; }
#case-overzicht .case .info p { margin: 0; }
#case-overzicht .case ul { position: absolute; right: 0; margin: -16px 0 0 0; overflow: hidden; height: 100%; }
#case-overzicht .case ul li { float: left; }
#case-overzicht .case ul li.spc { margin: 0 10px 0 0; }

/* CASE-BLOG-BERICHT
----------------------------------------------------------------*/
#case-blog-bericht p.lead { margin: 0; }
#case-blog-bericht .case { position: relative; background: #f8f6f6 url(../img/activiteit-detail_bg_top.gif) no-repeat; margin: 0 0 15px 0; overflow: hidden; height: 100%; }
#case-blog-bericht .case ul { position: absolute; bottom: 5px; left: 250px; }
#case-blog-bericht .case .download { font-style: italic; }

/* reacties */
#case-blog-bericht .reacties h3 { margin: 10px 0; }
#case-blog-bericht .reacties p.lead { margin: 0 0 6px 0; }
#case-blog-bericht .reacties p.entry-head { margin: 0 0 6px 0; border-bottom: 1px solid #f0edec; }
#case-blog-bericht .reacties p.entry-text { margin: 0 0 15px 0; }

/* reactieform */
#case-blog-bericht .reactie-form { position: relative; background: #f8f6f6 url(../img/activiteit-detail_bg_top.gif) no-repeat; margin: 0 0 15px 0; overflow: hidden; height: 100%; padding: 10px 0px 10px 10px; }
#case-blog-bericht .reactie-form table { width: 100% }
#case-blog-bericht .reactie-form table td { padding: 2px 0; vertical-align: top; }
#case-blog-bericht .reactie-form table td img { margin: 3px 0; }
#case-blog-bericht .reactie-form table td label { display: block; }
#case-blog-bericht .reactie-form table td input { width: 194px; border: 1px solid #e4e1e0; padding: 2px; }
#case-blog-bericht .reactie-form table td textarea { width: 250px; height: 140px; border: 1px solid #e4e1e0; padding: 2px; }
#case-blog-bericht .reactie-form table td input.submit { width: auto; }
#case-blog-bericht .reactie-form table td div.formerror { color: #E90405; }