@charset "UTF-8";

/* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release 1.5 */

ul.MenuBarVertical{
	padding: 0;
	margin: 20px 0 0 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: 180px;
}
ul.MenuBarActive{
	z-index: 1000;
}

/* Menu item containers, position children relative to this container and are same fixed width as parent */

ul.MenuBarVertical li{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 180px;
}

/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */

ul.MenuBarVertical ul{
	margin: 0 0 0 100%;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: absolute;
	z-index: 1020;
	cursor: default;
	width:180px;
	left: -1000em;
	top: 0;
}

/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */

ul.MenuBarVertical ul.MenuBarSubmenuVisible{
	left: 0px;
}

/* Menu item containers are same fixed width as parent */

ul.MenuBarVertical ul li{
	width: 180px;
}
ul.MenuBarVertical{
	/*border: 1px solid #CCC;*/
}

/* Submenu containers hebben aan 3 zijden een witte rand */

ul.MenuBarVertical ul{
	border-left: 1px solid #fff;
}

/* Menu items are a light gray block with padding and no text decoration */

ul.MenuBarVertical a{
	display:			block;
	cursor:				pointer;
	background-color:	#EE6F14;
	border-top:			1px solid #FFFFFF;
	padding:			4px;	
	font-weight:		bold;	
	text-decoration:	none;
	line-height:		15px;
	color:				#FFFFFF;	/* kleur letters alle menu's */
	text-decoration:	none;
}

/* Menu items that have mouse over or focus have a blue background and white text */

ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus{
	background-color:	#254E80;		
}

/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */

ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible{
	background-color: #254E80;/*#003366;*/
	color: #FFF;
}


ul.MenuBarVertical a.MenuBarItemSubmenu{
	background-image: url("../images/SpryMenuBarRight.gif");
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
ul.MenuBarVertical a.MenuBarItemSubmenuHover{
	background-image: url("../images/SpryMenuBarRightHover.gif");
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

ul.MenuBarVertical iframe{
	position: absolute;
	z-index: 1010;
}
@media screen, projection{
	ul.MenuBarVertical li.MenuBarItemIE{
		display: inline;
		float: left;
		background: #FFF;
}
}