﻿#navigatiecontainer
{
    position:                               relative;
    width:                                  980px;
    height:                                 50px;
    background-image:                       url(../images/layout/bg_navigatie.jpg);
    background-repeat:                      repeat-x;
}

#menu1
{
    float:                                  left;
    margin-left:                            1px !important;
    margin-left:                            0px;
    z-index:                                30;
    display:                                none;
}

#menu2
{
    float:                                  right;
}

#navigatiecontainer
{
    z-index:                                30;
}

#navigatiecontainer li
{
	float:									left;
	list-style-type:                        none;
}

#navigatiecontainer #menu1 li
{
    position:                               relative;
    width:                                  auto !important;
    width:                                  10px;
    background-image:                       url(../images/layout/bg_navigatiedevider.gif);
    background-repeat:                      no-repeat;
    background-position:                    right;
}

#navigatiecontainer #menu2 li
{
    position:                               relative;
    width:                                  auto !important;
    width:                                  10px;
    background-image:                       url(../images/layout/bg_navigatie2.jpg);
    background-repeat:                      repeat-x;
}


#navigatiecontainer li a,
#navigatiecontainer li span,
#navigatiecontainer #menu2 li a
{
	display:								block;
	padding:								0 10px;
	line-height:							38px;
	height:									50px;
	text-decoration:                        none;
	color:                                  #033773;        /*blauw*/
	white-space:                            nowrap;
}

#navigatiecontainer #menu2 li a
{
    color:                                  White;
}

#navigatiecontainer #menu1 li a.menu_active,
#navigatiecontainer #menu2 li a.menu_active,
#navigatiecontainer #menu1 li a:hover,
#navigatiecontainer li span:hover,
#navigatiecontainer #menu1 li.menu3li a.insubmenu
{
	background-image:                       url(../images/layout/navigatie_f2.jpg);
	background-position:                    top center;
	background-repeat:                      no-repeat;
	display:								block;
	padding:								0 10px 0 11px;
	line-height:							38px;
	height:									50px;
	text-decoration:                        none;
    margin-left:                            -1px;
	white-space:                            nowrap;
	color:                                  White;
}

#navigatiecontainer #menu2 li a.menu_active
{
	margin-left:                            0px;
}

#navigatiecontainer #menu2 li a:hover,
#navigatiecontainer #menu1 li.menu3li a.insubmenu
{
	background-image:                       url(../images/layout/navigatie_f2.jpg);
	background-position:                    top center;
	background-repeat:                      no-repeat;
	color:                                  White;
	white-space:                            nowrap;
}

#navigatiecontainer *
{
	font-size:								12px;
	font-weight:							bold;
	color:									#fff;
}

/***************************************************************/

/* menu 3 */


#divmenu3 li a,
#divmenu3 li span,
#divmenu3 li span:hover
{
	line-height:                            normal;
	height:                                 20px;
	color:                                  #033773;
	background-image: none;
}

#divmenu3 li li a 
{
	line-height:                            normal;
	height:                                 20px;
	color:                                  #033773;
	font-weight:                            normal;
}

#divmenu3 a:hover
{
	text-decoration:                        underline;
}

    .menu3
    {
        position:                           absolute;
        left:                               40px;
        z-index:                            60;
        padding:                            10px;
        background-color:                   #ECECEC;                    /* licht blauw */
        border:                             solid 1px #BEBEBE;          /* grijs */
        line-height:					    normal;
     }
        
        .menu3 *
        {
            font-size:								12px;
            font-weight:							bold;
            color:									black;
        }
        
        .menu3 li
        {
            position:                               relative;
            width:                                  120px;
            display:                                block;
            float:									left;           
            list-style-type:                        none;
            background-image:                       none;
        }

        .menu3 li li
        {
            white-space:                            nowrap;
            font-size:								12px;
            line-height:							normal;
            float:                                  left;
            display:                                block;
        }

        .menu3 li li a 
        {
            background-image:                       none;
            line-height:							normal;
            padding:								1px 10px 0px 0px;
            margin:                                 0px;
            height:                                 auto;
            color:                                  #104980;                /*blauw*/
        }

        .menu3 li li a.menu_active
        {
            text-decoration:                        underline;
            background-image:                       none;
            line-height:							normal;
            padding:								1px 10px 0px 0px;
            margin:                                 0px;
            height:                                 auto;
            color:                                  #104980;                /*blauw*/
        }
        
        .menu3 li li ul
        {
            display:                                block;
        }
       
       .menu3 * a:hover
       {
       	text-decoration: none;
       }
