body, html {
	height:100%;
	width:100%; 
	}

body {
	margin:0px auto;
	padding:0;
	text-align:center;
	background:#336699;
	font:11px/16px arial, helvetica, sans-serif;
	}

#container {
	margin:0 auto;
	position:relative;
	width:980px;
	background:#fff; 
	text-align:left;
	color:#303030;
	}

#logo {
	position:absolute;
	width:325px;
	height:250px;
	background:#3c3c4b;
	margin:0px;
	padding:0px;
	overflow:hidden;
	}
	
#header {
	position:absolute;
	height:125px;
	top:0px;
	left:325px;
	width:655px;
	background:#3c3c4b;
	overflow:hidden;		
	}	

/* Navigation related */
#navcontainer {
	position:absolute;
	height:125px;
	top:125px;
	left:325px;
	width:655px;
	background:#000;
	overflow:hidden;		
}
	
#navlist {
	background:#000;
	margin:0px;
	padding:0px;
	height:47px;
	width:655px;
	}

#navlist li {
	display:inline;
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
	}

#navlist li a:link, #navlist li a:visited {
	font:bold 9px/37px arial, helvetica, sans-serif;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	display:block;
	margin:0px;
	height:35px;
	width:109px;
	text-align:left;
	}

#navlist li a#current
	{
	color:#0099cc;
	background:#3c3c4b;
	border-bottom:solid 12px #0099cc;
	}
	
#navlist li a#current110 /* 110 pixels voor 'links' */
	{
	width:110px;
	color:#0099cc;
	background:#3c3c4b;
	border-bottom:solid 12px #0099cc;
	}	
	
#navlist li a:hover	{
	color:#fff;
	text-decoration:none;
	background:#ccc;
	text-align:left;
	text-transform:uppercase;
	font:bold 9px/37px arial, helvetica, sans-serif;
	}

#navlist li a#nav1 {color:#fff; background:#5a5a5a;}
#navlist li a#nav2 {color:#fff; background:#6e6e6e;}
#navlist li a#nav3 {color:#fff; background:#828282;}
#navlist li a#nav4 {color:#fff; background:#969696;}
#navlist li a#nav5 {color:#fff; background:#aaaaaa;}
#navlist li a#nav6 {width:110px; color:#fff; background:#b4b4b4;} /* 'links' +1 pixel om de 655 breedte te halen */
#navlist li a#nav1:hover, #navlist li a#nav2:hover, #navlist li a#nav3:hover, #navlist li a#nav4:hover, #navlist li a#nav5:hover, #navlist li a#nav6:hover {color:#0099cc; text-decoration:none; background:#3c3c4b; border-bottom:solid 12px #0099cc;}
/* End navigation related */

#wrap-white {
	width:980px;
	height:700px;
	color:#000;	
	background:#fff;
	}

#col1 {
	position:absolute;
	top:250px;
	left:5px;
	width:320px;
	height:445px;
	background:#0099cc;
	}
#col2 {
	position:absolute;
	top:250px;	
	left:330px;
	width:320px;
	height:445px;
	background:#0099cc;
	}
#col3 {
	position:absolute;
	top:250px;
	right:5px;
	width:320px;
	height:445px;
	background:#0099cc;	
	}
	
#col1w {
	position:absolute;
	top:250px;
	left:5px;
	width:320px;
	height:445px;
	background:#fff;
	}
#col2w {
	position:absolute;
	top:250px;	
	left:330px;
	width:320px;
	height:445px;
	background:#fff;
	}
#col3w {
	position:absolute;
	top:250px;
	right:5px;
	width:320px;
	height:445px;
	background:#fff;	
	}

p {margin:10px 15px 10px 15px;}

h3 {font-size:1.6em; margin:20px 15px 10px 15px;} 
h4 {font-size:1.2em; margin:20px 15px 10px 15px;} 
h5 {font-size:1.0em; margin:20px 15px 10px 15px;}	

a {text-decoration:none; color:#fff;}
a:hover {color:#000;}

img {border:none;}
	

label {margin: 0px 0 10px 10px;}
input {
	margin: 0px 0 10px 10px;
	font-size: 13px;
	color: #000;
	background: #fff;
	border: #cccccc solid 1px
	}

input.submit {
	width:130px;
	margin:5px 0 10px 5px;
	padding:0;	
	color:#fff;
	background:#3c3c4b;
	border-style:none;
	cursor:pointer;
	}
	
input.error {
	border: #ff0000 solid 1px
	}
	
textarea {
	margin: 0px 0 10px 10px;
	font-size: 11px;
	color:#133C5D;
	}

textarea.error {
	 border: #ff0000 solid 1px
	}


/* Diversen */
.top150 {margin-top:150px;}
.top005 {margin-top:5px;}
.subtitle {margin:5px 0 0 10px; color:#fff;}
.italictext {font-style:italic;}
.error {color:#000;}
.small {font-size:80%;}

#flvplayer {
	width:320px;
	margin:0;
	}	

/* KIJK */
#col1kijk {
	position:absolute;
	top:250px;
	left:5px;
	width:320px;
	height:382px;
	background:#ffffff;
	}
#col2kijk {
	position:absolute;
	top:250px;	
	left:330px;
	width:645px;
	height:382px;
	background:#ffffff;
	}	
#blueboxbig {
	position:absolute;
	height:58px;
	top:637px;
	left:5px;
	width:970px;
	background:#0099cc;
	overflow:hidden;		
	}
	
	
/* HET BEDRIJF & CONTACT */	
.darkgreybox {
	position:absolute;
	height:85px;
	top:610px;
	left:330px;
	width:320px;
	background:#3c3c4b;
	overflow:hidden;		
	}

/* CONTACT & LINKS */
.whiteboxleft {
	position:absolute;
	height:85px;
	top:610px;
	left:5px;
	width:320px;
	background:#fff;
	overflow:hidden;		
	}

.whiteboxright {
	position:absolute;
	height:85px;
	top:610px;
	left:655px;
	width:320px;
	background:#fff;
	overflow:hidden;		
	}