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

/*#########################################*/
/*######### !!!-- AFBLIJVEN --!!! #########*/
/*#########################################*/
#menu{
	position:relative;
	float:left;
	left:17px;
}

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

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

#menu li {
	float: left;
	z-index:100;
}

#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:200px; 
	margin-left:0px;
	background-color:#fff;
	border:1px solid #2e2e30;
	border-top:0px;
}

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

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


#menu li ul.drop_down_contact{width:125px; margin-left:-2px;}
#menu li ul.drop_down_contact li a {width:125px;}

#menu li ul.drop_down_contact{width:120px;}
#menu li ul.drop_down_contact li a {width:90px;}


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

/*|||-- Home --|||*/
#menu a.home{
	background-image:url(../images/nav_home.jpg);
	background-position:0px 39px;
	width:77px;
	height:39px;
}

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

#menu a.home_active {
	background-image:url(../images/nav_home.jpg);
	background-position:0px 0px;
	width:77px;
	height:39px;
}

/*|||-- OverJDS --|||*/
#menu a.overjds{
	background-image:url(../images/nav_overjds.jpg);
	background-position:0px 39px;
	width:112px;
	height:39px;
}

#menu a.overjds:hover, #menu a.overjds_active:hover{
	background-image:url(../images/nav_overjds.jpg);
	background-position:0px 0px;
}

#menu a.overjds_active {
	background-image:url(../images/nav_overjds.jpg);
	background-position:0px 0px;
	width:112px;
	height:39px;
}

/*|||-- Nieuws --|||*/
#menu a.nieuws{
	background-image:url(../images/nav_nieuws.jpg);
	background-position:0px 39px;
	width:101px;
	height:39px;
}

#menu a.nieuws:hover, #menu a.nieuws_active:hover{
	background-image:url(../images/nav_nieuws.jpg);
	background-position:0px 0px;
}

#menu a.nieuws_active {
	background-image:url(../images/nav_nieuws.jpg);
	background-position:0px 0px;
	width:101px;
	height:39px;
}

/*|||-- BAM --|||*/
#menu a.bam{
	background-image:url(../images/nav_bam.jpg);
	background-position:0px 39px;
	width:203px;
	height:39px;
}

#menu a.bam:hover, #menu a.bam_active:hover{
	background-image:url(../images/nav_bam.jpg);
	background-position:0px 0px;
}

#menu a.bam_active {
	background-image:url(../images/nav_bam.jpg);
	background-position:0px 0px;
	width:203px;
	height:39px;
}

/*|||-- Refenenties --|||*/
#menu a.referenties{
	background-image:url(../images/nav_referenties.jpg);
	background-position:0px 39px;
	width:147px;
	height:39px;
}

#menu a.referenties:hover, #menu a.referenties_active:hover{
	background-image:url(../images/nav_referenties.jpg);
	background-position:0px 0px;
}

#menu a.referenties_active {
	background-image:url(../images/nav_referenties.jpg);
	background-position:0px 0px;
	width:147px;
	height:39px;
}

/*|||-- Contact --|||*/
#menu a.contact{
	background-image:url(../images/nav_contact.jpg);
	background-position:0px 39px;
	width:120px;
	height:39px;
}

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

#menu a.contact_active {
	background-image:url(../images/nav_contact.jpg);
	background-position:0px 0px;
	width:80px;
	height:39px;
}