﻿#navMain
{
    margin-top:73px;
    width:253px;
    margin-left:-1px;
}

#navMain ul 
{
    list-style: none; 
}

#navMain ul li
{
    list-style-type:none;
    list-style-position:outside;
    width:253px;
}

#navMain ul li.first a,
#navMain ul li.nav_active_first a,
#navMain ul li.newgroup a
{
    height:22px;
}

#navMain ul li.first a span,
#navMain ul li.nav_active_first a span,
#navMain ul li.newgroup a span
{
    padding-top:2px;
}

#navMain ul li a,
#navMain ul li a span
{
    display:block;
    height:20px;
    /*
    line-height:20px;
    */
    text-decoration:none;
    cursor:pointer;
}


#navMain ul li a
{ 
    font: bold 12px "Century Gothic"; color: #404545;
    
    background-image:url(../images/layout/nav_main_item.png);
    background-position:left bottom;
    background-repeat:no-repeat;      
}

#navMain ul li a span
{
    padding-left:40px;
}

#navMain ul li.newgroup
{
    margin-top:39px;
}

#navMain ul li a:hover,
#navMain ul li.nav_active a,
#navMain ul li.nav_active_first a,
#navMain ul li.nav_active_last a
{
    font: bold 12px "Century Gothic"; color: #ffffff;
}

#navMain ul li a:hover span, 
#navMain ul li.nav_active a span, 
#navMain ul li.nav_active_first a span,
#navMain ul li.nav_active_last a span
{
    background-image:url(../images/layout/nav_main_item_hover.jpg);
    background-position:1px bottom;
    background-repeat:no-repeat;    
}

#navMain ul li a span,
#navMain ul li a:hover span, 
#navMain ul li.nav_active a span, 
#navMain ul li.nav_active_first a span,
#navMain ul li.nav_active_last a span
{
}

/* nav main submenu */
#navMain ul li.nav_active ul,
#navMain ul li.nav_active_first ul,
#navMain ul li.nav_active_last ul
{
    list-style:none;
    padding:0px;
    margin:0px;
}

#navMain ul li.nav_active ul li,
#navMain ul li.nav_active_first ul li,
#navMain ul li.nav_active_last ul li
{
    list-style-position:outside;
    list-style-type:none;
    padding:0px;
    margin:0px;
    background:none;
    background-color:#e8ece9;
}

#navMain ul li.nav_active ul li a,
#navMain ul li.nav_active ul li a span,
#navMain ul li.nav_active_first ul li a,
#navMain ul li.nav_active_first ul li a span,
#navMain ul li.nav_active_last ul li a,
#navMain ul li.nav_active_last ul li a span
{
    height:18px;
}

#navMain ul li.nav_active ul li a span,
#navMain ul li.nav_active_first ul li a span,
#navMain ul li.nav_active_last ul li a span
{
    padding-top:0px !important;
    background:none !important;
    padding-left:41px;
}


#navMain ul li.nav_active ul li a:hover,
#navMain ul li.nav_active_first ul li a:hover,
#navMain ul li.nav_active_last ul li a:hover,

#navMain ul li.nav_active_first ul li.nav_active a,
#navMain ul li.nav_active ul li.nav_active a,
#navMain ul li.nav_active_last ul li.nav_active a
/*
#navMain ul li.nav_active ul li.nav_active a,
#navMain ul li.nav_active_first ul li.nav_active a,
#navMain ul li.nav_active_last ul li.nav_active a,

#navMain ul li.nav_active ul li.nav_active_first a
#navMain ul li.nav_active_first ul li.nav_active_first a,
#navMain ul li.nav_active_last ul li.nav_active_first a
*/
{
    font: bold 11px "Century Gothic"; color: #ed7703;
    background-image:url(../images/layout/nav_sub_item_hover.jpg);
    background-position:left bottom;
    background-repeat:no-repeat;    
    /*
    height:18px;
    */
}


#navMain ul li.nav_active ul li.last a:hover,
#navMain ul li.nav_active ul li.nav_active_last a,
#navMain ul li.nav_active_first ul li.last a:hover,
#navMain ul li.nav_active_first ul li.nav_active_last a,
#navMain ul li.nav_active_last ul li.last a:hover,
#navMain ul li.nav_active_last ul li.nav_active_last a
{
    font: bold 11px "Century Gothic"; color: #ed7703;
    background-image:url(../images/layout/nav_sub_item_last_hover.jpg);
    background-position:left bottom;
    background-repeat:no-repeat;    
}

#navMain ul li.nav_active ul li a,
#navMain ul li.nav_active_first ul li a,
#navMain ul li.nav_active_last ul li a
{
    font: bold 11px "Century Gothic"; color: #404545;
    
    background-image:url(../images/layout/nav_sub_item.jpg);
    background-position:left bottom;
    background-repeat:no-repeat;
}

/* NAV ALGEMEEN */
#navAlgemeen
{
    /*
    width:497px;
    */
}

#navAlgemeen ul
{
    list-style:none;
}

#navAlgemeen ul li
{
    list-style-type:none;
    list-style-position:outside !important;
    float:left;
    margin-left:0px !important;
}

#navAlgemeen ul li a,
#navAlgemeen ul li a span
{
    cursor:pointer;
    display:inline-block;
    height:25px;
    line-height:25px !important;
    
    text-decoration:none;    
}

#navAlgemeen ul li a
{ 
    font: bold 12px "Century Gothic"; color: #ffffff;
    background-image:url(../images/layout/nav_algemeen_item.jpg);
    background-position:left top;
    background-repeat:no-repeat;      
}

#navAlgemeen ul li a span
{
    margin-left:50px;
    padding-left:1px;
    /*
    padding-right:44px;
    */
    padding-right:40px;
}


#navAlgemeen ul li a:hover,
#navAlgemeen ul li.nav_active a,
#navAlgemeen ul li.nav_active_first a,
#navAlgemeen ul li.nav_active_last a
{
    font: bold 12px "Century Gothic"; color: #ffffff;
    background-image:url(../images/layout/nav_algemeen_item_hover.jpg);
    background-position:left top;
    background-repeat:no-repeat;    
}

#navAlgemeen ul li a:hover span, 
#navAlgemeen ul li.nav_active a span, 
#navAlgemeen ul li.nav_active_first a span,
#navAlgemeen ul li.nav_active_last a span
{
}


/* SAFARI HACK */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    #wrapper
    {
        width:751px;
    }
    #linkerkolom { width:253px; }
    #navMain 
    {
        margin-left:0px;
    }
}
