div#navigatie ul ul,
div#navigatie ul li:hover ul ul,
div#navigatie ul ul li:hover ul ul { display: none; }

div#navigatie ul li:hover ul,
div#navigatie ul ul li:hover ul,
div#navigatie ul ul ul li:hover ul { display: block; }

/* --------------------------------------------------------------Main Menu-------------------------------------------------------------- */

ul.MainMenu 
{
  list-style-type:none;
  padding-left: 20px;           /* stops the usual indent from ul */
  cursor: default;             /* gives an arrow cursor */
  float:left;
  height: 40px;
  z-index:10;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

ul.MainMenu > li {
  list-style-type: none;       /* removes the bullet points */
  position: relative;          /* makes the menu blocks be positioned relative to their parent menu item
                                  the lack of offset makes these appear normal, but it will make a difference
                                  to the absolutely positioned child blocks */
  color: #fff;                 /* sets the default font colour to white */
  float:left;
  font-size: 11px; 
  text-align: center;
  padding-bottom:5px; 
  padding-left: 8px;
  padding-right: 8px;
  padding-top:9px;
  height: 18px;
  margin-top: 4px;
  z-index:10;
   border-right:solid 2px #FFFFFF;
}

ul.MainMenu li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  display: none;               /* hides child menu blocks - one of the most important declarations */
  position: absolute;          /* make child blocks hover without leaving space for them */
  left: 0px;                  /* this must not be more than the width of the parent block, or the mouse will
                                  have to move off the element to move between blocks, and the menu will close */
  z-index:10;                                
}

ul.MainMenu li:hover, ul.MainMenu li.CSStoHighlight {
  color: #000;                 /* makes the active menu item text black */ 
}
ul.MainMenu ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
  display: block;              /* specially to go with the className changes in the behaviour file */
}
ul.MainMenu li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
  display: block;              /* makes the child block visible - one of the most important declarations */
}

ul.MainMenu li a         { color: #000000; display: block; width: 100%; text-decoration:none; margin-bottom:10px;}
ul.MainMenu li a:hover   { color: #000000; display: block; width: 100%; text-decoration:none; margin-bottom:10px;}

div.mainnavigatie	     { display: block; position: absolute; width: 200px; text-align: left; margin-top: 0px; z-index:10; background: #FFFFFF; }
div.mainnavigatie:hover  { display: block; position: absolute; width: 200px; text-align: left; margin-top: 0px; z-index:10; background: #FFFFFF; }

.MainLiGBF { background-color:#6DB2D9;}
/* --------------------------------------------------------------Sub Menu-------------------------------------------------------------- */

ul.SubMenu {
  cursor: default;             /* gives an arrow cursor */
  float:left;
  background-color: #FFFFFF;
  border: 0;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  width:200px;
  border-top: 1px solid #0078AA;
  background-color: #DAEBF5;
  z-index:11;
}
ul.SubMenuGBF {
  cursor: default;             /* gives an arrow cursor */
  float:left;
  background-color: #FFFFFF;
  border: 0;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  width:200px;
  border-top: 1px solid #0078AA;
  background-color: #DAEBF5;
  z-index:11;
}

ul.SubMenu li {
  list-style-type: none;       /* removes the bullet points */
  position: relative;          /* makes the menu blocks be positioned relative to their parent menu item
                                  the lack of offset makes these appear normal, but it will make a difference
                                  to the absolutely positioned child blocks */
  color: #fff;                 /* sets the default font colour to white */
  float:none;
  font-size: 11px; 
  text-align: left; 
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding-top: 10px;  
  padding-left: 10px;  
  padding-right: 10px;  
  padding-bottom: 10px;  
  border-bottom: 1px solid #0078AA;
  background-color: #DAEBF5;
  
  z-index:11;
}

ul.SubMenuGBF li {
  list-style-type: none;       /* removes the bullet points */
  position: relative;          /* makes the menu blocks be positioned relative to their parent menu item
                                  the lack of offset makes these appear normal, but it will make a difference
                                  to the absolutely positioned child blocks */
  color: #fff;                 /* sets the default font colour to white */
  float:none;
  font-size: 11px; 
  text-align: left; 
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding-top: 10px;  
  padding-left: 10px;  
  padding-right: 10px;  
  padding-bottom: 10px;  
  border-bottom: 1px solid #0078AA;
  background-color: #B9D2EB;
  
  z-index:11;
}


ul.SubMenu li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  display: none;               /* hides child menu blocks - one of the most important declarations */
  position: absolute;          /* make child blocks hover without leaving space for them */
  left: 0px;                  /* this must not be more than the width of the parent block, or the mouse will
                                  have to move off the element to move between blocks, and the menu will close */
  z-index:11;                                
}
ul.SubMenuGBF li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  display: none;               /* hides child menu blocks - one of the most important declarations */
  position: absolute;          /* make child blocks hover without leaving space for them */
  left: 0px;                  /* this must not be more than the width of the parent block, or the mouse will
                                  have to move off the element to move between blocks, and the menu will close */
  z-index:11;                                
}


ul.SubMenu li:hover, ul.SubMenu li.CSStoHighlight {
  color: #000;                 /* makes the active menu item text black */ 
  z-index:11;
}
ul.SubMenuGBF li:hover, ul.SubMenu li.CSStoHighlight {
  color: #000;                 /* makes the active menu item text black */ 
  z-index:11;
}


ul.SubMenu ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
  display: block;              /* specially to go with the className changes in the behaviour file */
}
ul.SubMenuGBF ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
  display: block;              /* specially to go with the className changes in the behaviour file */
}


ul.SubMenu li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
  display: block;              /* makes the child block visible - one of the most important declarations */
}
ul.SubMenuGBF li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
  display: block;              /* makes the child block visible - one of the most important declarations */
}


ul.SubMenu li a { color: #000000; display: block; width: 200px; text-decoration:none; margin-bottom:0px !important;}
ul.SubMenu li a:hover { color: #65ABD6; display: block; width: 200px; text-decoration:none; margin-bottom:0px !important;}
ul.SubMenuGBF li a { color: #000000; display: block; width: 200px; text-decoration:none; margin-bottom:0px !important;}
ul.SubMenuGBF li a:hover { color: #FFFFFF; display: block; width: 200px; text-decoration:none; margin-bottom:0px !important;}

div.subnavigatie	   
{
  display: block; 
  position: relative;  
  width: 200px; 
  text-align: left; 
  z-index: 11; 
  margin-top: 0px;  
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;   
}
  
div.subnavigatie:hover   
{
  display: block; 
  position: relative;   
  width: 200px; 
  text-align: left; 
  z-index: 11; 
  margin-top: 0px;  
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px; 
  }

/* --------------------------------------------------------------SubSub Menu-------------------------------------------------------------- */

ul.SubSubMenu {
  cursor: default;             /* gives an arrow cursor */
  float:left;
  background-color: #FFFFFF;
  border: 0;
  width:200px;
  border-top: 1px solid #0078AA;
  background-color: #FFFFFF;
  z-index:12;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px; 
}

ul.SubSubMenu li {
  list-style-type: none;       /* removes the bullet points */
  position: relative;          /* makes the menu blocks be positioned relative to their parent menu item
                                  the lack of offset makes these appear normal, but it will make a difference
                                  to the absolutely positioned child blocks */
  color: #fff;                 /* sets the default font colour to white */
  float:none;
  font-size: 11px; 
  text-align: left; 
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding-top: 7px;  
  padding-left: 7px;  
  padding-right: 7px;  
  padding-bottom: 7px;  
  border-bottom: 1px solid #0078AA;
  background-color: #FFFFFF;
  z-index:12;
}

ul.SubSubMenu li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  display: none;               /* hides child menu blocks - one of the most important declarations */
  position: absolute;          /* make child blocks hover without leaving space for them */
  left: 0px;                  /* this must not be more than the width of the parent block, or the mouse will
                                  have to move off the element to move between blocks, and the menu will close */
  z-index:12;                                  
}
ul.SubSubMenu li:hover, ul.SubSubMenu li.CSStoHighlight {
  color: #000;                 /* makes the active menu item text black */ 
  z-index:12;
}
ul.SubSubMenu ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
  display: block;              /* specially to go with the className changes in the behaviour file */
}
ul.SubSubMenu li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
  display: block;              /* makes the child block visible - one of the most important declarations */
}

ul.SubSubMenu li a { color: #000000; display: block; width: 200px; text-decoration:none; margin-bottom:0px !important;}
ul.SubSubMenu li a:hover { color: #65ABD6; display: block; width: 200px; text-decoration:none; margin-bottom:0px !important;}

div.subsubnavigatie	 
{
    display: block; 
    position: absolute; 
    left: 200px;
    top:39px; 
    text-align: left; 
    margin-top: -40px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px; 
    z-index: 12; 
    background:inherit; 
}

div.subsubnavigatie:hover   
{
    display: block; 
    position: absolute; 
    left: 200px;  
    top:39px;
    text-align: left; 
    margin-top: -40px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px; 
    z-index: 12; 
    background: inherit; 
}