/**

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: 20px;
}
.mainMenuContainer ul li.top {
	list-style	    : none;
	list-style-image: none;
	float			: left;
	display			: block;
	font-family		: Georgia, serif;
	font-size    	: 13px;
	padding	        : 0px 10px 0 10px;
	text-align		: left;
	border-right	: 1px solid #f7961e;
	margin-top		: 2px;
	font-weight		: bold;
	position 		: relative;	
}


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

.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.sub li{
	
}

.mainMenuContainer ul li.top ul.sub li a{
	font-weight: bold;
	
}

.mainMenuContainer ul li.top ul.subSmall{
	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.subSmallLast{
	position 		: absolute;
	right			: 20px;
	top				: 14px;
	
	list-style-type : none;	
	font-family 	: Arial, Verdana, sans-serif;
	font-size   	: 11px;
	
	display 		: none;
	
	margin			: 0;
	
}



.mainMenuContainer ul li ul li ul{
	list-style-image: url("/images/puntp/arrow-xxl.gif");		
}

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

.mainMenuContainer ul li ul.subSmallLast{
	list-style-image: url("/images/puntp/arrow-xxl.gif");
	margin-left: 20px;
}


.mainMenuContainer ul li ul.subSmall li a{
	padding-left: 7px;
}

.mainMenuContainer ul li ul.subSmallLast li a{
	padding-left: 7px;
}
 ul li ul .xlMenu {
	width			: 656px;
	
	background-image: url("/images/puntp/xlMenuBackground.png"); 
 }
 
 ul li ul .subMenuWhite {
 
	width			: 215px; 
	
	background-image: url("/images/puntp/subMenuMid.png");
	behavior		: none;  
}
  
div.menuBlock {
	padding-top		: 20px;
	padding-left 	: 24px;
	
	float			: left;	
	width			: 184px;
}

.mainMenuContainer .xlBottomShadowSpacer{
	height			: 20px;
	width			: 656px;
	background-image: url("/images/puntp/xlMenuBackgroundSpacer.png"); 	
}

.mainMenuContainer .xlBottomShadow {
	height			: 13px;
	width			: 656px;
	background-image: url("/images/puntp/xlMenuBackgroundBottom.png" ); 
	margin-left		: -1px;
		
}


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

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

.mainMenuContainer .topShadowSub {
	height			: 25px;
	width			: 215px;
	background-image: url("/images/puntp/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:	#968871;
}

.mainMenuContainer ul li.top:hover {
	color:	#F58312;
}`


.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.sub .xlMenu .menuBlock li ul{
	margin-left		: 14px;	
	padding-bottom	 : 10px;
}

.mainMenuContainer ul li ul.sub .xlMenu .menuBlock li ul li{
	margin 	: 0px;
	padding	: 0px;	
	width	: 170px;
	list-style-image: url("/images/puntp/arrow-xxl.gif" );
}

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

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

.mainMenuContainer ul li ul.sub .xlMenu .menuBlock li ul li a{
	text-decoration: none;	
	font-weight : normal;
	
}

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

.mainMenuContainer ul li ul.sub .xlMenu .menuBlock li ul li a:hover{
	color:	#F58312;
}

.sunMenuWhite {
	background-color: white;	
	padding: 10px 20px 20px 20px;
}


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

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

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

.mainMenuContainer ul li.top:hover ul.subSmallLast{
	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;
	list-style-image:none;
}

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

.serviceMenuContainer ul, .serviceMenuContainer li, .mainMenuContainer ul, .mainMenuContainer li.normalSubs a{
	font-weight: normal;
}
.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;
	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;
}