/* 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.
*/

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

a.navbutton span, a.navbutton_f2 span {
	background-color: #FFFFFF;
   font-size: 14px;
}

a.navbutton, a.navbutton span { 
	/* set styles specific for NON-selected nav-items here */
  color: #400000;
}

a.navbutton_f2, a.navbutton_f2 span {
	/* set styles specific for selected nav-items here */
   color: #1980ff;
}

/* subnav navigation buttons */

.subnav a.navbutton, .subnav a.navbutton span { 
  color: black;
  background-color: #E6E6E6;
}

.subnav a.navbutton_f2,
   .subnav a.navbutton_f2 span {
  color: white;
  background-color: black;
}