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

	#wrapper{
		width:877px;
		height:200px;
		background-color:#FFF;
		margin:10px auto 0 auto;
	}
	
	#logo{
		margin:0 0 0 -18px;
	}
	

	
	.menuBlock{
		float:left;
		margin:2px 0 0 3px;
		height:115px;
		width:115px;
		background-image:url(../images/navigation/menu.jpg);
	}
	.menuBlock a{
		display:block;
		height:115px;
		width:115px;
	}
	
	#home{
		background-image:url(../images/navigation/menu_home.jpg);
	}
		#home a:hover{
			background-image:url(../images/navigation/hover/menu_hover_home.jpg);
		}
		#homeImg{
			background-image:url(../images/navigation/menu_image_laptop.jpg);
		}
	
	#diensten{
		background-image:url(../images/navigation/menu_diensten.jpg);
	}
		#diensten a:hover{
			background-image:url(../images/navigation/hover/menu_hover_diensten.jpg);
		}
		#dienstenImg{
			background-image:url(../images/navigation/menu_image_laptop.jpg);
		}
	
	#profiel{
		background-image:url(../images/navigation/menu_profiel.jpg);
	}
		#profiel a:hover{
			background-image:url(../images/navigation/hover/menu_hover_profiel.jpg);
		}
		#profielImg{
			background-image:url(../images/navigation/menu_image_laptop.jpg);
		}
		
	#projecten{
		background-image:url(../images/navigation/menu_projecten.jpg);
	}
		#projecten a:hover{
			background-image:url(../images/navigation/hover/menu_hover_projecten.jpg);
		}
		#projectenImg{
			background-image:url(../images/navigation/menu_image_projecten.jpg);
		}
	
	#contact{
		background-image:url(../images/navigation/menu_contact.jpg);
	}
		#contact a:hover{
			background-image:url(../images/navigation/hover/menu_hover_contact.jpg);
		}
		#contactImg{
			background-image:url(../images/navigation/menu_image_contact.jpg);
		}
	
	.menuBlock a img{
		border:0;
	} 
	
	.menuBlock a:hover{
		background-image:url(../images/navigation/hover/menu_hover.jpg);
	} 
	
	.menuBlockLogo{
		float:left;
		padding:0 0 0 20px;
		margin:2px 0 0 3px;
		height:230px;
		width:213px;
	}
	#credits{
		font-size:70%;
		color:#CCCCCC;
		float:left;
		width:300px;
		margin:2px 0 0 0;
	}
	#credits a{
		color:#CCCCCC;
		text-decoration:none;
	}
	#credits a:hover{
		color:#000033;
		text-decoration:none;
	}
	
	
	#content{
		width:600px;
		height:900px;
		float:left;
		margin:10px;
	}