@charset "utf-8";
/* CSS Document */

body{
	background: #EEE;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
/* CONTAINER ----------------------------------------------------*/

#container{	background: url(../images/bg_container.gif) repeat-y top left; width: 990px; margin: auto; }

/* HEADER ------------------------------------------------------*/

#header{ background: url(../images/bg_header.gif) no-repeat top left; height: 210px; margin: 0 0 4px 0; position: relative; }
#header h2{ margin: 0; padding: 0; color:#cbcbcb; font-size: 12px; position: absolute; top: 100px; left: 20px; z-index: 999; }
#header h5{ margin: 0; padding: 0; color:#cbcbcb; font-size: 12px; position: absolute; top: 100px; left: 20px; z-index: 999; }
	
#visual{
	position: absolute;
	top: 25px;
	left: 10px;
	}
	
/* NAVIGATION BAR -----------------------------------------------*/

#navbar{ position: absolute; top: 144px; left: 10px; width: 970px; height: 65px; z-index: 2; }
	
/* RIGHT --------------------------------------------------------*/

#right{
	margin: 0 10px 0 800px;
	font-size: 14px;
	font-weight: bold;
	}	
#execution{
	background: url(../images/bg_bloks1.gif) no-repeat top left;
	height: 170px;
	margin: 0 0 5px 0;
	line-height: 18px;
	font-size: 11px;
	text-align:justify;
	}
#execution p{
	padding: 7px;
	margin: 0;
	}
#execution a{
	color: #FFFFFF;
	}
#execution a:hover{
	text-decoration: none;
	}
	
	
/* MIDDLE ------------------------------------------------------*/

#mid{
	background: url(../images/bg_mid.gif) no-repeat top left;
	width: 570px;
	float: left;
	margin: 0 0 0 5px;
	padding: 15px;
	line-height: 18px;
	text-align: justify;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	}
#mid a{
	color:#003e7c;
	}
#mid a:hover{
	text-decoration: none;
	}
	
#mid h1{
	color: #003e7c;
	padding: 0;
	font-size: 16px;
	line-height: 22px;
	margin: 0;
	}
#mid h2{
	color: #003e7c;
	padding: 0;
	font-size: 13px;
	line-height: 22px;
	margin: 0;
	}
#mid h3{
	color: #0066CC;
	padding: 0;
	font-size: 13px;
	line-height: 22px;
	margin: 0;
	}	
#mid h4{
	color: #0066CC;
	padding: 0;
	font-size: 13px;
	line-height: 22px;
	margin: 0;
	}		

	
/* LEFT --------------------------------------------------------*/

#left{
	width: 180px;
	float: left;
	margin: 0 0 0 10px;
	}
	
/* VERGELIJKEN ---------------------------------------------------*/

#blokvergelijken{ background: url(../images/bg_subnav.gif) no-repeat bottom left; }

#vergelijken{ background: url(../images/bg_subnav_top.gif) no-repeat top left; margin: 0; padding: 40px 0 10px 0; list-style: none; color: #FFF; line-height: 18px; font-size: 11px; }
#vergelijken li{ background: url(../images/bg_subnav_li.gif) no-repeat bottom left;  margin: 0; padding: 0 10px 0 25px; }
#vergelijken li a{ color: #FFF; text-decoration: none; display: block; }
#vergelijken li a:hover{ text-decoration: underline; }
	
/* CONTACT -----------------------------------------------------*/
	
#contact{ background: url(../images/bg_bloks.gif) no-repeat top left; height: 170px; margin: 5px 0 5px 0; line-height: 18px; font-size: 11px; }
#contact p{ padding: 10px; margin: 0; }
#contact a{ color: #003871; }
#contact a:hover{ text-decoration: none; }
	
/* SUBFOOTER ---------------------------------------------------*/

#subfooter{ background: url(../images/bg_subfooter.gif) no-repeat top left; clear: left; height: 150px; 
	color: #0066CC;
	font-size:8px;
	margin-top: 10px;
	}	
#subfooter a{
	color: #0066CC;
	font-size:11px;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	}
#subfooter a:hover{
	color: #0066CC;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
#subfooter ul.all {
	list-style: none;
	margin: 0;
	padding: 16px;
	border: #DDDDDD 1px solid;
}
#subfooter ul{
	list-style: none;
	margin: 10px;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
#subfooter strong {
	font-size: 12px;
	color: #0066CC;
	padding: 0px;
	margin: 10px;
}
li.firstcol {
	width: 220px;
	float: left;
	line-height: 18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
li.col {
	width: 220px;
	float: left;
	line-height: 18px;
	margin: 0 0 0 10px;
}
#subfooter ul.all {
	list-style: none;
	margin: 0;
	padding: 14px;
	border: #DDDDDD 1px solid;
}

/* FOOTER ------------------------------------------------------*/

#footer{ background: #EEE url(../images/bg_footer.gif) no-repeat top left; position: relative; color: #7B7B7B; font-size: 10px; line-height: 14px; text-align: center; clear: both; }
#footer a{ color: #7B7B7B; }
#footer a:hover{ text-decoration: none; }
#footer p{ padding: 8px; margin: 0; text-align: center; }