html {
	height: 100%;
	margin-bottom: 1px;
	-ms-overflow-y: scroll;
}

body {
	background: #E2E3E4 url('../images/bg_page.gif') repeat-y center center;
	text-align: center;
	margin: 0px; padding: 0px;
	height: 100%;
}

body, #page, div {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #64584d;
}

#page {
	position: relative;
	width: 930px; height: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding: 0px 10px 0px 10px;
	text-align: left;
	background-color: #FFF;
}

#pageContainer {
	position: relative;
	width: 930px; height: 100%;
	top: 0px; left: 0px;

}

/*-------- General styles -----------*/
H1 {font: normal 28px Georgia, 'Times New Roman', Times, serif; color: #6B6B6B; margin: 0px 0px 5px 0px;}
H2 {font: normal 22px Georgia, 'Times New Roman', Times, serif; color: #6B6B6B; margin: 0px 0px 5px 0px;}
H3 {font: normal 17px Georgia, 'Times New Roman', Times, serif; color: #6B6B6B; margin: 0px;}
H4 {font: bold 14px Verdana,Arial, Helvetica, Sans-serif; color: #6B6B6B; margin: 0px;}
H5 {font: bold 12px Verdana,Arial, Helvetica, Sans-serif; color: #6B6B6B; margin: 0px;}
H6 {font: bold 11px Georgia, 'Times New Roman', Times, serif; color: #6B6B6B; margin: 0px;}
P {margin: 0px;}
FORM {margin: 0px;}
IMG {border: 0px;}
TD {vertical-align: top;}
HR {height: 1px; clear: both;border-left: none; border-right: none; border-top: 1px solid #DADADA; border-bottom: none;}
HR.rulerspace {height: 1px; clear: both;border-left: none; border-right: none; border-top: 1px solid #DADADA; border-bottom: none; margin: 10px 0px;}
a {text-decoration: none; color: #145190;}
a.arrow {background: url('../images/arrow_link.gif') no-repeat; background-position: 0px 3px; padding-left: 8px;}
a.arrowback {background: url('../images/arrow_linkback.gif') no-repeat; background-position: 0px 3px; padding-left: 8px;}
a.pdf {background: url('../images/icon_pdf.gif') no-repeat; background-position: 0px 0px; padding-left: 15px; display: block; height: 14px; margin-bottom: 2px;}
.hidden {display: none;}

.whitespace {margin: 0px 0px 15px 0px;}

UL {list-style: square outside; margin-top: 1px; margin-left: 20px; padding:0px;}
LI {margin-left: 0px; margin-bottom: 0px; padding: 1px 0px 3px 0px;}


div#header {width:930px; height: 66px; background: #FFF url('../images/bg_header.gif') no-repeat;}
div#header #logo {position: absolute; top: 15px; left: 17px; width: 280px; height: 66px; z-index: 2;}
div#header #searchContainer {position: absolute; top: 12px; right: 10px; height: 66px; z-index: 2; text-align: right;}
div#header #secondairyMenu {position: absolute; top: 12px; right: 200px; width: 400px; height: 66px; z-index: 2; text-align: right; font-size: 11px;}
div#header #secondairyMenu a {margin-right: 10px;}

.searchBox {height: 15px; border: 1px solid #a5acb2; width: 145px; padding: 1px; margin: 0px 4px 0px 0px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; float: left; }
.searchButton {width: 21px; height: 19px; background: url('../images/bt_search_n.gif') no-repeat; padding: 0px; margin: 0px; border: 0px; cursor: pointer; float: left;}
.searchButton:hover {width: 21px; height: 19px; background: url('../images/bt_search_h.gif') no-repeat; padding: 0px; margin: 0px; border: 0px; cursor: pointer; float: left;}


/*-------- TOP MENU -----------*/
#topMenu {position: relative; color: #ebf5ff; background-color: #0b1e89; padding: 0px 0px 0px 0px; height: 32px;z-index: 100;}
#topMenu a {
	font: normal 17px Georgia, 'Times New Roman', Times, serif;
	color: #ebf5ff; background-color: #0b1e89;
	padding: 6px 15px 5px 15px; text-decoration: none;
	border-right: 1px dashed #7990a8;
	float: left; display: block; height: 21px;
}
#topMenu a:hover {
	font: normal 17px Georgia, 'Times New Roman', Times, serif;
	color: #ebf5ff; background-color: #375aa9;
	padding: 6px 15px 5px 15px; text-decoration: none;
	border-right: 1px dashed #7990a8;
	float: left; display: block; height: 21px;
}

#topMenu ul, #topMenu li {position: relative;list-style: none outside; margin: 0px; padding: 0px; float: left;}

#topMenu ul li div.niv2 {display: none;}
#topMenu ul li:hover div.niv2 {position: absolute; top: 32px; width: 225px; left: 0px; z-index: 1000; display: block; background-colodr: #0b1e89; background: lime;}

#topMenu ul li ul li a {
	width: 200px;
	font: normal 14px Georgia, 'Times New Roman', Times, serif;
	color: #ebf5ff; background-color: #0b1e89;
	padding: 6px 15px 5px 15px; text-decoration: none;
	border-right: 0px dashed #7990a8; border-top: 1px solid #7990a8;
	float: left; display: block; height: 21px;

}
#topMenu ul li ul li a:hover {
	width: 200px;
	font: normal 14px Georgia, 'Times New Roman', Times, serif;
	color: #ebf5ff; background-color: #375aa9;
	padding: 6px 15px 5px 15px; text-decoration: none;
	border-right: 0px dashed #7990a8; border-top: 1px solid #7990a8;
	float: left; display: block; height: 21px;

}



#visual {width: 930px; height: 300px;}
#visualVideo {width: 930px; height: 300px; background: #000 url('../images/bg_videoplayer.jpg') no-repeat; text-align: center;}




/*----------- CONTENT ---------------*/
#contentContainer {margin-top: 20px; float: left; clear: right; background: url('../images/bg_content_index.gif') repeat-y; margin-bottom: 20px;}
#contentContainer #indexCol1 {width: 210px; float: left; padding: 0px 12px 0px 10px;}
#contentContainer #indexCol2 {width: 450px; float: left; padding: 0px 15px;}
#contentContainer #indexCol3 {width: 208px; float: left; padding: 0px 0px 0px 10px;}


/*----------- CONTENT VERVOLG ---------------*/
#contentContainerVervolg {margin-top: 20px; float: left; clear: right; background: url('../images/bg_content_vervolg.gif') repeat-y; margin-bottom: 20px;}
#contentContainerVervolg #vervolgCol1 {width: 242px; float: left; padding: 0px 12px 0px 0px;}
#contentContainerVervolg #vervolgCol2 {width: 402px; float: left; padding: 0px 15px;}
#contentContainerVervolg #vervolgCol3 {width: 234px; float: left; padding: 0px 0px 0px 10px;}

/*----------- CONTENT BREED VERVOLG ---------------*/
#contentContainerVervolgBreed {margin-top: 20px; float: left; clear: right; background: url('../images/bg_content_vervolgbreed.gif') repeat-y; margin-bottom: 20px;}
#contentContainerVervolgBreed #vervolgBreedCol1 {width: 242px; float: left; padding: 0px 12px 0px 0px;}
#contentContainerVervolgBreed #vervolgBreedCol2 {width: 646px; float: left; padding: 0px 15px;}


/*------------ Divisies tabbar ----------*/
div.tabBarContainer {
	width: 450px; padding-bottom: 15px; background: url('../images/tabbar_bg.gif') no-repeat;
}

ul.tabBar {
	list-style: none;
	padding: 0px;
	margin: 0px;
	z-index: 800;
	width: 450px;
}

*html ul.tabBar li {
	width: 50px; /* Hack for IE6 */
}

ul.tabBar li {
	list-style: none;
	float: left;
	margin: 0px;
	padding: 0px 1px;
}

ul.tabBar li.inactive {
	position: relative; z-index: 10; background: url('../images/tabbar_bg_left_inactive.gif') no-repeat 0px 0px;
}

ul.tabBar li.inactive a.tab {
	position: relative; z-index: 10; display: block; height: 25px; padding: 0px; margin-right: 3px; margin-left: 3px; margin-top: 0px;
	font: normal 12px Verdana,Arial,Helvetica,Sans-serif; color: #10248c; text-decoration: none; cursor: pointer;
	white-space: nowrap;
}

ul.tabBar li.inactive a.tab span {
	background: url('../images/tabbar_bg_right_inactive.gif') no-repeat top right; display: block;
	height: 21px; padding: 5px 7px 0px 3px; margin-top: 0px;
}

ul.tabBar li.active {
	position: relative; z-index: 10; background: url('../images/tabbar_bg_left_active.gif') no-repeat 0px 0px;
}

ul.tabBar li.active a.tab {
	position: relative; z-index: 10; display: block; height: 25px; padding: 0px; margin-right: 3px; margin-left: 3px; margin-top: 0px;
	font: normal 12px Verdana,Arial,Helvetica,Sans-serif; color: #10248c; text-decoration: none; cursor: pointer;
	white-space: nowrap;
}

ul.tabBar li.active a.tab span {
	background: url('../images/tabbar_bg_right_active.gif') no-repeat top right; display: block;
	height: 21px; padding: 5px 7px 0px 3px; margin-top: 0px;
}

.divisieList {margin: 0px 15px 15px 15px; padding-top: 35px; display: block;}

.divisieList ul, .divisieList ul li {
		list-style: none;
		margin: 0px;
}

.divisieList ul li a.divisieLink {
		padding: 3px 0px 4px 0px;
		width: 418px; display: block;
		margin: 0px; floadt: left;
		border-bottom: 1px solid #dedcd9;
		background: #FFF url('../images/divisie_arrow.gif') no-repeat top right;
}

.divisieList ul li a.divisieLink:hover {
		padding: 3px 0px 4px 0px;
		width: 418px; display: block;
		margin: 0px; floadt: left;
		border-bottom: 1px solid #dedcd9;
		background: #f3faff url('../images/divisie_arrow_h.gif') no-repeat top right;
}


/*-------- LEFT MENU -----------*/
#leftMenu {padding-bottom: 20px;}

#leftMenu ul {
		list-style: none;
		margin: 0px; padding: 0px 0px 0px 0px;
		border-bottom: 1px solid #DADADA;
}
#leftMenu ul li {
		list-style: none;
		margin: 0px; padding: 0px 0px 0px 0px;
		border-top: 1px solid #DADADA;
}
#leftMenu ul li a.niv1active {display: block; width: 232px; padding: 3px 0px 5px 10px; font: normal 14px Georgia, 'Times New Roman', Times, serif; background-color: #F3FAFF;}
#leftMenu ul li a.niv1 {display: block; width: 232px; padding: 3px 0px 5px 10px; font: normal 14px Georgia, 'Times New Roman', Times, serif; background-color: #FFF;}



/*-------- KAART --------------*/
div.city {position:absolute;top:10px;left:10px;width:160px;z-index:2; padding: 4px 10px 7px 10px; font-size: 11px; line-height: 16px; background-color: #FFF; border: 1px solid #669bd3;}
a.divisielink {font-size: 11px; line-height: 16px; }
div.city H2 {float: right; font-size: 17px;}

table.locatie_adres {table-layout: fixed;}
table.locatie_adres td {padding: 5px 0px;}

.copyright {font-size: 11px; height: 30px; padding-top: 5px; padding-left: 8px; clear: both; border-top: 3px solid #F0F0F0; color: #666; }
.copyright a {font-size: 11px; margin-left: 10px;}

.sidebarBlock { padding-top: 5px; border-top: 1px solid #dedcd9; padding-bottom: 25px; }



/*----------- SIDEBAR ITEMS ---------------*/
.sidebarAfbeelding {border: 1px solid #DADADA; width: 223px; padding: 5px; font-size: 10px; line-height: 12px; margin-bottom: 15px;}
.sidebarAfbeelding img {margin-bottom: 3px;}
.bannerblok { margin-bottom: 15px;}



/*---------- NIEUWS -------------*/
.nieuwsJaarSelector {background: #f2f2f2; border-bottom: 1px solid #DADADA; margin-top: 15px; padding: 5px 5px; text-align: right;}
.nieuwsJaarSelector select {font: normal 11px Verdana, Arial, Helvetica, sans-serif;}
.datum {display: block; text-align: right; font-size: 10px;color: #9c9c9c;}



/*---------- FORMS --------------*/
.xsformbuilder_simple_textbox {width: 260px; border: 1px solid #a5acb2; padding:3px;margin:0px; font: normal 11px Arial, Helvetica, sans-serif; background: #f3faff;}
.xsformbuilder_large_textbox {width: 260px; height: 160px; border: 1px solid #a5acb2; padding:3px;margin:0px; font: normal 11px Arial, Helvetica, sans-serif; background: #f3faff;}
.button {border: 1px solid #0E5CAC; background: #FFF; cursor:pointer;}
.button:hover {border: 1px solid #0E5CAC; background: #0E5CAC; color: #FFF; cursor:pointer;}
.xsformbuilder_small_textbox {width: 260px; border: 1px solid #a5acb2; padding:3px;margin:0px; font: normal 11px Arial, Helvetica, sans-serif; display:none; }



/*---------- LIGHTBOX -------------*/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; display: none;}
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;}
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(../images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
	}



/*-------- Zoeken --------*/
.xsearchKeyword, .xsearchHighlightedKeyword {
	font-weight: bold; color: #00a2ff;
}

.xsearchSearchboxContainer {
	padding: 6px 0px 2px 0px;
	margin: 0px 0px 10px 0px;
	height:24px;
	background: #FFF;
	width: 600px;
}

.xsearchPageTitle {
	 font: bold 14px verdana,Arial, Helvetica, sans-serif;
}

.xsearchResultsMessageContainer {
	margin-bottom: 10px;
}

.xsearchResult {
	width: 600px;
	margin-bottom: 10px; padding-top: 10px; border-top: 1px solid #e4e4e4;
	overflow: hisdden;
}

.xsearchNavbarContainer {
	margin-bottom: 0px;
}
.xsearchModifiedDate {color: #999;}

.xsearchUrlDate {font: normal 10px verdana,arial,helvetica,sans-serif; color: #777;}
.xsearchUrlDate a {color: #999;}


/*------------------ History tool --------------------*/
.timelineContainer {position: relative; width: 930px; height: 300px; margin: 20px 0px; background: #8eb5db url('../images/bg_historie.jpg') repeat-x;}
.timelineRotatorContainer {position: relative; width: 864px; height: 300px; overflow:hidden; left: 33px;}

.timelineButtonPrevious {position:absolute; top: 0px; left: 0px; width: 32px; height: 300px; z-index:15;}
.timelineButtonNext {position:absolute; top: 0px; right: 0px; width: 32px; height: 300px; z-index:15;}

#timelineschuif {position: relative;}
#timelineschuif .rotatingContent {position: relative; padding-left: 0px; padding-top: 14px; background: url('../images/historytool_kader.gif') no-repeat; height: 300px;}
.timelinePhoto {position:absolute; top: 30px; left: 47px; z-index:15; width: 288px;}
.timelineArrow {position:absolute; top: 222px; left: 80px; width: 20px; height: 10px; z-index:15; display: none;}

.timelineText {position:absolute; top: 226px; left: 50px; width: 190px; height: 26px; z-index:15; font: normal 11px Georgia, 'Times New Roman', Times, serif; color: #FFF; }
.timelineText h2 {margin: 0px 0px 0px 0px; font: normal 11px Georgia, 'Times New Roman', Times, serif; color: #FFF;}

#timelineOverzicht {table-layout:fixed; width: 684px; border-bottom: 1px dotted #d4f1ff;}
#timelineOverzicht td {padding: 3px 0px 5px 0px; border-top: 1px solid #d4f1ff;}
#timelineOverzicht .timelineCol1 {width: 50px;}
#timelineOverzicht .timelineCol2 {width: 690px;}
#timelineOverzicht h3 {}


/*------------------ Organogram --------------------*/
div.organogramPerson {
	width:144px;height:169px;
	float:left; margin-right:10px;
	padding: 2px;

}
div.organogramPersonText {
	padding: 2px 3px 0px 3px;
	font: normal 10px/12px arial,helvetica,sans-serif; color: #666;
}


/*------------------ SOllicitatie formulier -------------------*/

table.formTable {table-layout: fixed; width: 600px;}
table.formTable td {border-top: 1px solid #F1F1F1; padding: 3px 0px 3px 0px;}
td.formCol1 {width: 160px; font-weight: bold;}
td.formCol2 {width: 440px;line-height: 22px;}
div.funcGrp {float: left; width: 220px; line-height: 22px;}
.veld1 {width: 100px;}
.veld2 {width: 260px;}
.veld3 {width: 400px;}
.uitleg {fonst-size: 10px; color: #999;}
textarea {font: normal 12px arial,helvetica,sans-serif; width: 300px;}