.nav, .nav * {
    margin:0;
    padding:0;
}
.nav {
    /*background: yellow;*/
    /*padding-bottom: 20px;*/
    /*height:1.5em;*/
    float: left;
    /*line-height:1.0;*/
    /*margin-bottom:1.5em;*/
    position:absolute;
    width: 590px;
    margin-left: 75px;
}
.nav ul {
   /*background:#AABDE6; /*IE6 needs this*/
    background: #FFEECA;
    float: left;
    position:relative;
    width: 608px;
    margin: 0;
    padding: 0;
    margin-left: -75px;
    padding-left: 75px;
    height: 20px;
}

/** Breedte aanpassen voor IE: **/
* html .nav ul {
    width: 683px;
}

.nav li {
/*    background: ;*/
    /*border-left:1px solid #fff;*/
    float: left;
    list-style:none;
    z-index:999;
}
.nav li.current ul {
    z-index: 999;
}
.nav li.sfHover ul,
ul.nav li:hover ul {
    z-index: 1000;
}
.nav li li {
    /*background: orange;*/
    /*border-left-color: yellow;*/
    padding: 0;
    margin: 0;
    float: left;
}
.nav a {
    /*border-bottom:1px solid #CFDEFF;*/
    color: white;
    font-weight: bold;
    display:block;
    float: left;
    /*padding: .75em 0 .75em 2em;*/
    padding-left: .75em;
    padding-right: .75em;
    text-decoration:none;
    /*width:7.45em;*/
}

.nav li ul {
    left:0;
    top:-999em;
    position:absolute;
    float: left;
    /*background: url('menuknop_actief.gif');
    background-repeat: repeat-x;*/
    background: #FFF9AA;
    height: 20px;
}

.nav li:hover,
.nav li.sfHover,
.nav a:focus, .nav a:hover, .nav a:active {
    /* Hover-elementen*/
    /*background:url('menuknop_actief.gif');*/
    /*background-repeat: repeat-x;*/
    background-color: #FFF9AA;
    color: black;
    height: 20px;
}
.nav li.current {
    /* Actieve elementen */
    /*background:url('menuknop_actief.gif');*/
    /*background-repeat: repeat-x;*/
    /*background-color: #FFEECA;*/
    color: black;
    /*height: 20px;*/
}

.nav li.sfHover a,
.nav a:focus, .nav a:hover, .nav a:active {
    border: none;
    color: black;
}
.nav li li a {
    padding-top: 1px;
    padding-left: .75em;
    padding-right: .75em;
    font-weight: normal;
    color: black;
    height: 20px;
}

.nav li li.current a,
.nav li li:hover,
.nav li li a:focus, .nav li li a:hover, .nav li li a:active {  
    /* Submenu-item actief en hover */
    background: url('menuknop_actief.gif');
    background-repeat: repeat-x;
    height: 20px;
    /*text-decoration: underline;*/
}
.nav li:hover ul, /* pure CSS hover is removed below */
body .nav li.current ul, /* this must be more specific than the .superfish override below */
ul.nav li.sfHover ul {
    top:20px;
}

.nav li:hover li ul,
.nav li.sfHover li ul {
    top:-999em;
}
.nav li li:hover ul, /* pure CSS hover is removed below */
ul.nav li li.sfHover ul {
    /*top:2.5em;*/
}
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul {
    top: -999em;
}