@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;
	color:#4c6880;
}

#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:151px;
	margin:-1px 0px 0px 0px;
	background-color:#7f8f9f;
	border:0px solid #e7e6e6;
}

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

/* Dropdown item TEXT opmaak */
#menu li ul li a{
	width:130px; 
	padding:6px 5px 6px 5px; 
	border-bottom:1px solid #8e9aa7;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

#menu li ul li a.last{
	border-bottom:0px;
	padding-bottom:8px;
}

/* Dropdown item TEXT opmaak met HOVER */
#menu li ul li a:hover{ 
	color:#FFFFFF;
	text-decoration:underline;
}

#menu li ul.drop_down_showroom{width:161px; background:url(../images/menu/bgDrop7_special.jpg) left top no-repeat;} /* bgDrop6 .jpg is oud */
#menu li ul.drop_down_showroom li a {width:130px;}

#menu li ul.drop_down_occasions{width:161px; background:url(../images/menu/bgDrop3.jpg) left top no-repeat;}
#menu li ul.drop_down_occasions li a {width:130px;}

#menu li ul.drop_down_diensten{width:161px; background:url(../images/menu/bgDrop3.jpg) left top no-repeat;}
#menu li ul.drop_down_diensten li a{width:130px;}

#menu li ul.drop_down_service{width:161px; background:url(../images/menu/bgDrop7_special.jpg) left top no-repeat;}
#menu li ul.drop_down_service li a {width:130px;}

#menu li ul.drop_down_actueel{width:161px; background:url(../images/menu/bgDrop2.jpg) left top no-repeat;}
#menu li ul.drop_down_actueel li a {width:130px;}

 li ul.drop_down_nieuws{width:161px; background:url(../images/menu/bgDrop2.jpg) left top no-repeat;}
#menu li ul.drop_down_nieuws li a {width:130px;}

 li ul.drop_down_accessoires{width:161px; background:url(../images/menu/bgDrop2.jpg) left top no-repeat;}
#menu li ul.drop_down_accessoires li a {width:130px;}

#menu li ul.drop_down_contact{width:161px; background:url(../images/menu/bgDrop5.jpg) left top no-repeat; }
#menu li ul.drop_down_contact li a {width:130px;}

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

/*|||-- Home --|||*/
#menu a.home{
	background-image:url(../images/menu/home.jpg);
	background-position:0px 0px;
	width:59px;
	height:27px;
	margin-right:0px;
}

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

#menu a.home_active {	
	background-image:url(../images/menu/home.jpg);
	background-position:0px 27px;
	width:59px;
	height:27px;
	margin-right:0px;	
}

/*|||-- Showroom --|||*/
#menu a.showroom{
	background-image:url(../images/menu/showroom.jpg);
	background-position:0px 0px;
	width:90px;
	height:27px;
	margin-right:0px;
}

#menu a.showroom:hover, #menu a.showroom_active:hover{
	background-image:url(../images/menu/showroom.jpg);
	background-position:0px 54px;
	margin-right:0px;
}

#menu a.showroom_active {	
	background-image:url(../images/menu/showroom.jpg);
	background-position:0px 27px;
	width:90px;
	height:27px;
	margin-right:0px;
}

/*|||-- Occasions --|||*/
#menu a.occasions{
	background-image:url(../images/menu/occasions.jpg);
	background-position:0px 0px;
	width:89px;
	height:27px;
	margin-right:0px;
}

#menu a.occasions:hover, #menu a.occasions_active:hover{
	background-image:url(../images/menu/occasions.jpg);
	background-position:0px 54px;
	margin-right:0px;
}

#menu a.occasions_active {	
	background-image:url(../images/menu/occasions.jpg);
	background-position:0px 27px;
	width:89px;
	height:27px;
	margin-right:0px;
}

/*|||-- service --|||*/
#menu a.services{
	background-image:url(../images/menu/service.jpg);
	background-position:0px 0px;
	width:69px;
	height:27px;
	margin-right:0px;
}

#menu a.services:hover, #menu a.service_active:hover{
	background-image:url(../images/menu/service.jpg);
	background-position:0px 54px;
	margin-right:0px;
}

#menu a.services_active {	
	background-image:url(../images/menu/service.jpg);
	background-position:0px 27px;
	width:69px;
	height:27px;
	margin-right:0px;
}


/*|||-- Diensten --|||*/
#menu a.diensten{
	background-image:url(../images/menu/diensten.jpg);
	background-position:0px 0px;
	width:147px;
	height:27px;
	margin-right:0px;
}

#menu a.diensten:hover, #menu a.diensten_active:hover{
	background-image:url(../images/menu/diensten.jpg);
	background-position:0px 54px;
	margin-right:0px;
}

#menu a.diensten_active {	
	background-image:url(../images/menu/diensten1.jpg);
	background-position:0px 0px;
	width:147px;
	height:27px;
	margin-right:0px;
}

/*|||-- Actueel --|||*/
#menu a.actueel{
	background-image:url(../images/menu/actueel.jpg);
	background-position:0px 0px; 
	width:69px;
	height:27px;
	margin-right:0px;
}

#menu a.actueel:hover, #menu a.actueel_active:hover{
	background-image:url(../images/menu/actueel.jpg);
	background-position:0px 54px;
}

#menu a.actueel_active {	
	background-image:url(../images/menu/actueel.jpg);
	background-position:0px 27px;
	width:69px;
	height:27px;
	margin-right:;
}

/*|||-- Nieuws --|||*/
#menu a.nieuws{
	background-image:url(../images/menu/nieuws.jpg);
	background-position:0px 0px; 
	width:59px;
	height:27px;
	margin-right:0px;
}

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

#menu a.nieuws_active {	
	background-image:url(../images/menu/nieuws.jpg);
	background-position:0px 27px;
	width:59px;
	height:27px;
	margin-right:0px;
}

/*|||-- Accessoires --|||*/
#menu a.accessoires{
	background-image:url(../images/menu/accessoires.jpg);
	background-position:0px 0px; 
	width:93px;
	height:27px;
	margin-right:0px;
}

#menu a.accessoires:hover, #menu a.accessoires_active:hover{
	background-image:url(../images/menu/accessoires.jpg);
	background-position:0px 54px;
}

#menu a.accessoires_active {	
	background-image:url(../images/menu/accessoires.jpg);
	background-position:0px 27px;
	width:93px;
	height:27px;
	margin-right:0px;
}

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

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

#menu a.contact_active {	
	background-image:url(../images/menu/contact.jpg);
	background-position:0px 27px;
	width:71px;
	height:27px;
}

ul#menu a.subLogoNavItem img{
	margin-right: 0px;
	float: left;
	width: 30px;
}

ul#menu a.subLogoNavItem p{
	float: left;
	width: 30px;
	padding-top: 0px;
	margin: 0;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}

ul#menu li ul li a.subLogoNavItem:hover{
	text-decoration:underline;
}