@charset "utf-8";
/* CSS Document */




/****************************************************/
/*													*/
/*  			NAVIGATION ELEMENTS  				*/
/*				3 level navigation					*/
/*													*/
/*				Gerry Uytdenhouwen					*/
/*				Wim Poppeliers						*/
/*              Twistedminds BVBA					*/
/*													*/
/*													*/
/****************************************************/



#navigation{
	/*border: 1px solid #FF0000;*/
	height: 2.7em;
}

..navigation{
	font: 1em Arial, Helvetica, sans-serif; 
	/*font-weight:bold;*/
	overflow: hidden;
	min-width: 870px;
	/* no margin en no padding */
	/* voor firefox anders wit-ruimte tussen navigatie en utulity*/
	/* voor explorere anders witruimte voor linker startnavigatie*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
 }
 

..navbar li {
	float: left; 
	padding: 0 10px 0 10px; 
	margin-right: 5px;
	margin-left: 2px;	
	color: #fff;
  }
  
..navbar li a {
	display: block; 
	padding: 0.55em 0 0.25em;
	text-transform: uppercase; 
	color: #fff;
	font-weight:bold;	
 }


/****************************************************/
/* 				top navigation styles 				*/
/****************************************************/

div#navigation ul {
            margin:0;
            padding:0;
}

div#navigation li {
            position: relative; 
            list-style: none; 
            margin: 0 1px 0 0; 
            float: left;
}

div#navigation ul.level1 li {
            /* change left & right padding for extra navigation */
           /* background: #992b0f;*/
            padding: 0px 2px 10px 2px; /* top right bottom left */
            text-align: center;
}
div#navigation ul.level1 #top01, div#navigation ul.level1  .menu-level1-active01, div#navigation ul.level1  .menu-level1-current-active01, div#navigation ul.level1  .menu-level1-with-subpage01{
            /* change left & right padding for extra navigation */
            /*background: #cc0000;*/
			background-image:url(../images/topnav_01.png);
			background-repeat:repeat-x;
			background-position:top;
}
div#navigation ul.level1 #top02, div#navigation ul.level1 .menu-level1-active02, div#navigation ul.level1 .menu-level1-current-active02, div#navigation ul.level1  .menu-level1-with-subpage02{
            /* change left & right padding for extra navigation */
            /*background: #cc0000;*/
			background-image:url(../images/topnav_02.png);
			background-repeat:repeat-x;
			background-position:top;
}
div#navigation ul.level1 #top03, div#navigation ul.level1 .menu-level1-active03, div#navigation ul.level1  .menu-level1-current-active03, div#navigation ul.level1  .menu-level1-with-subpage03{
            /* change left & right padding for extra navigation */
            /*background: #cc0000;*/
			background-image:url(../images/topnav_03.png);
			background-repeat:repeat-x;
			background-position:top;
}
div#navigation ul.level1 #top04, div#navigation ul.level1 .menu-level1-active04, div#navigation ul.level1  .menu-level1-current-active04, div#navigation ul.level1  .menu-level1-with-subpage04{
            /* change left & right padding for extra navigation */
            /*background: #cc0000;*/
			background-image:url(../images/topnav_04.png);
			background-repeat:repeat-x;
			background-position:top;
}
div#navigation ul.level1 #top05, div#navigation ul.level1 .menu-level1-active05, div#navigation ul.level1  .menu-level1-current-active05, div#navigation ul.level1  .menu-level1-with-subpage05{
            /* change left & right padding for extra navigation */
            /*background: #cc0000;*/
			background-image:url(../images/topnav_05.png);
			background-repeat:repeat-x;
			background-position:top;
}
div#navigation ul.level1 #top06, div#navigation ul.level1 .menu-level1-active06, div#navigation ul.level1  .menu-level1-current-active06, div#navigation ul.level1  .menu-level1-with-subpage06{
            /* change left & right padding for extra navigation */
            /*background: #cc0000;*/
			background-image:url(../images/topnav_05.png);
			background-repeat:repeat-x;
			background-position:top;
}



div#navigation ul.level1 li ul.level2 li {

            background-color: #727d26;
            padding: 0px 0px 0px 0px;

}

div#navigation li a {
            color: #ffffff;
            display: block;
}

div#navigation ul.level2 {
			font-size: 11px;
            position: absolute;
            width: 160px;
            display: none; 
            top: 34px;
            left: 0px; 
            right: 0px;
}


div#navigation ul.level3 {
            position: absolute;
            display: none;
            top: 0;
            left: 200px; /* level2 + padding */
}

div#navigation a {
            text-decoration: none;
}

div#navigation ul.level1 li:hover, div#navigation ul.level1 li.sel {
			background-color: #999951;

}

div#navigation ul.level1 li ul.level2 li:hover, div#navigation ul.level1 li ul.level2 li.sel {
            background-color: #999951;

}

div#navigation ul.level1 li:hover ul.level2, div#navigation ul.level1 li ul.level2 li:hover ul.level3 {
            display: block;
}


div#navigation ul.level1 a { 
            width: auto;
            text-align: center; 
			padding: 20px 10px 0px 15px;
			font-size:11px;
			
} 

div#navigation ul.level2 a { 
            width: 180px; 
            text-align: left;
            font-weight: normal;
			font-size:11px;
			padding: 5px 0px 5px 10px;
			border-bottom: 1px solid #999951;
} 

div#navigation ul.level2 li { 
            min-width: 180px;
} 

div#navigation>ul a {
            width: auto;
}