/*---begin menu's---*/
#hoofdmenu {
	background-color	:	#FFFFFF;
	border				:	1px #CCC solid;
	padding				:	10px;
}
#hoofdmenu span.titel {
	width				:	158px;
	text-align			:	left;
	color				:	#D16422;
	display				:	block;
	background			:	#FFF url(/images/hoofdmenubg.jpg) top left repeat-x;
	padding-top			:	2px;
	padding-left		:	5px;
	padding-bottom		:	13px;
	line-height			:	22px;
	font-weight			:	bolder;
	font-size			:	14px;
}
ul#navmenu {
    margin              :   0 0 0 0;
	padding             :   0;
    list-style-type     :   none;
    text-indent         :   0;
	padding-bottom		:	30px;
	margin-top			:	0px;
	border-top			:	0px #293D86 solid;
}

ul#navmenu li {
    display             :   inline; /* Hack for IE5, otherwise 1px gap?! */
}

ul#navmenu li a {
    display             :   block;
    padding             :   3px 0 4px 5px;
    color               :   #353468;
    background          :   transparent;
    text-decoration     :   none;
    font-size           :   11px;
    border-bottom       :   1px solid #353468;
	font-weight			:	bold;
}

ul#navmenu li a:hover, ul#navmenu li a.active {
    background-color    :   #DF9A6B;
	color				:	#353468;
}

ul#navmenu li ul {
    position            :   absolute;
    left                :   -999em;
}

ul#navmenu li:hover ul, ul#navmenu li.sfhover ul {
	position:absolute;
	left: 50%;
	margin-left: -278px;
    margin-top          :   -22px;
    width               :   160px;
    background          :   url('../img/blank.gif'); /* Hack for IE, otherwise hover-state is not persistent mousing down the menu */
}

ul#navmenu li ul li a {
    background          :   #FFF url('../img/arrow_white.gif') no-repeat center left;
    border-bottom       :   1px solid #293D86;
}

ul#navmenu a.menuitemopen {
	background-color	:	#DF9A6B;
	color				:	#353468;
}

ul#navmenu a.submenuitem, ul#navmenu a.submenuitemopen {
	background-color	:	#F4D8C3;
	font-weight			:	normal;
	padding-left		:	12px;
}
ul#navmenu a.submenuitemopen {
	font-weight			:	bold;
}
/*---end menu's---*/