/***********************************************\
Document:		Stylesheet (CSS)
Purpose:		Styles for Menu elements
Website:		
produced in:	2009
Author:			Joël Kuijten for Princen-group
\***********************************************/
/* MainMenu styles */
#m_45{
	background:#0080d9;
	width:126px;
}
#m_45 a:hover{
	background:#0066ae;
}
#m_54{
	background:#52b700;
}
#m_54 a:hover{
	background:#429200;
}
#m_59{
	background:#febf00;
}
#m_59 a:hover{
	background:#cb9900;
}
#m_64{
	background:#f56200;
}
#m_64 a:hover{
	background:#c44e00;
}
#m_71{
	background:#e40505;
}
#m_71 a:hover{
	background:#b60404;
}
.dg{
	display:block;
	width:128px;
	margin:0 4px 0 0;
	float:left;
}
.dg a{
	display: block;
	font-size:16px;
	color:#fff;
	line-height:20px;
	padding:5px 10px;
	font-family: Georgia, Times, "Times new roman", serif;
	font-style:italic;
	text-decoration:none;
}
.dg div a{
	font-family:verdana, helvetica, arial, sans-serif;
	font-style:normal;
	font-size:11px;
	line-height:14px;
	padding:5px 10px;
}
#MainMenu{
	height:32px;
	display:block;
	line-height:32px;
}
#MainMenu dt{
	background:#febf00;
	border-left:1px solid #fff;
}
/* Styles for items in the main menu */
#MainMenu dt a, #headerLogin a{
	display:block;
	margin:0;
	padding:5px;
	float:left;
/*--- text properties ---*/
	color:#900000;
	font-size:11px;
	font-weight:normal;
	line-height:22px;
	text-decoration:none;
}
#MainMenu dt a:hover, #headerLogin a:hover{
	background:#900000;
	color:#fff;
}
/* Styles for Items in the submenus */
.submenu{
	text-align:left;
	display:block;
	padding:0;
	margin:0;
	position:absolute;
	z-index:3000;
	background:#fff;
	border-bottom:2px solid #ccc;
}
.submenu dt{
}
.submenu dt a{
	display:block;
	padding: 5px 15px;
/* --- text properties --- */
	font-weight:bold;
	line-height:15px;
	font-size: 11px;
	color:#000;
	text-decoration:none;
}
.submenu dt a:hover{
	color:#fff;
	background:#900000;
}
/* 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{
	background:#900000;
	color:#fff;
}

