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

/*#########################################*/
/*######### !!!-- AFBLIJVEN --!!! #########*/
/*#########################################*/

#menu, #menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	z-index:100;
}

#menu a {
	display: block;
	width: 10em;
}

#menu li {
	float: left;
}

#menu li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#menu li:hover ul, #menu li.sfhover ul {
	left: auto;
}

<!--[if IE 7]> #menu li.sfhover ul{left: auto;} #menu li:hover ul {display:list-item;}<![endif]-->
#style_die_genegeerd_wordt{}

/*#########################################*/
/*############ Dropdown stylen ############*/
/*#########################################*/

/* Dropdown BOX opmaak */
#menu li ul { 
	width:175px; 
	background-color:#FFFFFF;
	border:1px solid #ffffff;
	border-top:0px;
}

#menu li ul li {
	padding:0px;
}

/* Dropdown item TEXT opmaak */
#menu li ul li a{
	width:165px; 
	padding:5px 5px 5px 5px; 
	color:#003f60;
	font-weight:bold;
	text-decoration:none;
}

/* Dropdown item TEXT opmaak met HOVER */
#menu li ul li a:hover{ 
	background-color:#003f60; 
	color:#FFFFFF;
}

/*#menu li ul.drop_down_contact{width:150px;}
#menu li ul.drop_down_contact li a {width:140px;}*/


/*#########################################*/
/*############ MENU ITEMS #################*/
/*#########################################*/

/*|||-- Home --|||*/
#menu a.home{
	background-image:url(../layout/menu/home.jpg);
	background-position:0px 0px;
	width:101px;
	height:35px;
}

#menu a.home:hover, #menu a.home_active:hover{
	background-image:url(../layout/menu/home.jpg);
	background-position:0px 35px;
}

#menu a.home_active {	
	background-image:url(../layout/menu/home.jpg);
	background-position:0px 35px;
	width:101px;
	height:35px;
}

/*|||-- Zakelijk --|||*/
#menu a.zakelijk{
	background-image:url(../layout/menu/zakelijk.jpg);
	background-position:0px 0px;
	width:101px;
	height:35px;
}

#menu a.zakelijk:hover, #menu a.zakelijk_active:hover{
	background-image:url(../layout/menu/zakelijk.jpg);
	background-position:0px 35px;
}

#menu a.zakelijk_active {	
	background-image:url(../layout/menu/zakelijk.jpg);
	background-position:0px 35px;
	width:101px;
	height:35px;
}

/*|||-- Vacatures --|||*/
#menu a.vacatures{
	background-image:url(../layout/menu/vacatures.jpg);
	background-position:0px 0px;
	width:118px;
	height:35px;
}

#menu a.vacatures:hover, #menu a.vacatures_active:hover{
	background-image:url(../layout/menu/vacatures.jpg);
	background-position:0px 35px;
}

#menu a.vacatures_active {	
	background-image:url(../layout/menu/vacatures.jpg);
	background-position:0px 35px;
	width:118px;
	height:35px;
}


/*|||-- Contact --|||*/
#menu a.contact{
	background-image:url(../layout/menu/contact.jpg);
	background-position:0px 0px;
	width:104px;
	height:35px;
}

#menu a.contact:hover, #menu a.contact_active:hover{
	background-image:url(../layout/menu/contact.jpg);
	background-position:0px 35px;
}

#menu a.contact_active {	
	background-image:url(../layout/menu/contact.jpg);
	background-position:0px 35px;
	width:104px;
	height:35px;
}