/* *************************************************************

NAME: menu.css
DATE: 03/02/2010...
DESCRIPTION: general styles for Bazuin

blauw bg: #1d91ce

************************************************************* */

/* **************** MENU STYLES **************** */
.menuContainer {
	height: 38px;
	width: 862px;
	behavior: url("/css/bazuin/csshover.htc");
}
.menuLeftShadow {
	height: 33px;
	width: 3px;
	background: url('/images/bazuin/menu_shadow_left.gif') repeat-x;
	float: left;
}
.menuRightShadow {
	height: 33px;
	width: 3px;
	background: url('/images/bazuin/menu_shadow_right.gif') repeat-x;
	float: left;
}
.menuMid {
	height: 38px;
	width: 856px;
	background: url('/images/bazuin/menu_bg.gif') repeat-x;
	float: left;
}
.menuContainer .logo {
	width: 200px;
	height: 32px;
	background: url(/images/bazuin/bazuin_partners.gif);
	margin-left: 36px;
	float: left;
	cursor: pointer;
}
.menu {
	width: 589px;
	position: absolute;
	top : 114px;
	right : 10px;
	
	font-size: 12px;
}

/* --------- 1. menu structure --------- */
.menu ul{
	z-index						: 10;
	
	padding						: 0px;
	margin						: 0px;

	list-style-type				: none;	
	
	position 					: absolute;
	right						: 10px;
	
	clear						: both;
}

.menu ul li{
	display						: block;
	float						: left;
	
	height						: 32px;
	
	position 					: relative;
	
	text-align					: center;
	
	background					: url('/images/bazuin/menu_vertical_stripe.gif') no-repeat left;
	
	z-index						: 110;
}

.menu ul li a,
.menu ul li span.linkCurrent{
	display						: block;	
	padding                     : 0px 20px;
	margin-left					: 1px;
	color						: #e7c193;
	text-decoration 			: none;
	line-height					: 31px;
}

.menu ul li a,
.menu ul li span.link{
	display						: block;	
	padding                     : 0px 20px;
	margin-left					: 1px;
	color						: #FFFFFF;	
	text-decoration 			: none;
	line-height					: 31px;
}

.menu ul li ul{
	display						: none;	

	width						: 222px;
	
	position 					: absolute;
	top							: 32px;
	left						: -3px;
	
	padding						: 30px 0px 45px 20px;
	margin						: 0px;
	
	background 					: url('/images/bazuin/menu_gradient_bg.png') bottom left no-repeat; 
}

.menu ul li ul li{
	display						: block;
	
	width						: 185px;
	height						: auto;	
	
	margin-top					: 3px;

	background-image			: url('/images/bazuin/arrow_smallred.png');
	background-position         : top left;
	background-repeat			: no-repeat;
}
.menu ul li a:hover,
.menu ul li:hover span.link {
	background					: url('/images/bazuin/menu_bg_hover.png') repeat-x;

	color: #e7c193;
}
/* --------- 2. menu links globals --------- */
.menu ul li ul li a{
	color						: #012851;	
	text-decoration 			: none;
	font-size					: 13px;
	outline						: none;
	margin						: 0px;
	display						: block;
	line-height					: normal;
	text-align					: left;
	background                  : none;	
}
.menu ul li ul li a:hover{
	color						: #da4839;
	background                  : none;
}
.menu ul li:hover a.sub {
	background : none;
}
.menu ul li:hover ul{
	display						: block;
}