/**

STYLE SHEET FOR Redmax
Created by Silvio Merucci & Elles van der Veen for Intermax Interactive B.V. 2009
www.intermaxinteractive.nl

ToC
	1. Structure
	2. Link Markup
	3. Mouseovers
	

Notes :


*/

/* --------- 1. structures  --------- */
.mainMenuContainer {
	margin-top: 30px;
	margin-left: 10px;
}
.mainMenuContainer ul li.top {
	list-style	    : none;
	list-style-image: none;
	float			: left;
	display			: block;
	font-family		: Verdana, Arial, sans-serif;
	font-size    	: 14px;
	padding	        : 0px 20px;
	text-align		: left;
	border-right	: 1px solid #E7AB00;
	margin-top		: 2px;
	font-weight		: normal;
	position 		: relative;	
}


.mainMenuContainer a {
	color			: #93856e;
	text-decoration	: none;
}
.mainMenuContainer a:hover {
	color			: #e7ab00;
}

.mainMenuContainer ul li.top ul.sub{
	position 		: absolute;
	left			: 0px;
	top				: 14px;
	
	list-style-type : none;	
	font-family 	: Arial, Verdana, sans-serif;
	font-size   	: 11px;
	
	display 		: none;
	
	margin			: 0;
	
}

.mainMenuContainer ul li.top ul.subSmall{
	position 		: absolute;
	top				: 17px;
	
	font-family 	: Arial, Verdana, sans-serif;
	font-size   	: 11px;
	
	display 		: none;
}

.mainMenuContainer ul li.top ul.subSmall li{
	margin-left		: 30px;
	list-style-image: url("/images/corporate/arrow-xxl.gif");
}




.mainMenuContainer ul li ul.subSmall li a{
}

 ul li ul .xlMenu {
	width			: 656px;
	
	background-image: url("/images/corporate/xlMenuBackground.png"); 
 }
 
 
 ul li ul .subMenuWhite {
 	width			: 215px;
	background-image: url("/images/corporate/midShadowSub.png");  
	behavior		: none;
}

div.menuBlock {
	padding-top		: 20px;
	padding-left 	: 24px;
	
	float			: left;	
	width			: 184px;
}


.mainMenuContainer .bottomShadowSub {
	height			: 33px;
	width			: 215px;
	background-image: url("/images/corporate/bottomShadowSub.png" );
	background-repeat: no-repeat;
		
}

.mainMenuContainer .xlTopShadow {
	height			: 6px;
	width			: 215px;
	background-image: url("/images/corporate/xlTopShadow.png" );  
	
}

.mainMenuContainer .topShadowSub {
	height			: 6px;
	width			: 215px;
	background-image: url("/images/corporate/topShadowSub.png" );  
	background-repeat: no-repeat;	
		
}

a.menu-item-link {
	text-decoration: none;	
	color: #6a5f4d;
	font-size: 12px;
}

a:hover.menu-item-link {
	text-decoration: none;	
	color: #f7961e;
	font-size: 12px;
}

a.menu-head {
	font-size: 12px;
	color:	#6a5f4d;
	font-weight: bold;
	padding-left: 24px;
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 2px;
	text-decoration: none;	
}

a:hover.menu-head {
	color:	#f7961e;
}

/* --------- 2. Link markup  --------- */
.mainMenuContainer ul li.top {
	color:	#93856E;
	cursor:	pointer;
}
.mainMenuContainer ul li ul.sub li a{
	font-size: 12px;
	color:	#6a5f4d;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 2px;
	text-decoration: none;
}

.mainMenuContainer ul li ul.sub li a:hoover{
	color:	#F58312;
}


.mainMenuContainer ul li ul.subSmall .subMenuBlock {
	margin 	: 0px;
	padding-left: 30px;	
	
	width	: 170px;
}


/* --------- 3. Mouseovers  --------- */

.mainMenuContainer ul li.top:hover ul.sub{
	display			: block;	
}

.mainMenuContainer ul li.top:hover ul.subSmall{
	display			: block;	
}


/* ---------- 4. Service Menu ---------- */
.serviceMenuContainer {
	float: right;
	padding-top: 10px;
}
.serviceMenuContainer ul li{
	list-style: none;
	list-style-image: none;
	float: left;
	display: block;
	padding: 0px 10px;
	text-align: center;
	border-right: 1px solid #c8c0b3;
	margin-top: 2px;
}
.serviceMenuContainer a {
	color: #968871;
	text-decoration: none;
}
.serviceMenuContainer a:hover {
	text-decoration: underline;
}
.serviceMenuContainer ul, .serviceMenuContainer li, .mainMenuContainer ul, .mainMenuContainer li {
	margin: 0px;
	padding: 0px;
}

.serviceMenuContainer ul, .serviceMenuContainer li, .mainMenuContainer ul, .mainMenuContainer li.normalSubs {
	margin: 0px;
	padding: 0px;
	list-style-image: url(/images/corporate/arrow-xxl.gif)
}

.serviceMenuLeft {
	float: right;
}
.serviceMenuRight {
	float: right;
}
/* --------- 5. Footer menu ----------- */
.footRight ul, .footRight li {
	padding: 0px;
	margin: 0px;
}
.footRight li {
	float: left;
	display: block;
	font-size: 10px;
	width: 50px;
	text-align: center;
	padding: 0px 10px;
	border-right: 1px solid #e1d9cb;
}
.footRight a {
	color: #ece5d9;
	text-decoration: none;
}
.footRight a:hover {
	text-decoration: underline;
}
/* --------- 6. Toevoeging ----------- */

.serviceMenuContainer ul li.last, .mainMenuContainer ul li.last, .footRight ul li.last {
	border: 0px;
}