.subItemComponenten
   {
     padding-top: 5px;
     padding-left: 5px;
     width: 106px;
     font-size: 10px;
     font-weight: bold;
     background-image: url('/images/menuYellowBG.png');
     border: 1px solid white;
     border-top: 0px solid white;
     display: block;
   }
   .subItemOverons
   {
     padding-top: 5px;
     padding-left: 5px;
     width: 115px;
     font-size: 10px;
     font-weight: bold;
     background-image: url('/images/menuYellowBG.png');
     border: 1px solid white;
     border-top: 0px solid white;
   }

    .subItemTrainingen
    {
     padding-top: 5px;
     padding-left: 5px;
     width: 106px;
     font-size: 10px;
     font-weight: bold;
     background-image: url('/images/menuGreyBG.png');
     border: 1px solid white;
     border-top: 0px solid white;
     display: block;
    }

#hfx_MainMenu a
{
    color: white;
    text-decoration: none;
}
#hfx_MainMenu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}
#hfx_MainMenu li { /* all list items */
	float: left;
	position: relative;
    height: 18px;
}
.liComponenten { /* all list items */
	float: left;
	position: relative;
    height: 18px;
    width: 113px;
}
.liOverOns
{
	float: left;
	position: relative;
    height: 18px;
    width: 119px;
}
.liTrainingen
{
	float: left;
	position: relative;
    height: 18px;
    width: 119px;
}
.liService
{
	float: left;
	position: relative;
    height: 18px;
    width: 134px;
}
.liContact
{
	float: left;
	position: relative;
    height: 18px;
    width: 104px;
}

li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 37px;
	left: 0;
}
#hfx_MainMenu li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#hfx_MainMenu li:hover ul  { /* lists nested under hovered list items */
	display: block;
}
li.over ul
{
    display: block;
}