/* **********************************************************************

/*
Omschrijving :  																													
	- Vertikaal menu													
	- Simpel menu 													
	- Submenu na klikken submenu's uitgeklapt laten zien	
	- geen javascript
*/

********************************************************************** */



/* ------- MENU ---------------------------------------- */	
		
TABLE.menu_width{
	width: 210px; 
}

TD.menu A, TD.menu A:hover, TD.menu_on A, TD.menu_on A:hover{
	background-repeat: no-repeat;
	background-position: 24px 2px;
	display: block;
	width: 100%;
	height: 23px;
	font-family: arial;
	font-size: 9pt;
	font-weight: bold;
	color: #666666;
	padding: 2px 0px 4px 50px;
	text-decoration: none;
}
TD.menu A{
	background-image: url(gfx/menu_icon.gif);
}
TD.menu A:hover{
	background-image: url(gfx/menu_icon_on.gif);
}
TD.menu_on A{
	background-image: url(gfx/menu_icon_on.gif);
}			
TD.menu A:hover{
	background-image: url(gfx/menu_icon_on.gif);
	color: #8f8f23;
}	
TD.menu_on A{	
	color: #000000;
}




TD.submenu A, TD.submenu A:hover,TD.submenu_on A, TD.submenu_on A:hover{
	background-repeat: no-repeat;
	background-position: 46px 5px;
	display: block;
	width: 95%;
	height: 19px;
	font-family: arial;
	font-size: 9pt;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	font-style: italic;
	padding: 0px 0px 0px 62px;
}
TD.submenu A{
	background-image: url(gfx/submenu_icon.gif);
}
TD.submenu A:hover{
	color: #8f8f23;
}
TD.submenu_on A{
	background-image: url(gfx/submenu_icon_on.gif);
}
TD.submenu_on A:hover{
	background-image: url(gfx/submenu_icon_on.gif);
	color: #8f8f23;
}
TD.submenu_on A{
	color: #000000;
}

html>body TD.submenu A, html>body TD.submenu A:hover, html>body TD.submenu_on A, html>body TD.submenu_on A:hover{
	height: auto;
	width: 140px;		
}

TD.subsubmenu A, TD.subsubmenu A:hover, TD.subsubmenu_on A, TD.subsubmenu_on A:hover{
	background-repeat: no-repeat;
	background-position: 63px 5px;
	display: block;
	width: 95%;
	height: 19px;
	font-family: arial;
	font-size: 9pt;
	font-weight: bold;;
	color: #666666;
	text-decoration: none;
	font-style: italic;
	padding: 0px 0px 0px 79px;
}
TD.subsubmenu A{
	background-image: url(gfx/submenu_icon.gif);
}
						
TD.subsubmenu A:hover{
	color: #8f8f23;
}
TD.subsubmenu_on A{
	background-image: url(gfx/submenu_icon_on.gif);	
}
TD.subsubmenu_on A:hover{
	background-image: url(gfx/submenu_icon_on.gif);
	color: #8f8f23;
}
TD.subsubmenu_on A{
	color: #000000;
}

html>body TD.subsubmenu A, html>body TD.subsubmenu A:hover, html>body TD.subsubmenu_on A, html>body TD.subsubmenu_on A:hover{
	height: auto;
	width: 123px;		
}


TD.menubreak{
	height: 1px;
	width: 100%;
	background-color: #FFFFFF;
}






/* ------- TOPMENU ---------------------------------------- */

TD.topmenu_container{
	background-color: #F5F5F5;
	white-space: nowrap;
}
TD.topmenu_container A,TD.topmenu_container A:hover{
	height: 27px;
	width: auto;
	line-height: 26px;
	font-family: arial;
	color: #666666;
	text-decoration: none;
	white-space: nowrap;
	font-size: 8pt; 
	font-weight: bold;
	padding: 0px 4px 0px 4px;
}
TD.topmenu_container A:hover{
	color: #cccc33;
}


TD.topmenu_search_container{
	background-color: #F5F5F5;
	white-space: nowrap;
}

TD.topmenu_search_container P{
	height: 27px;
	width: auto;
	line-height: 26px;
	font-family: arial;
	color: #cccc33;
	text-decoration: none;
	white-space: nowrap;
	font-size: 8pt; 
	font-weight: bold;
	padding: 0px 13px 0px 13px;
	margin: 0px;
}
