/* 3COL FIXED CENTER : CONTENT */

/* HEADER */
#header {
	height: 120px;
}

/* CONTENT */
.content {
	position: relative;
	float: left;
	display: inline;
	clear: both;
	width: 100%;
}	

	.contentfull{
		position: relative;
		float: left;
		clear: both;
		width: 920px;
		padding: 15px 15px 0 15px;
		margin: 0 0 15px 0;
		min-height:325px; height:auto !important; height:325px;
	}
	
	.contentLeft {
		float: left;
		width: 585px;
		padding: 10px 15px 10px 15px;
		margin: 0;
		min-height:325px; height:auto !important; height:325px;
	}
	.contentRight {
		float: left;
		width: 285px;
		padding: 10px 15px 0 35px;
		margin: 0 0 25px;
		background: url(../assets/bgr_right.jpg) left top no-repeat;
		min-height:325px; height:auto !important; height:325px;
	}
	
		.boxRight, .boxRightMW {
			float: left;
			width: 253px;
			padding: 15px;
			border: 1px solid #eee;
			margin: 0 0 15px 0;
		}
		.boxRight h3 {
			color: #004B8D;
			margin: 0 0 5px 0;
		}
		.boxRight p {
			font-size: 10px;
			line-height: 14px;
		}
			.boxRightMW img {
				margin-bottom: 0;
			}
			.boxRightMW p {
				float: left;
				width: 138px;
				font-size: 12px;
			}
				.boxRightMW p strong {
					font-size: 14px;
					line-height: 20px;
					color: #004B8D;
				}
			

/* VISUAL */
.visual {
	position: relative;
	float: left;
	clear: both;
	display: inline;
}

.mask {
	position: absolute;
	top: 0;
	z-index: 999;
	display: none;
	visibility: hidden;
}
	#mask1 { left: 251px; }
	#mask2 { left: 322px; }
	#mask3 { left: 445px; }
	#mask4 { left: 542px; }
	#mask5 { left: 619px; }
	
	.show { 
		display: inline;
		visibility: visible;
	}

/* NEWS */
.news {
	position: relative;
	float: left;
	display: inline;
	clear: both;
	width: 950px;
	margin: 0 0 30px 0;
	background: url(../assets/bgr_news.jpg) no-repeat;
}
	.item {
		position: relative;
		float: left;
		display: inline;
		width: 165px;
		padding: 10px 10px 0 15px;
		cursor: pointer;
	}
		
		.item .height {
			float: left;
			width: 100%;
			height: 240px;
		}
	
		.item h3 {
			color: #004b8d;
			margin: 0 0 10px 0;
		}
			.item h3.fix {
				height: 40px;
			}
		
		.item img {
			margin: 0 0 10px 0;
			width: 160px;
			
		}
		
		.item p {
			margin: 0 0 20px 0;
			font-size: 10px;
			line-height: 16px;
			min-height:32px; height:auto !important; height:32px;
			color: #999;
		}
			.item p.subtitle {
				margin: 0 0 10px 0;
				font-size: 12px;
				line-height: 18px;
				font-weight: bold;
				color: #888;
			}
			
		.item .button span,
		.item .button:link span {
			width: 115px;
		}
		
	.hoverItem { background-color: #fdeb00; }
	.hoverItem p { color: #004b8d; }
	.hoverItem p.subtitle { color: #004b8d; }
	.hoverItem p a { color: #004b8d; }
	
/* BREADCRUMBS */
.breadcrumbs {
	padding: 10px 15px 10px 15px;
}
	.breadcrumbs p {
		margin: 0;
		font-size: 9px;
		line-height: 14px;
		color: #999;
	}
		.breadcrumbs a,
		.breadcrumbs a:link,
		.breadcrumbs a:visited,
		.breadcrumbs a:active {
			color: #999;
			text-decoration: underline;
		}
		
		.breadcrumbs a:hover {
			color: #666;
			text-decoration: none;
		}

/* SEARCH */
.search {
	float: left;
	width: 285px;
	padding: 10px 15px;
	margin: 0 15px 25px 0;
	background: #fafafa;
}

	.searchbox {
		float: left;
		width: 100%;
		background: #f2f2f2;
		margin: 0 0 10px 0;
	}
	.step1 {
		margin-bottom: 0;
	}
	.step2 {
		padding-top: 15px;
		background: #f2f2f2 url(../assets/bgr_step.jpg) right top no-repeat;
	}
		.searchbox h2 {
			font-size: 15px;
			color: #666;
			padding: 2px 0 2px 10px;
			margin: 0 0 5px 0;
			background: #e4e4e4;
		}
			.step2 h2 {
				background: transparent;
			}
	
		.searchbox p {
			clear: both;
			font-size: 10px;
			padding-left: 10px;
			margin: 0 0 5px 0;
		}
			.step2left, .step2right {
				float: left;
				width: 142px;
			}
			.step2left p, .step2right p {
				line-height: 14px;
				margin-bottom: 8px;
				height: 28px;
			}
		
		.searchbox .label {
			float: left;
			width: 130px;
			padding-left: 10px;
			font-size: 10px;
			margin-bottom: 10px;
		}
			.searchbox .label span {
				float: left;
				clear: left;
			}
			.searchbox .label input {
				float: left;
				clear: left;
				width: 120px;
				font-size: 11px;
			}
		
		.searchbox select {
			float: left;
			width: 120px;
			margin: 0 0 10px 10px;
			font-size: 11px;
		}
		.searchbox select.place {
			clear: left;
		}
		
	.regios {
		float: left;
		width: 288px;
		border: 1px solid #e6e6e6;
		margin: 0 0 15px 0;
		background: #fefefe;
	}
	
	.regios a.again,
	.regios a.again:link {
		float: right;
		width: 266px;
		text-align: right;
		margin: 6px 12px 6px 0;
		text-decoration: none;
		color: #999;
		font-size: 10px;
	}
	.regios a.again:hover {
		text-decoration: underline;
	}

/* GEO */
.geo {
	float: left;
	width: 588px;
	padding: 10px 0 0 15px;
	margin: 0 0 25px 0;
	border: 1px solid #f3f3f3;
}
	
	.geo h2 {
		font-size: 15px;
		color: #666;
		padding: 2px;
		margin: 0 0 5px 0;
	}
	.geo p {
		font-size: 9px;
		line-height: 16px;
		color: #000;
	}
	
	.geo .map {
		float: right;
		width: 369px;
	}
	.geo .map a.zoom,
	.geo .map a.zoom:link {
		position: absolute;
		bottom: 40px;
		right: 15px;
		padding-right: 22px;
		background: url(../assets/bgr_zoom.jpg) right top no-repeat;
		text-decoration: none;
		color: #999;
		font-size: 9px;
	}
		.geo .map a.zoom:hover {
			text-decoration: underline;
		}
		
/* DETAIL */
.detail {
	float: left;
	width: 569px;
	padding: 30px 27px 0 15px;
}

	.detail h1 {
		padding-bottom: 5px;
		margin: 0 0 7px 0;
		border-bottom: 1px solid #bbb;
	}
		a.back,
		a.back:link {
			float: right;
			font-size: 9px;
			text-decoration: none;
		}
		a.back:hover {
			text-decoration: underline;
		}
	.detail .breadcrumb {
		font-size: 9px;
		line-height: 14px;
		color: #999;
	}
	
	.detail h2 {
		font-size: 16px;
		color: #666;
	}

	.detail .algemeen {
		float: left;
		width: 100%;
	}
		.detail .algemeen h2 {
			background: #fff204;
			padding: 2px 0 2px 8px;
			margin: 0;
		}
		
		.detail .algemeen .infotabel {
			float: left;
			width: 569px;
			border-width: 0 1px 1px 1px;
			border-style: solid;
			border-color: #fff204;
			margin: 0 0 15px 0;
		}
		
			.detail .algemeen .infotabel tr td {
				vertical-align: top;
				padding: 5px 15px;
				width: 128px;
			}
				.detail .algemeen .infotabel tr.even td {
					background-color: #fffbcc;
				}
				.detail .algemeen .infotabel tr.first td {
					padding-top: 10px;
				}
				.detail .algemeen .infotabel tr.last td {
					padding-bottom: 10px;
				}
				
			.detail .algemeen .infotabel tr td.label {
				font-weight: bold;
				font-size: 12px;
				width: 100px;
			}
		
		.detail .algemeen .clear {
			float: left;
			width: 100%;
			margin: 0 0 15px 0;
		}
		
		.extratabel {
			float: left;
			width: 277px; 
			margin: 0 0 15px 0;
		}
			
			.extratabel tr {
				background: url(../assets/bgr_dots.jpg) bottom repeat-x;
			}
			
				.extratabel tr td {
					vertical-align: top;
					padding: 2px 15px 5px 15px;
					width: 128px;
				}
					
				.extratabel tr td.label {
					font-weight: bold;
					font-size: 12px;
					width: 100px;
				}
		
		.medewerkers {
			float: left;
			width: 100%;
			margin-bottom: 15px;
		}
			.medewerkers table {
				width: 100%;
			}		
				.medewerkers tr {
				}
					.medewerkers tr td {
						padding: 15px 5px 15px 0;
						vertical-align: top;
					}
						.medewerkers tr td a,
						.medewerkers tr td a:link {
							font-weight: bold;
						}
					.medewerkers tr.even td {
						background: #f9f9f9;
					}
			
		
	
/* EXTRA */	

.extra {
	float: left;
	width: 324px;
	padding: 30px 0 0 0;
}

	.extra a.zoom,
	.extra a.zoom:link {
		float: right;
		padding-right: 22px;
		margin: 6px 0;
		background: url(../assets/bgr_zoom.jpg) right top no-repeat;
		text-decoration: none;
		color: #999;
		font-size: 9px;
	}
	.extra a.zoom:hover {
		text-decoration: underline;
	}
	
	.gallery {
		float: left;
		margin-left: 3px;
		width: 321px;
	}
		.gallery .center {
			width: 321px;
			height: 321px;
			background: #f7f7f7; 
			display: table-cell;
			vertical-align: middle;
			text-align: center;
		}
		.gallery img {
			margin: auto;
			cursor: pointer;
		}
		
	.scrollable {
		float: left;
		width: 324px;
		padding: 4px 0;
		margin: 0 0 15px 0;
	}
		.scrollable img {
			float: left;
			margin: 0;
			cursor: pointer;
			min-height: 35px;
		}
		
	.info {
		float: left;
		width: 321px;
		margin-left: 3px;
	}
		.info h2 {
			padding: 2px 0 2px 10px;
			margin: 0;
			color: #666;
			background: #ededed;
		}
			.info h2.icon {
				background: #ededed url(../assets/bgr_icon.jpg) right center no-repeat;
			}
		
		.info ul {
			border-width: 0 1px 1px 1px;
			border-style: solid;
			border-color: #ededed;
			padding: 3px 0;
			margin: 0 0 15px 0;
		}
		.info ul.fill {
			background: #ededed;
		}
			.info ul li {
				margin: 0;
				padding: 3px 10px;
			}
				.info ul li.even {
					background: #f6f6f6;
				}

		


/* NAVBOX */
.navBox {
	position: relative;
	float: left;
	display: inline;
	clear: both;
	width: 188px;
	border: 1px solid #ccc;
	margin: 10px 0 10px 10px;
}
	.navBox h5{
		padding: 5px;
		margin: 0;
		border-bottom: 1px solid #ccc;
		background: #f5f5f5;
	}
		
	.navBox ul{
		position: relative;
		float: left;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.navBox ul li{
		position: relative;
		float: left;
		width: 100%;
		padding: 0;
		margin: 0;
		border-bottom: 1px dotted #ccc;
	}
		.navBox ul li.odd{
			background: #eee;
		}
		.navBox ul li.even{
			background: #fff;
		}
		.navBox ul li.end{
			border-bottom: none;
		}
		
		.navBox ul li a,
		.navBox ul li a:link,
		.navBox ul li a:visited,
		.navBox ul li a:active {
			position: relative;
			float: left;
			display: inline;
			width: 96%;
			padding: 5px 2%;
			margin: 0;
			color: #666;
			font-size: 11px;
			line-height: 14px;
			text-decoration: none;
			background-color: transparent;
		}
			.navBox ul li a:hover {
				text-decoration: underline;
			}
			
	.navBox p {
		position: relative;
		float: left;
		padding: 5px;
		margin: 0;
		font: 9px/14px Arial, Helvetica, Verdana, sans-serif; 
	}
		.navBox input.inputBox {
			position: relative;
			float: left;
			height: 18px;
			width: 75%;
			padding: 0 5px;
			margin: 0 0 5px 5px;
			border: 1px solid #ccc;
			font: 11px/18px Arial, Helvetica, Verdana, sans-serif; 
			color: #666;
		}
		.navBox a.go,
		.navBox a.go:link,
		.navBox a.go:visited,
		.navBox a.go:active {
			position: relative;
			float: left;
			height: 18px;
			width: 18px;
			padding: 0;
			margin: 0;
			border: 1px solid #ccc;
			border-left-width: 0;
			background-color: #ccc;
			text-align: center;
			text-decoration: none;
			color: #fff;
			font: 10px/16px Arial, Helvetica, Verdana, sans-serif;
			font-weight: bold;
		}
			.navBox a.go:hover {
				background-color: #fff;
				color: #ccc;
				text-decoration: none;
			}
	.navBox p.archive {	
		float: none;
		clear: both;
		margin: 0;
		background: #f5f5f5;
		text-align: right;
		font: 9px/14px Arial, Helvetica, Verdana, sans-serif; 
	}
	.navBox p.title {	
		float: none;
		clear: both;
		margin: 0;
		text-align: left;
		font: 9px/14px Arial, Helvetica, Verdana, sans-serif; 
		background: #f5f5f5;
		border-bottom: 1px dotted #ccc;
	}
	.navBox p.empty {	
		float: none;
		clear: both;
		margin: 0;
		text-align: left;
		font: 9px/14px Arial, Helvetica, Verdana, sans-serif; 
		background: #fff;
		border-bottom: 1px dotted #ccc;
	}
	

/* FOOTER */
#footer {
	border-top: 1px solid #e4e4e4;
	background: #f8f8f8;
}
	
	#footer h5 {
		margin-bottom: 10px;
	}

	#footer .ezine {
		position: relative;
		float: left;
		display: inline;
		width: 345px;
		padding: 10px 15px;
		border-top: 1px solid #fff;
		border-right: 1px solid #e4e4e4;
	}
		#footer .ezine .navBox {
			border: 4px solid #efefef;
			width: 308px;
			padding: 5px 15px;
			background: #fff;
		}
		#footer .ezine .navBox p {
			padding: 5px 0;
		}
		#footer .ezine .navBox .inputBox {
			width: 170px;
			margin: 1px 15px 10px 0;
		}
		
	#footer .sitemap {
		position: relative;
		float: left;
		display: inline;
		width: 543px;
		padding: 10px 15px;
		border-left: 1px solid #fff;
	}
		#footer .sitemap ul {
			float: left;
			width: 160px;
			margin: 0 30px 0 0;
		}
		#footer .sitemap ul.last {
			margin: 0;
		}
			#footer .sitemap ul li {
				margin: 0;
				font-size: 10px;
				line-height: 18px;
				list-style-image: none;
			}
			#footer .sitemap ul li strong {
				margin: 0;
				font-size: 11px;
			}
				#footer .sitemap ul li a,
				#footer .sitemap ul li a:link {
					text-decoration: none;
				}
				#footer .sitemap ul li a:hover {
					color: #003F83;
				}

	#footer p.footer {
		position: relative;
		float: right;
		width: 100%;
		padding: 10px 0 10px 0;
		margin: 0;
		background: #fff;
		color: #999;
		text-align: right;
		font: 10px/16px Arial, Helvetica, Verdana, sans-serif; 
	}
		#footer p.footer a,
		#footer p.footer a:link {
			color: #999;
		}
		#footer p.footer a:hover {
			text-decoration: none;
		}