@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;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
}

#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:170px;
	height:223px;
	background-color:#7e86ad;
}

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

/* Dropdown item TEXT opmaak */
#menu li ul li a{
	width:140px; 
	padding:3px 5px 3px 25px; 
	color:#ffffff;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
}

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

#menu li ul.drop_down_showroom{width:200px;}
#menu li ul.drop_down_showroom li a {width:170px;}

#menu li ul.drop_down_contact{width:142px;}
#menu li ul.drop_down_contact li a {width:112px;}

#menu li ul.drop_down_wander{width:202px;}
#menu li ul.drop_down_wander li a {width:172px;}

#menu li ul.drop_down_service{width:202px;}
#menu li ul.drop_down_service li a {width:172px;}


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

/*|||-- Home --|||*/
#menu a.home{
	width:65px;
	height:34px;
	padding:17px 0px 0px 30px;
}

#menu a.home:hover, #menu a.home_active:hover{
	color:#8088ae;
}

#menu a.home_active {	
	width:65px;
	height:34px;
	padding:17px 0px 0px 30px;
}

/*|||-- Showroom --|||*/
#menu a.showroom {
	width:95px;
	height:34px;
	padding:17px 0px 0px 25px;
}

#menu a.showroom:hover, #menu a.showroom_active:hover{
	color:#8088ae;
}

#menu a.showroom_active {	
	width:95px;
	height:34px;
	padding:17px 0px 0px 25px;
}

/*|||-- Occasions --|||*/
#menu a.occasions{
	width:100px;
	height:34px;
	padding:17px 0px 0px 25px;	
}

#menu a.occasions:hover, #menu a.occasions_active:hover{
	color:#8088ae;
}

#menu a.occasions_active {	
	width:100px;
	height:34px;
	padding:17px 0px 0px 25px;	
}

/*|||-- Service --|||*/
#menu a.diensten{
	width:86px;
	height:34px;
	padding:17px 0px 0px 25px;		
}

#menu a.diensten:hover, #menu a.diensten_active:hover{
	color:#8088ae;
}

#menu a.diensten_active {	
	width:86px;
	height:34px;
	padding:17px 0px 0px 25px;		
}

/*|||-- Actueel --|||*/
#menu a.actueel{
	width:86px;
	height:34px;
	padding:17px 0px 0px 25px;		
}

#menu a.actueel:hover, #menu a.actueel_active:hover{
	color:#8088ae;
}

#menu a.actueel_active {	
	width:86px;
	height:34px;
	padding:17px 0px 0px 25px;		
}

/*|||-- Zakelijk --|||*/
#menu a.zakelijk {
	width:80px;
	height:34px;
	padding:17px 0px 0px 25px;	
}

#menu a.zakelijk:hover, #menu a.zakelijk_active:hover{
	color:#8088ae;
}

#menu a.zakelijk_active {	
	width:80px;
	height:34px;
	padding:17px 0px 0px 25px;		
}

/*|||-- Over Wander --|||*/
#menu a.overons {
	width:116px;
	height:34px;
	padding:17px 0px 0px 25px;	
}

#menu a.overons:hover, #menu a.overons_active:hover{
	color:#8088ae;
}

#menu a.overons_active {	
	width:116px;
	height:34px;
	padding:17px 0px 0px 25px;		
}

#menu a.groen{
	color:#65c96c;
}

#menu a.groen, #menu a.groen:hover{
	color:#74de40;
	font-weight:bold;
}

/*|||-- Contact --|||*/
#menu a.contact {
	width:96px;
	height:34px;
	padding:17px 0px 0px 25px;
}

#menu a.contact:hover, #menu a.contact_active:hover{
	color:#8088ae;
}

#menu a.contact_active {	
	width:96px;
	height:34px;
	padding:17px 0px 0px 25px;		
}