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

/* menu container -------------------------------------------------------------------- */
#content_nav {
	background-color: #E9E9E9;
  position: absolute;
	color:#D9A500; /* color devider */
	margin: 0px;
	top: 0px;
	right:5%; 
	font-size: 14px;
  font-family:"Trebuchet MS",sans-serif;
  z-index: 15;
/*	background-color:yellow; /* */
/*	overflow: hidden; */
}

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

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 {
  margin: 0px 5px 0px 0px;
  padding: 0px;
  list-style:none;
  list-style-type:none;
  list-style-image:none;
  list-style-position:inside;
	line-height: 30px;
	float:left; /* if float:left -> horizontal menu, else vertical menu */
/*	background-image: url('img/bg-nav2off.gif'); */
/*	
	background-image: url('img/bg-nav2off.gif');
  background-position: 10px 50%;
  background-repeat: no-repeat; /* */
/*  border:1px solid red; /* */
}
ul.nav li:hover,  /* background ALL navigation */
ul.nav li.navon { /* de 'navon' slaat op de naam van de javascriptfix voor het dropdownmenu */
/*	background-color: yelllow;*/
/*	background-image: url('img/bg-nav2on.gif'); */
}

ul.nav li a, /* style nav-links */
ul.nav li a:link,
ul.nav li a:active,
ul.nav li a:visited,
ul.nav li a:hover {
	border-radius: 5px;
	color:#808080;
	font-weight: bold;
	text-decoration:none;
	white-space: nowrap;
  padding: 0px 4px 12px 4px;
	height: 25px;
/*	border:1px solid red; /* */
}

ul.nav li a:hover,
ul.nav li a.navon {
	background-image: url(nav/arrow-hover.png);
	background-repeat: no-repeat;
	background-position: bottom center;
/*	text-decoration:underline; */
}

ul.nav li a.active {
	color: #000000;
	background-image: url(nav/arrow.png); 	
	background-repeat: no-repeat;	
	background-position: bottom center;
}


/* ************************************************************* LEVEL 2 subnavigation */
ul.nav li ul {
	list-style:none;
	list-style-image:none;
	list-style-position: inside;
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	background-color:#E9E9E9; /* background color ALL navigation*/
/*  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:110px; /* sub-nav width  LESS then twice width 'ul.nav li ul li a' */
	display: none;
	position:absolute;
	overflow: hidden;
	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,
ul.nav li ul li:link,
ul.nav li ul li:active,
ul.nav li ul li:visited,
ul.nav li ul li:hover{
	background-image: none;
	line-height: 18px;
	padding: 3px 4px 7px 0px;
}


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*/
	white-space: nowrap;
/*	background-image: url('img/bg-nav2.png');
  background-position: 0px 0px;
  background-repeat: repeat; */
	font-weight:bold;
  color: #000000;
	font-size: 0.9em;
	margin: 4px 0px 4px 2px;
	padding:0px;
	line-height:14px;
	width:135px; /* subnav width */
	padding-left:5px;
	height: 14px;
	width:100px !important; /* subnav width FF width minus padding-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;
}

ul.nav li ul li a.active {
	color: #000000;
	background-image: none;
	font-weight: bold;
	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;
}