/* Overall */
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: top;
	background: #fff;
}
#mainsite {
	position:absolute;
	width:948px;
	left: 50%;
	height:100%;
	margin-left: -474px;
	text-align: left;
	background: #fff;
}

/* Main elements */
#logo {
	position:absolute;
	top: 24px;
	left: 1px;
}
#metanav {
	position:absolute;
	top: 44px;
	left: 188px;
	width: 760px;
	text-align: right;
}
#metanav ul {
	list-style: none;
}
#metanav li {
	float: right;
}
#metanav a {
	font-weight: bold;
	color: #240078;
	padding-left: 60px;
}
#metanav a:hover,
#metanav a.active {
	background: url(/images/metanav_circle.gif) no-repeat 40px 1px;
}

/* Maintable (vp en vv) */
#maintable {
	width: 100%;
	margin: 150px 0 30px;
}
.top {
	height: 380px;
}
.left {
	width: 240px;
	padding: 0 40px 0;
}
.middle {
	width: 240px;
	padding: 0 48px 0 0;
}
.right {
	width: 468px;
	padding: 0 40px 0 0;
}
.vv .left {
	width: 197px;
	padding: 0 45px 0 35px;
}
.vv .middle {
	width: 435px;
	padding: 0 35px 0 0;
}
.vv .right {
	width: 171px;
	padding: 0 30px 0 0;
}

/* Bedrijven */
.bedrijf .container {
	width: 868px;
	_width: 948px;
	padding: 0 40px;
}
.bedrijf .lijst {
	float: left;
	width: 216px;
}
.bedrijf .details {
	float: left;
	width: 587px;
	_width: 652px;
	padding: 35px 0 20px 65px;
}

/* Navigation */
#navcontainer {
	position: absolute;
	top: 84px;
	left: 188px;
}
#navcontainer ul {
	padding: 0;
	margin: 0;
	z-index: 99;
}
#nav {
	color:#fff;
	font-weight: bold;
	list-style: none;
}
#nav a {
	color:#fff;
	font-weight: bold;
}
#nav .top {
	float: left;
	width: 175px;
	_width: 190px;
	height: 32px;
	_height: 40px;
	padding: 8px 0 0 15px;
	background: #bed600;
	cursor: pointer;
}
#nav .top.nr2 	{ background: #7db017; }
#nav .top.nr3	{ background: #3c8a2e; }
#nav .top.nr4	{ background: #2c666a; }

/* Subnavigation */
.subnavcontainer {
	clear: both;
	display: none;
}
.subnavcontainer .bar {
	width: 100%;
	height: 26px;
	background: #240078 url(/images/nav_arrow_down.gif) no-repeat -14px 5px;
}
.subnavcontainer .bar.sub1 { background-position: 88px 5px; }
.subnavcontainer .bar.sub2 { background-position: 278px 5px; }
.subnavcontainer .bar.sub3 { background-position: 469px 5px; }
.subnavcontainer .bar.sub4 { background-position: 659px 5px; }

.subnavcontainer .bg {
	position: absolute;
	top: 66px;
	width: 100%;
	height: 116px;
	background: #240078;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	z-index: 1;
}
.subnav {
	position: absolute;
	z-index:99;
}
.subnav ul {
	float: left;
	width: 190px;
	height: 116px;
	color: #fff;
	overflow: hidden;
	z-index:99;
}
.subnav li {
	padding-top: 5px;
	margin-left: 32px;
}
.subnav #sub1.active {	background: #bed600; }
.subnav #sub2.active {	background: #7db017; }
.subnav #sub3.active {	background: #3c8a2e; }
.subnav #sub4.active {	background: #2c666a; }
.subnav a {
	color: #fff;
}
.subnav a:hover {
	color: #240179;
}

/* Footer */
#footer {
	clear: both;
	width: 100%;
	padding-top: 86px;
	height: 40px;
	_height: 126px;
	background: url(/images/circles.png) no-repeat 515px 0;
}
#footer div {
	width: 848px;
	_width: 100%;
	height: 28px;
	_height: 40px;
	text-align: right;
	padding: 12px 100px 0 0;
	background: #240078;
}
#footer div a {
	padding-left: 58px;
	color: #bed600;
}
.disclaimer {
	color:gray;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
}