/* ------ Do not forget to use the 'IE6navHoverFix' function from the local.js ------- */

/* menu container -------------------------------------------------------------------- */
div#content_nav {
  position: absolute;
	color:#000000; /* color devider */
	margin: 0px;
	top: 0px;
	height: 100%;
	left:25px;
	width: 935px;
	font-size: 11px;
  font-family:"Arial",sans-serif;
/*	background-color:yellow; /* */
/*	overflow: hidden; */
}

/* LEVEL 1 main navigation  --------------------------------------------------------- */
ul.nav {
	text-align:left;
  background: none;
  margin: 0px 0px 0px 20px;
  padding: 0px;
  list-style:none;
  list-style-type:none;
  list-style-image:none;
  list-style-position:inside;
  letter-spacing: 0.03em;
}

ul.nav a, /* style nav-links */
ul.nav a:link,
ul.nav a:active,
ul.nav a:visited,
ul.nav a:hover {
  display: block;
  border: 0px transparent;
	white-space: nowrap;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  color: #cccccc;
  height:  15px;
  text-align: center;
  padding: 11px 14px 12px 14px;
  background-image:url('img/spacer.gif');
  margin: 0px 1px 0px 1px;
	width: 1%;

/*	border:1px solid red; /* */
}
ul.nav a:hover,
ul.nav a.navon,
ul.nav a.navactive {
  color: #fd2234;
/*	text-decoration:underline; */
}

ul.nav li,
ul.nav li:link, /* deze subclasses moeten bestaan wanneer een subclass wordt gebruikt MSIE7- bug */
ul.nav li:active,
ul.nav li:visited,
ul.nav li:hover { /*	background-image: url('img/bg-nav2off.gif'); */
/*	
	background-image: url('img/bg-nav2off.gif');
  background-position: 10px 50%;
  background-repeat: no-repeat; /* */
}

ul.nav li:active,
ul.nav li:hover { /* de 'navon' slaat op de naam van de javascriptfix voor het dropdownmenu */

}

ul.nav li.navon { /* de 'navon' slaat op de naam van de javascriptfix voor het dropdownmenu */
  border-bottom: 2px solid #fd2234;
}

ul.nav li {
  margin: 0px;
  padding: 0px;
  list-style:none;
  list-style-type:none;
  list-style-image:none;
  list-style-position:inside;
	float:left; /* if float:left -> horizontal menu, else vertical menu */
/*  border:1px solid red; /* */
}

/* LEVEL 2 subnavigation --------------------------------------------------------------------- */
ul.nav li ul {
	background-color: #58585A;
	list-style:none;
	list-style-image:none;
	list-style-position: inside;
	list-style-type:none;
  margin: 0px;
  padding: 0px;
	/*	background-color:#B6E6F7; /* background color ALL navigation*/
}

ul.nav li ul {
/*  left: 150px; /* If set (1px less than menu width) then Vertical menu */
	margin-left:0px; /* same as margin-left in ul.nav */
	z-index:1000;
	width:135px; /* sub-nav width  LESS then twice width 'ul.nav li ul li a' */
	display: none;
	position:absolute;
	text-align:left;
	padding-left:5px; /* links inspringen subnavigatie */
}

ul.nav li:link ul, /* deze subclasses moeten bestaan wanneer een subclass wordt gebruikt MSIE7- bug */
ul.nav li:active ul,
ul.nav li:visited ul,
ul.nav li:hover ul {
	white-space: nowrap;
	display: block;
}
ul.nav li:hover ul,
ul.nav li.navon ul { /* de 'navon' slaat op de naam van de javascriptfix voor het dropdownmenu */
	display: block;
	text-decoration:none;
}

ul.nav li ul li {
	background-image: none;
}

ul.nav li ul li a,
ul.nav li ul li a:link,
ul.nav li ul li a:active,
ul.nav li ul li a:visited,
ul.nav li ul li a:hover   { /* background color ALL navigation*/
/*	background-image: url('img/bg-nav2.png');
  background-position: 0px 0px;
  background-repeat: repeat; */
	font-weight:normal;
	font-size: 14px;
	margin: 4px 0px 4px 0px;
	padding:0px;
	line-height:16px;
	width:135px; /* subnav width */
	padding-left:5px;
	height: 16px;
	width:130px !important; /* subnav width FF width minus padding-left*/
	text-align: left;
}
ul.nav li ul li a:active,
ul.nav li ul li a:hover  {
	background-image: none; /* url('img/bg-nav2subon.gif'); */
	text-decoration:underline;
}

/* ------------------------------------------------------- LEVEL 3 sub-subnavigation - */
ul.nav li:hover ul li ul,
ul.nav li.navon ul li ul {
	display: none; 
  border:1px solid #24ABE5; /* */
}
ul.nav li:hover ul li:hover ul,
ul.nav li.navon ul li.navon ul {
  padding-top:-5px;
	left:25px;
  display: block;
  overflow:hidden;
}