/* ================================================================ 
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 {font-family: arial, sans-serif; 
width:190px; 
min-height:150px; 
text-align:left; 
position:relative; 
float:left; 
margin:0; 
font-size:14px; 
margin:0px 0px;
}

.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 
color:#666; 
width:162px!important; 
width:134px; 
min-height:11px; 
padding-left:8px; 
padding-top:5px;  
padding-right:5px; 
text-align:left;   
margin: 0px 0px 0px 0px; 
font-size:12px; 
font-weight: bold;
}
.menu ul li.nohref {display:block; text-decoration:none; color:#666; width:162px!important; width:134px; 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; 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/li_bg_hover.jpg); background-repeat:no-repeat; background-position:bottom;  cursor:pointer; } /* 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:175px; width:290px; margin-top:4px; }
.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:#E98D78; 
color:#fff; 
width:290px!important; 
border-bottom:1px #f7f7f7 solid; 
height 11px;
padding-left:20px;  
padding-top:1px; 
text-align:left;  
margin: 0px 0px 0px 0px;
filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;

} /*uitvouwlijst 1 laag */
.menu ul li:hover ul li a:hover {background:#E98D78; padding-left:20px; color:#666;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:315px; margin: 0px 0px 0px 0px; color:#fff;}
.menu ul li:hover ul li:hover ul li a {display:block;  background:#F8DFDA; color:#666; width:170px; padding-left:20px;}
.menu ul li:hover ul li:hover ul li a:hover {background:#F8DFDA; color:#333;}

.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;}