/* ------ Do not forget to use the 'IE6navHoverFix' function from the local.js ------- */

/* menu container -------------------------------------------------------------------- */
#content_nav,
#content_nav2 {
  position: absolute;
  color:black; /* color devider */
  margin: 0px;
  top: 23px;
/*  right:150px; */
  width:99%;
  /*font-size: 22px;*/
  font-family: Roboto, Tahoma, Geneva, sans-serif; 
  /*font-family:"Trebuchet MS",sans-serif;*/
/*	background-color:yellow; /* */
/*	overflow: hidden; */
}
#content_nav2 {
  font-family: RobotoBold, Tahoma, Geneva, sans-serif; 
  top: 80px;
  z-index:202;
}
#content_nav2 ul.nav li a {
  color: black !important;
  text-transform: uppercase;
  /*font-weight: bold; */
  line-height: 45px !important;
}
/* LEVEL 1 main navigation  --------------------------------------------------------- */
ul.nav {
  text-align:left;
  float: right;
  background: none;
  margin: 0 25px 0 0;
  padding: 0px;
  list-style:none;
  list-style-type:none;
  list-style-image:none;
  list-style-position:inside;
  letter-spacing: 0.09em;
}

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: 10px;
  padding: 0px;
  list-style:none;
  list-style-type:none;
  list-style-image:none;
  list-style-position:inside;
  line-height:15px;
  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 {
  padding-left:2px;
  color: white;
  /*font-weight: bold;*/
  font-size: 1.2em;;
  text-decoration:none;
  white-space: nowrap;
  padding: 0;/*px 20px 5px 10px; */
  display: block;
/*	border:1px solid red; /* */
}

ul.nav li a:hover,
ul.nav li a.navon,
ul.nav li a[data-active="1"] {
/*color: #C10A27;
  font-weight:bold;
  letter-spacing: 0em;
*/
text-shadow: 0.5px  0.5px 0.5px #FFF,
            -0.5px -0.5px 0.5px #FFF;
}


/* 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:rgb(91, 173, 15); /* background color ALL navigation*/
/*  left: 150px; /* If set (1px less than menu width) then Vertical menu */
  z-index:1000;
  position:absolute;
  border: 1px hidden;
  white-space: nowrap;

  visibility: hidden;
  opacity:0;
  transition:visibility 0s linear 0.20s,opacity 0.15s linear;
  
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

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 {
  visibility:visible;
  opacity:1;
  transition-delay:0s;
}
ul.nav li:hover ul,
ul.nav li.navon ul { /* de 'navon' slaat op de naam van de javascriptfix voor het dropdownmenu */
  text-decoration:none;
}

ul.nav li ul li,
ul.nav li:link ul li, /* deze subclasses moeten bestaan wanneer een subclass wordt gebruikt MSIE7- bug */
ul.nav li:active ul li,
ul.nav li:visited ul li,
ul.nav li:hover ul li {
  float: none;
  margin: 5px 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: rgb(91, 173, 15); /* background color ALL navigation*/
  white-space: normal;
  /*font-weight: bold;*/
  font-size: 1em;
  padding: 5px 15px 5px 10px;
  /*line-height:16px;*/
/* 	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-color: white;*/
}

/* ------------------------------------------------------- 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;
}

