/**************** menu coding *****************/






ul.navigation, 
ul.navigation li 
{
    margin:     0;
    padding:    0;
    display:    block;
    z-index:   100;
}  

ul.navigation, 
ul.navigation ul 
{
    list-style: none;
    padding:    2px;
} 

ul.navigation li
{
    position:   relative;
    float:      left;
    padding:    4px 0px 5px 0px;
    z-index:    9;
    width: 92px;
}

ul.navigation li li
{
    margin:     0;
    padding:    0;
    padding-left: 10px;
    width: auto;
}

ul.navigation ul /* Alle subnavigatie verbergen */
{
    padding:    0;
    margin:     0;
    position:   absolute;
    display:    none;
    left:       0px;
    top:        25px;
    background: #ffffff; 
    z-index:    110;
}


ul.navigation ul ul/** Sub-sub-navigatie**/
{
    top:        0px;
    left:       100px;
    z-index:    200;
}

ul.navigation li:hover ul ul /* :hover*/
{
    display:    none;
}

ul.navigation li:hover ul, 
ul.navigation li:hover li:hover ul 
{
    display:    block;
}

/** Menu Coloring **/
ul.navigation a
{
    color:      #4D2623;
    font-weight: bold;
    text-decoration: none;
}

ul.navigation ul li a
{
    display:    block;
    padding:    3px;
    width:      160px;
    text-align: left;
}


/** Hovers **/

ul.navigation li:hover a
{
    color: #FFFFFF;
}

ul.navigation li:hover ul a
{
    color: #000000;
}
ul.navigation li:hover
{
    background: #721C13;
}

ul.navigation li:hover li
{
    background: none;
}

ul.navigation li:hover ul a:hover,  
ul.navigation li ul a:hover  
{
    color: #D03627;
}