@charset "utf-8";
/* CSS Document */

/* ### GENERAL ### */
* { padding: 0px; margin: 0px;  }
html, body { font-family: Arial; font-size: 12px; color: #033c93; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #033c93; }
body { background: #fff url('../images/bodybg.jpg') left top repeat-x; }
img { border: 0px; display: block; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; height: 0px; }

/* ### LABEL BOX ### */
#label { width:40px; height:502px; position:absolute; top:83px; position:fixed; cursor: pointer; }


/* ### WRAPPER ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

	/* ### MAIN CONTAINER ### */
	#mainCntr { margin: 0 auto; width: 820px; background: url('../images/wapperbg.png') left top repeat-y;}
		
		/* ### HEADER CONTAINER ### */
		#headerCntr { padding: 0px 10px; position: relative; width: 800px; height: 83px; background: url('../images/headerbg.jpg') left top repeat-x; }
		#headerCntr h1 { float: left;}
		#headerCntr h1 a { display: block; width: 280px; height: 83px; text-indent: -9999px; background: url('../images/logo.jpg') no-repeat; }
		#headerCntr a.consument {background:url("../images/consument.png") no-repeat scroll 0 0 transparent;display: block;
    height: 69px;
    left: 277px;
    position: absolute;
    text-indent: -9999px;
    top: 6px;
    width: 185px;}
			/* ### MENU BOX ### */
			.menuBox { width: 240px; float: right; overflow: hidden; }
			.menuBox ul { padding-top: 13px; width: 240px; overflow: hidden; list-style: none; }
			.menuBox li { padding-right: 12px; float: right; }
			.menuBox li a { font-size: 12px; color: #accdf8; text-decoration: none; }
			.menuBox li a:hover { color: #fff; }
			.menuBox p { padding: 13px 10px 0px 0px; font-size: 20px; font-weight: bold; color: #fff; text-align: right; }
			
		/* ### MENU CONTAINER ### */
		#menuCntr { padding: 0px 10px; width: 800px; height: 36px; background: url('../images/menubg.jpg') 10px 0px no-repeat; }
		#menuCntr ul { list-style: none; }
		#menuCntr li { padding: 9px 30px 0px 20px; float: left; background: url('../images/devider.jpg') right top no-repeat; }
		#menuCntr li a { padding-left: 10px; font-size: 14px; color: #fff; display: block; float: left; height: 20px; line-height: 20px; font-weight: bold; text-decoration: none; cursor: pointer; }
		#menuCntr li a span { padding: 0px 15px 0px 5px; height: 20px; display: block; float: left; }
		#menuCntr li.cart { padding: 9px 0px 0px 50px; background: url('../images/dice.jpg') 28px 9px no-repeat; }
		#menuCntr li.cart a { background: none; }
		#menuCntr li.cart a:hover { background: none; text-decoration: underline; }
		#menuCntr li a:hover, #menuCntr li.selected a { background: url('../images/leftmenu.jpg') left top no-repeat; }
		#menuCntr li a:hover span, #menuCntr li.selected span { background: url('../images/rightmenu.jpg') right top no-repeat; }
		
		/* ### BANNER CONTAINER ### */
		#bannerCntr { padding: 15px 0px 0px 19px; position: relative; margin-left: 10px; width: 781px; height: 248px; background: url('../images/banner.jpg') no-repeat; }
		#bannerCntr.bg1 { background: url('../images/banner1.jpg') no-repeat; }
		#bannerCntr h2 { padding-bottom: 0px; font-size: 30px; color: #035ed3; }
		#bannerCntr p { padding-bottom: 18px; font-size: 14px; color: #035ed3; font-weight: bold; }
		#bannerCntr span.va { font-size: 14px; margin: 0px; color: #ff00ae; display: block; }
		#bannerCntr span.price { margin-top: -30px; margin-left: 25px; font-size: 72px; color: #db0066; font-weight: bold; display: block;  text-decoration:none;}
		#bannerCntr span{ margin-top: -45px; font-size: 15px; color: #db0066; letter-spacing:-1px;}
		#bannerCntr a.vind { background:url("../images/vind.png") no-repeat scroll 0 0 transparent;display:block;height:41px;left:19px;position:absolute;text-indent:-9999px;top:184px;width:186px;}
        #bannerCntr a.tuv { position: absolute; left: 585px; top: 110px; width: 116px; height: 112px; display: block; text-indent: -9999px; background: url('../images/dotclear.gif') no-repeat;}		

		/* ### CONTENT CONTAINER ### */
		#contentCntr { padding: 0px 20px; margin-left: 10px; overflow: hidden; width: 760px; }
		
			/* ### LEFT CONTAINER ### */
			#leftCntr { float: left; width: 170px; }
			
				/* ### AD BOX ### */
				.adBox { width: 170px; height: 169px; }
				.adBox a {  width: 170px; height: 169px; display: block; text-indent: -9999px; background: url('../images/niet.jpg') no-repeat; }
				/* ### GETEST BOX ### */
				.getestBox { margin-top: 10px; width: 170px; background: url('../images/boxmiddle.jpg') left top repeat-y; }
				.getestBox .top { background: url('../images/boxtop.jpg') left top no-repeat; }
				.getestBox .bottom { padding: 7px 10px 14px 8px; width: 152px; overflow: hidden; background: url('../images/boxbottom.jpg') left bottom no-repeat; }
				.getestBox h2 { font-size: 14px; color: #045fc8; font-weight: bold; }
				.getestBox h2.get { padding-left: 44px; line-height: 32px; background: url('../images/get.jpg') no-repeat; }
				.getestBox h2.fabel { padding-left: 40px; line-height: 32px; background: url('../images/fabel.jpg') no-repeat; }
				.getestBox h2.past { padding-left: 44px; line-height: 32px; background: url('../images/past.jpg') no-repeat; }
				.getestBox h2.matras { padding-left: 44px;height: 32px; background: url('../images/past.jpg') no-repeat; }
				.getestBox h2.lekker { padding-left: 35px; line-height: 25px; background: url('../images/lekker.jpg') no-repeat; }
				.getestBox h2.voordelen { padding-left: 40px; background: url('../images/voorderled.jpg') no-repeat; }
				.getestBox h2.pluse { padding-left: 42px; background: url('../images/pluse.jpg') no-repeat; }
				.getestBox p { padding: 8px 0px 10px 0px; font-size: 13px; color: #0b121c; }
				.getestBox a { font-size: 13px; color: #f203a9; font-weight: bold; text-decoration: underline; display: block; float:right; }
				.getestBox a:hover { text-decoration: none; }
				.getestBox ul { list-style: none; }
				.getestBox li { padding: 17px 0px 0px 16px; font-size: 13px; color: #0b121c; }
				
			/* ### RIGHT CONTAINER ### */
			#rightCntr { float: right; width: 567px; }
			#rightCntr .left { padding-top: 34px; width: 216px; float: left; }
			#rightCntr .right { padding-top: 8px; width: 342px; float: right; }
			
				/* ### HET BOX ### */
				.hetBox { width: 567px; position: relative; background: url('../images/rightmiddle.jpg') left top repeat-y; }
				.hetBox .top { background: url('../images/righttop.jpg') left top no-repeat; }
				.hetBox .bottom { padding: 11px 8px 10px 8px; width: 551px; overflow: hidden; background: url('../images/rightbottom.jpg') left bottom no-repeat; }
				.hetBox h2 { padding-bottom: 15px; font-size: 16px; color: #4290da; }
				.hetBox img { padding-left: 15px; float: left; }
				.hetBox p { padding-bottom: 7px; font-size: 13px; color: #033c93; line-height: 16px; }
				.hetBox span { font-weight: bold; }
				.hetBox a { margin-right: 10px; width: 97px; height: 29px; font-size: 13px; color: #fff; text-decoration: none; font-weight: bold; line-height: 29px; display: block; text-align: center; float:right; background: url('../images/lessmore.jpg') no-repeat; }
				.hetBox a:hover { text-decoration: underline; }
				.hetBox .star { padding: 0px; position: absolute; left: 7px; top: 5px; }
				.hetBox .green { padding: 0px; }
				
				/* ### SHOP BOX ### */
				.shopBox{ width: 216px; position: relative; }
				.shopBox img { margin-left: -12px; float: left; }
				.shopBox a.alle { width: 163px; height: 62px; display: block; text-indent: -9999px; position: absolute; left: 0px; top: 79px; background: url('../images/alle.png') no-repeat; }
				.shopBox a.shop { position: absolute; right: 0px; top: 323px; width: 123px; height: 119px; display: block; text-indent: -9999px; background: url('../images/shop.png') no-repeat; }
				
				/* ### MET BOX ### */
				.metBox { margin-bottom: 8px; width: 342px; background: url('../images/meddle.jpg') left top repeat-y; }
				.metBox .top { background: url('../images/top.jpg') left top no-repeat; }
				.metBox .bottom { padding:  13px 10px 22px 10px; width: 322px; overflow: hidden; background: url('../images/bottom.jpg') left bottom no-repeat; }
				.metBox h2 { padding-bottom: 13px; font-size: 16px; color: #4290da; font-weight: bold; }
				.metBox p { font-size: 13px; color: #033c93; }
				.metBox p.last { padding-bottom: 15px; font-size: 13px; color: #033c93; }
				.metBox span { font-weight: bold; }
				.metBox img { padding-bottom: 13px;}
				.metBox a { margin-right: 7px;width: 97px; height: 29px; font-size: 13px; color: #fff; text-decoration: none; font-weight: bold; line-height: 29px; display: block; text-align: center; float:right; background: url('../images/lessmore.jpg') no-repeat; }
				.metBox a:hover { text-decoration: underline; }
				
				/* ### TEXT BOX ### */
				.textBox { padding-top: 35px; width: 567px; overflow: hidden; background: url('../images/border.jpg') left top no-repeat; }
				.textBox h2 { padding-bottom: 18px; font-size: 16px; color: #4290da; }
				.textBox h3 { font-size: 14px; color: #033c93; font-weight: bold; }
				.textBox p { padding-bottom: 17px; font-size: 14px; color: #033c93; }
				.textBox ul { padding-top: 10px; width: 553px; list-style: none; }
				.textBox li { font-size: 14px; color: #033c93; width: 553px; overflow: hidden; }
				.textBox li span { width: 13px; height: 13px; text-align: center; display: block; float: left; font-size: 11px; color: #e6f0fc; font-weight: bold; background: url('../images/numbg.jpg') no-repeat; }
				.textBox li p { width: 526px; float: right;}
				
				/* ### SHOP CONTAINER ### */
				#shopCntr { padding-top: 17px; width: 567px; overflow: hidden;  }
			
					/* ### SLEEP BOX ### */
					.sleepBox { width: 400px; float: left; background: url('../images/sleepbg.jpg') left top repeat-y; }
					.sleepBox .top { background: url('../images/sleepbgtop.jpg') left top no-repeat; }
					.sleepBox .bottom { padding: 15px 7px 17px 12px; width: 381px; overflow: hidden; background: url('../images/sleepbgbottom.jpg') left bottom no-repeat; }
					.sleepBox h2 { font-size: 16px; color: #4290da; font-weight: bold; }
					.sleepBox p { font-size: 12px; color: #033c93; }
					.sleepBox img { padding-bottom: 7px; }
					.sleepBox a { margin-right: 7px;width: 97px; height: 29px; font-size: 13px; color: #fff; text-decoration: none; font-weight: bold; line-height: 29px; display: block; text-align: center; float:right; background: url('../images/lessmore.jpg') no-repeat; }
					.sleepBox a:hover { text-decoration: underline; }
					
					/* ### NAAR BOX ### */
					.naarBox { position: relative; width: 167px; float: right; height: 270px; background: url('../images/naar.jpg') left bottom no-repeat;}
					.naarBox a.shop { position: absolute; right: 0px; top: 0px; width: 126px; height: 120px; display: block; text-indent: -9999px; background: url('../images/naarshop.png') no-repeat; }
				
				/* ### TIPS CONTAINER ### */
				#tipCntr { width: 567px; overflow: hidden; }
				
					/* ### SOORT BOX ### */
					.soortBox { width: 262px; float: left; }
					.soortBox h2 { padding-bottom: 5px; font-size: 16px; color: #4290da; font-weight: bold; }
					.soortBox p { padding-top: 17px; font-size: 14px; color: #033c93; }
					.soortBox img { padding-top: 45px; }
					.soortBox a { margin: 7px 7px 0px 0px; width: 97px; height: 29px; font-size: 13px; color: #fff; text-decoration: none; font-weight: bold; line-height: 29px; display: block; text-align: center; float:right; background: url('../images/morebg.png') no-repeat;}
					.soortBox a:hover { text-decoration: underline; }
					
					/* ### TIPS BOX ### */
					.tipsBox { padding-left: 29px; position: relative; width: 255px; float: right; background: url('../images/tipsboxbg.jpg') left top no-repeat; }
					.tipsBox h2 { padding-bottom: 20px; font-size: 16px; color: #4290da; }
					.tipsBox p { padding-bottom: 50px; font-size: 14px; color: #033c93; }
					.tipsBox a.tips { position: absolute; left: 28px; top: 92px; width: 123px; height: 121px; display: block; text-indent: -9999px; background: url('../images/tips.png') no-repeat; }
					.tipsBox a.read { position: absolute; right: 0px; top: 155px; width: 97px; height: 29px; font-size: 13px; color: #fff; text-decoration: none; font-weight: bold; line-height: 29px; display: block; text-align: center; float:right; background: url('../images/morebg.png') no-repeat; }
					.tipsBox a.read:hover { text-decoration: underline; }	
					
			/* ### PARTNER CONTAINER ### */
			#partnerCntr { padding: 20px 20px 0px 22px; margin-left: 29px; width: 713px; height: 145px; overflow: hidden; background: url('../images/partnerbg.jpg') no-repeat; }
				
				/* ### PARTNER BOX ### */
				.partnerBox { width: 332px; float: left; }
				.partnerBox h2 { padding-bottom: 14px; font-size: 14px; color: #fff; font-weight: bold; }
				.partnerBox h3 { padding-bottom: 11px; font-size: 12px; color: #fff; font-weight: normal; }
				.partnerBox ul { list-style: none; }
				.partnerBox li { padding-right: 5px; float: left; }
				
				/* ### ONZE BOX ### */
				.onzeBox { width: 332px; float: right; }
				.onzeBox h2 { padding-bottom: 17px; font-size: 14px; color: #fff; font-weight: bold; }
				.onzeBox p { padding: 10px 0px 16px 29px; text-indent: 30px; font-size: 12px; color: #fff; background: url('../images/pbg.jpg') no-repeat; }
				.onzeBox a { width: 148px; height: 25px; display: block; line-height: 25px; text-decoration: none; float: right; text-align: center; font-size: 13px; color: #fff; font-weight: bold; background: url('../images/button.jpg') no-repeat; }
				.onzeBox a:hover { text-decoration: underline; }
												
	/* ### FOOTER CONTAINER ### */
	#footerCntr { padding: 7px 0px 0px 29px; overflow: hidden; width: 791px; font-size: 11px; color: #000; height: 40px; }