/* navigation buttons */

/*
To set minimum height for nav-items, use an auxiliary spacer image:
using 'height' will interfere with multiline navitems in Firefox,
and min-height doesn't work in Internet Explorer.

To disable multiline nav links, set white-space: nowrap in
a.navbutton and a.navbutton_f2, and remove the display: block from the
a.navbutton(_f2) span classes

To have different settings for hoofdnav/top menu items and
subnav/submenu items, first do the settings for top menu items, and
then do submenu items as more-specific overrides. See below for an
example.
*/

nav {
	float:left;
	width:200px;
}

ul.navhierarchicmenu a {
	width: 130px; /* MRV: Do NOT put this on the same element as padding!!! */
	color: black;
	/* white-space: nowrap */
}

ul.navhierarchicmenu a span { 
	padding: 2px;
	padding-left: 10px;
	background-color: #FFFFFF;
}

ul.navhierarchicmenu a.navbutton_f2, ul.navhierarchicmenu a.navbutton_f2 span {
	/* set styles specific for selected nav-items here */
	font-weight: bold;
}

ul.navhierarchicmenu ul, ul.navhierarchicmenu ul ul {
	margin-left:20px;
}