/*
#################
#	ALGEMEEN	#
#################
*/
body, html, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, form { margin: 0; padding: 0; }
html { font: 62.5%/160% Arial, Verdana, Tahoma, sans-serif; overflow-y: scroll; }
body { background: #fff; font-size: 1.2em; }

/* Algemene classnames
------------------------------------------------------------------*/
.nomargin, .nom { margin: 0; }
.nopadding .nop { padding: 0; }
.nomp { margin: 0; padding: 0; }

.block { display: block; }
.inline { display: inline; }

.center { display: block; margin: auto; }

.hide, .hidden { visibility: hidden; }
.invisible { display: none; }

.fleft { float: left; }
.fright { float: right; }

.clear { clear: both; }
.cleft { clear: left; }
.cright { clear: right; }

.tcenter { text-align: center; }
.tleft { text-align: left; }
.tright { text-align: right; }

.vbottom { vertical-align: bottom; }
.vmiddle { vertical-align: middle; }
.vtop { vertical-align: top; }

.absolute { position: absolute; }
.relative { position: relative; }

.bold, .b, .strong { font-weight: bold; }
.em, .italic, .i { font-style: italic; }
.normal { font-weight: normal; }
.u, .underline { text-decoration: underline; }
.small { font-size: 11px; }
.lowercase { text-transform: lowercase; }
.uppercase { text-transform: uppercase; }
.capitalize { text-transform: capitalize; }

.default { cursor: default; }
.pointer { cursor: pointer; }

/* Afbeeldingen
------------------------------------------------------------------*/
img { border: none; display: block; }

/* Alinea's en paragafen
------------------------------------------------------------------*/
p, div.alinea { margin-bottom: 10px; }
div.kolom p {
	display: inline;
}

/* Overflow
------------------------------------------------------------------*/
.overflow { overflow: hidden; }

/* Headings
------------------------------------------------------------------*/
h1 { 
	color: #cc0000;
	display: inline;
	font-size: 2.4em; 
	margin-right: 4px;
	line-height: 1em;
}
h2 { 
	color: #cc0000;
	display: inline;
	font-size: 1.5em; 
	margin-right: 4px;
}
h2.wit { color: #fff; }
h3 { 
	color: #cc0000;
	display: inline;
	font-size: 1.5em; 
	margin-right: 4px;
}
h4 { font-size: 1em; }

h2.border {
	border-bottom: 1px solid #fff;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

/* Hyperlinks
------------------------------------------------------------------*/
a { color: #58585a; }
a:hover, a:focus, a.none { text-decoration: none; }
a.none:hover, a.none:focus { text-decoration: underline; }
a span { cursor: pointer; }
a.rood { color: #cc0000; }

/* Overig
------------------------------------------------------------------*/
address { font-style: normal; }

a span.zoom { 
	background:transparent url(/img/zoom.png) no-repeat scroll 0 0;
	cursor:pointer;
	display:block;
	height:16px;
	right: 10px;
	position:absolute;
	top:10px;
	width:16px;
}
a:hover span.zoom { 
	background:transparent url(/img/zoom-hover.png) no-repeat scroll 0 0;
}

/*
################
#	LAYOUT	   #
################
*/

body { background: url(/img/bg-rood.gif) repeat-x top; }

div.margin-top { margin-top: 20px; }

/* Container
------------------------------------------------------------------*/
div#container {
	margin: 0 auto;
	width: 960px;
	overflow: hidden;
}

/* Menu helemaal bovenaan links
------------------------------------------------------------------*/

ul#topmenu { float: right; }
ul#topmenu li {
	border-left: 1px solid #fff;
	color: #fff;
	float: left;
	list-style: none;
	padding: 0 10px;
}
ul#topmenu li a {
	background: url(/img/pijl-links.gif) no-repeat;
	color: #fff;
	text-decoration: none;
	padding-left: 16px;
}
form.zoekformulier {
	float: right;
	width: 276px;
}
form.zoekformulier label {
	border-left: 1px solid #fff;
	float: left;
	padding-left: 18px;
	color: #fff;
	width: 50px;
}
form.zoekformulier input.text {
	float: left;
	border: 0;
	margin: 3px 0 0 10px;
	width: 170px;
	height: 12px;
	line-height: 16px;
	font-size: 1.0em;
	padding: 4px;
}
form.zoekformulier input.submit {
	background: url(/img/pijl-links.gif) no-repeat 0 4px;
	border: 0;
	width: 16px;
	float: left;
}

div.kolom p.zoektekst { border-top: 1px solid #cc0000; display: block; margin: 15px 0 0; }

/* Header
------------------------------------------------------------------*/
div#header {
	height: 101px;
	margin-top: 26px;
	overflow: hidden;
}

/*
	Als er subnavigatie balk is, moet de header minder
	hoog worden	zodat de rode balk tegen de subnav komt.
*/
div#header.subnav {
	height: 101px;
}

/* Logo
------------------------------------------------------------------*/
p#logo {
	background: url(/img/logo.gif) no-repeat;
	float: left;
	height: 68px;
	margin-top: 18px;
	overflow: hidden;
	text-indent: -9999px;
	width: 146px;
}
p#logo a { display: block; height: 50px; }

/* Navigatie in de header
------------------------------------------------------------------*/
div#navigatie {
	border-left: 1px solid #fff;
	float: right;
	height: 80px;
	margin-top: 10px;
	padding: 3px 0 0 15px;
	width: 779px;
}

div#navigatie img { display: inline; margin-right: 5px; }
div#navigatie a img { margin-bottom: 2px; margin-right: 3px;}
div#navigatie a:hover img { margin-bottom: 0; border-bottom: 2px solid #000; }
div#navigatie a.actief:hover img { border-bottom: 2px solid #fff; }
div#navigatie a.niveau-1 img { margin-bottom: 0; }
div#navigatie a.niveau-1:hover img { margin-bottom: 0; border-bottom: 0;}

/* Kolommen
------------------------------------------------------------------*/
div.wrapper { overflow: hidden; width: 960px; margin-top: 10px; /*margin-bottom: 15px;*/ }
div.no-bottom-margin { margin-bottom: 0; }
div.kolom { float: left; overflow: hidden; }
div.zijkolom {
	/*background: #808080;*/
	/*color: #fff;*/
	float: left;
	margin: 0;
	/*padding: 10px;*/
	width: 165px;
}
div.een-kolom { margin-left: 20px; width: 245px; }
div.twee-kolommen { margin-left: 20px; width: 510px; }
div.drie-kolommen { margin-left: 20px; width: 735px; }
div.vier-kolommen { margin-left: 0; width: 960px; }

div.twee-kolommen-wrapper { display: inline; float: left; }
div.twee-kolommen-wrapper div.een-kolom {
	float: left;
	margin-left: 0;
}
div.twee-kolommen-wrapper div.kolom-rechts {
	float: right;
}

div.intro { margin-left: 185px; }

div.border { 
	border-bottom: 1px solid #cc0000; 
	margin-bottom: 20px;
	padding-bottom: 10px;
}
div.kolom-grijs { background: #808080; margin-left: 20px; color: #fff; }
div.leeg { background: none; }

/* Inhoud Kolommen
------------------------------------------------------------------*/
div.twee-kolommen p,
div.een-kolom p { display: block; margin-right: 15px; }

div.twee-kolommen p.datum,
div.een-kolom p.datum { margin-right: 4px; }

div.zijkolom h2 {
	border-bottom: 1px solid #fff;
	color: #fff;
	display: block;
	margin-bottom: 10px; 
	padding-bottom: 10px; 	
}

div.kolom-grijs h2 { color: #fff; }
div.kolom-grijs div.tekst { padding: 10px; }
div.kolom-grijs img { border-bottom: 2px solid #fff; }

div.drie-kolommen ul.tags { margin-bottom: 15px; }
div.drie-kolommen ul.tags li {
	float: left;
	list-style: none;
	margin-bottom: 0;
	padding: 0 2px;
}
div.drie-kolommen ul.tags a { color: #000; font-weight: bold; text-decoration: none; }
div.drie-kolommen ul.tags a.rood { color: #cc0000; }
div.drie-kolommen ul.tags a:hover,
div.drie-kolommen ul.tags a:focus { text-decoration: underline; }

div.kolom div { margin-bottom: 15px; }



/* Overzichten
------------------------------------------------------------------*/
div.kolom ul.overzicht {
	overflow: hidden;
	float: left;
	margin: 0;
	padding: 0;
}

div.kolom ul.overzicht li { 
	float: left;
	list-style: none;
	padding: 0 0 20px 20px;
	position: relative;
}
div.kolom ul.groot li { width: 245px; }
div.kolom ul.klein li { width: 112px; }

div.kolom ul.klein li img { border: 1px solid #808080; }

div.kolom ul.overzicht li img { padding-bottom: 5px; }
div.kolom ul.overzicht a { display: block; text-decoration: none; }
div.kolom ul.overzicht a:hover, 
div.kolom ul.overzicht a:focus { text-decoration: underline; }

div.overzicht-een-kolom { margin-left: 0; width: 265px; }
div.overzicht-twee-kolommen { margin-left: 0; width: 530px; }
div.overzicht-drie-kolommen { margin-left: 0; width: 795px; }
div.overzicht-vier-kolommen { margin-left: 0; width: 960px; }

div.kolom ul.overzicht li a.zoom { 
 	background: transparent url(/img/zoom.png) no-repeat scroll 0 0;
	cursor: pointer;
	height: 16px;
	position: absolute;
	width: 16px;
	right: 10px;
	top: 10px;
	display: block;
}
div.kolom ul.overzicht li a.zoom:hover,
div.kolom ul.overzicht li a.zoom:focus { 
 	background: transparent url(/img/zoom-hover.png) no-repeat scroll 0 0;
}

/* Footer
------------------------------------------------------------------*/
div#footer { border-top: 1px solid #cc0000; overflow: hidden; }
div#footer ul { padding-bottom: 20px; float: right; }
div#footer ul li { list-style: none; border-left: 1px solid #cc0000; float: left; }
div#footer ul a { 
	color: #cc0000; 
	font-weight: bold;
	font-size: .8em;
	text-decoration: none;
	padding: 0 10px; 
}

/*
####################
#	LIJSTEN	   #
####################
*/

/* Algemeen
------------------------------------------------------------------*/
ul.none, ol.none { list-style: none; }

/* Navigatie op homepage
------------------------------------------------------------------*/
div#navigation ul {
	background: url(/img/logo-noscript.gif) no-repeat 0 8px;
	font-size: 4em;
	font-weight: bold;
	line-height: 1em;
	list-style: none;
	margin: 0 auto;
	min-height: 90px;
	padding: 0 214px;
	text-transform: lowercase;
	width: 725px;
}
div#navigation li {
	display: inline;
	padding-right: 12px;
}
div#navigation a { color: #000; }
div#navigation a.rood { color: #cc0000; }

/* Hoofdmenu
------------------------------------------------------------------*/
ul#hoofdmenu { height: 22px; list-style: none; margin: 0 0 20px 185px; }
ul#hoofdmenu li { float: left; }
ul#hoofdmenu a { display: block; }

ul#hoofdmenu ul {
	clear: both;
	display: none;
	list-style: none;
	position: absolute;
	width: 200px;
}
ul#hoofdmenu li { border-left: 1px solid #cc0000; padding: 3px 8px; }
ul#hoofdmenu li.active { background: #cc0000; }
ul#hoofdmenu li.active a { color: #fff; }
ul#hoofdmenu li.active a:hover,
ul#hoofdmenu li.active a:focus { text-decoration: none; }
ul#hoofdmenu li.noborder { border: none; }

ul#hoofdmenu li:hover ul,
ul#hoofdmenu li.hover-ie ul { display: block; }
ul#hoofdmenu ul li { float: none; }
ul#hoofdmenu a {
	color:  #cc0000;
	font-weight: bold;
	text-decoration: none;
	padding: 0; 
}
ul#hoofdmenu a:hover,
ul#hoofdmenu a:focus { text-decoration: underline; }

/* Lijsten in tekst */
div.kolom ul li { margin-bottom: 15px; margin-left: 15px; }
div.kolom ul li h3 { 
	background: url(/img/list.gif) no-repeat 0 4px;
	padding-left: 10px;
}

/* Optie-menu (mail & stuur door)
------------------------------------------------------------------*/
ul#opties { float: right; padding: 10px; list-style: none; }
ul#opties li { float: left; margin-left: 14px; }
ul#opties a {
	background: url(../img/opties.gif) no-repeat 0 .5em;
	color: #808080;
	display: block;
	padding-left: 18px;
}
ul#opties a.mail {
	background-position: -289px .4em;
}

/* Nieuwsoverzicht
------------------------------------------------------------------*/
ul.nieuwsoverzicht { list-style: none; }
div.kolom ul.nieuwsoverzicht li { margin-left: 0; }
ul.nieuwsoverzicht h2 a { color: #cc0000; }
div.kolom ul.nieuwsoverzicht h2 {
	display: block;
	padding-bottom: 2px;
}

/* Meer nieuws
------------------------------------------------------------------*/
div.meer-nieuws { margin-bottom: 15px; }
div.meer-nieuws h3 { padding-left: 8px; }
div.meer-nieuws ul {
	border-top: 1px solid #efefef;
	list-style: none;
	margin-top: 6px;
}
div.meer-nieuws li {
	position: relative;
}
div.meer-nieuws li a {
	border-bottom: 1px solid #efefef;
	color: #cc0000;
	display: block;
	height: 1%;
	font-weight: bold;
	padding: 4px 120px 4px 8px;
}
div.meer-nieuws span.datum {
	color: #808080;
	position: absolute;
	right: 8px;
	top: 4px;
	text-decoration: none;
}

/* Error-menu
------------------------------------------------------------------*/
ul.errors, ol.errors {
	list-style: disc;
	margin: 1em 0; padding: .2em 0;
	border: 3px solid red;
}
ul.errors li, ol.errors li { margin-left: 20px; padding: .2em 0; }

/* FCK-editor-lijst
------------------------------------------------------------------*/
div.alinea ul { list-style: disc; }
div.alinea ul, div.alinea ol { margin: 1em 0 1em 16px; }
div.alinea ol { margin-left: 24px; }
div.alinea li { line-height: 125%; padding: .2em 0; }

/* Sitemap
------------------------------------------------------------------*/
ul.sitemap { margin: 0 0 1em 24px; }

/* <dl>'s
------------------------------------------------------------------*/
dl dt { font-size: 1.4em; font-weight: bold; margin-bottom: .6em; }

/* <dl>'s in middenkolom
------------------------------------------------------------------*/
div.kolom-midden dl { margin: 1em 0;  }
div.kolom-midden dl ul { list-style: none; } 

/* <dl> in zijkolom
------------------------------------------------------------------*/
div.zijkolom dl { margin-bottom: 2em; }

/*
####################
#	FORMULIEREN	   #
####################
*/
/* Algemeen
------------------------------------------------------------------*/
input.text, textarea { padding: 2px 3px; width: 215px; }
textarea { font-size: 11px; overflow: auto; }
input, select, textarea { font-family: Arial, Verdana, Tahoma, sans-serif; }
input.radio, input.checkbox { margin-left: 0; }
input.button, input.submit { cursor: pointer; }

fieldset.none { border: none; margin: 0; padding: 0; }
fieldset.none legend { display: none; }
form ul, form ol { list-style: none; }
form li { padding: .2em 0; }

/* Webbeheer formulier
------------------------------------------------------------------*/
form.webbeheer-formulier {
	background: #ebebeb;
	padding: 10px;
}
form.webbeheer-formulier fieldset {
	border: none;
	margin: 0; 
	padding: 0;
}
form.webbeheer-formulier h4 { color: #cc0000; font-size: 12px; }

form.webbeheer-formulier legend { display: none; }
form.webbeheer-formulier ul.velden { list-style: none; }
form.webbeheer-formulier ul.velden li { margin:0 }

div.kolom form.webbeheer-formulier li { margin-bottom: .1em; }
form.webbeheer-formulier label { display: block; }
form.webbeheer-formulier label.inline,
form.webbeheer-formulier li.checkbox label { display: inline; padding-right: 10px; }
form.webbeheer-formulier fieldset.radiogrouper label { margin: 0 0 0 5px; }

form.webbeheer-formulier input.button {
	background: url(/img/next.gif) no-repeat right;
	border: none;
	/*float: right;*/
	padding-right: 20px;
}
form.webbeheer-formulier input.text,
form.webbeheer-formulier textarea {
	border: 1px solid #9a9a9a;
}

form.webbeheer-formulier fieldset.radiogrouper li {
	float: left; 
}

/*
####################
#	TABELLEN	   #
####################
*/
/* Algemeen
------------------------------------------------------------------*/
table.full-width { width: 100%; }

/* FCK-editor-tabel
------------------------------------------------------------------*/
div.alinea table {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	color: #545454;
	margin: 1em 0;
	width: 100%;
}

div.alinea table td,
div.alinea table th {
	border: 1px solid #d8d8d8;
	padding: .2em 4px;
}

div.kolom div.preview { margin-top: 1.2em; }
div.kolom div.preview p { display: block; }
div.kolom div.preview h3 { margin-top: 1em; }
div.kolom div.preview h3 a {
	color: #cc0000;
	margin-top: 20px;	
}

/*	PROGRAMMERS FOR THE WIN! */
hr.rood { background-color:#CC0000; border:0 none; color:#CC0000; height:1px; }
hr.twee-kolom { margin-left:185px; width:510px; float: left;}
hr.vier-kolom { width: 960px; }

div.afbeelding { color: #58585A; }
div.afbeelding a { display: block; position: relative; }
div.afbeelding a span.zoom { 
	background:transparent url(/img/zoom.png) no-repeat scroll 0 0;
	cursor:pointer;
	float: left;
	height:16px;
	position:absolute;
	left:221px;
	top:10px;
	width:16px;
}
div.afbeelding a:hover span.zoom { 
	background:transparent url(/img/zoom-hover.png) no-repeat scroll 0 0;
}
div.afbeelding span span {
	display:block;
	overflow:hidden;
	text-indent: -9999px;
}
/*	Uitgelicht */

div.uitgelicht {
	background: #808080;
	color: #fff;
	padding: 10px;
}

div.uitgelicht a.leesmeer {
	display: block;
	height: 16px;
	margin: 10px 0 0 0;
	padding: 0;	
	text-align: right;
}

div.uitgelicht a.leesmeer img {
	display: inline;
}

/*	Testimonial */
div.testimonial { background: #808080; color: #fff; width: 244px; }
div.testimonial h2 { color: #fff; }
div.testimonial div.tekst { padding: 10px; }
div.testimonial img { border-bottom: 1px solid #fff; }

/* 	Afbeeldingduo */
div.afbeeldingduo span,
div.afbeeldingduo a { float: right; }
div.afbeeldingduo span.eerste,
div.afbeeldingduo a.eerste { float: left; }
div.afbeeldingduo img.border { border: 1px solid #808080; height: 110px; width: 110px; }

img.border { border: 1px solid #808080; }

/*	frontpage-flash */
body#homepage { background-image: none; }
div#frontpage-flash {	
	height: 400px;
	left: 50%;
	margin: 34px 0 0 -480px;
	position: absolute;
	width: 960px;	
} 

p.datum { font-weight: bold; }

a.vacature { color: #cc0000; text-decoration: none; }
a.vacature:hover { text-decoration: underline; }

/* RECAPTCHA */

.webbeheer-formulier div {
   margin: 0 !important; 
 }
div#recaptcha_widget_div {
 	padding-top: 10px;	
 }