﻿#navMain
{
    position:absolute;
    top:86px;
    left:5px;
    
    width:960px;
    height:45px;
    background-image:url(../images/layout/bg_nav_main.png);
    background-position:left top;
    background-repeat:repeat-x;  
}

#navMain ul 
{
    margin:0px;
    padding:0px;
    
    height:45px;
    
    list-style:none;
    overflow:hidden;
    width:960px;
    list-style: none; 
}

#navMain ul li
{
    padding-left:0px;
    background:none;
    /*
    border:solid 1px green;
    */
    list-style-type:none;
    list-style-position:outside;
    float: left;
    text-align:center;
    height:45px;
}


#navMain ul li.last a span,
#navMain ul li.nav_active_last a span,
#navMain ul li.last a:hover span
{
    background-image:none;
    /*
    background-position:left top;
    */
}

#navMain ul li a
{ 
    line-height:13px !important;
    height:45px;
    display:inline-block;
    font: bold 13px "Trade gothic bold", "Arial Narrow", "Arial"; color: #ffffff;
    margin:0px;
    padding:0px;
}

#navMain ul li a span
{
    height:25px;
    padding-top:20px;
    display:inline-block;   
    /*
    padding-left:23px;
    padding-right:23px;
    */
    padding-left:17px;
    padding-right:17px;
    margin:0px;
}

#navMain ul li a, #navMain ul li a:hover
{
    height:45px;
    text-decoration:none;
}

#navMain ul li a:hover, #navMain ul li.nav_active a, #navMain ul li.nav_active_last a
{
    font: bold 13px "Trade gothic bold", "Arial Narrow", "Arial"; color: #ffffff;
}

#navMain ul li a, 
#navMain ul li a:hover, 
#navMain ul li.nav_active a, 
#navMain ul li.nav_active_last a
{
    background-image:url(../images/layout/nav_main_item.png);
    background-position:right 9px;
    background-repeat:no-repeat;
    cursor:pointer;
}

#navMain ul li.last a,
#navMain ul li.nav_active_last a
{
    background:none;
}

#navMain ul li a:hover span,
#navMain ul li.first a:hover span,
#navMain ul li.last a:hover span,
#navMain ul li.nav_active a span,
#navMain ul li.nav_active_first a span
{
    background-image:url(../images/layout/nav_main_item_hover.png);
    background-position:center top;
    background-repeat:no-repeat;        
}

/*
#navMain ul li.first a span,
#navMain ul li.nav_active_first a span,
#navMain ul li.first a:hover span,
#navMain ul li.nav_active_first a:hover span
{
    width:43px;
    background-image:url(../images/layout/nav_home.png) !important;
    background-position:left top;
    background-repeat:no-repeat;       
    padding-left:0px;
    padding-right:0px;
}
*/

/* LOGINKNOP */
#navMain ul li.knop,
#navMain ul li.knop_last
{
    float:right;
}

#navMain ul li.knop a span,
#navMain ul li.knop a:hover span,
#navMain ul li.knop_last a span,
#navMain ul li.knop_last a:hover span
{
    background-image:url(../images/layout/nav_loginknop_rechts.png);
    background-position:right 15px;
    background-repeat:no-repeat;
    margin-left:7px;
    padding-right:28px;
    padding-left:10px;
}

#navMain ul li.knop a,
#navMain ul li.knop a:hover,
#navMain ul li.knop_last a,
#navMain ul li.knop_last a:hover
{
    background-image:url(../images/layout/nav_loginknop_links.png);
    background-position:left 15px;
    background-repeat:no-repeat;
    /*margin-right:19px;*/
    margin-right:11px;
    
    font: bold 10px "Trade gothic bold", "Arial Narrow", "Arial"; color: #ffffff;
}

/* NAV SUB */
#navSub
{
    width:324px;
    min-height:484px;
    float:right;
    position:relative;
}

#navSub ul
{
    margin-left:20px;
    width:274px;
}

#navSub li
{
    padding-left:0px;
    background:none;
    list-style-type: none; 
    list-style-position:outside;    
}

#navSub li.first
{
    margin-top:8px;
}

#navSub li a
{
    display:block;
    height:30px;
    text-decoration:none;
    

    background-image:url(../images/layout/nav_sub_item.png);
    background-position:left bottom;
    background-repeat:no-repeat;      
}

#navSub li a span
{
    cursor:pointer;
    display:block;
    padding-top:5px;
    height:25px;
    font: bold 14px "Century Gothic"; color: #ffffff;
}

#navSub ul li a:hover span,
#navSub ul li.nav_active a span,
#navSub ul li.nav_active_first a span,
#navSub ul li.nav_active_last a span
{
    font: bold 14px "Century Gothic"; color: #95c4e1;
    background-image:url(../images/layout/pijl_nav_sub_item.png);
    background-position:left center;
    background-repeat:no-repeat;    
    padding-left:13px;
}

#navSub ul li.last a,
#navSub ul li.nav_active_last a
{
    background:none !important;
}

/* NAV SUB VACATURES */
#navSubVacatures
{
    width:324px;
    min-height:484px;
    float:right;
}

#vacatureslist
{
    margin-left:20px;
    width:274px;
}

#vacatureslist li
{
    padding-left:0px;
    background:none;
    list-style-type: none; 
    list-style-position:outside;    
}