@charset "UTF-8";
/* CSS Document */

/* ALGEMENE BOUW VAN DE WEBSITES
/ ---------------------------------------------------------- */

body {
	text-align: center;
	font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
	background-color: #051722;
	background-image: url(../images/bg-body.png);
	background-position: left top;
	background-repeat: repeat-x;
}

.ie6 body {
	background-image: none;
}

a {
	outline: none;	
}

div#background {
	width: 950px;
	height: 580px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -290px;
	margin-left: -475px;
	background-color: #fff;
}

div#container {
	width: 950px;	
	height: 580px;
	margin-left: -475px;
	margin-top: -340px;
	left: 50%;
	top: 50%;
	text-align: left;
	display: inline-block;
	xbackground-color: #eee;
	position: absolute;
}

div#container-intro {
	width: 950px;	
	height: 580px;
	margin-left: -475px;
	margin-top: -290px;
	left: 50%;
	top: 50%;
	text-align: left;
	display: inline-block;
	position: absolute;
	background:#0057a3 url(../images/visual-intro-groot.jpg) no-repeat scroll left top;
}

div#header {
	position: absolute;
	width: 950px;
	height: 50px;
	top: 0;
	left: 0;
	xbackground-color: #fff;
	z-index: 2;
}

div#visual {
	position: absolute;
	width: 236px;
	height: 376px;
	top: 50px;
	left: 0;
	z-index: 2;
	background-color: #fff;
}

div#content {
	position: absolute;
	width: 474px;
	height: 376px;
	top: 50px;
	left: 238px;
	z-index: 2;
	background-color: #eee;
	
	
}

div#impressie {
	position: absolute;
	width: 712px;
	height: 428px;
	xbackground-color: #99C;
	top: 50px;
	left: 0;
}

div#impressie-thumbs {
	position: absolute;
	width: 950px;
	height: 150px;
	xbackground-color: #969696;
	top: 480px;
	left: 0;
	padding: 20px 0 0 0;
}

div#impressie-logo {
	position: absolute;
	width: 236px;
	height: 428px;
	top: 50px;
	right: 0;
	z-index: 2;
	background-color: #f4f4f4;
}

div#newsflash {
	position: absolute;
	width: 236px;
	height: 326px;
	top: 50px;
	right: 0;
	z-index: 2;
}

/* BACKGROUND VAN DE SUBNAV */
div#subnav-bg {
	position: absolute;
	width: 712px;
	height: 50px;
	top: 378px;
	left: 0;
	z-index: 3;
	background-color: #fff;
	opacity: 0.70;
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
}

div#subnav {
	position: absolute;
	width: 712px;
	height: 50px;
	top: 376px;
	left: 0;
	z-index: 4;
	border-top: 2px solid #fff;
}

div#nav {
	position: absolute;
	width: 712px;
	height: 50px;
	top: 428px;
	left: 0;
	z-index: 2;
	background-color: #96bad9;
}

div#logo {
	position: absolute;
	width: 236px;
	height: 100px;
	top: 378px;
	right: 0;
	z-index: 2;
	background-color: #fdc300;
}

div#logo-intro {
	position: absolute;
	width: 236px;
	height: 100px;
	top: 376px;
	right: 0;
	z-index: 2;
	background-color: #fdc300;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
}

div#map {
	position: absolute;
	width: 236px;
	height: 150px;
	top: 480px;
	left: 0;
	z-index: 2;
}

div#subcontent {
	position: absolute;
	width: 474px;
	height: 150px;
	top: 480px;
	left: 238px;
	z-index: 2;
	background-color: #0057a3;
	background-image: url(../images/bg-subcontent.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	line-height: 130%;
}

.ie6 div#subcontent, .ie7 div#subcontent {
	overflow: hidden;
}

div#disciplines {
	position: absolute;
	width: 236px;
	height: 150px;
	top: 480px;
	right: 0;
	z-index: 2;
	background-color: #0057a3;
	background-image: url(../images/bg-disciplines.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	overflow: hidden;
}