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


#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 BOX opmaak */
#menu li ul { 
	width:195px;
	background-image:url(../images/submenuBackground.jpg);
	background-repeat:repeat-x;
	background-color:#3594b5;
	border:0px solid #e7e6e6;
}

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

/* Dropdown item TEXT opmaak */
#menu li ul li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:165px; 
	padding:7px 7px 7px 3px; 
	color:#ffffff;
	text-decoration:none;
	border-bottom:1px solid #c05353;
}

#menu li ul li a.last{
	border-bottom:none;
}

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

#menu li ul.drop_down_software{width:180px;}
#menu li ul.drop_down_software li a {width:150px;}
#menu li ul.drop_down_activiteiten{width:240px;}
#menu li ul.drop_down_activiteiten li a {width:210px;}


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


#menu a.home{
	background-image:url(../images/mnuHome.jpg);
	width:69px;
	height:44px;
}

#menu a.home:hover, #menu a.home_active:hover{
	background-image:url(../images/mnuROHome.jpg);
	width:69px;
	height:44px;
}

#menu a.home_active {	
	background-image:url(../images/mnuActiveHome.jpg);
	width:69px;
	height:44px;
}

#menu a.software{
	background-image:url(../images/mnuSoftware.jpg);
	background-position:0px 0px;
	width:95px;
	height:44px;
}
#menu a.software:hover, #menu a.software_active:hover {
	background-image:url(../images/mnuROSoftware.jpg);
	width:95px;
	height:44px;
}
#menu a.software_active {	
	background-image:url(../images/mnuActiveSoftware.jpg);
	width:95px;
	height:44px;
}

#menu a.maatwerk{
	background-image:url(../images/mnuMaatwerk.jpg);
	background-position:0px 0px;
	width:99px;
	height:44px;
}
#menu a.maatwerk:hover, #menu a.maatwerk_active:hover{
	background-image:url(../images/mnuROMaatwerk.jpg);
	width:99px;
	height:44px;
}

#menu a.maatwerk_active {	
	background-image:url(../images/mnuActiveMaatwerk.jpg);
	width:99px;
	height:44px;
}
#menu a.diensten{
	background-image:url(../images/mnuDiensten.jpg);
	background-position:0px 0px;
	width:94px;
	height:44px;
}
#menu a.diensten:hover, #menu a.diensten_active:hover{
	background-image:url(../images/mnuRODiensten.jpg);
	width:94px;
	height:44px;
}
#menu a.diensten_active {	
	background-image:url(../images/mnuActiveDiensten.jpg);
	width:94px;
	height:44px;
}
#menu a.edities{
	background-image:url(../images/mnuEdities.jpg);
	background-position:0px 0px;
	width:82px;
	height:44px;
}
#menu a.edities:hover, #menu a.edities_active:hover{
	background-image:url(../images/mnuROEdities.jpg);
	width:82px;
	height:44px;
}
#menu a.edities_active {	
	background-image:url(../images/mnuActiveEdities.jpg);
	width:82px;
	height:44px;
}
#menu a.support{
	background-image:url(../images/mnuSupport.jpg);
	background-position:0px 0px;
	width:89px;
	height:44px;
}
#menu a.support:hover, #menu a.support_active:hover{
	background-image:url(../images/mnuROSupport.jpg);
	width:89px;
	height:44px;
}
#menu a.support_active {	
	background-image:url(../images/mnuActiveSupport.jpg);
	width:89px;
	height:44px;
}
#menu a.enquete{
	background-image:url(../images/mnuEnquete.jpg);
	background-position:0px 0px;
	width:92px;
	height:44px;
}
#menu a.enquete:hover, #menu a.enquete_active:hover{
	background-image:url(../images/mnuROEnquete.jpg);
	width:92px;
	height:44px;
}
#menu a.enquete_active {	
	background-image:url(../images/mnuActiveEnquete.jpg);
	width:92px;
	height:44px;
}
#menu a.referenties{
	background-image:url(../images/mnuReferenties.jpg);
	background-position:0px 0px;
	width:112px;
	height:44px;
}
#menu a.referenties:hover, #menu a.referenties_active:hover{
	background-image:url(../images/mnuROReferenties.jpg);
	width:112px;
	height:44px;
}
#menu a.referenties_active {	
	background-image:url(../images/mnuActiveReferenties.jpg);
	width:112px;
	height:44px;
}