/* normalize */
.drop_menu, .drop_menu ul, .drop_menu li, .drop_menu a {
margin: 0;
padding: 0;
border: 0;
background: transparent;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.drop_menu, .drop_menu ul {
list-style: none;
}
.drop_menu a, .drop_menu a:hover, .drop_menu a:focus, .drop_menu a:active {
text-decoration: none;
outline: 0;
cursor: default;
}
/* alle levels */
.drop_menu {
float: left;
width: 100%;
position: relative;
z-index: 597;
background: #055;
}
.drop_menu li {
float: left;
vertical-align: middle;
}
.drop_menu li:hover {
position: relative;
z-index: 599;
background: #055;
}
.drop_menu a {
display: block;
padding: 6px 15px 5px 15px;
font: normal 13px Arial, Verdana, Helvetica, sans-serif;
line-height: 1.3;
white-space: nowrap;
color: #fff;
}
/* alleen sub level */
.drop_menu ul {
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 598;
width: atuo;
}
.drop_menu ul li {
float: none;
background: #5FD367;
}
.drop_menu ul a {
min-width: 100px;
padding: 3px 15px 2px 15px;
color: #fff
}
.drop_menu li:hover > ul {
visibility: visible;
}
/* effects */
.drop_menu li:hover, .drop_menu li:focus, .drop_menu li:active {
background: #5FD367;
}
.drop_menu ul li:hover, .drop_menu ul li:focus, .drop_menu ul li:active {
background: #055;
}
.drop_menu ul {
box-shadow: 2px 3px 6px #bbb;
}
/* volgende weghalen als je het lijntje niet wilt bij mouse-over */
.drop_menu > li:hover > a {
border-bottom: 1px solid #055;
}