@charset "utf-8";
/* CSS Document by braintickle - All rights reserverd 2011*/

* {
   	margin:0;
   	padding:0;
}
	
body, html {
   
   	height:100%;
	background-color:#9c9ea0;
	font-family: Arial,Verdana, Geneva,  Helvetica, sans-serif;
	color: #000000;

   }
 
#container{ 
	position:relative;
  	margin: 0 auto;
  	width: 989px;
	height:auto;
	background-color:#9c9ea0;
		}	
		
#header{
	position:relative;
	width:989px;
	height:145px;
	top:20px;
	background-image:url(../img/header.gif); 
	background-repeat:no-repeat;
}

#logo{
	position:relative;
	float:left;
	width:250px;
	height:125px;
	margin:0px 0px 0px 20px;
	
}

#menu{
	position:relative;
	float:left;
	width:610px;
	height:14px;
	margin:84px 0px 0 54px;
	}

#visual{
	position:relative;
	float:left;
	width:990px;
	height:218px;
	background-color:#00a9c6;
}

#visualtext{
	position:relative;
	float:left;
	width:168px;
	height:180px;
	padding:20px 0px 0px 88px;
}

#main{
	position:relative;
	float:left;
	width:989px;
	min-height:200px;
	padding-bottom:30px;
	background-image: url(../img/background.gif);
	background-repeat:repeat-y;
}

#leftcol{
	position:relative;
	float:left;
	width:168px;
	padding:40px 0px 0px 88px;
}

#contentcol{
	position:relative;
	float:left;
	width:585px;
	margin:40px 0px 0px 70px;
}

#footer{
	position:relative;
	float:left;
	width:989px;
	height:100px;
	background-image:url(../img/footer.gif);
}


#disclaimer{
	position:relative;
	float:left;
	width:200px;
	padding:0px 0px 0px 126px;
}

#footertext{
	position:absolute;
	bottom:42px;
	left:325px;
	
}

	
/*MENU*/

a.home {
	display: block;
	float:left;
	width: 37px;
	height: 14px;
	margin:0 19px 0 0;
	text-decoration: none;
	background:url(../img/menu/home.gif);
	
	}

a.home:hover {
	background-position: 0 -14px;
	}
	
a.kernwaarden {
	display: block;
	float:left;
	width: 105px;
	height: 14px;
	margin:0 19px 0 0;
	text-decoration: none;
	background:url(../img/menu/kernwaarden.gif);
	
	}

a.kernwaarden:hover {
	background-position: 0 -14px;
	}	
	
a.vandenberg {
	display: block;
	float:left;
	width: 101px;
	height: 14px;
	margin:0 19px 0 0;
	text-decoration: none;
	background:url(../img/menu/vandenberg.gif);
	
	}

a.vandenberg:hover {
	background-position: 0 -14px;
	}	
	
a.aanbevelingen {
	display: block;
	float:left;
	width: 110px;
	height: 14px;
	margin:0 19px 0 0;
	text-decoration: none;
	background:url(../img/menu/aanbevelingen.gif);
	
	}

a.aanbevelingen:hover {
	background-position: 0 -14px;
	}		
	
a.referenties {
	display: block;
	float:left;
	width: 86px;
	height: 14px;
	margin:0 19px 0 0;
	text-decoration: none;
	background:url(../img/menu/referenties.gif);
	
	}

a.referenties:hover {
	background-position: 0 -14px;
	}			
	
a.contact {
	display: block;
	float:left;
	width: 55px;
	height: 12px;
	margin:0 14px 0 0;
	text-decoration: none;
	background:url(../img/menu/contact.gif);
	
	}

a.contact:hover {
	background-position: 0 -14px;
	
	}	
	
.menuitem{
	float:left;
	padding:0 19px 0 0;
	font-size: 10px !important;
	vertical-align:top;


}


/*Colors*/ 


.blue{
	color:#00a9c5;
}



/*TEXT*/

a{
	color: #000;
	font-family: Arial,Verdana, Geneva,  Helvetica, sans-serif;
	font-size:11px;
	text-decoration:underline;
}

H1{
	font-size: 20px;
	color:#00a9c6;
	line-height:15px;
	text-decoration:none;
	font-weight:100;
	padding-bottom:20px;
}


H2{		
	font-size: 12px;
	color:#00a9c6;
	line-height:15px;
	text-decoration:none;
}

p{
	font-size: 11px;
	color: #000;
	line-height:15px;
	text-decoration:none;
}

.small{
	font-size: 10px;
	color: #000;
	line-height:15px;
	text-decoration:none;
}

.visualtext{
	font-size: 11px;
	line-height:16px;
	color:#FFF;
	
}

.large{
	font-size: 12px;
	line-height:16px;
	color:#00a9c5;
}
	

/*IMAGES*/

a img { 
		text-decoration:none;
		border:none;
	}

.visual{
		position:relative;
		float:right;
	}
	
.kop {
		position:relative;
		padding-bottom:20px;
	}	

/*MISC*/

hr{
	margin: 8px 0px 0px 0px;
	background-color:#96bf0d;
	color:#96bf0d;
	height:1px;
	border:0;
}