.menu {
float:left;
z-index:1000;
font-size: 1em;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:149px;           /* was 180 */
position:relative;
/*border:1px solid #aaa;*/
border-width: 1px 0 0 0;
/*background: #e5e5e5;*/
}

.menu li {
background:transparent;
height:26px;
}
* html .menu li {margin-left:-16px; margin-left:0;}
/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size: 0.8em; width:0; height:0;}

/* style the links */
.menu a:visited {
display: block;
text-decoration: none;
height: 25px;
line-height:25px;
width: 140px;  /* 180 grijze lijnen */
color: #000;
text-indent: 5px; /* 5 */
border-bottom: 1px solid #aaa;  /* 1px */
background:transparent;
font-size:1em; 
}


.menu a {
display: block;
text-decoration: none;
height: 25px;
line-height:25px;
width: 140px;  /* 180 grijze lijnen */
color: #000;
text-indent: 5px; /* 5 */
border-bottom: 1px solid #aaa;  /* 1px */
background:transparent;
font-size:1em; 
}


/* style the link hover */
.menu a:hover {
  color: #007fe0; 
  background:white;
  font-size:1em;  
  }

.menu :hover > a {
color: #007fe0;
background: white;
font-size:1em; 
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:-1px;
left:120px;  /* was 170 */

}
/* make the second level visible when hover on first level list OR link */
.menu ul a:hover ul {
visibility:visible;
background: #eee;

}
.menu ul li:hover ul {
visibility:visible;
background: #eee;

}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
position:absolute;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
position:absolute;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
background: #ddd;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
background:#ccc;
}

.menu ul.top1 {top:1px;}  /* hier 12 */
.menu ul.top2 {top:25px;}
.menu ul.top3 {top:52px;} /* hier 50 */
.menu ul.top4 {top:81px;}/* hier 75 */
.menu ul.top5 {top:100px;}
.menu ul.top5a {top:125px;}
.menu ul.top6 {top:150px;}
.menu ul.top7 {top:175px;}
.menu ul.top8 {top:200px;}
.menu ul.top9 {top:225px;}



<!--[if IE 7]>

.menu li {float:left;}

<![endif]-->

/* old style */

div#container {
  margin: 0 auto;
  width: 90%;
}
div#toplogo {
  margin: 0 0 70px 0;
}
div#left {
 
  width: 213px;
  float: left;
  padding: 0px;
  margin: 0px;
  position: relative;
  display: block;
  overflow :visible;
}
div#lefttext {
  padding: 0 15px 0 15px;
}


/* div#content {  mvr
 margin: 0 0 0 260px;
  padding: 13px 0 20px 0;
  border-bottom: 1px solid #aaa;
  font: 110% arial;
}*/
/*div#footer {
  
  padding: 50px 10% 20px 10%;
  margin: 30px 0 0 0;
  width: 80%;
  text-align: center;
}*/
div#right {
  color: #007fe0;
  margin: 5px;
  
  z-index: 20000;
  float: right;
  position: relative;
  width: 169px;
}