@charset "utf-8";
/* CSS Document */
* {
	padding: 0px;
	margin: 0px;
	border: 0px;
}
p
	{margin: 9px auto}

body	{
	margin: 0;
	padding: 0;
	border: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#575757;
	line-height:1.4em;
}

img	{border: 0;}

#content	{
	margin:0 auto;
	width:860px;
	background-color:#f8f8f8;
	xmin-height:100%; /* For Modern Browsers */
	xheight:auto !important; /* For Modern Browsers */
	xheight:100%; /* For IE */
	padding-bottom:10px;
}
#menu{
	margin:0 auto;
	height:31px;
	background:#FFF url(../images/menu-bg.gif) repeat-x 50% 0;
}
	

#menubalk	{
	xbackground-image:url(../images/menu-bg.gif);
	xbackground-repeat:repeat-x;
	margin:0 auto;
	xwidth:100%;
	width:860px;
}
form	{
	margin: 0;
	padding: 0;
	border: 0;
}

textarea	{border:#8C8C8C 1px solid;}
ul	{
	margin: 0;
	padding: 0;
	border: 0;
}
.xsformbuilder_simple_textbox	{border:#8C8C8C 1px solid;}
input.xsformbuilder_checkbox	{border:0;}
input.radioSollicitatie			{border:0;}

#header	{
	margin:0 auto;
	width:860px;
	padding-left:0px;
	height:252px;
	background-color:#deeef6;
}

#headervervolg	{
	margin:0 auto;
	width:860px;
	height:252px;
	padding-left:0px;
	background-color:#deeef6;
	
}
#headerlanding	{
	margin:0 auto;
	width:860px;
	height:150px;
	background-color:#deeef6;
	
}
	

.headerlogo	{float:left;}
.headerlogovervolg	{float:left;}

.headervervolgback	{
	background-image:url(../images/bg-header-vervolg.jpg);
	background-repeat:no-repeat;
	width:678px;
	height:200px;
	float:left;
	}
	
.headerlandingback	{
	background-image:url(../images/header-vervolg-landingspage.jpg);
	background-repeat:no-repeat;
	width:860px;
	height:150px;
	float:left;
	}
	
.headervervolgimage	{
	margin:5% 5%;
	border:1px solid #0079ba;
	xwidth:647px;
	xheight:200px;
}


#flashcarrousel	{float:left; width:678px; height:252px;}
.headerright	{float:left;}

#bovenlijn	{
	background: url(../images/bovenlijn-bg.gif) repeat-x 50% 0;
	height:3px;
	margin:0 auto;
}

#contentlinks	{
	width:385px;
	padding:0px 29px 0px 28px;
	margin:15px 0px 0px 0px;
	float:left;
}

#contentrechts	{
	width:385px;
	padding:0px 29px 0px 0px;
	margin:15px 0px 0px 0px;
	float:left;
}

#kolom1	{
	width:255px;
	padding:0px 0px 0px 28px;
	margin-top:20px;
	float:left;
	clear:both;
}

#kolom1vervolg	{
	width:170px;
	padding:0px 0px 0px 28px;
	margin-top:20px;
	float:left;
	clear:both;
}

#kolom1landing	{
	width:170px;
	padding:0px 0px 0px 28px;
	margin-top:5px;
	float:left;
	clear:both;
}

#kolom2	{
	width:255px;
	padding:0px 0px 0px 19px;
	margin-top:20px;
	float:left;
}

#kolom2vervolg	{
	width:425px;
	padding:0px 0px 0px 19px;
	margin-top:12px;
	float:left;
}

#kolom2landing	{
	width:425px;
	padding:0px 0px 0px 19px;
	margin-top:5px;
	float:left;
}

#kolom3	{
	width:255px;
	padding:0px 26px 0px 19px;
	margin-top:20px;
	float:left;
}

#kolom3vervolg	{
	width:170px;
	padding:0px 26px 0px 19px;
	margin-top:20px;
	float:left;
}

#kolom3landing	{
	width:170px;
	padding:0px 26px 0px 19px;
	margin-top:5px;
	float:left;
}

#footer	{
	clear:both;
	margin:0 auto;
	height:31px;
	background:#FFF url(../images/menu-bg.gif) repeat-x 50% 0;
}
.onderfooter	{
	margin:0 auto;
	width:860px;
	background-color:#f8f8f8;
	height:29px;
}

#footertekst	{
	margin:0 auto;
	padding:7px;
	width:840px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#0047b3;
}

.clr {clear: both}

#menubalk li	{
	float:left;
	display:block;
	margin:7px 7px 7px 17px;
	padding-right:27px;
	text-transform:capitalize;
	list-style:none;
	font-size:13px;
	font-weight:bold;
	color:#0079ba;
}

.menustreep{
	border-right:1px solid #0079ba;
}

#menubalk ul li.menustreepActive	{
	color:#c78800;
	text-decoration:underline;
	border-right:1px solid #0079ba;
}
#menubalk ul li.menustreepActive a	{color:#c78800; text-decoration:underline;}
#menubalk ul li.menustreepActive a:link	{color:#c78800; text-decoration:underline;}
#menubalk ul li.menustreepActive a:visited	{color:#c78800;  text-decoration:underline;}
#menubalk ul li.menustreepActive a:hover	{color:#c78800;  text-decoration:underline;}

.menustreephome{
	border-right:1px solid #0079ba;
	border-left:1px solid #0079ba;
	padding-left:27px;
}
#menubalk ul li.menustreephomeActive{
	color:#c78800;
	text-decoration:underline;
	border-right:1px solid #0079ba;
	border-left:1px solid #0079ba;
	padding-left:27px;
}
#menubalk ul li.menustreephomeActive a	{color:#c78800; text-decoration:underline;}
#menubalk ul li.menustreephomeActive a:link	{color:#c78800; text-decoration:underline;}
#menubalk ul li.menustreephomeActive a:visited	{color:#c78800;  text-decoration:underline;}
#menubalk ul li.menustreephomeActive a:hover	{color:#c78800;  text-decoration:underline;}


#menubalk a	{
	color:#0079ba;
	text-decoration:none;
}
#menubalk a:link	{
	color:#0079ba;
	text-decoration:none;
}
#menubalk a:visited	{
	color:#0079ba;
	text-decoration:none;
}
#menubalk a:hover	{
	color:#c78800;
	text-decoration:underline;
	background-color:#d1d5d7;
}


/*Zoeken*/
#zoeken{
	float:right;
	padding-top:4px;
	padding-right:0px;
	width: 180px;
	xheight:10px;
	margin:0;
}

input#name	{
	width:90px;
	height:15px;
	font-size:11px;
	margin-right:10px;
	margin:0px 3px 3px 0px;
	padding:0;
}
button	{border: 1px solid #8C8C8C;
	cursor:pointer;
	padding:0px;
}

.rotatoroutline	{
	border:1px solid #ababab;
	width:385px;
	xheight:186px;
}

h1	{
	color:#0144ac;
	font-size:16px;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:10px;
}

h2	{
	color:#0144ac;
	font-size:14px;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:10px;
}

h3	{
	color:#0081c6;
	font-size:14px;
	font-weight:normal;
	margin-top:20px;
	margin-bottom:10px;
	letter-spacing:0.2em;
}
a h3	{text-decoration:none}
a h3:hover	{text-decoration:underline;}

a	{
  	text-decoration:none;
	color:#c78800;
}

a:link	{
  	color: #c78800;	
	text-decoration:none;
}

a:visited {
  	color: #c78800;
	text-decoration:none;
}

a:hover  {
  	color: #c78800;	
	text-decoration: underline; 
}

a:active  {
  	color: #c78800;
	text-decoration:underline;
}

.subkop	{
	color:#0144ac;
	text-transform:uppercase;
	display:block;
	margin-bottom:10px;
}
ol {margin: 0px;margin-left:22px;  padding: 0px}
ul {margin: 0px;margin-left:16px;   padding: 0px}
li {margin: 0px 0px 3px 0px; padding: 0px; color: #575757;}


.bannershome	{
	padding:18px 0px 21px 28px;
	clear:both;
	
}

.banner	{
	width:255px;
	display:inline;
}

.banner1	{
	width:255px;
	float:left;
}
.banner2	{
	width:255px;
	float:left;
	padding-left:17px;
}
.banner3	{
	width:255px;
	float:left;
	padding-left:17px;
}

/*CONTENTROTATOR*/
#contentrotator{
	width: 385px;
	background-color: #FFFFFF;
	height: 186px;
	padding: 0px 0px 0px 0px;
	top:7px;
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
	left:0px;
}

#contentrotator a{
	text-decoration: none;
	color: #000;
}

#cr-images{
	width: 243px;
	height: 184px;
	float: left;
	position: relative;
	overflow: hidden;
	border: 1px solid #ababab;
}

#cr-images div.slide{
	position: absolute;
	height: 186px; /* weet niet zeker of moet */
	top: 0px;
	left: 0px;
	z-index: 8;
}

#cr-images div.current-image{
    z-index: 10;
}

#cr-images div.last-image{
    z-index: 9;
}

#cr-images div.current-image-mouseover{
	z-index: 15;
}

#cr-images div.caption{
	background-image: url(../images/h_contentrotator_zwart.png);
	/*background-color:#000000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;*/
	width: 231px;
	height: 41px;
	position: relative;
	top: -44px;
	padding: 2px 2px 2px 10px;
	zbehavior: url("iepngfix.htc")
}

div.caption{
	color: #fff;
	font-size:12px;
}

/* Vertical align via: http://www.jakpsatweb.cz/css/css-vertical-center-solution.html */

#cr-titles{
	list-style: none;
	xdisplay: table;
	/*background-image:url(../images/bg_cr-titles.gif);*/
	background-repeat:no-repeat;
	height: 185px;
	overflow: hidden;
	xwidth: 121px;
	float: right;
	font-size: 1em;
	word-spacing: 0.1em;
	xmargin-top: 5px;
	padding-right:5px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

#cr-titles-wrapper{
	display: table-cell;
	vertical-align: middle;
	margin: 0px;
	xwidth: 121px;
	
	padding:0;
	
}

ol#titles	{margin-left:0px;
		xwidth:135px;
		list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding:0;
	height: 185px;
		
}


#titles li{
	width: 130px;
	padding: 4px 0px 4px 5px;
	border: 0px solid #ebf7fd;
	line-height:1.2em;
	margin:0px;
}

.active{
	background-color: #239fe2;
	
}

.categorie-cr	{
	color:#c78800;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	margin:0;
	margin-top:0px;
	margin-bottom:2px;
	padding-left:30px;
	padding-top:2px;
}

/*CONTENTROTATOR RECHTS*/
#contentrotatorR{
	width: 385px;
	background-color: #FFFFFF;
	height: 186px;
	padding: 0px 0px 0px 0px;
	top:7px;
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
	left:0px;
}

#contentrotatorR a{
	text-decoration: none;
	color: #000;
}

#cr-imagesR{
	width: 243px;
	height: 184px;
	float: left;
	position: relative;
	overflow: hidden;
	border: 1px solid #ababab;
}

#cr-imagesR div.slideR{
	position: absolute;
	height: 186px; /* weet niet zeker of moet */
	top: 0px;
	left: 0px;
	z-index: 8;
}

#cr-imagesR div.current-image{
    z-index: 10;
}

#cr-imagesR div.last-image{
    z-index: 9;
}

#cr-imagesR div.current-image-mouseover{
	z-index: 15;
}

#cr-imagesR div.caption{
	background-image: url(../images/h_contentrotator_zwart.png);
	/*background-color:#000000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;*/
	width: 231px;
	height: 41px;
	position: relative;
	top: -44px;
	padding: 2px 2px 2px 10px;
	zbehavior: url("iepngfix.htc")
}

div.captionR{
	color: #fff;
	font-size:12px;
}

/* Vertical align via: http://www.jakpsatweb.cz/css/css-vertical-center-solution.html */

#cr-titlesR{
	list-style: none;
	xdisplay: table;
	/*background-image:url(../images/bg_cr-titles.gif);*/
	background-repeat:no-repeat;
	height: 185px;
	overflow: hidden;
	xwidth: 121px;
	float: right;
	font-size: 1em;
	word-spacing: 0.1em;
	xmargin-top: 5px;
	padding-right:5px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

#cr-titles-wrapperR{
	display: table-cell;
	vertical-align: middle;
	margin: 0px;
	xwidth: 121px;
	
	padding:0;
	
}

ol#titlesR	{margin-left:0px;
		xwidth:135px;
		list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding:0;
	height: 185px;
		
}


#titlesR li{
	width: 130px;
	padding: 4px 0px 4px 5px;
	border: 0px solid #ebf7fd;
	line-height:1.2em;
	margin:0px;
}

.activeR{
	background-color: #239fe2;
	
}

.categorie-crR	{
	color:#c78800;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	margin:0;
	margin-top:0px;
	margin-bottom:2px;
	padding-left:30px;
	padding-top:2px;
}

/*SUBNAV*/

.subnavigatie	{
	margin-bottom:20px;float:left;width:162px; margin-top:16px; height:auto;
}
	
.subNav	{
	background-image:url(../images/sub-knop-aristo.gif);
	background-repeat: no-repeat;
	font-size:11px;
	color: #606060;	
	height: 22px; 
	width: 162px;  
	padding: 2px 0px 0px 7px;	
	margin-right:0px;
	text-align: left;
	float: left;
	overflow: hidden;
	line-height: 18px;
	text-overflow: ellipsis;

}


.subsubNav	{
	background-image:url(../images/sub-sub-knop.gif);	
	background-repeat: no-repeat; 
	background-position: bottom;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #63A3C5;	
	width: 150px;	 
	padding: 1px 0px 4px 12px;
	margin-bottom: 3px;
	margin-: 3px;
	text-align: left;
	float: left;
}

a.subsubNav	{
  color: #5C5C5C;	
	text-decoration: none;
	PADDING-top: 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a.subsubNav:link	{
  	color: #5C5C5C;	
	text-decoration: none; 
}

a.subsubNav:visited	{
  	color: #5C5C5C;	
	text-decoration: none; 
}

a.subsubNav:hover  {
  	color: #E0A321;	
	text-decoration: none; 
}

a.subsubNav:active {
  	color: #63A3C5;	 
	text-decoration: none;
}

a.subsubNavActive	{
  	color: #63A3C5;	
	text-decoration: none;
	padding-top: 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
}
a.subsubNavActive:link  {	color: #63A3C5;	}
a.subsubNavActive:visited  {	color: #63A3C5;	}
a.subsubNavActive:hover  {
	color: #63A3C5;	
	text-decoration: underline; 
	font-weight: normal;
}
a.subsubNavActive:active  {	color: #63A3C5;	}

a.subKnopActive	{
  color: #63A3C5;	
	text-decoration: none;
	PADDING: 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
a.subKnopActive:link	{color: #63A3C5;}
a.subKnopActive:visited	{color: #63A3C5;}
a.subKnopActive:hover  {
	color: #63A3C5;	
	text-decoration: underline; 
	font-weight: normal;
}
a.subKnopActive:active	{color: #63A3C5;}

a.subKnop	{
  color: #5C5C5C;	
	text-decoration: none;
	PADDING: 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a.subKnop:link	{
  	color: #5C5C5C;	
	text-decoration: none;
	 
}

a.subKnop:visited	{
  	color: #5C5C5C;	
	text-decoration: none; 
}

a.subKnop:hover  {
  	color: #E0A321;	
	text-decoration: none; 
}

a.subKnop:active {
  	color: #63A3C5;	 
	text-decoration: none;
}


.subsubondersteNav	{
	color: #606060;	
	position:relative; 
	top:0px; left:0px; 
	height: 22px; 
	width: 157px;
	background-repeat: no-repeat;  
	padding: 4px 0px 0px 12px;
	margin-bottom: -3px;
	margin-right: -3px;
	text-align: left;
	float: left;
}

.categorie	{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	letter-spacing:2px;
	color:#E0A321;
	text-transform:uppercase;
	margin-left:auto;
	margin-right:auto;
}

.fotocaption	{
	font-size:10px;
	background-color:#eeeeee;
	padding-left:3px;
	margin-bottom:15px;
}

/*End subnav*/

.artikel	{
	margin-bottom:23px;
}

.nieuwsArtikel {overflow-y:hidden;margin-bottom: 10px; margin-right: 0px; clear: both;border:0px solid #cccccc;}
.nieuwsArtikel .tekst {float: left; width:331px; }
.nieuwsArtikel .afb {float: left; width: 85px; height: 85px; overflow: hidden; border: 1px solid #cccccc; padding: 0px; margin-right: 6px; margin-top: 4px; text-align: center;}
.nieuwsArtikel .tekst .datum {font-style:italic;}
/*toegevoegd door Mark@FMI 19/9/08, alleen de eerste letter is nu uppercase in plaats van ook de maand */
div.nieuwsArtikel .tekst .datum:first-letter{text-transform: capitalize;}

.nieuwsArtikel .tekst .titel {font-weight:bold;}
.nieuwsArtikel .titel	{color:#0144ac;}
.nieuwsArtikel .datum	{margin-bottom:-2px; font-size:10px;}

.nieuwsBericht {margin-bottom: 20px; margin-right: 10px;}
.nieuwsBericht .datum {margin-bottom: 20px; font-style:italic;text-transform: capitalize;}
.nieuwsBericht .ankeiler {margin-bottom: 20px; font-weight:bold;}
.nieuwsBericht .imageWrapper {width:450px; overflow-x:hidden; margin:20px 0px 20px 0px;}
.nieuwsBericht .image {margin:5px 10px 5px 0px;}

a.leesverder	{ margin-top:-9px; margin-bottom:9px;}
a.leesverder 	{float:left; color:#c78800; display:inline;}
a.leesverder:hover	{color:#c78800; display:inline;}


.archiveFormWrapper {margin:0px 0px 20px 0px;padding:10px 0px 20px 0px;border-top: 1px dotted #b5b5b5;border-bottom: 1px dotted #b5b5b5;background-color: #f5f3f3;text-align:center;}
.archiveFormWrapper form {margin:0px;padding:0px;}
.archiveFormWrapper .year{margin-left:3px;border:1px solid #cccccc;width:100px}
.archiveFormWrapper .camp{margin-left:3px;border:1px solid #cccccc;width:180px}
.archiveFormWrapper .proj{margin-left:3px;border:1px solid #cccccc;width:100px}
.archiveFormWrapper #submit {}
.archiveFormWrapper .formPositioner {margin-left:40px;}
.archiveFormWrapper .filterVeld {float:left;border: 0px dotted #cccccc;height:40px;overflow-y:hidden;margin:2px;text-align:left;}
.archiveFormWrapper .filterVeld .titel {margin-left:3px;font-weight:normal;}


/* styles voor sollicitatie formulier */
label.formLabel{
	float: left;
	width: 180px;
	margin-top: 6px;
}
.formElement{
	width: 200px;
	float:right;
	margin-top: 6px;
	
	
}
fieldset{
border : 0px;
position:relative;
width: 380px;
}
.red{
	color: red;
}
ul.formErrorMessage {
	list-style-type: none;
	padding: 10px 0px 10px 18px;
	margin: 0px;
	list-style-image: url('../images/bullet.gif');
}

.formErrorMessage li {color:#cc0707;}

/* vacature */

.vacature	{margin-top:20px; margin-bottom:20px;}

	.functieTitel, .uppercaseBoldTitel {
		font-weight:bold;
		text-transform: uppercase;
		font-size:14px;
		color:#0144ac;
		margin-bottom:10px;
	}
span.uppercaseBoldTitel	{padding-bodtom:6px;}
	
	/* vacature sollicitatieformulier */
	div.grijsAchtergrond {
		background-color:#E5E5E6;
		display:block;
		margin-top:15px;
		padding:8px;
		
	}
	
	div.formulierRegel {
		padding:2px 0px 2px 0px;
		width:360px;
		clear:both;
	}
		
	.radioSollicitatie	{margin-top:6px;}
	
	
	
	/*
	div.formLabelContainer {
		width:130px;
		float:left;	
	}
	
	div.formFieldWrapper {
		float:left;
	}
	
	input.formFieldSollicitatie {
		width:230px;
	}
	
	.sollForm {
		display:block;
		padding:20px 0px 20px 0px;
	}
	*/
	input.kiesBestand {
		width:260px;
		margin-top:5px;
	}
	input.verzenden	{
		margin:7px auto;
	}
	
	.formulierToelichting {
		margin:20px 5px 20px 0px;
	}
	
	
	/*input { border-width: expression(this.type=="text"? '1px' : '0'); }*/
	input	{cursor:pointer; border:#8C8C8C 1px solid;}
	
	label.mv {
		position:relative;
		top:-2px;
	}
	
	.formErrorMessage {
		margin:20px 0px 20px 20px;
		padding:0px;
	}
	
	.formErrorMessage li{
	  color:#ff0000;
	}
	
hr {height: 1px;
	margin:0px;
	border-style: dashed;
	border-width: 1px;
	border-color: #a8a8a8;}
	
#breadcrumb{
	
	color:#ccc;
	font-size:10px;
	
	margin-bottom:-10px;
	
}

#breadcrumb a{
	color:#ccc;
}

/* styles voor widget subsribe_unsubscribe_newsletter */
.aanAfmeldBlok {
	margin-bottom:20px;
}
.aanAfmeldBlok label.lab {
	float:left;
	width:80px;
	border:0px solid #000;
}