/* 
	Deze stylesheet bevat de volgende styles:
	Menu
		Menu top (markten)
		Menu left (navigatie)
		Menu Right (settings)
*/

/* TabMenu (Totaalmarkten) */
.topNavigate img {	
	margin-right: 1px;	
	cursor: pointer;	
}
	.topNavigate div.overLayer {
		border				: 1px solid white;
		border-top			: none;
		color				: white;
		text-decoration		: none;
		width				: auto;
		padding				: 5px 7px 5px 7px;
		font-weight			: bold;
		font-size			: 10px;
	}
		.topNavigate div#totaal_ov {
			color			: black;
			background		: #e4ad05;
			margin-left		: -1px;
		}
		.topNavigate div#badkamer_ov {
			background		: #339999;
			margin-left		: -1px;
		}
		.topNavigate div#bouw_ov {
			background		: #336699;
			margin-left		: -1px;
		}
		.topNavigate div#hout_ov {
			background		: #6699cc;
			margin-left		: -1px;
		}
		.topNavigate div#tegel_ov {
			background		: #996699;
			margin-left		: -1px;
		}
		.topNavigate div#electro_ov {
			background		: #993366;
			margin-left		: -1px;
		}
		.topNavigate div#bedden_ov {
			background		: #996633;
			margin-left		: -1px;
		}
		.topNavigate div#licht_ov {
			background		: #ff9900;
			margin-left		: -1px;
		}
		.topNavigate div#decoratie_ov {
			background		: #999900;
			margin-left		: -1px;
		}
		.topNavigate div#deur_ov {
			background		: #cc6600;
			margin-left		: -1px;
		}
		.topNavigate div#bbq_ov {
			background		: #880000;
			margin-left		: -1px;
		}
		.topNavigate div#sier_ov {
			background		: #006600;
			margin-left		: -1px;
		}

/* Menu */
dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.forceBack {
	background: url(../img/layout/menuline.gif) repeat-x 3px bottom;
	height: 20px;
	}
	/* Menu top */
	.navigation {
		float: left;
		margin: 0 0 0 3px;
		height: 20px;
		width: 700px;
	}
	
		.navigation ul, .navigation ul li {
		 list-style: none;
		 margin: 0;
		 padding: 0;
		}
	
		.navigation ul { text-align: left; width: 970px; }
		
			.navigation ul li {
				display: inline;
				margin-left: -3px;
				padding-bottom: 5px;
				background: url(../img/layout/menuback.gif) repeat-x bottom; 				
			}
			.navigation ul li:hover,.navigation ul li.selected,.navigation ul li.menuOver {
				display: inline;
				margin-left: -3px;
				padding-bottom: 5px;
				background: url(../img/layout/2pxblack.gif) repeat-x bottom; 				
			}			
		
				.navigation li a { padding: 0px 1px; }
				
				.navigation ul li a, .navigation ul li a:hover {
					padding: 5px 0 3px 0;
					text-decoration: none;
					font-weight: bold;

				}
				.navigation ul li a { 
					background: url(../img/layout/btn_rechts.gif) #996699 no-repeat 100% 0; 
					color: #FFFFFF;
					font-weight: bold;
				}
				.navigation ul li a:hover,.navigation ul li.selected a,.navigation ul li.menuOver a { 
					background: url(../img/layout/btn_rechts_ov.gif) #000000 no-repeat 100% 0; 
					color: #FFFFFF; 
					}
				
				.navigation ul li a span, .navigation ul li a:hover span {
					padding: 5px 9px;
					text-decoration: none;
				}
				.navigation ul li a span { background: url(../img/layout/btn_links.gif) no-repeat; }
				.navigation ul li a:hover span, .navigation ul li.selected a span, .navigation ul li.menuOver a span { background: url(../img/layout/btn_links_ov.gif) no-repeat; }
	.subMenu {
		z-index: 1;
		position: absolute;
		border-top: 1px solid #FFFFFF;
		background: #DDDDDD;
		border-bottom: 1px solid #666666;
		border-left: 1px solid #666666;
		border-right: 1px solid #666666;
		margin: 5px 0px 0px -3px;
		float: left;
		height: 18px;		
	}
	.subMenu a {
		padding: 3px 6px 3px 10px;
		float: left;
		color: #333333;
		background: #DDDDDD;	
		display: block;
		text-decoration: none;
	}
	.subMenu a:hover, .subMenu a.selected{
		padding: 3px 6px 3px 10px;
		float: left;
		display: block;
		background: #999999;
		color: #FFFFFF;
		text-decoration: none;
	}	
	.endsub {
		background: url(../img/layout/sub_back.gif) repeat-y;
		width: 40px;
		height: 17px;
		float: left;
	}
	#settings {
		float: right;
		margin: -3px -1px 0 0;
		height: 20px;
		width: 266px;
	}				
		.rmWie a{
			float:left;
			height: 21px;
			width: 83px;
			text-align: center;
			padding-top: 4px;
			color: #000000;
			text-decoration: none;
			margin-right: 1px;
			background: url(../img/layout/wie_up.gif) no-repeat;
		}	
		.rmWie a:hover, .rmWie .selected {
			float:left;
			background: url(../img/layout/wie_ov.gif) no-repeat;
			color: #FFFFFF;
		}	
		.rmContact a {
			float:left;
			height: 21px;
			width: 59px;
			text-align: center;
			color: #000000;
			padding-top: 4px;
			text-decoration: none;
			margin-right: 1px;
			background: url(../img/layout/cont_up.gif) no-repeat;
		}
		.rmContact a:hover, .rmContact .selected {
			float:left;
			background: url(../img/layout/cont_ov.gif) no-repeat;
			color: #FFFFFF;
		}			
	    .rmOutlet a {
			float:left;
			height: 21px;
			width: 59px;
			text-align: center;
			color: #000000;
			padding-top: 4px;
			text-decoration: none;
			margin-right: 1px;
			background: url(../img/layout/tabOutlet_out.gif) no-repeat;
		}
		.rmOutlet a:hover, .rmOutlet .selected {
			float:left;
			background: url(../img/layout/tabOutlet_over.gif) no-repeat;
			color: #FFFFFF;
		}			
		.rmBestel a{
			float:left;
			height: 21px;
			width: 120px;
			text-align: center;
			padding-top: 4px;
			color: #000000;
			text-decoration: none;
			margin-right: 1px;
			background: url(../img/layout/bestel_up.gif) no-repeat;
		}	
		.rmBestel a:hover, .rmBestel .selected {
			float:left;
			background: url(../img/layout/bestel_ov.gif) no-repeat;
			color: #FFFFFF;
			text-decoration: none;
		}					
		.rmWinkelmand a {
			float:left;
			height: 21px;
			width: 121px;
			text-align: center;
			padding-top: 4px;
			text-decoration: none;
			text-indent: 24px;
			margin-right: 1px;
			color: #000000;
			background: url(../img/layout/mand_up.gif) no-repeat;
		}
		.rmWinkelmand a.selected {
			background: url(../img/layout/mand_ov.gif) no-repeat;
			color: #FFFFFF;
		}
		.rmWinkelmand a:hover {
			float:left;
			background: url(../img/layout/mand_ov.gif) no-repeat;
			color: #FFFFFF;
		}	
		.rmWinkelmand a.selected:hover {
			float:left;
			background: url(../img/layout/mand_ov2.gif) no-repeat;
			color: #000000;
		}
		.rmMonsters a {
			float:left;
			height: 21px;
			width: 154px;
			text-align: center;
			padding-top: 4px;
			text-decoration: none;
			text-indent: 24px;
			margin-right: 1px;
			color: #000000;
			background: url(../img/layout/monsters_up.gif) no-repeat;
		}
		.rmMonsters a.selected {
			background: url(../img/layout/monsters_ov.gif) no-repeat;
			color: #FFFFFF;
			text-decoration: none;
		}
		.rmMonsters a:hover {
			float:left;
			background: url(../img/layout/monsters_ov.gif) no-repeat;
			color: #FFFFFF;
			text-decoration: none;
		}	
		.rmMonsters a.selected:hover {
			float:left;
			background: url(../img/layout/monsters_ov2.gif) no-repeat;
			color: #000000;
			text-decoration: none;
		}				
.clearline {
		clear:both;
		height: 4px;
		margin-top: -4px;
	}
.forceSub {
	clear:both;
	height: 20px;
	margin-right: 8px;
	background: url(../img/layout/menuline.gif) repeat-x 3px bottom;
	}


/* Einde Menu */

/* Pagina Menu uitklappen */
.mnMenu {
		width: 180px;
		float:left;	
		border-left: 1px solid #656565;
		border-right: 1px solid #656565;
		border-top: 1px solid #357962;		
	}
.mnMenu div {
	margin: 4px;
}
.mnMenu a{
	font-size: 11px;
	padding-left: 10px;
	line-height: 15px;
	color: #000000;
	text-decoration: none;
	display:block;
}
.mnMenu a:hover {
	font-size: 11px;
	line-height: 15px;
	color: #996699;
	text-decoration: none;	
}
.mnMenu a.selected,.mnMenu a.selected:hover {
	font-weight:bold;
}
	.mnIndent1 {
		margin-left: 10px;
	}
	.mnIndent2 {
		margin-left: 20px;
	}
	.mnIndent3 {
		margin-left: 30px;
	}
	.mnPlus {
		background:url('../img/layout/mn_plus.gif') no-repeat top left;
	}
	.mnMin {
		background:url('../img/layout/mn_min.gif') no-repeat top left;
	}
	.mnDash {
		background:url('../img/layout/mn_line.gif') no-repeat center left;
	}

.mnContent a:hover img {
	-moz-opacity: 0.6;
	}