html {
	margin: 0px;
	padding: 0px;
	height: 100%;
	z-index: 0;
}

body {
	margin: 0px;
	text-align: center;
	background-color: #f7f7f7;
	height: auto;
	z-index: 0;
	background-image:URL(../images/body_bg.jpg);
	background-position: top;
	}

#container {
	width				: 1000px; /*centers the div in all modern browsers*/
	height				: auto;
	margin				: 0px auto;
	padding				: 0px; /*prevents margin collapse from allowing margins in this div from affecting margins around container*/
	text-align			: left; /*resets normal text align following centering in #container*/
	position			: relative;
	z-index: 0;
	}

#container #languages {
	width				: 100%; /*centers the div in all modern browsers*/
	height				: 20px;
	margin				: 0px auto;
	padding				: 0px; /*prevents margin collapse from allowing margins in this div from affecting margins around container*/
	text-align			: left; /*resets normal text align following centering in #container*/
	position			: relative;
	clear: both;
	z-index:0;
	padding-top: 5px;
	padding-bottom: 5px;
}

#container #printHeader {
	width: 100%;
	height: auto;
	display: none;
	visibility: hidden;
}


#container #header {
	width: 1000px;
	height: auto;
	float: left;
	z-index: 1;
	position: relative;
	padding-top: 5px;
	}

	#container #header #bannerContainer {
		z-index: 0;
		width: 100%;
		height: 155px;
		float: left;
		position: relative;
		clear: both;
		padding: 0px;
		margin: 0px;
		overflow: hidden;
		display: inline;
		}

		#container #header #bannerContainer #banner {
			visibility: visible; 
			z-index: 1;
			width: 704px;
			height: 153px;
			float: right;
			position: absolute;
			left: 291px;
			overflow: hidden;
			text-align: right;
			white-space: nowrap;
		}
		#container #header #bannerContainer #banner img {
			position: relative;
			float: right;
		}		
		

		#container #header #bannerContainer #overlay {
			visibility: visible; 
			z-index: 4;
			position: absolute;
			background-image:URL(../images/bannerOverlay.png);
			background-position: top left;
			background-repeat: no-repeat;
			width: 100%;
			height: 100%;
			float: left;
			overflow: hidden;
			}
		#container #header #bannerContainer #overlayFooter {
			position: absolute;
			top: 102px;
			left: 155px;
			visibility: visible; 
			z-index: 3;
			background-image:URL(../images/bannerOverlayFooter.png);
			background-position: top right;
			height: 23px;
			width: 100%;
			float: right;
			overflow: hidden;
			padding-left: 15px;
			padding-top: 2px;
			padding-right: 30px;
			text-align: right;
		}
		#container #header #bannerContainer #overlayFooterShadow {
			position: absolute;
			top: 103px;
			left: 156px;
			visibility: visible; 
			z-index: 2;
			height: 23px;
			width: 100%;
			float: right;
			overflow: hidden;
			padding-left: 15px;
			padding-top: 2px;
			padding-right: 30px;
			text-align: right;

		}


#container #header #menu {
	position: absolute;
	left: 0px;
	top: 0px;
	clear: both;
	width: 100%; /*centers the div in all modern browsers*/
	text-align: left; /*resets normal text align following centering in #container*/
	height: auto;
	z-index: 3;
	padding-top: 123px;
	}

	.menuitem {

		float: left;
		padding-left: 10px;
		padding-right: 5px;
		width: auto;
		}

	.menu_left {
		position: relative;
		float: left;
		height: 22px;
		width: 7px;
		}
	.menu_main {
		position: relative;
		float: left;
		height: 22px;
		width: auto;
		padding-top: 15px;
		}
	.menu_right {
		position: relative;
		float: left;
		height: 22px;
		width: 7px;
		}

	.menuOver_left {
		position: relative;
		float: left;
		height: 37px;
		width: 7px;
		background-image:URL(../images/menubg_left.png);
		background-position: top;	

		}
	.menuOver_main {
		position: relative;
		float: left;
		height: 22px;
		width: auto;
		padding-top: 15px;
		background-image:URL(../images/menubg_main.png);
		background-position: top;	
		background-repeat: repeat-x;
		}
	.menuOver_right {
		position: relative;
		float: left;
		height: 37px;
		width: 7px;
		background-image:URL(../images/menubg_right.png);
		background-position: top;	
		}

	.submenuDiv {
		position: absolute; 
		top: 0px; 
		visibility: hidden; 
		padding: 0px;
		z-index: 10;
		height: auto;
		width: auto;
		}

		.submenu_bg {
			position: absolute;
			top: 0px;
			left: 0px;
			height: auto;
			width: 180px;
			z-index: 13;
			padding-left: 2px;
			overflow: hidden;
			}

		.submenu_left {
			position: relative;
			float: left;
			height: auto;
			width: 12px;
			background-image:URL(../images/submenu_left.png);
			background-position: bottom left;	
			z-index: 12;
			}
		.submenu_main {
			position: relative;
			float: left;
			height: auto;
			width: 280px;
			background-image:URL(../images/submenu_main.png);
			background-position: bottom;	
			background-repeat: repeat-x;
			z-index: 12;
			}
		.submenu_right {
			position: relative;
			float: left;
			height: auto;
			width: 12px;
			background-image:URL(../images/submenu_right.png);
			background-position: bottom;
			z-index: 12;			
			}
		.submenu_linkContainer {
			position: absolute;
			padding-top: 15px;
			left: 5px;
			height: auto;
			width: 320px;
			min-height: 88px;
			z-index: 14;
		}

		.submenuLinkDiv {
			position: relative;
			float: left;
			height: 25px;
			width: 160px;
			z-index: 14;
			text-align: left;
		}

		.subitemLink {
			text-align: left;
			float: left;
			width: auto;
			z-index: 14;
		}

#container #content {
		float: left;
		position: relative;
		width: 981px;
		text-align: left;
		clear: both;
		height: auto;
		z-index: 0;
		padding-left: 9px;
		padding-right: 10px;
		background-image:URL(../images/container_bg.jpg);
		background-position: top;
}


	#container #content #main {
		position: relative;
		width: 100%;
		float: left;
		clear: both;
		visibility: visible;
	}


	.breadCrums {
		width: 100%;
		margin-left: 6px;
		text-align: left;
		vertical-align: middle;
		clear: both;
		height: 30px; 
		font-size: xx-small;
		color: #666666;
		}


		.mainLeft {
			padding-right: 25px;
			width: 80%;
			height: auto;
			min-height: 540px;
			vertical-align: top;
		
		}

		#container #content #text {
							width: 100%;
							height: auto;
							padding-left: 10px;
							line-height: 1.5;
						}
						
		#container #content #text #qvselection {
							width: 100%;
							height: auto;
							float: left;
							clear: both;
							margin-bottom: 10px;
		}

		#container #content #text #qvselection #artikel {
							width: 169px;
							float: left;
							height: 135px;
							display: inline-block; 
							position: relative; 
							overflow: hidden;
							margin-right: 10px;
							background-image:URL(../images/snelzoeken.jpg);
							background-repeat: no-repeat;
							background-position: bottom;
							text-align: center;						
		}
						
						
						

		.mainRight{
			text-align: left;
			width: auto;
			height: auto;
			vertical-align: top;
			width: 200px;
		}

		#container #content #aanbiedingen-box {
							width: 169px;
							float: right;
							height: 153px;
							background-image:URL(../images/snelzoeken.jpg);
							background-repeat: no-repeat;
							background-position: bottom;
							text-align: center;

							}

		#container #content #aanbiedingen-box #aanbiedingen {
							width: 100%;
							position: relative;
							height: 118px;
							text-align: center;
							vertical-align: middle;
							display: block;
							visibility: hidden;
							}

		#container #content #aanbiedingen-box #aanbiedingen div {
							width: 168px;
							position: relative;
							height: 130px;
							text-align: center;
							vertical-align: middle;
							background: none;
							}


		#container #content #aanbiedingen-box #aanbiedingen div img {
							margin: auto; 
							display: block;
							padding: 2px; 
							border: 1px solid #c0c0c0;
							}		
							
		#container #content #aanbiedingen-box #navigatie {
							float: left;
							clear: both;
							position: relative; 
							padding: 10px; 
							width: 150px; 
							height: 10px; 
							text-align: center;
							}	

		#container #content #qvselection-box {
							margin-top: 20px;
							width: 169px;
							float: right;
							height: 153px;
							background-image:URL(../images/snelzoeken.jpg);
							background-repeat: no-repeat;
							background-position: bottom;
							text-align: center;
							}

		#container #content #qvselection-box #qvselection {
							width: 100%;
							position: relative;
							height: 118px;
							text-align: center;
							vertical-align: middle;
							}

		#container #content #qvselection-box #qvselection div {
							width: 168px;
							position: relative;
							height: 130px;
							text-align: center;
							vertical-align: middle;
							background: none;
							}


		#container #content #qvselection-box #qvselection div img {
							margin: auto; 
							display: block;
							padding: 2px; 
							border: 1px solid #c0c0c0;
							}		
							
		#container #content #qvselection-box #navigatie {
							float: left;
							clear: both;
							position: relative; 
							padding: 10px; 
							width: 150px; 
							height: 10px; 
							text-align: center;
							}	

		#container #content #snelzoek-box {
							position: relative;
							width: 169px;
							float: right;
							height: auto;
							background-image:URL(../images/snelzoeken.jpg);
							background-repeat: no-repeat;
							background-position: bottom;
											}

		#container #content  #snelzoek-box #snelzoekenform {
											padding-top: 20px;
											padding-left: 10px;
											height: auto;
											font-size: 9px;
											width: 140px;
											float: left;
											font-size: small;
												}

		#container #content  #winkelwagen-box {
							position: relative;
							top: 20px;
							width: 180px;
							float: right;
							height: 150px;
							background-image:URL(../images/winkelwagen.jpg);
							background-repeat: no-repeat;
							background-position: top;
											}


		#container #content  #winkelwagen-box #afrekenen {
											padding-top: 28px;
											padding-left: 20px;
											height: auto;
											font-size: 9px;
											width: 140px;
											float: left;
											font-size: small;
													}
		#container #content  #winkelwagen-box #ww-icon {
													padding-left: 40px;
													height: auto;
													font-size: 9px;
													width: 40px;
													float: left;
													font-size: small;
													}
		#container #content  #winkelwagen-box #items {
													padding-left: 40px;
													height: auto;
													font-size: 9px;
													width: 140px;
													float: left;
													font-size: small;
													}


		#container #content  #icons-box {
							position: relative;
							width: 100%;
							float: right;
							height: auto;
							}


		#container #content  #icons-box #icons-box-header {
										position: relative;
										height: 10px;
										width: 100%;
										float: left;
										background-color: #9f4590;
										}
		#container #content  #icons-box #icons-box-content {
										position: relative;
										background-color: #eeeeee;
										width: 100%;
										float: left;
										color: #000000;
										height: auto;
										line-height: 1.5;
										}


	.box_top {
		height: 15px;
		width: 180px;
		background-image:URL(../images/box_top.png);
		background-position: bottom left;	
		background-repeat: no-repeat;
		}
	.box_main {
		height: 15px;
		width: 180px;
		background-image:URL(../images/box_main.png);
		background-position: top left;	
		background-repeat: repeat-y;
		padding-top: 8px;
		padding-left: 15px;
		}
	.box_bottom {
		height: 15px;
		width: 180px;
		background-image:URL(../images/box_bottom.png);
		background-position: top left;	
		background-repeat: no-repeat;
		vertical-align: bottom;
		}


	.selectorNormalLeft {
		height: 85px;
		width: 3px;
		background-image:URL(../images/selector_normal_bgleft.png);
		background-position: top right;	
		background-repeat: no-repeat;
		}
	.selectorNormalTop {
		height: 15px;
		width: auto;
		background-image:URL(../images/selector_normal_bgmain.png);
		background-position: top;	
		background-repeat: repeat-x;
		padding-top: 8px;
		padding-left: 15px;
		}
	.selectorNormalMain {
		height: 85px;
		width: auto;
		background-image:URL(../images/selector_normal_bgmain.png);
		background-position: top;	
		background-repeat: repeat-x;
		vertical-align: bottom;
		}
	.selectorNormalRight {
		height: 85px;
		width: 3px;
		background-image:URL(../images/selector_normal_bgright.png);
		background-position: top left;	
		background-repeat: no-repeat;
		}

	.selectorOption {
		width: 222px;
		height: 110px;
		overflow: auto;
		background-color: #ffffff;
		border: 1px solid #404040;
		border-bottom: 1px solid #d4d0c8;
		margin-bottom: 10px;
		margin-right: 5px;
	}


	.bar-left-prev {
		height: 27px;
		width: 32px;
		background-image:URL(../images/winkelwagenBar-left-prev.png);
		background-position: top right;	
		background-repeat: no-repeat;
		}

	.bar-left-prev2 {
		height: 27px;
		width: 32px;
		background-image:URL(../images/winkelwagenBar-left-prevB.png);
		background-position: top right;	
		background-repeat: no-repeat;
		}

	.bar-main-prev  {
		height: 27px;
		width: auto;
		background-image:URL(../images/winkelwagenBar-main-prev.png);
		background-position: top;	
		background-repeat: repeat-x;
		vertical-align: middle;
		text-align: center;
		color: #c0c0c0;
		font-weight: bold;
		padding-left: 5px;
		}

	.bar-right-prev  {
		height: 27px;
		width: 28px;
		background-image:URL(../images/winkelwagenBar-right-prev.png);
		background-position: top left;	
		background-repeat: no-repeat;
		}

	.bar-right-ww  {
		height: 27px;
		width: 28px;
		background-image:URL(../images/winkelwagenBar-right-ww.png);
		background-position: top left;	
		background-repeat: no-repeat;
		}

	.bar-left {
		height: 35px;
		width: 28px;
		background-image:URL(../images/winkelwagenBar-left.png);
		background-position: top right;	
		background-repeat: no-repeat;
		border-right: 1px solid #c7c7c7;
		}
	.bar-main  {
		height: 35px;
		width: auto;
		background-image:URL(../images/winkelwagenBar-main.png);
		background-position: top;	
		background-repeat: repeat-x;
		vertical-align: middle;
		text-align: center;
		color: #c0c0c0;
		font-weight: bold;
		border-right: 1px solid #c7c7c7;
		padding-left: 5px;
		padding-right: 5px;
		}

	.bar-mainActive  {
		height: 35px;
		width: auto;
		background-image:URL(../images/winkelwagenBar-mainActive.png);
		background-position: top;	
		background-repeat: repeat-x;
		vertical-align: middle;
		text-align: center;
		color: #f2f2f2;
		font-weight: bold;
		border-right: 1px solid #c7c7c7;
		padding-right: 5px;
		}

	.bar-right  {
		height: 35px;
		width: 28px;
		background-image:URL(../images/winkelwagenBar-right.png);
		background-position: top left;	
		background-repeat: no-repeat;
		}


	.hr {
		width: 100%;
		height: 20px;
		background-image:URL(../images/hr.jpg);
		background-position: top left;	
		background-repeat: repeat-x;
		display: inline-block;
		
	}

	#restDetailsDiv {
		width: 260px;
		height: 160px;
		overflow: hidden;
	}

#contentFooter {
		clear: both;
		position: relative;
		color: #989898;
		width: 100%;
		height: 40px;
		padding-top: 5px;
		background-image: URL(../images/footer_bg.jpg);
		background-repeat: no-repeat;
		background-position: top;
		text-align: center;
		font-weight: bold;
		letter-spacing: 1px;
		font-size: small;
		font-family: Arial;
		}


#printFooter {
	width: 100%;
	height: auto;
	display: none;
	visibility: hidden;

	margin-top: 20px;
}
