DE GEVULDE WATERKRUIK
.menu {
font-family:Verdana, Arial, Helvetica, sans-serif;
width:150px;
height:350px;
position:relative;
font-size:15px;
margin:20px 0;
}
.menu ul li a,.menu ul li a:visited {
display:block;
text-decoration:none;
color:#FFF;
width:100px;
height:30px;
text-align:left;
background:#0087d8;
line-height:30px;
font-size:15px;
padding-left:10px;
}
.menu ul {
list-style-type:none;
margin:0;
padding:0;
}
.menu ul li {
float:left;
margin-top:10px;
position:relative;
}
.menu ul li:hover a {
color:#000;
background:#acd2e9;
}
.menu ul li:hover ul {
display:block;
position:absolute;
top:0;
left:105px;
width:105px;
}
.menu ul li:hover ul li:hover a.hide {
width:150px;
}
.menu ul li:hover ul li a {
display:block;
background:#acd2e9;
color:#000;
width:150px;
}
.menu ul li:hover ul li:hover ul {
display:block;
position:absolute;
left:151px;
top:0;
color:#000;
}
.menu ul li:hover ul li:hover ul li a {
display:block;
width:200px;
background:#acd2e9;
color:#000;
}
.menu ul li:hover ul li:hover ul li a:hover {
background:#acd2e9;
color:#000;
}
.menu ul li ul,.menu ul li:hover ul li ul {
display:none;
}
.menu ul li:hover ul li a.hide,.menu ul li:hover ul li a:hover {
background:#acd2e9;
color:#000;
}