#navigation
{
    /*  Afstand tussen bovenste pagina en navigatiemenu */
    margin-top:0px;
    /* Achtergrondkleur van hele navigatie */
    background: black;
    color: #fff;
    height: auto;
    font-family: arial, helvetica, sans-serif;
    /*  afstand tussen elementen    */
    padding: 20px 10px 0px 20px;
}
/*  hele navigatiemenu */
#navigation ul
{
    list-style: none none;
    margin: 0px;
    margin-left:-25px;
    padding: 0px;
    text-align: left;
    cursor: default;
}
/*  root elementen */
#navigation ul li
{
    display: inline;
    /*Achtergrond van tekstvakken root-elementen*/
    background-color:black;
    /*  margin: 0px 3px 3px 0px;    */
    /*  vv Marge horizontaal tussen root-menu elementen */
    margin: 50px;
    padding: 3px 3px 3px 3px;
    /* vv Hoogte van de root-menu elementen vv*/
    line-height: 12px;
    text-align:left;
    position: relative;
    /* Eigenschappen van de rand rondom de root-menu elementen */
    border:1px solid black;
    border-bottom: 0px;
    font-family: arial, helvetica, sans-serif;
    font-size: 16px;
    color: #CCCCCC;
}
/*  geselecteerde root-element  */
#navigation ul li.active
{
    background-color:black;
    padding-bottom: 4px;
    padding-top: 4px;
    color: #fff;
}

#navigation ul li.active a
{
    color: #fff;
    background:#0f0f0f;
}

#navigation ul li a
{
    /*  tekstkleur van root-elementen    */
    color: #fff;
    font-family: arial, helvetica, sans-serif;
    font-size: 16px;
    background:#0f0f0f;
    /* Verticale afstand tussen de diverse links in een rolmenu
        margin: 1px;*/

    /* Hoogte tussen de links in een rolmenu
        padding: 0px;*/

    text-decoration: none;
}

#navigation ul li a:hover
{
    text-decoration: none;
    /*  textkleur hover */
    color: #666666;
    background:#0f0f0f ;


}
/*  uitvalmenu  */
#navigation ul li ul
{
    background: #0f0f0f;
    border: none;   /* #333333 solid 1px;   */
    display: none;
    /*vertikale alignment t.o.v. root-element */
    left: 25px;
    line-height: 16px;
    position: absolute;
    /*  Afstand tussen root-element en child-node   */
    top: 20px;
}

#navigation ul li ul li
{
    color: #0f0f0f;
    border:none;
    display: block;
    line-height: 15px;
    left: auto;
    margin: 0px;
    padding: 0px;
    text-align: left;
    top: auto;
    width: 110px;
}

#navigation ul li.active ul li
{
    color: #666666;
    font-family: Arial;
    font-size: 12px;
    line-height: 19px;
    left: auto;
    text-align: left;
    top: auto;
    width: 170px;
}

#navigation ul li ul li a:hover
{
    color: #fff;
    background:#0f0f0f;
}

#navigation ul li ul li a
{
    /*  Achtergrondkleur van elementen  */
    background-color:#0f0f0f;
    border:none;
    color: #666666;
    display: block;
    height: 20px;
    padding-left: 4px;
}

/* Submenu */
#navigation ul li ul li ul
{
    left: 170px;
    top: 0px;
}