/* common styling */
.menu {
    font-family: verdana, sans-serif; 
    position:relative; 
    z-index:100;
}
.menu ul {
    padding:0; 
    margin: 0px 0px 0px 1px;
    list-style-type: none;
}
.menu ul li {
    float:left;
    position:relative;
    margin: 0;
    padding: 0;
}
.menu ul li a, .menu ul li a:visited {
    display:block;
    text-decoration:none; 
    color: #fff; 
    height: 50px;
    background: #7ea3cf; 
    padding: 0px 10px 0px 11px;
    line-height: 50px;
    font-weight: bold;
    font-size: 12px;
    font-style: small-capitals;
    margin: 0 1px 0 1px;
}
.menu ul li a.nivo {
    background: #7ea3cf url(images/pijltje.jpg) no-repeat bottom center;
}

/* html .menu ul li a, .menu ul li a:visited { */
/* width:149px; */
/* w\idth:139px; */
/* } */
.menu ul li ul {
    display: none;
}
table {
    margin:-1px; 
    border-collapse:collapse;
    font-size:1em;
}

/* specific to non IE browsers */
.menu ul li:hover a,
.menu ul li a:hover {
    color:#022b5f; 
    /* background:#bd8d5e; */
}

.menu ul li:hover ul,
.menu ul li a:hover ul {
    display:block; 
    position:absolute; 
    top: 50px;
    left:0; 
    width:150px;
}
* html .menu ul li a:hover ul {
    margin-top:0;
    marg\in-top:1px;
}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
    visibility:hidden; 
    position:absolute; 
    height:0; 
    width:0;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
    display:block; 
    background: #12447f;
    color: #fff;
    height:auto; 
    line-height:1.2em;
    padding:5px 10px;
    width:129px;
    opacity: .7;
    filter: alpha(opacity=70);
}
* html .menu ul li a:hover ul li a {
    width:150px;
    w\idth:129px;
}

.menu ul li:hover ul li a.drop,
.menu ul li a:hover ul li a.drop {
    background: #12447f url(drop.gif) bottom right no-repeat;
}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
    background: #12447f;
    opacity: .9;
    filter: alpha(opacity=90);
    
color:#fff;
}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {
    visibility:visible; 
    position:absolute; 
    left:150px; 
    top:0;
    width:150px;
}

.menu ul li:hover ul li:hover ul.left,
.menu ul li a:hover ul li a:hover ul.left {
    left:-150px;
}