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

/* menu container -------------------------------------------------------------------- */
#content_nav {
  /*position: absolute;*/
  color:white; /* color devider */
  /*margin: 0px;*/
  padding-top: 20px;
  /*right:0px; */
  /*width:99%;*/
  font-size: 14px;
  /*font-family:"Trebuchet MS",sans-serif;*/
/*	background-color:yellow; /* */
/*	overflow: hidden; */
}
/* 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;
}

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;
  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 */
}

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: 16px;
  text-decoration:none;
  white-space: nowrap;
  padding: 0px 20px 5px 10px;
  display: block;
/*	border:1px solid red; /* */
}
ul.nav li a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: white;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

ul.nav li a:hover:before,
ul.nav li a.navon,
ul.nav li a[data-active="1"]:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* LEVEL 2 subnavigation --------------------------------------------------------------------- */
ul.nav li ul {
  list-style:none;
  list-style-image:none;
  list-style-position: inside;
  list-style-type:none;
  margin: -1px;
  padding: 0px;

/*  background-color: #25b6ea;; /* background color ALL navigation*/
  background: rgb(77,77,77);
  background: -moz-linear-gradient(153deg, rgba(77,77,77,1) 0%, rgba(77,77,77,1) 0%, rgba(40,40,40,1) 83%);
  background: -webkit-linear-gradient(153deg, rgba(77,77,77,1) 0%, rgba(77,77,77,1) 0%, rgba(40,40,40,1) 83%);
  background: linear-gradient(153deg, rgba(77,77,77,1) 0%, rgba(77,77,77,1) 0%, rgba(40,40,40,1) 83%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4d4d4d",endColorstr="#282828",GradientType=1);


/*  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;
}

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-color: #25b6ea;*/
  
  white-space: normal;
  /*font-weight: bold;*/
  /*font-size: 16px;*/
  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;
}

/* ********************************************************************** footer */
ul.list {
  text-align:left;
  background: none;
  margin: 0 25px 0 0;
  padding: 0px;
  list-style:none;
  list-style-type:none;
  list-style-image:none;
  list-style-position:inside;
}
ul.list li,
ul.list li:link, /* deze subclasses moeten bestaan wanneer een subclass wordt gebruikt MSIE7- bug */
ul.list li:active,
ul.list li:visited,
ul.list li:hover {
  background: none;
  margin: 0px;
  padding: 0px;
  list-style:none;
  list-style-type:none;
  list-style-image:none;
  list-style-position:inside;
  line-height:15px;
}

ul.list li a, /* style nav-links */
ul.list li a:link,
ul.list li a:active,
ul.list li a:visited,
ul.list li a:hover {
  color: rgb(51, 51, 51);
  /*font-weight: bold;*/
  text-decoration:none;
  white-space: nowrap;
  padding: 0 0 7px 0;
  display: block;
/*	border:1px solid red; /* */
}