﻿#navMain
{
    position:absolute;
    top:67px;
    left:2px;
    height:45px;
}

#navMain ul 
{
    list-style: none; 
}

#navMain ul li
{
    float: left;
    text-align:center;
}

#navMain ul li.first
{
}

#navMain ul li.last, #navMain ul li.nav_active_last
{
}

#navMain ul li.last a
{
    background:none; 
}

#navMain ul li.last a:hover, #navMain ul li.nav_active_last a
{
    background-position:left top;
}

#navMain ul li a
{ 
    font: normal 16px "Lucida Sans"; color: #4b4b4a;

    background-image:url(../images/layout/nav_main_item.png);
    background-position:right top;
    background-repeat:no-repeat;    
}

#navMain ul li a, #navMain ul li a:hover
{
    display:inline-block;
    height:45px;
    text-decoration:none;
}

#navMain ul li a:hover, #navMain ul li.nav_active a, #navMain ul li.nav_active_last a, #navMain ul li.nav_active_first a
{
    background-image:url(../images/layout/nav_main_item_hover.png);
    background-position:right bottom;
    background-repeat:repeat-x;    
    font: bold 16px "Lucida Sans"; color: #313280;
}

#navMain ul li a:hover span, #navMain ul li.nav_active a span, #navMain ul li.nav_active_last a span
{
}

#navMain a span, #navMain a:hover span, #navMain ul li.nav_active a span, #navMain ul li.nav_active_last a span
{
    display:inline-block;
    height:30px;
    padding-top:15px;
    padding-left:15px;
    padding-right:15px;
    cursor:pointer;
}


#navMain ul li a:hover span, #navMain ul li.nav_active a span, #navMain ul li.nav_active_last a span
{
    display:inline-block;
}

#navMain ul li.nav_active a span, #navMain ul li.nav_active_last a span, #navMain ul li a:hover span
{
}

/* NAV_TALEN */
#navTalen
{
    /*
    position:absolute;
    left:14px;
    top:0px;
    */
    float:left;
    margin-left:14px;
    
    background-image:url(../images/layout/nav_talen_links.png);
    background-position:left top;
    background-repeat:no-repeat;   
    height:20px;
}

#navTalen ul
{
    list-style: none; 
    margin-left:4px;
    background-image:url(../images/layout/nav_talen_rechts.png);
    background-position:right top;
    background-repeat:no-repeat;  
    overflow:hidden;
    height:20px;
}

#navTalen ul li
{
    float:left;
    background-image:url(../images/layout/nav_talen_tussen.png);
    background-position:right 3px;
    background-repeat:no-repeat;   
    padding-right:4px;
    padding-left:4px;
    height:18px;
    padding-top:2px;
}

#navTalen ul li.first
{
    padding-left:8px;
}

#navTalen ul li.last
{
    padding-right:4px;
    background-image:none;
}

#navTalen ul li a
{
    display:inline-block;
    /*
    padding-left:5px;
    padding-top:3px;    
    */
    padding-right:3px;
    
    font: normal 12px "Lucida Sans"; color: #ffffff;
    text-decoration:none;
}

#navTalen ul li.nav_active span, #navTalen ul li a:hover span
{
    font: bold 12px "Lucida Sans"; color: #ffffff;
    text-decoration:underline;
}

#navTalen ul li.nav_active a, #navTalen ul li a:hover
{
    /*
    border-left:solid 2px #0080ac;
    */
}

/* NAV SUB */
#navSub h3
{
    font: normal 22px "Lucida Sans"; color: #ffffff;    
    width:241px;
    margin-top:6px;
    padding-bottom:3px;
    padding-left:23px;
    height:40px;
    line-height:40px;
}

#navSub
{
    width:264px;
}

#navSub ul 
{
    /*
    padding-top:12px;
    margin-left:1px;
    margin-right:1px;
    */
padding-bottom:24px;
    background-image:url(../images/layout/nav_sub_onderkant.png);
    background-position:left bottom;
    background-repeat:no-repeat;     
}

#navSub ul li
{
    list-style-type: none; 
    list-style-position:outside;    
    /*
    margin-top:1px;
    margin-left:1px;
    margin-right:1px;
    */
}

#navSub ul li.first
{
    /*
    margin-top:0px;
    */
}

#navSub ul li.first
{
}

#navSub ul li.last, #navSub ul li.nav_active_last
{
}

#navSub ul li.nav_active_last, #navSub ul li.last 
{ 
}

#navSub ul li a
{
    background-image:url(../images/layout/nav_sub_item.png);
    background-position:left center;
    background-repeat:no-repeat; 
    font: bold 14px "Lucida Sans"; color: #ffffff;
}

#navSub ul li a, #navSub ul li a:hover
{
    display:block;
    /*
    line-height:89px !important;
    height:89px;
    */
    height:40px;
    text-decoration:none;
}

#navSub ul li a:hover, #navSub ul li.nav_active a, #navSub ul li.nav_active_last a, #navSub ul li.nav_active_first a
{
    background-image:url(../images/layout/nav_sub_item_hover.png);
    background-position:left center;
    background-repeat:no-repeat;
    font: bold 14px "Lucida Sans"; color: #9c9b9b;    
}

#navSub ul li a:hover span, #navSub ul li.nav_active a span, #navSub ul li.nav_active_last a span
{
}

#navSub a span, #navSub a:hover span, #navSub ul li.nav_active a span, #navSub ul li.nav_active_last a span
,#navSub ul li a.terugnaarlijst span
{
    display:block;
    
    height:40px;
    line-height:40px;
    padding-left:44px;
    cursor:pointer;
}


#navSub ul li a:hover span, #navSub ul li.nav_active a span, #navSub ul li.nav_active_last a span
{
    display:block;
}

#navSub ul li.nav_active a span, #navSub ul li.nav_active_last a span, #navSub ul li a:hover span
{
}

#navSub ul li a.terugnaarlijst
{
    background-image:url(../images/layout/terugnaarlijst.png) ;
    background-position:24px center;
    background-repeat:no-repeat ;
}

#navSub ul li a.terugnaarlijst:hover
{
    background-image:url(../images/layout/terugnaarlijst_hover.png) ;
    background-position:24px center;
    background-repeat:no-repeat ;    
}

 #navSub ul li a.solliciteren
 ,#navSub ul li a.terugnaarlijst
 {
    height:40px;
    margin-top:9px;
    
 }

/* realisatiepager */
#realisatiespager
{
    float:right;
    margin-top:11px;
    list-style:none;
}

#realisatiespager li
{
    float:left;
    list-style-type: none; 
    list-style-position:outside;    
    padding-left:4px;
    padding-right:4px;
}

#realisatiespager li a
{
    font: bold 13px "Lucida Sans"; color: #636363;
    text-decoration:none;
}

#realisatiespager li.selected a
{
    font: bold 13px "Lucida Sans"; color: #234485;    
    text-decoration:underline;
}

li.realisatiepager_knop_volgende a, li.realisatiepager_knop_volgende a:hover
{
    display:block;
    background-position:left center;
    background-repeat:no-repeat;   
    padding-left:23px;
    margin-left:3px;
}

li.realisatiepager_knop_vorige a, li.realisatiepager_knop_vorige a:hover
{
    display:block;
    background-position:right center;
    background-repeat:no-repeat;   
    padding-right:23px;
    margin-right:3px;
}

li.realisatiepager_knop_vorige a
{
    background-image:url(../images/layout/pager_pijl_vorige.png);
}

li.realisatiepager_knop_vorige a:hover
{
    background-image:url(../images/layout/pager_pijl_vorige_hover.png);
    color:#234485 !important;
}

li.realisatiepager_knop_volgende a
{
    background-image:url(../images/layout/pager_pijl_volgende.png);
}

li.realisatiepager_knop_volgende a:hover
{
    background-image:url(../images/layout/pager_pijl_volgende_hover.png);
    color:#234485 !important;
}
