html, body, .siteContainer{
	border: 				none;
	height:					100%;
	margin: 				0;
	padding: 				0;
}

body {
	color:					#000000; 
	background:				url(../img/bg_site.jpg) no-repeat center 0px;
	background-color: 		#035a98;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				12px;
}

.siteContainer{
	background-color:		#ffffff;
	margin:					0 auto;
	text-align:				left;
	width:					960px;
}
.siteContainer tr td{
	vertical-align:			top;
}

a{
	text-decoration:		none;
	color:					#035a98;
}
.interactieLink{
	margin-left:			30px;
	font-size: 				10px;
	text-decoration: 		none;
}
/*------------------------------------------------------------------------------------------- HEADER */
.header{
	height:					300px;
	color:					#ffffff;
}

.header .headerLogo{
	width:					304px;
	height:					125px;
}

.header .metanav{
	width:					100%;
	text-align:				right;
	color:					#035a98;
	padding:				10px 30px 0px 0px;
	text-transform:			uppercase;
	font-size:				10px;
	background:				url(../img/header/header_metanav.jpg) no-repeat;
}

.header .metanav a{
	color:					#035a98;
	text-decoration:		none;
}

.header .metanav a.active{
	font-weight:			bold;
	text-decoration:		underline;
}

.header .metanav a.flag img{
	vertical-align: 		middle;
}

.header .active{
	text-decoration:		underline;
	font-weight:			bold;
}

.header .headerTeaser{
	width:					304px;
	height:					164px;
	background:				url(../img/header/header_teaser.jpg) no-repeat;
	vertical-align:			top;
	padding:				0px 10px 0px 30px;
	font-size:				10px;
}

.header .headerTeaser h3{
	margin:					60px 0px 10px 0px;
	font-weight:			bold;
	text-transform:			uppercase;
	font-size:				10px;
	text-decoration:		none;
	color:					#fff100;
}

.header .headerTeaser h3 a{
	color:					#fff100;
	text-decoration:		none;
}

.header .headerTeaser a{
	color:					#ffffff;
	text-decoration:		none;
}

.header .headerImage{
	background:				url(../img/header/header_image.jpg) no-repeat;
}

.header .headerNavSpacer{
	height:					48px;
	background:				url(../img/header/header_spacer.jpg) no-repeat;
}

.header .topNavigation .leftSpacer{
	background:				url(../img/header/left_spacer.jpg) no-repeat;
	width:					21px;
	height:					48px;
}

.header .topNavigation .rightSpacer{
	width:					56px;
	height:					48px;
	background:				url(../img/header/right_spacer.jpg) no-repeat;
}

.subMenu{
	display:				none;
	position:				absolute;
	background:				#2576b1;
	color:					#ffffff;
	top:					325px;
	padding:				5px 2px;
	z-index:				999;
	font-size:				9px;
}
.subMenu ul{
	list-style:				none;
	text-align:				center;
	font-weight:			bold;
	text-transform:			uppercase;
	padding:				0px 5px 0px 5px;
	margin:					0px;
}

.subMenu ul li{
	border-bottom:			1px dotted #ffffff;
	padding:				4px 0px;
}
.subMenu ul li.last{
	border:					0px;
}

.subMenu a{
	text-decoration:		none;
	color:					#ffffff;
}

.subMenu a:hover{
	color:					#ffde00;
}

div.clear{
	clear:					both;
}

/*------------------------------------------------------------------------------------------- FACILITY MENU */
.facilityMenu{
	width:					300px;
	height:					246px;
	margin:					8px 24px 16px 12px;
	padding:				0px;
}

.facilityItems{
	background:				url(../img/bg_facilitymenu.gif) no-repeat;
}

.facilityItems a{
	width:					289px;
	display:				block;
	border-bottom:			1px dotted #227fc1;
	padding:				3px 0px 3px 25px;
	text-decoration:		none;
	text-transform:			uppercase;
	font-size:				10px;
	font-weight:			bold;
	color:					#006bb7;
}

.facilityItems a:hover,
.facilityItems a.active{
	background:				url(../img/facilityBullet.gif) no-repeat 10px 5px;
	color:					#114d78;
}

/*------------------------------------------------------------------------------------------- CONTENT CONTAINER */
.container{
	width:					100%;
	margin: 				0px auto;
	background-color:		#ffffff;
}

.container div.address{
	margin:					10px 0px 0px 35px;
	color:					#114d78;
}

.container div.address h3{
	font-size:				11px;
	font-weight:			bold;
	margin:					0px;
	text-transform:			uppercase;
}

.container div.address a.contact{
	color:					#035A98;
	font-weight:			bold;
	text-transform:			uppercase;
}

.container div.address a.contact:hover{
	color:					#EE3B33;
	font-weight:			bold;
	text-transform:			uppercase;
}

.container div.address a.route:hover{
	color:					#EE3B33;
}

.container div.address span{
	font-size: 				10px;
}

.banners{
	margin:					20px 20px;
}

.banners .bannerLeft{
	margin:					0px 20px 30px 10px;
}
.banners .bannerRight{
	margin:					0px 10px 0px 10px;
}

div.spacer{
	height:					20px;
}
/*------------------------------------------------------------------------------------------- CONTENT */
.content{
	width:					610px;
	margin:					4px 10px 20px 0px;
}

.content table.homepage{
/*	border-bottom:			1px dotted #227fc1;*/
}

.content h2{
	color:					#fd0100;
	font-size:				18px;
	font-weight:			bold;
	text-transform:			uppercase;
	margin:					0px 0px 5px 0px;
}

.content p{
	margin-top:				0px;
}

.content .bannerCell{
	width:					210px;
	border-left:			1px dotted #227fc1;
	padding:				0px;
}

.content .bannerCell img{
	margin:					20px 0px 5px 15px;
}
.content .bannerCell img.small{
	margin:					5px 0px 5px 15px;
}

a.btnNav{
	background:				url(../img/linkBullet.gif) no-repeat 0px 4px;
	padding-left:			10px;
	text-transform:			uppercase;
	color:					#035a98;
	font-weight:			bold;
	text-decoration:		none;
}
a.btnNav:hover{
	background:				url(../img/linkBullet_over.gif) no-repeat 0px 4px;
	padding-left:			10px;
	text-transform:			uppercase;
	color:					#ee3b33;
	font-weight:			bold;
	text-decoration:		none;
}

.pageImage{
	padding-right:			15px;
	padding-left:			15px;
	width:					150px;
}
/*------------------------------------------------------------------------------------------- NEWS */
.newsIntro{
	width:					610px;
	padding-bottom:			10px;
	border-bottom:			1px dotted #227fc1;
}

.newsItem{
	border-bottom:			1px dotted #227fc1;
	width:					610px;
	padding:				8px 20px 11px 0px;
}

* html .first{
	margin-top:				-8px;
}

*+html .first{
	margin-top:				-8px;
}

.newsItem .newsImage{
	width:					120px;
	text-align:				center;
	padding-top:			3px;
	padding-right:			0px;
}
.newsItem .newsImage img{
	border:					0px;	
}

* html .newsItem .newsImage img{
	margin-top:				10px;
}

*+html .newsItem .newsImage img{
	margin-top:				10px;
}

* html .newsLead{
	padding:				10px 0px 10px 0px;
}
*+html .newsLead{
	padding:				10px 0px 10px 0px;
}
.newsLead{
	padding:				0px;
}

.newsLead h3{
	color:					#035a98;
	font-weight:			bold;
	font-size:				13px;
	margin:				0px;
	text-transform:			uppercase;
}

.newsLead h3 a{
	color:					#035a98;
	text-decoration:		none;
}

.newsLead h3 a:hover{
	color:					#ee3b33;
}

.newsDetail{
	border-bottom:			1px dotted #227fc1;
	border-top:				1px dotted #227fc1;
	width:					610px;
}

.newsDetail .newsImage{
	width:					170px;
	padding:				5px 0px 5px 0px;
}

.newsDetail .newsFooter{
	height:					20px;
	vertical-align:			bottom;
	padding-bottom:			5px;
}

.newsContent h3{
	color:					#035a98;
	font-weight:			bold;
	font-size:				13px;
	margin:					0px;
	text-transform:			uppercase;
}

/*------------------------------------------------------------------------------------------- EMPLOYEES */
.employeeOverview{
	border-top:				1px dotted #227fc1;
}

.tableDivider{
	height:					1px;
	border:					0px;
	border-bottom:			1px dotted #227fc1;
	margin-bottom: 0px;
}

.employeeSmall{
	margin-top:				10px;
	margin-bottom:			10px;
	font-weight:			bold;
	font-size:				10px;
	vertical-align:			top;
	width:					200px;
}
.employeeSmall .employeeImage{
	width:					92px;
}

.employeeSmall .employeeName{
	color:					#035a98;
}

.employeeSmall .employeeFunction{
	color:					#000000;	
}

.navRow{
	height:					20px;
	text-transform:			uppercase;
	vertical-align:			bottom !important;
}

.employeeSmall a{
	text-transform:			uppercase;
	color:					#035a98;
	font-weight:			bold;
	text-decoration:		none;
}

.employeeSmall a:hover{
	text-transform:			uppercase;
	color:					#ee3b33;
	font-weight:			bold;
	text-decoration:		none;
}

.employeeDetail{
	width:					602px;
}

.employeeDetail .employeeName{
	font-size:				11px;
	font-weight:			bold;
	text-transform:			uppercase;
	margin:					0px 0px 10px 0px;
}

.employeeDetail .employeeImage{
	width:					165px;
	text-align:				right;
}

.employeeRoster{
	margin:					10px 0px 0px 0px;
}

.employeeRoster table,
.employeeRoster table tr,
.employeeRoster table tr td{
	border:					0px;
	text-transform:			capitalize;
}

/*------------------------------------------------------------------------------------------- FACILITIES */
.rightMenu{
	width:					116px;
	padding:				15px 10px 0px 20px;
	border-left:			1px dotted #227fc1;
}

.rightMenu table{
	width:					100%;
}

.rightMenuBorder{
	height:					2px;
	line-height:			2px;
	background:				url(../img/rightnavBorder.gif) no-repeat;
}

.rightMenu a{
	width:					92px;
	display:				block;
	border-bottom:			1px dotted #227fc1;
	padding:				3px 0px 3px 25px;
	text-decoration:		none;
	text-transform:			uppercase;
	font-size:				10px;
	font-weight:			bold;
	color:					#006bb7;
}

.rightMenu a:hover,
.rightMenu a.active{
	background:				url(../img/facilityBullet.gif) no-repeat 10px 5px;
	color:					#114d78;
}

.rightMenu a.lastItem{
	width:					92px;
	display:				block;
	border-bottom:			0px;
	padding:				3px 0px 3px 25px;
	text-decoration:		none;
	text-transform:			uppercase;
	font-size:				10px;
	font-weight:			bold;
	color:					#006bb7;
}

.lastItem{
	border:					0px;
}

.facilityDetails,
.activityDetails{
	width:					462px;
}

.facilityBody,
.activityBody{
	padding:				0px 10px 10px 0px;
}

.facilityImage,
.activityImage{
	padding:				0px 10px 0px 10px;
}

.photoGallery{
	width:					450px;
}

.photoGallery img{
	margin:					5px;
}

.videoItem{
	padding:				15px 0px 0px 0px;
}


.activityLabel{
	text-transform:			uppercase;
	color:					#035a98;
	font-weight:			bold;
	font-size:				12px;
	margin:					0px;
}

.activityOptions{
	margin-top:				5px;
	border:					1px solid #7f9db9;
	width:					225px;
	
}

.activityNav {
	margin-top:				15px;
}

/*------------------------------------------------------------------------------------------- VACANCIES */
.vacancies{
	width:					610px;
}

* html .vacancies{
	margin-top:				10px;
}

*+html .vacancies{
	margin-top:				10px;
}

.vacanciesBorder{
	background:				url(../img/vacanciesBorder.gif) repeat-x 0px 0px;
	height:					2px;
	line-height:			2px;
}

.vacancies a{
	width:					610px;
	display:				block;
	text-decoration:		none;
	text-transform:			uppercase;
	font-size:				10px;
	font-weight:			bold;
	color:					#006bb7;
	padding:				2px 0px 2px 0px;
	background:				url(../img/vacanciesFoldedOff.gif) no-repeat 590px 4px;
}

.vacancies a:hover{
	color:					#ee3b33;
	background:				url(../img/vacanciesFoldedOn.gif) no-repeat 590px 4px;	
}

.vacancieTitle{
	border-bottom:			1px dotted #ee3b33;
}

.vacancieInfo{
	width:					590px;
	display:				none;
	background-color:		#4686b3;
	color:					#ffffff;
	padding:				5px 10px;
	margin:					-1px 0px 5px 0px;	
}
.vacancieInfo a{
	color:					#ffffff;
	background:				none;
	display: 				inline;
}

.vacancieInfo a:hover{
	color:					#00406e;
}

.vacancieInfo p{
	margin:					0px;
}

.vacancieReact{
	margin-top:				5px;
	text-align:				right;
}

.vacancieReact a {
	background:				none;
	display:				inline;
	color:					#00406e;
	padding-left:			10px;
	background:				url(../img/linkBlueBullet.gif) no-repeat 0px 6px;;
}
.vacancieReact a:hover{
	background:				url(../img/linkBlueBullet_over.gif) no-repeat 0px 6px;;	
}

/*------------------------------------------------------------------------------------------- FORMS */
.formTable {
	width:				450px;
}

.formTable .frmIntro{
	padding:			0px 0px 10px 0px;
}

.formTable .frmCaption{
	width:					150px;
	display:				block;
}

.formTable .txtContent input.input, .formTable .txtContent textarea {
	background:			url(../img/bgTextForm.gif) no-repeat -1px -1px;
	border:				1px solid #114d78;
}

.formTable .txtContent input.input {
	width:				250px;
}

.formTable textarea {
	width: 				250px;
	height:				80px;
}


#bannerContainer{
	margin: 20px 0px;
}
#bannerContainer img{
	margin: 0px 10px 0px 0px;
}

span.aanbod{
	color:#FD0100;
	font-size:18px;
	font-weight:bold;
	margin: 23px 0px 0px 10px;
	text-transform:uppercase;

}

.facebook-button{
	margin: 0px 0px 0px 10px;	
}