/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 40em; /*For KHTML*/
  list-style: none;
  height: 0.5em;
}

ul#navmenu li {
  margin: 0;
  margin-top: 0.3em;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 0.8em;
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0.2em 0em 0.6em 0;
  width: 10em;
  list-style: none;
  display: none;
  background: #ff9933; 
  position: absolute;
  top: 1.25em;
  left: 0;
}

ul#navmenu ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu a {
  margin-right: 0.3em;
  /*border: 1px solid #FFF;*/
  padding: 0.2em 1em;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #fff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.625em;
  word-spacing: -0.1em;
  letter-spacing: 1px;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover{
  color: #111;
}

/* Root Menu Hover Persistence */
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  color: #111;
  /*border: 1px solid #FFF;*/
  /*background: #fff;*/ 
}

/* 2nd Menu = first pull down*/
ul#navmenu li:hover ul{
  padding-top: 0;
  background: #ff9933; 
}

ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  margin-right: 0;
  float: none;
  color: #fff;
  border: 0 solid #fff;
  background: #ff9933; 
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
/*   background: #ff9933; */
  color: #111;
}


/* 3rd Menu = fly out from pull down*/
ul#navmenu li:hover li ul{
}

ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  color: #fff;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  color: #111;
}


ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0em;
  left: 10em;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}


ul#navmenu li:hover ul.navmenuSub{
}


.kleur1 { background-color: rgb(0,165,255); }
.kleur2 { background-color: rgb(237,21,86); }
.kleur3 { background-color: rgb(33,195,195); }
.kleur4 { background-color: rgb(255,143,0); }
.kleur5 { background-color: rgb(0,0,146); }
.kleur6 { background-color: rgb(165,43,153); }
.kleur7 { background-color: rgb(102,206,0); }
.kleur8 { background-color: rgb(255,65,53); }



/* kleur 1 */
ul#navmenu li.kleur1:hover a,
ul#navmenu li.iehover a.kleur1 {
  /*border: 1px solid #FFF;*/
}
ul#navmenu li.kleur1:hover ul,
ul#navmenu li.iehover.kleur1 ul,
ul#navmenu li.kleur1:hover ul a,
ul#navmenu li.iehover.kleur1 ul a,
ul#navmenu li.kleur1:hover ul ul,
ul#navmenu li.iehover.kleur1 ul ul,
ul#navmenu li.kleur1:hover ul li a,
ul#navmenu li.iehover.kleur1 ul li.iehover.kleur1 a {
  background: rgb(0,165,255);
  border: 0; 
}
/* kleur 2 */
ul#navmenu li.kleur2:hover a,
ul#navmenu li.iehover a.kleur2 {
  /*border: 1px solid #FFF;*/
}
ul#navmenu li.kleur2:hover ul,
ul#navmenu li.iehover.kleur2 ul,
ul#navmenu li.kleur2:hover ul a,
ul#navmenu li.iehover.kleur2 ul a,
ul#navmenu li.kleur2:hover ul ul,
ul#navmenu li.iehover.kleur2 ul ul,
ul#navmenu li.kleur2:hover ul li a,
ul#navmenu li.iehover.kleur2 ul li.iehover.kleur2 a {
  background: rgb(237,21,86);
  border: 0; 
}
/* kleur 3 */
ul#navmenu li.kleur3:hover a,
ul#navmenu li.iehover a.kleur3 {
  /*border: 1px solid #FFF;*/
}
ul#navmenu li.kleur3:hover ul,
ul#navmenu li.iehover.kleur3 ul,
ul#navmenu li.kleur3:hover ul a,
ul#navmenu li.iehover.kleur3 ul a,
ul#navmenu li.kleur3:hover ul ul,
ul#navmenu li.iehover.kleur3 ul ul,
ul#navmenu li.kleur3:hover ul li a,
ul#navmenu li.iehover.kleur3 ul li.iehover.kleur3 a {
  background: rgb(33,195,195);
  border: 0; 
}
/* kleur 4 */
ul#navmenu li.kleur4:hover a,
ul#navmenu li.iehover a.kleur4 {
  /*border: 1px solid #FFF;*/
  background: rgb(255,143,0);
}
ul#navmenu li.kleur4:hover ul,
ul#navmenu li.iehover.kleur4 ul,
ul#navmenu li.kleur4:hover ul a,
ul#navmenu li.iehover.kleur4 ul a,
ul#navmenu li.kleur4:hover ul ul,
ul#navmenu li.iehover.kleur4 ul ul,
ul#navmenu li.kleur4:hover ul li a,
ul#navmenu li.iehover.kleur4 ul li.iehover.kleur4 a {
  background: rgb(255,143,0);
  border: 0; 
}


li.kleur1,
li.kleur2,
li.kleur3,
li.kleur4
{background: none;}


/* Child = Horizontal resides under root */
ul#navmenu li ul.navmenuSub {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 25em; /*For KHTML*/
  background: none;
  list-style: none;
  height: 0em;
  position: absolute;
  top: 1.15em;
  left: -1em;
}

ul#navmenu li ul.navmenuSub li {
  position: relative;
  width: 50em; 
  w\idth: 7.83em; 
  height: 1.1em;
  margin: 0;
  border: 0;
  padding: 0em;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
}

ul#navmenu li ul.navmenuSub ul {
  position: absolute;
  top: 1.06em;
  left: 0em;
  width: 7.83em; 
}

ul#navmenu ul.navmenuSub ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
}






/* Child Menu */
ul#navmenu li ul.navmenuSub li a {
  border: 0;
  margin-right: 0em;
  padding: 0.25em 0.6em;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #ff9933; 
  color: #fff;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  width: 17em;
  w\idth: 11.3em;
}

/* Root Menu Hover Persistence */
ul#navmenu li ul.navmenuSub a:hover,
ul#navmenu li ul.navmenuSub li:hover a,
ul#navmenu li ul.navmenuSub li.iehover a {
  background: #ff7933;
  color: #111;
  border: 0;

}

/* 2nd Menu = extra horizontal*/

ul#navmenu li ul.navmenuSub li:hover ul li a,
ul#navmenu li ul.navmenuSub li.iehover ul li a {
  float: none;
  background: #ff9933;
  color: #fff;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li ul.navmenuSub li:hover ul li a:hover,
ul#navmenu li ul.navmenuSub li:hover ul li:hover a,
ul#navmenu li ul.navmenuSub li.iehover ul li a:hover,
ul#navmenu li ul.navmenuSub li.iehover ul li.iehover a {
  background: #ff9933;
  color: #111;
}

/* 3rd Menu = first pull down*/
ul#navmenu li ul.navmenuSub li:hover ul{
  padding-top: 0.25em;
  margin-top: 0.25em;
}

ul#navmenu li ul.navmenuSub li:hover ul li:hover li a,
ul#navmenu ul.navmenuSub li.iehover li.iehover li a {
  background: #ff9933;
  color: #fff;
}

/* 3rd Menu Hover Persistence */
ul#navmenu ul.navmenuSub li:hover li:hover li a:hover,
ul#navmenu ul.navmenuSub li:hover li:hover li:hover a,
ul#navmenu ul.navmenuSub li.iehover li.iehover li a:hover,
ul#navmenu ul.navmenuSub li.iehover li.iehover li.iehover a {
  background: #ff9933;
  color: #111;
}




/* 4th Menu = hangout from puldown*/
ul#navmenu ul.navmenuSub li:hover li:hover ul,
ul#navmenu ul.navmenuSub li.iehover li.iehover ul {
  padding: 0.3em 0;
  position: absolute;
  top: 0em;
  left: 7.83em;
}

ul#navmenu ul.navmenuSub ul ul,
ul#navmenu ul.navmenuSub ul ul ul {
  display: none;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}