/*******************************************\
\*******************************************/
/***************BREEDTE MENU****************\
\*******************************************/
/*******************************************\
\*******************************************/


    
ul#primary-nav_ul_1,
ul#primary-nav_ul_1 ul {
	width: 223px; 
	_width: 224px; 
	list-style:none;
	font-size:11px;
	}
	


/*******************************************\
\*******************************************/
/*****************UITKLAP*******************\
\*******************************************/
/*******************************************\
\*******************************************/

ul#primary-nav_ul_1,
ul#primary-nav_ul_1 ul,
ul#primary-nav_ul_1 li {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
ul#primary-nav_ul_1 li ul li {
	position: relative;
	z-index:9;
	}
	
.menu li ul li ul{
	position: absolute;
	top: 0px;
	display: none;
	left: 217px; 
	z-index:10;
	}
	
/* Holly Hack. IE Requirement \*/
* html .menu ul#primary-nav_ul_1 li { float: left; height: 1%; }
* html .menu ul#primary-nav_ul_1 li a { height: 1%; }
/* End */

.menu li ul li:hover,
.menu li ul li.over
{
    position: static;
    } 
.menu li ul li:hover ul ,
.menu li ul li.over ul
{
    display: block; 
    } 

.menu li ul li:hover ul ul,
.menu li ul li.over ul ul 
{
    display: none; 
    } 

.menu li ul li ul li:hover ul,
.menu li ul li ul li.over
{
    display: block; 
    } 
    


/*******************************************\
\*******************************************/
/******************ALGEMEEN*****************\
\*******************************************/
/*******************************************\
\*******************************************/

ul#primary-nav_ul_1
{
    border-left:1px solid #4c7191;
    border-right:1px solid #4c7191;
    border-bottom:1px solid #4c7191;
    background:transparent url(../images/menu_button.gif) repeat-y left;
    }
    
    
ul#primary-nav_ul_1 li a.Ik_ben_huurder i,
ul#primary-nav_ul_1 li a.Ik_zoek_een_woning i,
ul#primary-nav_ul_1 li a.Projecten i,
ul#primary-nav_ul_1 li a.Wie_is_BrabantWonen i
{
    display:none;
	}

ul#primary-nav_ul_1 li li a i
{
    font-style:normal;
	}
	
ul#primary-nav_ul_1 .primary-nav_li_1 .primary-nav_li_2,
ul#primary-nav_ul_1 .primary-nav_li_1 .primary-nav_li_2 .primary-nav_href_2
{
    display:none;
    margin:0;
    padding:0;
    }
    
ul#primary-nav_ul_1 .current_li_1
{
    display:block;
    }





/* >>>>>>>>>>>> LAAG 1 <<<<<<<<<<<<<< */




ul#primary-nav_ul_1 li a.Ik_ben_huurder,
ul#primary-nav_ul_1 li a.Ik_zoek_een_woning,
ul#primary-nav_ul_1 li a.Projecten,
ul#primary-nav_ul_1 li a.Wie_is_BrabantWonen
{
    display:block;
    border-top:1px solid #4c7191;
    height:30px;
    _padding:33px 0;
	}

ul#primary-nav_ul_1 li a.Ik_ben_huurder
{background:transparent url(../images/menu_huurder.gif) no-repeat;}
ul#primary-nav_ul_1 li a.Ik_zoek_een_woning
{background:transparent url(../images/menu_zoek.gif) no-repeat;}
ul#primary-nav_ul_1 li a.Projecten
{background:transparent url(../images/menu_projecten.gif) no-repeat;}
ul#primary-nav_ul_1 li a.Wie_is_BrabantWonen
{background:transparent url(../images/menu_brabantwonen.gif) no-repeat;}
ul#primary-nav_ul_1 li a.Ik_ben_huurder:hover
{background:transparent url(../images/menu_huurder_hover.gif) no-repeat;}
ul#primary-nav_ul_1 li a.Ik_zoek_een_woning:hover
{background:transparent url(../images/menu_zoek_hover.gif) no-repeat;}
ul#primary-nav_ul_1 li a.Projecten:hover
{background:transparent url(../images/menu_projecten_hover.gif) no-repeat;}
ul#primary-nav_ul_1 li a.Wie_is_BrabantWonen:hover
{background:transparent url(../images/menu_brabantwonen_hover.gif) no-repeat;}







/* >>>>>>>>>>>> LAAG 2 <<<<<<<<<<<<<< */

ul#primary-nav_ul_1 li ul
{
    background:transparent url(../images/submenu_bg.gif) repeat-y left;
    width:218px;
    }
    
ul#primary-nav_ul_1 li.current_li_1 ul#primary-nav_ul_2
{
    margin: 0 0 2px 3px;
    }

ul#primary-nav_ul_1 li ul li a
{
    display:block;
    padding:5px 25px 5px 0px;
    height:20px;
    text-align:right;
    color:#fff;
    text-decoration:none;
    background:transparent url(../images/menu_arrow.gif) no-repeat 197px 8px;
    }
    




/* >>>>>>>>>>>> LAAG 3 <<<<<<<<<<<<<< */

ul#primary-nav_ul_1 li ul li ul
{
    background:transparent url(../images/submenu_bg.gif) repeat-y 4px 0px;
    _background:transparent url(../images/submenu_bg.gif) repeat-y 5px 0px;
    width:217px;
    }

ul#primary-nav_ul_1 li ul li ul li
{
    float:left;
    width:185px;
    }
ul#primary-nav_ul_1 li ul li ul li a
{
    display:block;
    width:182px;
    height:auto;
    margin:0 0 0 4px;
    _margin:0 0 0 5px;
    padding:5px 5px 5px 25px;
    text-align:left;
    color:#fff;
    text-decoration:none;
    background:transparent url() no-repeat 197px 8px;
    border-bottom:1px solid #4c7191;
    }
    
    
    
    
    
/* >>>>>>>>>>>> SPECIALE FUNCTIES <<<<<<<<<<<<<< */


ul#primary-nav_ul_1 li ul li a:hover,
ul#primary-nav_ul_1 li ul li a.current_href_2
{
    background:#0e5597 url(../images/menu_arrow.gif) no-repeat 197px 8px;
    }

ul#primary-nav_ul_1 li ul li ul li a:hover
{
    background:#0e5597;
	}
	
ul#primary-nav_ul_1 li ul li a:active
{
    background:#c10028;
	}
	
ul#primary-nav_ul_1 li ul li a.current_href_2
{
    background:#0e5597 url();
    }

ul#primary-nav_ul_1 li li a.nochild
{
    background:transparent url() no-repeat;
    }
ul#primary-nav_ul_1 li li a.nochild:hover
{
    background:#0e5597 url() no-repeat;
    }