/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyoutt.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu {
		width:130px; 
		min-height:150px;
		position:relative; 
		float:left; 
		margin:0; 
		margin:0px 0px;
		padding:				0 14px 0 6px;
		
}
.menu ul li a, .menu ul li a:visited {
		display:				block; 
		text-decoration:		none; 
		color:					#003366; 
		background-image:		url(../layout/menu_btn.gif); 
		width:					108px!important; 
		width:					108px; 
		height:					20px;
		padding:				0 0 0 22px;   
		margin: 				0px 0px 0px 0px;
			font-weight:				bold; 
}


.menu ul li.nohref {display:block; text-decoration:none; color:#666; width:162px!important; width:134px; background-image:		url(../layout/menu_btn.gif); min-height:11px; padding-top:8px; padding-left:8px;  padding-right:5px; text-align:right; margin: 0px 0px 0px 0px; font-size:12px; font-weight: bold;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative; margin-bottom:10px; z-index:2;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {
		color:#fff; 
		background-image:		url(../layout/menu_btn.gif);
		background-repeat:		no-repeat; 
		background-position:	0 -20px;  
		cursor:					pointer; } 
		
.menu ul li:hover a.nolink {
	cursor:				auto;


}	
		
/* De hover over het menu */
.menu ul li.nohref:hover {
		color:#fff; 
		background-image:		url(../layout/menu/li_bg_hover.jpg); 
		background-repeat:no-repeat; 
		background-position:bottom; 
		cursor:pointer; 
		} /* De hover over het menu */
		
.menu ul li:hover ul {
		display:block; 
		position:absolute; 
		top:0; 
		left:130px; 
		width:130px;  
		}
		
.menu ul li ul li {
		margin-bottom:		0px;

}		
.menu ul li:hover ul li a.hide{display:block; text-decoration:none; color:#fff; width:170px;  padding-left:20px; text-align:left;  margin: 0px 0px 0px 0px; background:#c46300; font-size:12px;}
.menu ul li:hover ul li:hover a.hide {display:block;   width:170px; padding-left:20px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {
		display:block; 
		background:#99CCFF; 
		color:#003366; 
		width:180px!important; 
		border-bottom:1px #ccc dotted; 
		height: 17px; 
		padding-left:20px;  
		padding-top:1px; 
		text-align:left;  
		margin: 0px 0px 0px 0px;
} /*uitvouwlijst 1 laag */
.menu ul li:hover ul li a:hover {
		background:#6699CC; 
		padding-left:20px; 
		color:#fff;
}
.menu ul li:hover ul li:hover ul {
		display:block; 
		position:absolute; 
		left:200px; 
		margin: 0px 0px 0px 0px; 
		color:#fff;
}
.menu ul li:hover ul li:hover ul li a {
		display:block;  
		background:#99CCFF; 
		color:#003366; 
		width:170px; 
		padding-left:
		20px;}
.menu ul li:hover ul li:hover ul li a:hover {
		background:#6699CC; 
		color:#fff;
}

.menu ul li.active a {
color:		#fff;
background:	#00693F;
}

.menu ul li.title {display:block; text-decoration:none; color:#c46300; width:152px!important; width:146px; height:18px;  padding-right:5px; text-align:left; border-bottom:	1px dotted #c46300; background:#333; margin: 0px 0px 0px 0px; font-size:12px;}