/* SWIM2.0 :: Simple website menu
****************************************************************
* DOM scripting by brothercake -- http://www.brothercake.com/
* Licensed under GPL -- http://www.gnu.org/copyleft/gpl.html
****************************************************************
* For professional menu solutions visit -- http://www.udm4.com/ 
****************************************************************
*/



ul.vertical, ul.vertical li {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:13px;
	}

ul.vertical {

	z-index:1000;
	cursor:default;
	
	/* navbar width */
	width:164px;

	/* navbar left and top position 
	   this DOES NOT already include 1px compensation 
	   on TOP, for list-item border collapse 
	   (1px defaults to around 0.05em) */
	left:0;

	}

ul.vertical li {
	position:relative;
	text-align:left;
	cursor:pointer;
	cursor:hand;
	width:164px;
	margin:0 0 0 0;
	}

ul.vertical ul {
	z-index:1020;
	cursor:default;
	position:absolute;
	width:164px;
	margin:0 0 0 164px;
	top:-100em;
	left:-1px;
	padding: 0;
	}
	
ul.vertical ul li {
	width:160px;
	}
	
	ul.vertical ul.wider, ul.vertical ul.wider li {
	width:200px;
	}

ul.vertical ul ul {
	margin:0 0 0 150px;
	}

@media Screen, Projection { 
	ul.vertical li:hover > ul { top:0; }
	}

ul.vertical a, ul.vertical a:visited {
	display:block;
	cursor:pointer;
	cursor:hand;
	background:#000;
	border-bottom:1px solid #fff;
	padding:5px 0px 5px 7px;
	font:normal normal bold 0.85em Verdana, arial, sans-serif;
	color:#fff;
	text-decoration:none;
	}
	
ul.vertical a:hover, ul.vertical a:focus, ul.vertical a.rollover, ul.vertical a.rollover:visited {
	background:#fff;
	color:#000;
	}
	
	
ul.vertical li.sub a, ul.vertical li.sub a:visited {
	display:block;
	cursor:pointer;
	cursor:hand;
	background:#E86926;
	color:#000;
	font:normal normal bold 0.95em Verdana, arial, sans-serif;

	border-bottom:1px solid #fff;	
	border-left:1px solid #fff;
		}
	
ul.vertical li.sub a:hover, ul.vertical li.sub a:focus, ul.vertical li.sub a.rollover, ul.vertical li.sub a.rollover:visited {
	background:#fff;
	color:#000;
	}



@media screen, projection {
	* html ul.vertical li {
		display:inline; 
		f\loat:left; 
		background:#ffffff; 
		}
	}
* html ul.vertical li { position:static; }
* html ul.vertical a { position:relative; }
ul[class^="vertical"] ul { display:none; }
ul[class^="vertical"] ul { displa\y:block; }



/*onderstaande stijlen om de selected-state in het menu te regelen*/
ul.vertical .menuitem a, ul.vertical .menuitem a:visited {color:#000;}
ul.vertical .selected a, ul.vertical .selected a:visited {}
.selected{background:#fff !important; color:#000 !important; }


#showcase {background:#6f9c6f;}
dl.menus_list dt {background:green; font-size:1.5em; margin:3px 0;}
#foot {background:#8fbc8f;}
dl.menus_list dd.nil {padding:0; margin:0;}