/* ### GENERAL ### */
* { padding: 0px; margin: 0px; }
html, body { font-family:  Arial; font-size: 12px; color: #333333; }
input, select, textarea { font-family:  Arial; font-size: 12px; color: #333333; }
body { background: #fff; }
img { border: 0px; }
a { outline: none; }

#googlemelding { position: absolute; z-index: 1000; width: 400px; left: 50%; margin-left: -143px; }
#googlemelding .plaatje { padding-top: 232px; position: relative; width: 400px; background: #669933; z-index: 1002; background-repeat: no-repeat; }
#googlemelding .plaatje p { text-align: left; font-size: 12px; font-weight: bold; color: #fff; padding: 0 10px;  }
#googlemelding .plaatje .butt { text-align: center; line-height: 35px; font-size: 11px; font-weight: bold; text-decoration: none; color: #333; margin: 5px 12px; display: block; float: left; width: 173px; height: 35px; background-position: center top; }
#googlemelding .plaatje .ja { background-image: url('../images/googlemelding/jabut.png'); }
#googlemelding .plaatje .nee { background-image: url('../images/googlemelding/neebut.png'); font-size: 10px; }
#googlemelding .plaatje .ja:hover, #googlemelding .plaatje .nee:hover { background-position: center bottom; }
#googlemelding .plaatje span { font-size: 9px; color: #A3D075; }


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

/* ### WRAPPER ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; background: url('../images/top-bg.gif') top center no-repeat; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 968px; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 968px; height: 210px; overflow: hidden; background: url('../images/header.gif') top center no-repeat; }
	#headerCntr h1 { position: absolute; top: 38px; left: 332px; }
	#headerCntr h1 a { display: block; width: 315px; height: 48px; text-indent: -9999px; background: url('../images/logo.gif') no-repeat; }
	#headerCntr h3 { position: absolute; top: 85px; left: 332px; width: 315px; text-align: center; font-size: 20px; font-weight: normal; color: #CD279E; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { overflow: hidden; width: 968px; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { float: left; width: 207px; }
		
			/* ### MENU BOX ### */
			.menuBox { padding: 5px 0px 35px 20px; width: 187px; }
			.menuBox ul { list-style: none; }
			.menuBox li { font-size: 14px; line-height: 19px; }
			.menuBox li a { color: #a04899; text-decoration: none; }
			.menuBox li a:hover { color: #349f99; }
			.menuBox li.active a { color: #349f99; }
				
			/* ### CART BOX ### */
			.cartBox { padding: 30px 0px 22px 4px; width: 203px; font-weight: bold; font-size: 11px; }
			.cartBox a { padding: 39px 0px 0px 80px; display: block; height: 30px; color: #CD279E; text-decoration: none; }
			.cartBox a:hover { text-decoration: underline; }
			
			/* ### ONLINE BOX ### */
			.onlineBox { padding: 7px 0px 8px 8px; margin-bottom: 14px; width: 185px; border: #EEF0EC solid 1px; background: #f9f9f2; }
			.onlineBox h2 { font-size: 18px; color: #CD279E; font-weight: normal; }
			.onlineBox ul { padding-top: 5px; list-style: none; }
			.onlineBox li { padding-left: 25px; font-size: 11px; line-height: 20px; background: url('../images/online-list.gif') 0 5px no-repeat; }
			.onlineBox li a { color: #333333; text-decoration: none; }
			.onlineBox li a:hover { text-decoration: underline; }
			
			/* ### SERVICE BOX ### */
			.serviceBox { padding: 7px 0px 8px 8px; margin-bottom: 14px; width: 185px; border: #EEF0EC solid 1px; background: #f9f9f2; }
			.serviceBox h2 { font-size: 18px; color: #CD279E; font-weight: normal; }
			.serviceBox ul { list-style: none; }
			.serviceBox li { font-size: 11px; line-height: 21px; }
			.serviceBox li a { color: #CD279E; text-decoration: none; }
			.serviceBox li a:hover { text-decoration: underline; }
			
			/* ### OFFER BOX ### */
			.offerBox { padding: 7px 0px 8px 8px; margin-bottom: 14px; width: 185px; border: #EEF0EC solid 1px; overflow: hidden; background: #f9f9f2; }
			.offerBox h2 { padding-bottom: 5px; font-size: 18px; color: #689b32; font-weight: normal; }
			.offerBox .offer { text-align: center; font-size: 11px; width: 175px; border: #349901 solid 1px; overflow: hidden; background: #fff; }
			.offerBox .offer a { padding: 4px 0 10px 0; display: block; color: #333; text-decoration: none; }
			.offerBox .offer strong { display: block; }
			.offerBox .offer span { padding-top: 3px; font-size: 10px; display: block; }
			.offerBox .offer img { margin-top: 7px; }
			.offerBox .offer span span { display: inline; color: #ff3300; }
			.offerBox .offer a:hover { background: #eafbea; }
			.offerBox a.meer { padding: 10px 10px 0 0; font-size: 12px; font-weight: normal; display: inline; float: right; color: #CD279E; text-decoration: none; }
			.offerBox a.meer:hover { text-decoration: underline; }
			
			/* ### KLANTEN BOX ### */
			.klantenBox { padding: 7px 0px 10px 6px; margin-bottom: 14px; overflow: hidden; font-size: 11px; width: 187px; border: #EEF0EC solid 1px; background: #f9f9f2; }
			.klantenBox h2 { padding-bottom: 5px; font-size: 18px; font-weight: normal; color: #CD279E; }
			.klantenBox span { display: block; color: #80ae35; font-weight: bold; }
			.klantenBox p { padding: 0 22px 5px 0; color: #333; }
			.klantenBox a { padding-right: 10px; font-size: 12px; display: inline; float: right; color: #CD279E; text-decoration: none; }
			.klantenBox a:hover { text-decoration: underline; }
								
		/* ### CENTER CONTAINER ### */
		#centerCntr { float:left; width:553px; }
			
			/* ### NP BOX ### */
			.npBox { padding: 25px 0px 10px 0px; width: 565px; }
			.npBox ul { list-style: none; overflow: hidden; }
			.npBox li { padding-right: 2px; float: left; font-size: 11px; }
			.npBox li a { padding-left: 2px; color: #333; text-decoration: none;}
			.npBox li a:hover { color: #CD279E; text-decoration: underline; }
			
			/* ### TEXT BOX ### */
			.textBox { padding-bottom: 15px; width: 553px; margin-left: 5px; overflow: hidden; }
			.textBox h2 { font-size: 23px; font-weight: normal; color: #CD279E; }
			.textBox p { padding-bottom: 10px; line-height: 17px; }
			.textBox form fieldset { padding: 10px 0; border: 0px; overflow: hidden; }
			.textBox form select { margin-right: 1px; }
			.textBox ul { list-style: none; overflow: hidden; }
			.textBox li { margin: 0 7px 7px 0; height: 256px; float: left; text-align: center; font-size: 11px; width: 175px; border: #349901 solid 1px; background: #fff; }
			.textBox li a { padding-top: 4px; display: block; color: #333; text-decoration: none; height:252px; }
			.textBox li strong { display: block; }
			.textBox li span { padding-top: 3px; font-size: 10px; display: block; }
			.textBox li img { margin-top: 7px; }
			.textBox li span span { display: inline; color: #ff3300; }
			.textBox em { display: block; position: absolute; width: 175px; }
			.textBox em img { float: right; margin: 0px 3px 0px 0px; }
			.textBox a:hover { background: #eafbea; }
			
			.textBox a.pnav { border:1px solid #CCCCCC; color:black; display:block; float:left; margin-right:2px; min-width:20px; min-height:20px; line-height: 20px; text-decoration: none; padding-left:2px; padding-right:2px; text-align:center; margin-bottom:4px; }
			.textBox a.pnavactive { background-color:#80ae35 !important; color:white; }
			.textBox a:hover.pnav { background-color:#80ae35; color:white; text-decoration:none; }
			
			.textBox .merkdiv { float:left; margin-right:5px; height:120px; width:100px; vertical-align:middle; }
			.textBox .merkdiv img { border:0px; }
			.textBox .merkdiv a{ display:block; width:100px; font-size:8pt; text-align:center; color: #999; text-decoration: none; }
			.textBox .merkdiv a:hover { background: none !important; }
			
			/* ### WISHLIST PAGINA ### */
			.textBox .butt { display: block; float: left; line-height: 24px; font-size: 13px; text-indent: 29px; text-decoration: none; font-weight: bold; color: #990066; margin-right: 10px; }
			.textBox .butt:hover { text-decoration: underline; }
			.textBox .opslaan { background: url(../images/wishlist/schatkist.png) no-repeat; }
			.textBox .winkelwagentje { background: url(../images/wishlist/winkelwagentje.png) no-repeat; }
			.textBox .verder { background: url(../images/wishlist/verderwinkelen.png) no-repeat; }
			.textBox .openbaar { background: url(../images/wishlist/wereldkundig.png) no-repeat; }
			.textBox .notitie { background: url(../images/wishlist/comment.png) no-repeat; }
			
				.wishlistItem { height: 95px; width: 560px; border: 1px dashed #EEE; background: #FDFDFD; padding: 10px; }
				.wishlistItem .pic { width: 110px; float: left; }
				.wishlistItem .pic img { height: 70px; }
				.wishlistItem .text { width: 225px; float: left; }
				.wishlistItem .text h4 { font-size: 13px; }
				.wishlistItem .text p { padding: 10px; line-height: 22px; }
				.wishlistItem .text span { text-decoration: line-through; color: #FF3300; }
				.wishlistItem .opties { width: 212px; float: left; }
				.wishlistItem .opties ul { list-style: none; padding: 0; margin: 0; }
				.wishlistItem .opties li a { color: #990066; }
				.wishlistItem .opties li a:hover { text-decoration: none; }				

			
			/* ### JOTTUM BOX ### */
			.jottumBox { padding-bottom: 12px; color: #666666; width: 565px; overflow: hidden; }
			.jottumBox h1 { padding-top: 5px; font-size: 23px; font-weight: normal; color: #CD279E; margin-left: 12px; }
			.jottumBox h2 { padding-bottom: 5px; font-size: 23px; font-weight: normal; color: #CD279E; }
			.jottumBox p { padding-bottom: 5px; line-height: 17px; }
			.jottumBox p img { vertical-align: middle; }
			.jottumBox p #van { text-decoration: line-through; }
			.jottumBox form fieldset { padding-bottom: 4px; border: 0px; overflow: hidden; }
			.jottumBox form select { margin-right: 5px; width: 106px; float: left; }
			.jottumBox .left { float:left; margin-left:12px; padding-right:50px; width:274px; }
			.jottumBox .left span { text-decoration: line-through; color: #FF3300; }
			.jottumBox .right { float:left; overflow:hidden; width:175px; }
			.jottumBox ul { list-style-image:none; list-style-position:outside; list-style-type:none; padding:24px 0 0 2px; }
			.jottumBox li { font-weight: bold; font-size: 13px; }
			.jottumBox li a { padding-left: 36px; display: block; width: 205px; color: #a60183; text-decoration: none; line-height: 36px; background: url('../images/winkel-icon.gif') 0 5px no-repeat; }
			.jottumBox li a.verlang { background: url('../images/post-icon.gif') 0 7px no-repeat; }
			.jottumBox li a.verder { background: url('../images/arrow.gif') 0 7px no-repeat; }
			.jottumBox li a:hover { text-decoration: underline; }
			.jottumBox span a { color: #666; text-decoration: none; }
			.jottumBox img.gap { margin: 6px 16px 0 0; float: right; }
			
			/* ### PRODUCT BOX ### */
			.productBox { padding-bottom: 20px; width: 565px; overflow: hidden; }
			.productBox .left { width: 262px; float: left; }
			.productBox .right { width: 303px; float: right; overflow: hidden; }
			.productBox ul { list-style: none; overflow: hidden; }
			.productBox li { padding-right: 5px; float: left; }
			
			/* ### VRAAG BOX ### */
			.vraagBox { padding: 0px 15px 35px 0px; overflow: hidden; }
			.vraagBox h2 { font-size: 16px; font-weight: normal; color: #CD279E; margin-left: 9px; }
			.vraagBox p { line-height: 16px; color: #666; margin-left: 9px; }
			.vraagBox .left { width: 230px; float: left; }
			.vraagBox .right { width: 288px; float: right; }
			.vraagBox form fieldset { border: 0px; overflow: hidden; }
			.vraagBox form input.field { padding: 3px; width: 215px; height: 16px; border: #359902 solid 1px; background: url('../images/input-field.gif') repeat-x; }
			.vraagBox form input.submit { width: 240px; height: 20px; border: #676767 solid 1px; cursor: pointer; background: url('../images/input-field.gif') repeat-x; }
			.vraagBox form textarea { padding: 3px; margin-bottom: 10px; height: 108px; width: 234px; border: #359902 solid 1px; background: url('../images/textarea.gif') repeat-x; }
			.vraagBox form label { padding: 6px 0px 2px 0px; display: block; }
			.vraagBox #anaam { display: none; }
			.vraagBox ul { margin-left: 20px;}
			.vraagBox li { list-style-type: disc; padding: 2px; }
			.vraagBox a { color: #A60183; }
			.vraagBox .recensiereactie { display: block; margin: 10px; text-indent: 10px; font-style: italic; color: #80AE36; }
			.vraagBox .sterren { display: none; }
			
			#aanmeldingok { padding: 20px; border: 1px solid #80AE35; }

			
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 196px; }
			
			/* ### ZOEKEN BOX ### */
			.zoekenBox { padding: 14px 0px 80px 95px; width: 101px; }
			.zoekenBox fieldset { border: 0px; overflow: hidden; }
			.zoekenBox label { margin-bottom: 4px; display: block; width: 52px; height: 15px; }
			.zoekenBox form input.field { padding: 3px; width: 82px; height: 17px; border: 0px; background: url('../images/zoeken.gif') 100% no-repeat; }
			.zoekenBox form input.start { margin: 8px 20px 0 0; width: 34px; height: 14px; float: right; cursor: pointer; border: 0px; background: url('../images/start.gif') no-repeat; }
			
			/* ### LANGUAGE BOX ### */
			.languageBox { padding: 25px 0px 10px 0px; width: 196px; overflow: hidden; }
			.languageBox ul { list-style: none; overflow: hidden; }
			.languageBox li { padding: 0 4px; float: left; }
			.languageBox li a { display: block; float: left; width: 25px; height: 16px; text-indent: -9999px; background: url('../images/nederland.gif') no-repeat; }
			.languageBox li a.uk { background: url('../images/uk.gif') no-repeat; }
			.languageBox li a.france { background: url('../images/france.gif') no-repeat; }
			.languageBox li a.deutschland { background: url('../images/deutschland.gif') no-repeat; }
			.languageBox li a.spain { background: url('../images/spaans.gif') no-repeat; }
			
			/* ### LOGIN BOX ### */
			.loginBox { padding: 7px 0px 8px 7px; margin-bottom: 14px; width: 186px; border: #EEF0EC solid 1px; background: #f9f9f2; }
			.loginBox p { margin: 6px 0px; }
			.loginBox h2 { padding-bottom: 7px; font-size: 18px; color: #CD279E; font-weight: normal; }
			.loginBox form fieldset { border: 0px; }
			.loginBox form input.field { padding: 1px 0 0 6px; margin-bottom: 5px; width: 172px; font-size: 14px; height: 17px; border: #80ae36 solid 1px; background: #FFFFFF; }
			.loginBox form label { padding: 2px 0; display: block; overflow: hidden; font-size: 10px; }
			.loginBox form input.check { margin-right: 3px; height: 13px; float: left; }
			.loginBox form input.submit { margin-top: 4px; width: 178px; font-size: 13px; cursor: pointer; border: #80ae36 solid 1px; background: #ece9d8; }
			
			/* ### WISHLIST BOX ### */
			.wishlistBox { padding: 7px 7px 6px 7px; margin-bottom: 14px; width: 179px; border: #EEF0EC solid 1px; overflow: hidden; background: #f9f9f2; }
			.wishlistBox h2 { padding-bottom: 5px; font-size: 18px; color: #CD279E; font-weight: normal; }
			.wishlistBox ul { padding-bottom: 4px; list-style: none; }
			.wishlistBox li { line-height: 18px; height: 18px; font-size: 11px; overflow: hidden; }
			.wishlistBox li a.delete { margin-top: 7px; float: right; display: block; width: 5px; height: 6px; text-indent: -9999px; background: url('../images/delete.gif') no-repeat; }
			.wishlistBox a.meer { float: right; color: #CD279E; text-decoration: none; }
			.wishlistBox a:hover { text-decoration: underline; }
						
			/* ### NIEUWS BOX ### */
			.nieuwsBox { padding: 7px 7px 8px 7px; margin-bottom: 14px; width: 179px; border: #EEF0EC solid 1px; overflow: hidden; background: #f9f9f2; }
			.nieuwsBox h2 { padding-bottom: 10px; font-size: 18px; color: #CD279E; font-weight: normal; }
			.nieuwsBox p { line-height: 16px; }
			.nieuwsBox h1 { font-size: 12px; font-weight: normal; }
			.nieuwsBox h1 a { text-decoration: none; color: #80ae35; font-weight: bold; }
			.nieuwsBox h1 a:hover { text-decoration: underline; }
			.nieuwsBox a.meer { float: right; color: #CD279E; text-decoration: none; }
			.nieuwsBox a:hover { text-decoration: underline; }
			
			/* ### LABEL BOX ### */
			.labelBox { padding: 7px 7px 8px 7px; margin-bottom: 14px; width: 179px; border: #EEF0EC solid 1px; overflow: hidden; background: #f9f9f2; }
			.labelBox h2 { padding-bottom: 0px; font-size: 18px; color: #CD279E; font-weight: normal; }
			.labelBox p { line-height: 17px; padding: 3px 0px;}
			.labelBox p img { vertical-align: middle; }
			.labelBox h1 { font-size: 12px; font-weight: normal; }
			.labelBox h1 a { text-decoration: none; color: #80ae35; font-weight: bold; }
			.labelBox h1 a:hover { text-decoration: underline; }
			.labelBox a.meer { float: right; color: #CD279E; text-decoration: none; }
			.labelBox a:hover { text-decoration: underline; }			
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr { padding-top: 10px; overflow: hidden; width: 968px; height: 75px; }
		
		/* ### ICON BOX ### */
		.iconBox { width: 968px; overflow: hidden; }
		.iconBox ul { list-style: none; overflow: hidden; text-align: center; }
		.iconBox li { padding-right: 5px; display: inline; }
		
		/* ### LINK BOX ### */
		.linkBox { padding-top: 5px; text-align: center; font-size: 11px; color: #80ae35; width: 968px; }
		.linkBox a { color: #80ae35; text-decoration: none; }
		.linkBox a:hover { text-decoration: underline; }
		.linkBox p { padding-bottom: 4px; }
		.linkBox ul { padding-top: 3px; width: 510px; text-align: center; margin: 0 auto; border-top: #80ae35 solid 1px; list-style: none; overflow: hidden; }
		.linkBox li { padding: 0 4px; display: inline; background: url('../images/footer-sep.gif') right no-repeat; }
		.linkBox li.last { background: none; }
