/***********************************************\
Document:		Stylesheet (CSS)
Purpose:		Styles for Menu elements
Website:		Kunstencentrum meander
produced in:	2008
Author:			Joël Kuijten for Princen-group
\***********************************************/
/* MainMenu styles */
#MainMenu{
	position:absolute;
	left:0;
	top:65px;
	width:150px;
	display:block;
	/*float:left;*/
	line-height:45px;
}
#MainMenu dt{
	display:block;
}
/* Styles for items in the main menu */
#MainMenu dt a{
	display:block;
	margin:0;
	padding: 0 5px 0 18px;
/*--- text properties ---*/
	color:#fff;
	font-size:12px;
	font-weight:bold;
	line-height:30px;
	text-decoration:none;
}
#MainMenu dt a:hover, .over{
	background: url(images/hoverbg.png);
}
/* Styles for Items in the submenus */
.submenu{
	text-align:left;
	display:block;
	margin:0 0 0 3px;
	padding:0;
	position:absolute;
	z-index:3000;
	background: url(images/hoverbg.png);
}
.submenu dt{

}
.submenu dt a{
	display:block;
	margin:0;
	padding: 0 10px;
	min-width:150px;
/* --- text properties --- */
	line-height:30px;
	font-size: 11px;
	color:#fff;
	text-decoration:none;
	font-family:Verdana,Helvetica,Arial,sans-serif;
}
.submenu dt a:hover{
	color:#fff;
	background:#000;
}
/* hasSub to show items have a submenu */ 
#MainMenu .hasSub{
}
.hasSub:hover{
}
.submenu .hasSub{
	background-image:url(images/arrowSub.gif);
	background-position:right center;
	background-repeat:no-repeat;
}
.hasSub:hover{
	/* background-image:url(subArrowOver.gif); */
}
/* scroller style */
.menuScroller{
	line-height:15px;
	width:100%;
	background:#f00;
	color:#0F0;
}
.arrow{
	width:20px;
	padding:0 0 0 12px;
	vertical-align:bottom;
}
/* remove the list styles for sub- and mainmenus*/
#MainMenu, .submenu dl{
	padding:0;
	margin:0;
}
.submenu dt .current, #MainMenu dt .current{
	color:#ffb400;
}