/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu	{
	position			: relative;
	right				: 6px;
	float				: right;
	width				: 180px;
	background			: url(../img/menu_bg.gif) no-repeat right bottom;
	padding				: 0 0 3px 0;
}

#menu ul li {
	position			: relative;
	width				: 180px;
	float				: left;
}

#menu ul li a {
	text-indent			: -9000px;
	overflow			: hidden;
	margin				: 0 0 0 20px;
	display				: block;
	width				: 159px;
	height				: 27px;
	z-index				: 20;
	position			: relative;
}

#menu ul li a:hover, #menu ul li.hover a {
	display				: block;
	width				: 179px;
	margin				: 0;
}
#menu ul li.actief a, #menu ul li.actief a:hover {
	width				: 179px;
	margin				: 0;
}


/* Menuitems */

/* Home */
#menu ul li a.home 				{ background : url(../img/menu_home_bg.gif) no-repeat right bottom; }
/* Wie zijn wij */
#menu ul li a.wiezijnwij 		{ background : url(../img/menu_wiezijnwij_bg.gif) no-repeat right bottom; }
/* Service */
#menu ul li a.service 			{ background : url(../img/menu_service_bg.gif) no-repeat right bottom; }
/* Opleiding */
#menu ul li a.opleiding 		{ background : url(../img/menu_opleiding_bg.gif) no-repeat right bottom; }
/* Occasions */
#menu ul li a.occasions 		{ background : url(../img/menu_occasions_bg.gif) no-repeat right bottom; }
/* Links */
#menu ul li a.links 			{ background : url(../img/menu_links_bg.gif) no-repeat right bottom; }
/* Nieuws */
#menu ul li a.nieuws 			{ background : url(../img/menu_nieuws_bg.gif) no-repeat right bottom; }
/* Contact */
#menu ul li a.contact 			{ background : url(../img/menu_contact_bg.gif) no-repeat right bottom; }

#menu ul li a:hover {
	background-position	: left bottom;
}
#menu ul li.hover a, #menu ul li:hover a {
	background-position	: left bottom;
}

#menu ul li.actief a, #menu ul li.actief a:hover {
	background-position	: left top;
}

#menu ul li.hover li a:hover, #menu ul li:hover li a:hover, #menu ul li.actief li a:hover {
	background-position	: right bottom;
}

/* Submenu */
#menu ul li ul	{
	position			: absolute;
	width				: 190px;
	left				: -999em;
	z-index				: 10;
	overflow			: hidden;
}

#menu ul li.hover ul	{
	display				: block;
	top					: 0;
	left				: auto;
	margin				: 0 0 0 -152px;
}


#menu ul li ul li a	{
	padding				: 5px 20px 3px 30px;
	text-decoration		: none;
	width				: 121px !important;
	min-height			: 18px;
	_height				: 18px;
	height				: auto;
	color				: #2f619f;
	background			: url(../img/submenu_bg.gif) no-repeat right bottom;
	text-transform		: uppercase;
	font-weight			: bold;
	font-size			: 0.9em;
	text-indent			: 0;
}
#menu ul li.actief ul li a {
	background			: url(../img/submenu_bg.gif) no-repeat left bottom;
}

#menu ul li ul li a:hover	{
	background			: url(../img/submenu_bg.gif) no-repeat left bottom;
	color				: #FFF;
}

#menu ul li ul li.actief a, #menu ul li ul li.actief a:hover, #menu ul li.actief ul li.actief a, #menu ul li.actief ul li.actief a:hover	{
	background			: url(../img/submenu_bg.gif) no-repeat right bottom;
	color				: #FFF;
}