/*
Cascading Style Sheet (css)

Website          : Webwerkers CMS Website
Sectie           : Navigatie
Versie           : V1.0
Auteur(s)        : Eric Schalker (eric /[at]/ webwerkers.nl)
Bedrijf          : Webwerkers
Gemaakt op       : 03-05-2010
Laatst gewijzigd : 27-05-2010

OVER & Note      : Stylesheet speciaal voor navigatie
*/

#menu {
    position:absolute;
    width:960px;
    z-index:30;
    background: url(/images/menu-bg.jpg) top left repeat-x;
    top:183px;
    left:0;
    padding-left:20px;
}


#nav{
    padding: 0;
    margin: 0;
}

#nav a {
    color:#fff;
    text-decoration:none;
    font-size:14px;
    font-weight: bold;
    line-height: 11px;
    padding: 19px 9px;
    display: block;
    text-transform: uppercase;
}

#nav a:hover {
    color:#fff;
    background: url(/images/menu-hover.jpg) top left repeat-x;
}

#nav .active a {
    color:#fff;
    background: url(/images/menu-hover.jpg) top left repeat-x;
}

#nav li {
    float:left;
}

#nav > li{
    background: url(/images/menu-right-stripe.jpg) right 8px no-repeat;
}

#nav li li{
    border-bottom: 1px solid #E8E8E8;
}

#nav li li a{
    background: #dbcc00;
    padding: 10px 15px;
    color:#000;
    font-weight: normal;
}

#nav li li a:hover{
    background: #dbcc00;
    color:#000;
    font-weight: bold;
}

#nav > li.menuitem9{
    position:absolute;
    right:0;
    color:#fff;
    background: url(/images/menu-hover.jpg) top left repeat-x;
    padding: 0px 9px;
}



/* submenu nivea 2*/


#nav .active ul li a {
    color:#000;
    font-weight: normal;
    padding: 10px 15px;
    background: #dbcc00;
    
}

#nav li ul .active a {
    color:#000;
    margin-left:0px;
    font-weight: bold;
}



#nav .active ul li a:hover{
    font-weight: bold;
}


/* submenu nivea 3*/
#nav .active ul li li{

}



#nav .active ul li li a{
    background: #dbcc00;
    padding: 10px 15px;
    padding-left:10px;
    font-weight: normal;
    font-size: 14px;
    border: 0px solid;
}

#nav .active ul li li a:hover{
    color:#000;
    font-weight: bold;
}

#nav .active ul li li.active a{
    color: #000;
    font-weight: bold;
}

#nav .active ul li li.active a:hover{
    color:#000;
    font-weight: bold;
}


#nav li.active > ul{
    display: block !important;
    background: #dbcc00;
}