/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 13px; color: #444; }
input, select, textarea { font-family: Arial; font-size: 13px; color: #444; }
body { background: #fff url(../images/header.png) left top repeat-x; }
img { border: 0px; display: block; max-width: 100%; height: auto; }
a, input { outline: none; }
input.order,
input.order2,
input.smallbutton,
input.submit,
input.updateaantallen { -webkit-appearance: none; -webkit-border-radius:0; border-radius:0; }
input.updateaantallen { background-color: #DADADB; }

.mobileonly { display: none; }

/* ### global classes ### */
.clear { clear: both; height: 0px; overflow: hidden; }

header, footer, section, aside, nav, article { display: block; }

input, select, textarea, button, textarea { margin: 0; font-family: 'Roboto', Arial, sans-serif; }

.contentBox { padding: 20px; }

.text ul,
.contentBox ul,
.contentBox ol
{ border: 0 !important; padding-left: 20px !important; }

.text ul,
.contentBox ul
{ list-style: disc !important; }

.contentBox ol
{ list-style-type: decimal !important; }

.text ul li,
.contentBox ul li,
.contentBox ol li 
{ float: none; padding: 0 !important; }

img#facebookgroot { display: inline; }
img#facebookklein { display: none; }

div#klantenserviceCntr div.tekst { float: left; width: 541px; height: 162px; background-color: #e9e9e9; }
div#klantenserviceCntr div.tekst div { padding: 20px; }
div#klantenserviceCntr div.tekst div h1 { color: #099946; margin-bottom: 10px; font-size: 20px; }
div#klantenserviceCntr div.foto { float: left; width: 419px; height: 162px; background-color: #e9e9e9; }

#product_prijs_voorheen_van { color: rgb(68, 68, 68); float: left; margin-right: 5px; text-decoration: line-through; font-size: 24px; }
#product_prijs_voorheen_bedrag { color: rgb(68, 68, 68); float: left; margin-right: 10px; text-decoration: line-through; font-size: 24px; }

.cheapBox h1
{
    padding-bottom: 10px;
    font-size: 32px;
    line-height: 32px;
    letter-spacing: -1px;
    font-weight: 900;
}

#klantervaringenscroller {
	overflow:	hidden;	
	width: 		270px;
	height: 	150px;
	list-style:	none;
}
#klantervaringenscroller ul,
#klantervaringenscroller li {
	list-style:	none;
	width: 		270px;
}

#klantervaringenscroller li {
	height: 	150px;
	float:		left;
}

div#speerpunten { width: 100%; border-bottom: 1px solid #dadada; }
div#speerpunten div.item { width: 20%; float: left; }
div#speerpunten div.item div.icon { width: 30%; float: left; }
div#speerpunten div.item div.titel { width: 70%; float: left; color: #aeaeae; font-size: 10px; font-weight: bold; line-height: 50px; }

div#bestelstappen { width: 100%; border-bottom: solid 1px #dadada; margin-bottom: 14px; }
div#bestelstappen div.item { width: 20%; float: left; text-align: center; color: #aeaeae; font-size: 18px; font-weight: bold; line-height: 50px; }
div#bestelstappen div.gegevens:before { content: "UW "; }
div#bestelstappen div.separator { width: 6%; float: left; font-family: monospace; text-align: center; color: #aeaeae; font-size: 26px; font-weight: bold; line-height: 50px; }
div#bestelstappen div.actief { color: #099946; }

div#webwinkelkeur { float: right; width: 210px; }
div#webwinkelkeur div.icon { float: left; width: 60px; }
div#webwinkelkeur div.titel { float: left; width: 150px; color: #aeaeae; font-size: 10px; font-weight: bold; line-height: 37px;  }
div#webwinkelkeur div.icon img { width: 100%; }

.tooltip {
	border-bottom: 1px dotted #000000; 
	color: #000000; 
	outline: none;
	cursor: help; 
	text-decoration: none;
	position: relative;
}
.tooltip span {
	margin-left: -999em;
	position: absolute;
}
.tooltip:hover span {
	border-radius: 5px 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); 
	-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); 
	-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	position: absolute; 
	left: 1em; 
	top: 3em; 
	z-index: 9999999;
	margin-left: 0; 
	width: 250px;
	font-size: 12px;
	background: #9FDAEE; 
	border: 1px solid #21ade4;
	padding: 0.8em 0.8em;
}
.rangeBox .tooltip:hover span {
	left: 15em; 
}

input.text, textarea, select {
	line-height: 24px;
	padding: 3px 10px;
	font-size: 14px;
	color: #555;
	border: 1px solid #e3e3e3 !important;
	border-radius: 3px !important;
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.08);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.08);
	width: 380px;
}
input.text {
}
input.afleverdatum
{
	cursor:					pointer;
	background-origin: 		content-box;
	background-image: 		url('./../images/calendar.gif'); 
	background-position: 	right;
	background-repeat: 		no-repeat;
}
select {
    width: 340px;
    padding: 3px 3px 3px 10px;
}

a { text-decoration: none;color: inherit;  }
a:hover { text-decoration: underline;color: inherit; }
		

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

/* ### main container ### */
#mainCntr { margin: 0 auto; width: 960px; }

	/* ### header container ### */
	#headerCntr { position: relative; width: 100%; height: 205px; border-bottom: 1px solid #dadada; }
	#headerCntr a.logo { margin: 17px 0 0 0; float: left; text-indent: -9999px; }
	
		/* ### link box ### */
		.linkBox { width: 100%; overflow: hidden; }
		.linkBox .link { padding: 0; float: left; }
		.linkBox span.phone,
		.linkBox span.vlag-nl,
		.linkBox span.vlag-be,
		.linkBox span.vlag-de { padding: 9px 0 0 25px; letter-spacing: 0.03em; font-weight: bold; text-shadow: 1px 1px 1px #3c5c8f; font-size: 15px; color: #fff; display: block; float: left; line-height: 18px; background: url(../images/phone.png) left center no-repeat; }
		.linkBox span.vlag-nl { padding-top: 0; margin-top: 6px; background: url(../images/vlag-nl.png) left center no-repeat; }
		.linkBox span.vlag-be { padding-top: 0; margin-top: 0; background: url(../images/vlag-be.png) left center no-repeat; }
		.linkBox span.vlag-de { padding-top: 0; margin-top: 0; background: url(../images/vlag-de.png) left center no-repeat; }
		.linkBox span.phone { margin-top: -6px;  }
		.linkBox span.phone a,
		.linkBox span.vlag-nl a,
		.linkBox span.vlag-be a,
		.linkBox span.vlag-de a { text-decoration: none; color: #fff; }
		.linkBox a.mail { margin: 0 0 0 29px; padding: 0 0 0 25px; color: #fff; text-decoration: none; display: block; float: left; text-shadow: 1px 1px 1px #3c5c8f; background: url(../images/mail.png) left 3px no-repeat }
		.linkBox a.mail:hover { color: #000; }
		.linkBox .contact { width: 390px; float: right; }
		.linkBox ul { list-style: none; float: right; list-style-type: none; }
		.linkBox li { float: left; }
		.linkBox li a { text-align: center; line-height: 36px; color: #fff; text-decoration: none; display: block; text-shadow: 1px 1px 1px #3c5c8f; } 
		.linkBox li a:hover { background: #099946; font-weight: bold; } 
	
		/* ### cart box ### */
		.cartBox { padding: 15px 0 15px 15px; position: relative; width: 340px; float: right; border-right: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; background: #ffffff; }
		.cartBox img.cart { margin: 0 20px 0 0; float: left; }
		.cartBox a { font-size: 13px; color: #626262; line-height: 15px; text-decoration: none; float: left; display: block; }
		.cartBox span { margin: 15px 0 0 0; color: #737373; font-weight: bold; line-height: 15px; float: left; }
		.cartBox a.arrow { position: absolute; right: 14px; top: 23px; }
	
		/* ### menu box ### */
		.menuBox { width: 100%; /*overflow: hidden;*/ height: 46px; background: #099946; }
		.menuBox ul { list-style: none; list-style-type: none; }
		.menuBox li { float: left; } 
		.menuBox li a { padding: 0 16px; line-height: 46px; font-weight: bold; font-size: 15px; color: #fff; text-decoration: none; display: block; text-shadow: 1px 1px 1px #666; }
		.menuBox li.active a { background: #26b261; }
		.menuBox li a:hover { background: #26b261; }
		.menuBox .tinynav { display: none; }
		
		.menuBox li ul { position: absolute;width: 250px;z-index: 220;background-color: #e9e9e9 !important; }
		.menuBox li ul li { z-index: 230;border-bottom: 1px solid #26b261;background-color: #e9e9e9 !important;float: none;margin: 10px; }
		.menuBox li ul li a,
		.menuBox li ul li a:visited { display: inline-block;color: #26b261;text-decoration: none;font-size: 12px;background-color: #e9e9e9 !important;text-shadow: none;line-height: 20px;padding-bottom: 5px; }
		.menuBox li ul li a:hover { color: #26b261; text-decoration: underline; background-color: #e9e9e9 !important; }

		/* ### search box ### */
		.searchBox { padding: 5px 0 0 0; margin: 5px 0 0 0; width: 100%; overflow: hidden; border-top: 1px solid #dadada; }
		.searchBox fieldset { border: none; }
		.searchBox .field { padding: 10px; width: 250px; height: 15px; float: left; border: none; font-size: 14px; color: #109b4b; font-style: italic; background: #e9e9e9; } 
		.searchBox .button { padding-bottom: 2px; width: 102px; height: 35px; font-size: 18px; color: #fff; border: none; cursor: pointer; float: left; text-shadow: 1px 1px 1px #999; background: #26b261; }
		.searchBox .button:hover { background: #109b4b; }
		.searchBox a { color: #507bbf; float: right; line-height: 32px; display: block; }
		.searchBox a:hover { text-decoration: none; } 
		
		.searchBox div#betaalmogelijkheden { float: right; padding-top: 6px; margin-right: 20px; }
		.searchBox div#betaalmogelijkheden img { display: inline; }
		
	/* ### banner container ### */
	#bannerCntr { padding: 4px 0 0 0; width: 100%; }
		
		/* ### banner box ### */
		.bannerBox { width: 100%; }
		.bannerBox .left { padding: 1px 0 0 0; width: 700px; float: left; }
		.bannerBox .right { margin: 0 0 0 0; width: 254px; float: right; }
		.bannerBox ul { list-style: none; }
		.bannerBox li { margin: 5px 0 0 0; padding: 9px 0 6px 0; min-height: 66px; width: 254px; float: left; background-color: #e9e9e9; }
		.bannerBox li:first-child { padding: 12px 0 6px 0;  margin: 0px; }
		.bannerBox li h2 { margin-bottom: 15px; font-size: 16px; color: #26b261; line-height: 22px; }
		.bannerBox li p { line-height: 16px;padding-bottom: 10px; }
		.bannerBox li a { color: #507bbf; font-weight: bold; }
		.bannerBox li a:hover { text-decoration: none; }
		.bannerBox li ul.pay { padding: 7px 0 1px 0; overflow: hidden; }
		.bannerBox li ul.pay li { padding: 0px; margin: 0px 5px 0 0; min-height: 0px;  border: none; width: auto; }
		.bannerBox li span { margin: 0 2px; padding: 0 8px; border-radius: 4px; line-height: 21px; display: inline-block; background: #ff9900; color: #fff; font-weight: bold; }
		.bannerBox li a.secure { margin: -2px 0 5px 0px; display: block; }
		.bannerBox li span.color { color: #507bbf; padding: 0px; margin: 0px; background: none; }
		
		/* ### info box ### */
		.infoBox { width: 100%;margin-top: 5px; }
		.infoBox .left { padding: 1px 0 0 0; width: 700px; float: left; background-color: #a3a3a3; height: 195px; }
		.infoBox .right { margin: 0 -5px 0 0; width: 256px; float: right; }
		.infoBox .left h2 { margin: 15px 15px 0 15px; font-size: 16px; color: #ffffff; line-height: 22px;text-shadow: 1px 1px 1px #666; }
		.infoBox .left p { color: #ffffff;padding: 15px; }
		
		.infoBox .right .aanbiedingheader { width: 253px; background-color: #ff9900;text-align: center;color: #ffffff;padding: 10px 0 10px 0;font-size: 16px;  }
		.infoBox .right .aanbiedingcontent { height: 160px;background-repeat: no-repeat; background-position: center center; cursor: pointer; }
		.infoBox .right .aanbiedingcontent .aanbiedingprijs { position: relative;top: 110px;left: 113px;width: 140px;background-color: #ff9900;text-align: center;color: #ffffff;padding: 10px 0 10px 0;font-size: 14px; cursor: pointer; }
		
	/* ### content container ### */
	#contentCntr { overflow: hidden; width: 100%; }

		/* ### center container ### */
		#centerCntr { overflow: hidden; width: 100%; }
		#leftside { margin: 0 0 8px 0; float: left; width: 740px; }
		#rightside { float: right; width: 199px; }

			/* ### np box ### */
			.npBox { padding: 0px 0px 0px 0px; margin: 0px 0px 14px 0px; width: 100%; overflow: hidden; border-bottom: solid 1px #dadada; }
			.npBox ul { width: 100%; list-style: none; list-style-type: none;  }
			.npBox li { padding: 0px 8px 0px 11px; font-size: 13px; line-height: 39px; color: #444444; float: left; background: url('../images/sep.png') left no-repeat; }
			.npBox li img { margin: 15px 0 0 0; }
			.npBox li:first-child { padding-left: 6px; background: none; }
			.npBox li a { display: block; text-decoration: none; color: #109b4b; }
			.npBox a:hover { text-decoration: underline; }
			
			/* ### order box ### */
			.orderBox { padding: 9px 0px 3px 0px; margin: 5px 0px 0px 0px; width: 100%; overflow: hidden; border-radius: 10px; background: #e9e9e9; }
			.orderBox ul { padding: 0 10px; list-style: none; list-style-type: none; overflow: hidden; }
			.orderBox li { padding: 18px 0px 17px 3px; text-align: center; float: left; background: url('../images/li-border.png') left top repeat-x; }
			.orderBox li:first-child { padding-top: 11px; background: none; }
			.orderBox h3 { text-align: center; font-size: 18px; line-height: 22px; font-weight: bold; color: #444444; }
			.orderBox p { padding-bottom: 5px; text-align: center; font-size: 10px; color: #444444; line-height: 12px; }
			.orderBox img { margin: 0px auto 7px auto; }
			.orderBox span { color: #777777; }
			.orderBox span.orange { padding: 0px 0px 0px 10px; color: #ff6600; font-size: 15px; font-weight: bold; text-decoration: none; }
		
			/* ### beginner box ### */
			.beginnerBox { width: 100%; overflow: hidden; }
			.beginnerBox h2 { padding: 0px 0px 8px 3px; color: #ff9900; font-size: 26px; line-height: 30px; font-weight: normal; }
			.beginnerBox a.woman img, img.woman { margin: 0px 0px 0px 1px; float: left; }
			.beginnerBox a.woman, img.woman { padding: 0px; }
			.beginnerBox a { padding: 0px 0px 14px 0px; display: table-cell; }
			.beginnerBox .info { padding: 1px 0px 0px 19px; width: 560px; float: left; }
			.beginnerBox ul { padding: 0px 0px 11px 0px; list-style: none; overflow: hidden; list-style-type: none; border-bottom: solid 1px #dadada; }
			.beginnerBox li { padding: 0px 0px 10px 0px; width: 100%; float: left; line-height: 20px; font-size: 15px; color: #26b261; }
			.beginnerBox span { width: 151px; float: left; color: #444444; }
			.beginnerBox .info a { padding: 0px; color: #507bbf; }
			.beginnerBox a:hover { text-decoration: none; }
			.beginnerBox li.total { padding: 23px 0px 0px 6px; margin: 4px 0px 0px 0px; border-top: solid 1px #dadada; font-size: 48px; font-weight: bold; color: #ff9900; }
			.beginnerBox span.col { padding: 10px 0px 0px 0px; text-decoration: line-through; width: 260px; font-weight: normal; color: #aaaaaa; font-size: 20px; }
			.beginnerBox a.btn { margin: 15px 0px 0px 0px; text-align: center; display: block; width: 100%; transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; -moz-transition: all 0.3s; line-height: 56px;  text-decoration: none; color: #fff; font-size: 24px;  background: #ff9900; }
			.beginnerBox .btn:hover { background: #26b261; }
			
			/* ### social box ### */
			.socialBox { padding: 9px 0px 0px 0px; width: 100%; }
			.socialBox ul { padding: 0px 0px 10px 13px; list-style: none; list-style-type: none; overflow: hidden; width: 100%; border-bottom: solid 1px #dadada; }
			.socialBox li { padding: 0px 0px 0px 9px; float: left; }
			.socialBox li:first-child { padding: 0px; }
			.socialBox .text { padding: 9px 0px 9px 0px; width: 100%; border-bottom: solid 1px #dadada; overflow: hidden; }
			.socialBox p { color: #444444; font-size: 14px; line-height: 20px; text-align: justify; }
			.socialBox .query { padding: 15px 0px 0px 0px; width: 100%; }
			.socialBox h2 { padding: 0px 0px 14px 3px; color: #43baa6; font-size: 26px; line-height: 30px; font-weight: normal; }

			/* ### offer box ### */
			.offerBox { padding: 5px 0 0 0; margin: 2px 0 0 0; width: 100%; overflow: hidden; border-top: 1px solid #d8d8d8; }
			.offerBox h3 { padding: 0 0 0 13px; height: 50px; line-height: 47px; font-size: 26px; font-family: Arial Black, Arial; color: #fff; text-shadow: 1px 1px 1px #666; background: #26b261; }
			.offerBox h3 span { float: left; }
			.offerBox a { padding: 0 13px 3px 10px; font-size: 14px; font-family: Arial; text-shadow: 1px 1px 1px #666; color: #fff; text-decoration: none; text-transform: none; font-weight: normal; background: #099946; }
			.offerBox a:hover { background: #26b261; }
			.offerBox ul { margin: 10px auto 0 auto; width: 935px; overflow: hidden; list-style: none; border-bottom: 0px; border-left: 1px solid #d5d5d5; border-top: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; }
			.voorpagina .offerBox ul { width: 100%; margin: 20px 0 10px 0; }
			.offerBox li { position: relative; padding: 20px 0 18px 0; text-align: center; width: 186px; height: 200px; float: left; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; }
			.voorpagina .offerBox li { width: 193px; }
			.offerBox li a.image img { margin: 0 auto 13px auto; display: block; }
			.offerBox li a.image { background: none; padding: 0px; float: none; } 
			.offerBox li p { padding: 0 0 10px 0; font-size: 13px; line-height: 16px; color: #26b261; height: 30px; }
			.offerBox li span { padding: 0 0 0 14px; color: #acacac; font-size: 12px; display: inline-block; text-decoration: line-through; }
			.offerBox li span.latest { position: absolute; top: 210px; left: 0; text-align: center; width: 160px;padding: 0 0 0 19px; font-size: 20px; color: #ff9900; font-weight: bold; background: none; text-decoration: none; }
			.offerBox li.last { width: 185px; border-right: 1px solid #d5d5d5; } 
			/*.voorpagina .offerBox li.last { width: 190px; border-right: 1px solid #d5d5d5; } */
			.offerBox a.all { margin: 12px 0 0 0; text-decoration: none; text-shadow: none; font-size: 14px; color: #43baa6; line-height: 16px; display: block; background: none; text-align: center; float: none; }
			.offerBox a.all:hover { text-decoration: underline; } 
			.offerBox.best h3 { background: #507bbf; }
			.offerBox.best { margin: 8px 0 0 0; padding: 0px 0 9px 0; border-bottom: 1px solid #d5d5d5; border-top: none; }
			.offerBox.best h3 a { background: #51698f; }
			.offerBox.best a.all { color: #507bbf; }
			.offerBox.overview { margin: 1px 0 13px 1px; border: none; }
			.offerBox.overview ul { width: 747px; } 
			.offerBox.product h3 { background: #26b261; }
			.offerBox.product { margin: 0px 0 28px 0; padding: 0px; }

			/* ### cheap box ### */
			.cheapBox { width: 100%; padding: 10px; margin: 0 auto; margin-top: 10px; color: #a3a3a3; }
			.cheapBox h2 { padding-bottom: 5px; font-size: 20px; line-height: 32px; font-family: Arial black, Arial; color: #a3a3a3; }
			
			/* ### shopping box ### */
			.shoppingBox { width: 541px; float: left; }
			.shoppingBox h2 { padding: 0px 0px 12px 0px; font-weight: normal; color: #26b261; font-size: 26px; border-bottom: solid 2px #26b261; }
			.shoppingBox ul { list-style: none; list-style-type: none; overflow: hidden; border-bottom: solid 2px #222222; }
			.shoppingBox li { padding: 10px 0px 5px 0px; float: left; width: 100%; overflow: hidden; border-top: solid 1px #dadada; }
			.shoppingBox li:first-child { border: 0; }
			.shoppingBox a.pic img { margin-left: 11px; float: left; }
			.shoppingBox .text { padding: 3px 0px 0px 10px; float: left; width: 400px; }
			.shoppingBox .text h2 { padding: 0px 0px 4px 0px; font-weight: bold; color: #26b261; font-size: 14px; border: 0; line-height: 16px;  }
			.shoppingBox .text p { color: #707070; font-size: 12px; line-height: 19px; }
			.shoppingBox .text span { color: #999999; font-size: 12px; text-align: left; line-height: 22px; }
			.shoppingBox .right { padding: 0 0 0 0; float: right; overflow: hidden; width: 280px; }
			.shoppingBox fieldset { border: none; float: left; }
			.shoppingBox .type { padding: 5px; float: left; width: 29px; height: 15px; text-align: center; border: 2px solid #dadada; }
			.shoppingBox span { text-align: center; display: block; line-height: 25px; color: #444444; }
			.shoppingBox span.num { width: 60px; float: left; }
			.shoppingBox span.num1 { width: 110px; float: left;  }
			.shoppingBox span.cross { width: 32px; float: left;  }
			.shoppingBox a.close img { margin: 9px 12px 0 0; float: right; }
			.shoppingBox ul.total { padding: 9px 0 0 0; border: none; }
			.shoppingBox ul.total li { padding: 0px; border: none; font-size: 14px; line-height: 24px; text-align: right; }
			.shoppingBox ul.total li span { height: 30px; padding: 0 62px 0 0; width: 140px; float: right; text-align: right; line-height: inherit; }
			.shoppingBox ul.total li.last { margin: 7px 0 0 0; height: 36px; line-height: 36px; background: #ececec; font-size: 18px; color: #000; text-transform: uppercase; font-weight: bold; }
			.shoppingBox ul.total li.last { line-height: 36px; }
			
			/* ### account box ### */
			.accountBox { width: 369px; float: right; }
			.accountBox a.click { padding: 0px 0px 0px 13px; display: block; text-decoration: none; font-weight: bold; margin: 0px 0px 12px 0px; color: #fff; font-size: 15px; background: #507bbf; line-height: 40px; }
			.accountBox a.click:hover { background: #98b3df; } 
			.accountBox fieldset { padding: 10px 0px 0px 0px ; border: 0; float: left; }
			.accountBox label { padding: 0px 0px 2px 2px; color: #8b8b8b; display: block; font-size: 12px; line-height: 15px; width: 100%; }
			.accountBox .text { padding: 8px 10px; width: 347px; height: 14px; border: solid 1px #dadada; }
			.accountBox h2 { padding: 0px 0px 14px 0px; font-size: 26px; font-weight: normal; color: #ff9900; line-height: 30px; border-bottom: solid 2px #ff9900; }
			.accountBox p { padding: 0px 0px 12px 0px; float: left; overflow: hidden; width: 100%; }
			.accountBox .detail { padding: 12px 0px 0px 0px; margin: 3px 0px 0px 0px; width: 100%; overflow: hidden; border-top: solid 2px #ff9900; }
			.accountBox .text1 { padding: 8px 10px; width: 271px; height: 14px; border: solid 1px #dadada; }
			.accountBox .post { padding: 8px 5px; margin: 0px 11px 0px 0px; width: 45px; height: 14px; border: solid 1px #dadada; }
			.accountBox .code { padding: 8px 5px; width: 21px; height: 14px; border: solid 1px #dadada; }
			.accountBox .btn { margin: 3px 0 0 0; padding: 0 0 0 10px; text-shadow: 1px 1px 1px #666; width: 100%; height: 40px; line-height: 40px; border: none; cursor: pointer; font-weight: bold; text-align: left; color: #fff; font-size: 15px; background: #507bbf; }
			.accountBox .btn:hover { background: #98b3df; }
			.accountBox .agree { padding: 19px 0px 0px 0px; margin: 3px 0px 0px 0px; width: 100%; overflow: hidden; border-top: solid 2px #ff9900; }
			.accountBox checkbox { float: left; }
			.accountBox .agree span { margin: 0px 0px 0px 5px; font-size: 13px; }
			.accountBox .agree a { color: #ff9900; font-weight: bold; }
			.accountBox .agree a:hover { text-decoration: none; }
			.accountBox .payment { padding: 13px 0px 0px 0px; margin: 6px 0px 0px 0px; width: 100%; overflow: hidden; border-top: solid 2px #ff9900; }
			.accountBox select { width: 368px; line-height: 32px; height: 32px; }
			.accountBox .order,
			.shoppingBox .order { margin: 3px 0 0 0; text-shadow: 1px 1px 1px #666; width: 100%; height: 60px; line-height: 60px; border: none; cursor: pointer; text-transform: uppercase; font-weight: bold; color: #fff; font-size: 25px; font-family: Arial black, Arial;  background: #ff9900; }
			.accountBox .order:hover,
			.shoppingBox .order:hover { background: #26b261; }
			.accountBox .order2,
			.shoppingBox .order2 { margin: 3px 0 0 0; text-shadow: 1px 1px 1px #666; width: 100%; height: 60px; line-height: 60px; border: none; cursor: pointer; text-transform: uppercase; font-weight: bold; color: #fff; font-size: 25px; font-family: Arial black, Arial;  background: #26b261; }
			.accountBox .order2:hover,
			.shoppingBox .order2:hover { background: #ff9900; }
			.accountBox .smallbutton { margin: 3px 0 0 0; text-shadow: 1px 1px 1px #666; width: 100%; height: 30px; line-height: 30px; border: none; cursor: pointer; text-transform: uppercase; font-weight: bold; color: #fff; font-size: 12px; font-family: Arial black, Arial;  background: #26b261; }
			.accountBox .smallbutton:hover { background: #ff9900; }



	
	/* ### left container ### */
	#leftCntr { margin: 20px 0 0 0; overflow: hidden; width: 189px; float: left; }

			/* ### seller box ### */
			.sellerBox { width: 100%; overflow: hidden; }
			.sellerBox ul { list-style: none; }
			.sellerBox li { padding-bottom: 5px; float: left; width: 100%; overflow: hidden; }
			.sellerBox li a { padding: 0 10px 0 8px; height: 30px; font-size: 15px; color: #fff; text-decoration: none; font-weight: bold; text-shadow: 1px 1px 1px #666; line-height: 30px; display: block; background: #ff9900; }
			.sellerBox li a span { display: block; background: url(../images/arrow.png) right center no-repeat; } 
			.sellerBox li a:hover { background: #ffAA00; }

			/* ### seller box 2 ### */
			.sellerBox2 { width: 100%; overflow: hidden; }
			.sellerBox2 ul { list-style: none; }
			.sellerBox2 li { padding-bottom: 5px; float: left; width: 100%; overflow: hidden; }
			.sellerBox2 li a { padding: 0 10px 0 8px; height: 30px; font-size: 15px; color: #fff; text-decoration: none; font-weight: bold; text-shadow: 1px 1px 1px #666; line-height: 30px; display: block; background: #26b261; }
			.sellerBox2 li a span { display: block; background: url(../images/arrow.png) right center no-repeat; } 
			.sellerBox2 li a:hover { background: #109b4b; }
			.sellerBox2 li a.selected { background: #109b4b; }
			
			.sellerBox2 li.subcategorie { padding-bottom: 2px; }
			.sellerBox2 li.subcategorie,
			.sellerBox2 li.subcategorie_last { margin-left: 10px; }
			.sellerBox2 li.subcategorie a span,
			.sellerBox2 li.subcategorie_last a span { margin-right: 10px; }
			
			.sellerBox2 li.subcategorie a,
			.sellerBox2 li.subcategorie_last a 
			{ height: 20px; font-size: 13px; line-height: 20px; }

			/* ### category box ### */
			.categoryBox { padding: 10px 0 0 0; width: 100%; overflow: hidden; }
			.categoryBox h2 { padding-bottom: 5px; font-size: 26px; color: #099946; font-weight: normal; border-bottom: 2px solid #099946; } 
			.categoryBox ul { padding: 4px 0 0 10px; list-style: none; list-style-type: none; }
			.categoryBox li { width: 100%; overflow: hidden; float: left; font-size: 14px; line-height: 24px; } 
			.categoryBox li a { text-decoration: none; display: block; float: left; color: #26b261; }
			.categoryBox li a:hover { color: #000; }
			.categoryBox a.more { margin: 5px 0 0 10px; padding: 0 14px 0 0; font-size: 14px; color: #1a407c; text-decoration: none; display: block; float: left; line-height: 14px; background: url(../images/more-arrow.png) right center no-repeat; }
			.categoryBox a.more:hover { color: #507bbf; } 
	
			/* ### range box ### */
			.rangeBox { padding: 41px 0 0 0; width: 100%; overflow: hidden; }
			.rangeBox h2 { padding-bottom: 5px; font-size: 26px; color: #1a407c; font-weight: normal; border-bottom: 2px solid #1a407c; } 
			.rangeBox ul { padding: 4px 0 0 9px; list-style: none; list-style-type: none; }
			.rangeBox li { width: 100%; overflow: hidden; float: left; color: #507bbf; font-size: 14px; line-height: 24px; } 
		
		/* ### right container ### */
		#rightCntr { margin: 20px 0 0 0; overflow: hidden; width: 750px; float: right; }

			/* ### pagina box ### */
			.paginaBox { padding: 0px 0 0 0; width: 100%; overflow: hidden; }
			.paginaBox h2 { padding: 0 0 0 5px; font-size: 26px; color: #ff9900; font-weight: normal; float: left; }
			.paginaBox h2 span { display: block; font-size: 17px; color: #666; }
			.paginaBox ul { width: 230px; overflow: hidden; border: 1px solid #d5d5d5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; float: left; list-style: none; }
			.paginaBox .right { padding: 13px 0 0 20px; width: 406px; float: right; overflow: hidden; }
			.paginaBox li { width: 32px; text-align: center; height: 28px; line-height: 28px; float: left; border-left: 1px solid #d5d5d5; }
			.paginaBox li:first-child { border: 0px; } 
			.paginaBox li a { font-size: 14px; display: block; color: #507bbf; text-decoration: none; }
			.paginaBox li a:hover { background: #CCC; color: #fff; } 
			.paginaBox fieldset { border: none; }
			.paginaBox select { padding: 4px; width: 142px; height: 28px; float: right; }
	
	.voorpagina .sellerBox2 { width: 191px; float: left; padding: 5px 0 0 0; margin: 2px 0 0 0; border-top: 1px solid #d8d8d8; }
	.voorpagina .sellerBox2 ul { width: 90%; padding-top: 10px; }
	.voorpagina .offerBox { width: 769px; float: left; }
	.voorpagina .sellerBox2 h3 { padding: 0 0 0 13px; height: 50px; line-height: 47px; font-size: 26px; font-family: Arial Black, Arial; color: #fff; text-shadow: 1px 1px 1px #666; background: #26b261; }
	
	/* ### footer container ### */
	#footerCntr { overflow: hidden; width: 100%; margin: 0 auto; }

		/* ### text box ### */
		.textBox { padding: 20px 0 3px 0; margin: 22px 0 0 0; width: 100%; overflow: hidden;   }
 		.textBox p { padding-bottom: 18px; color: #999; line-height: 18px; } 


		/* ### service box ### */
		.serviceBox { margin-top: 20px; padding: 21px 0 20px 0; width: 100%; overflow: hidden; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5;  }
		.serviceBox .service { margin-left: 50px; width: 270px; float: left; }
		.serviceBox .first { margin: 0px; width: 279px; } 
		.serviceBox h2 { margin-bottom: 9px; padding-bottom: 10px; font-size: 26px; line-height: 26px; color: #099946; font-weight: normal; }
		.serviceBox ul { padding: 0 0 0 0px; list-style: none; }
		.serviceBox li { width: 100%; overflow: hidden; float: left; } 
		.serviceBox li a { font-size: 14px; color: #000000; line-height: 22px; text-decoration: none; } 
		.serviceBox li a:hover { text-decoration: underline; } 
		.serviceBox p { padding-bottom: 16px; line-height: 18px; }
		.serviceBox fieldset { border: none; float: left; width: auto; }
		.serviceBox .field { margin: 0 0 10px 0; padding: 8px 10px; float: left; font-style: italic; width: 248px; height: 18px; text-align: center; font-size: 15px; color: #000000; border: 0px solid #c8c8c8; background: #099946; }
		.serviceBox .subscribe { padding: 10px; font-size: 13px; line-height: 18px; color: #ffffff; border: none; cursor: pointer; float: right; background: none; font-weight: bold; text-transform: uppercase; background-color: #ff9900; }
		.serviceBox span { padding: 0 12px; font-size: 10px; color: #8a8a8a; display: block; line-height: 18px; float: left; }
		.serviceBox .unsubscribe { font-size: 15px; line-height: 18px; color: #ffffff; border: none; cursor: pointer; float: left; background: none; font-weight: bold; text-transform: uppercase; }
		.serviceBox .unsubscribe:hover { color: #ff9900; }

		/* ### copyright box ### */
		.copyrightBox { padding: 27px 0 20px 0; width: 100%; overflow: hidden; }
		.copyrightBox .left { width: 525px; float: left; }
		.copyrightBox p { font-size: 12px; color: #999999; line-height: 22px; }
		.copyrightBox ul { list-style: none; }
		.copyrightBox li { padding: 0 10px; float: left; background: url(../images/footer-bg.jpg) left center no-repeat; }
		.copyrightBox li:first-child { padding-left: 0px; background: none; }
		.copyrightBox li a { font-size: 12px; color: #099946; text-decoration: none; font-weight: bold; }
		.copyrightBox li a:hover { text-decoration: underline; }
		.copyrightBox .right { margin: -2px 0 0 0; float: right; }
		
		#contentCntr form > fieldset { padding: 0px 0px 0px 0 ; border: 0; float: left; }
		#contentCntr form > fieldset > p { padding: 0px 0px 12px 0px; float: left; overflow: hidden; width: 100%; }
		#contentCntr form > fieldset > p > label { padding: 0px 0px 2px 2px; color: #8b8b8b; display: block; font-size: 12px; line-height: 15px; width: 100%; }
		#contentCntr textarea { height: 110px; }
		#contentCntr input.submit { height: auto; line-height: 1; border: none; cursor: pointer; text-transform: uppercase; font-weight: 400; color: #fff; font-size: 17px; font-family: 'Roboto', sans-serif;  background: #ff9900; padding: 15px; }
		
		.texterror { border-color: #cc0000 !important; }

		
		#rightBox {
		    float: right;
		    width: 50%;
		}
		
		#leftBox {
		    float: left;
		    width: 45%;
		}

	#logowinkelwagen.fixedmenu { position: fixed; z-index: 999; top: -10px; width: 960px; background-color: #ffffff; }
	#menubalk.fixedmenu { position: fixed; z-index: 999; top: 50px; width: 960px; border-bottom: 5px solid #ffffff; }
	#zoekbalk.fixedmenu { margin-top: 110px; }
	
	#productpagina_sale,
	#productenoverzicht_sale { position: absolute;background-color: #d40028;border-radius: 8px;padding: 5px 10px;color: white;margin-top: 10px;margin-left: 10px; }
	#productenoverzicht_sale { margin-left: 30px; }
	
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		
		#leftBox {
		    clear: both;
		    width: 100%;
		}
		
		#rightBox {
		    clear: both;
		    width: 100%;
		    margin-top: 20px;
		}
		
		img#facebookgroot { display: inline; }
		img#facebookklein { display: none; }
		
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	.linkBox .link ul li { font-size: 11px; }
	
	.menuBox li a { font-size: 12px; }
	
	.voorpagina .sellerBox2 { width: 189px; float: left; }
	.voorpagina .sellerBox2 ul { width: 90%;}
	.voorpagina .offerBox { width: 559px;  }
	.voorpagina .sellerBox2 h3 { font-size: 18px; }
	.voorpagina .offerBox h3 { font-size: 18px; }
	
	.voorpagina .offerBox li p { padding: 0 0 26px 0; }
	.offerBox li p { padding: 0 0 45px 0; }
	
	.text iframe { width: 95% !important; }
	
	#klantervaringenscroller { width: 200px; height: 120px; }
	#klantervaringenscroller ul, #klantervaringenscroller li {width: 200px; }
	#klantervaringenscroller li { height: 120px; }
	
	div#klantenserviceCntr div.tekst { width: 448px; height: 116px; }
	div#klantenserviceCntr div.tekst div { padding: 10px; }
	div#klantenserviceCntr div.tekst div h1 { margin-bottom: 5px; font-size: 16px; }
	div#klantenserviceCntr div.foto { width: 300px; height: 116px; }	
	div#klantenserviceCntr div.foto img { width: 300px; }	
	
	#product_prijs_voorheen_van { font-size: 12px; }
	#product_prijs_voorheen_bedrag { font-size: 12px; }
		
	div#speerpunten div.item div.titel { font-size: 7px; line-height: 45px; }
		
	img#facebookgroot { display: inline; }
	img#facebookklein { display: none; }
	
	.voorpagina .offerBox li { width: 175px; height: 230px; }
	.voorpagina .offerBox li.last { width: 175px; border-right: 1px solid #d5d5d5; } 
	.offerBox ul li a.moreinfo { width: 100px; left: 7px; }
	.infoBox .right .aanbiedingheader { width: 233px;  }
		
	#headerCntr a.logo { margin: 17px 0 0 0; float: left; text-indent: -9999px; width: 50%; }
	#headerCntr a.logo img { width: 100%; }
	
	#mainCntr { width: 748px; }
	.searchBox .field { width: 75px; }
	.bannerBox .left { width: 506px; }
	.bannerBox .right { margin: 0px; width: 235px; }
	.bannerBox li { margin: 3px 0 0 0; }
	.bannerBox li p { padding-bottom: 0; }
	.bannerBox li, .bannerBox li:first-child { width: 95%; padding: 2%; min-height: 52px; }
	.bannerBox li h2, .bannerBox li:first-child h2 { font-size: 14px; line-height: 16px; }
	.bannerBox li p { font-size: 11px; line-height: 12px; }
	.bannerBox li a.secure img { width: 70px; }
	.infoBox .left { width: 506px; height: 195px; }
	.infoBox .right { margin: 0px; width: 235px; }
	.infoBox .right .aanbiedingcontent .aanbiedingprijs { top: 110px;left: 95px; }
	.offerBox li { padding:  20px 5px 18px 5px; width: 137px;  }
	.offerBox ul li .latest { clear: both; padding: 0; top: 230px; }
	.offerBox ul { width: 99%; }	
	.cheapBox { width: 100%; overflow: hidden; }
	.cheapBox h2 { font-size: 28px; line-height: 30px; }
	.cheapBox h3 { line-height: 20px; }
	#footerCntr { width: 100%; }
	.textBox p { text-align: justify; }
	.serviceBox .first { width: 207px; }
	.serviceBox .service { margin: 0 0 0 20px; width: 210px; }
	.serviceBox .field { width: 96%; padding: 2%; }
	.serviceBox .unsubscribe, .serviceBox .subscribe { margin-left: 0px; font-size: 12px; }
	.serviceBox li a { font-size: 12px; line-height: 16px; }
	.serviceBox p { font-size: 12px; line-height: 16px; } 
	.copyrightBox li { padding: 0 5px; }
	.copyrightBox li a { font-size: 11px; } 
	.copyrightBox .left { width: 440px; }
	.bannerBox li span.number { line-height: 16px; }
	.bannerBox li ul.pay li img { height: 30px; }
	.shoppingBox { width: 460px; }
	.accountBox { width: 262px; overflow: hidden; }
	.shoppingBox a.pic img { margin-left: 5px; }
	.shoppingBox .text { width: 320px; }
	.shoppingBox .right { width: 250px; float: right; }
	.shoppingBox span.num { width: 50px; }
	.shoppingBox span.num1 { width: 60px; }
	.accountBox .text { width: 240px; }
	.accountBox select { width: 100%; }
	.accountBox a.click { font-size: 12px; padding: 0px; text-align: center; }
	.accountBox .text1 { width: 220px; }
	.accountBox .btn { padding: 0px; text-align: center; font-size: 12px; }
	.accountBox label { font-size: 11px; }
	.accountBox .order { font-size: 17px; height: 40px; line-height: 40px; }
	#leftCntr { width: 159px; }
	.sellerBox li a { font-size: 12px; }
	.sellerBox2 li a { font-size: 12px; }
	#rightCntr { width: 565px; } 
	.paginaBox h2 { font-size: 21px; }
	.paginaBox .right { width: 300px; }
	.paginaBox ul { width: 161px; }  
	.paginaBox li { width: 22px; height: 22px; line-height: 22px; }
	.paginaBox select { width: 120px; } 
	.offerBox.overview ul { width: 99%; }
	.offerBox.overview ul li { width: 128.8px; height: 230px; }
	#leftside { width: 525px; }
	.beginnerBox h2 { font-size: 21px; }
	.beginnerBox a.woman, img.woman { width: 200px; }
	.beginnerBox .info { padding-left: 15px; width: 310px; }		
	.beginnerBox span { width: 70px; }
	.beginnerBox li { font-size: 12px; line-height: 14px; }
	.beginnerBox span.col { width: 180px; }
	.beginnerBox a.btn { font-size: 18px; line-height: 35px; margin-top: 5px !important; width: 300px !important; }
	.socialBox ul { width: 98%; }
	
	#logowinkelwagen.fixedmenu { width: 748px; }
	#menubalk.fixedmenu { width: 748px; }
	
	#productenoverzicht_sale { margin-left: 10px; }
	
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	
	.voorpagina .sellerBox2 { width: 100%; float: none; }
	.voorpagina .sellerBox2 ul { width: 100%; padding-top: 0; }
	.voorpagina .offerBox { width: 100%; float: none;  }
	.voorpagina .sellerBox2 h3 { font-size: 14px; }
	.voorpagina .offerBox h3 { font-size: 14px; }
	
	.text iframe { width: 95% !important; }
	
	#klantervaringenscroller { width: 350px; height: 120px; }
	#klantervaringenscroller ul, #klantervaringenscroller li {width: 350px; }
	#klantervaringenscroller li { height: 120px; }
	
	div#klantenserviceCntr div.tekst { width: 400px; height: 116px; }
	div#klantenserviceCntr div.tekst div { padding: 10px; }
	div#klantenserviceCntr div.tekst div h1 { margin-bottom: 5px; font-size: 16px; }
	div#klantenserviceCntr div.foto { display: none; }	
	
	div#speerpunten div.item { width: 100%; clear: both; }
	div#speerpunten div.item div.icon { width: 40%; float: left; }
	div#speerpunten div.item div.titel { width: 60%; font-size: 12px; line-height: 45px; }
	div#speerpunten div.item div.icon img { float: right; margin-right: 10px; }
	
	div#webwinkelkeur { clear: both; width: 100%; }
	div#webwinkelkeur div.icon { float: left; width: 40%; }
	div#webwinkelkeur div.titel { float: left; width: 60%; font-size: 12px; line-height: 60px; text-align: right; }
	div#webwinkelkeur div.icon img { width: 80px; }
	
	.searchBox div#betaalmogelijkheden { clear: both; margin-right: 60px; }
	
	img#facebookgroot { display: inline; }
	img#facebookklein { display: none; }
	
	.infoBox .right .aanbiedingheader { width: 100%;  }
	
	body { background: none; }
	.linkBox { width: 96%; background: #26b261; font-size: 12px; }
	.linkBox .link { padding: 0px; width: 100%; overflow: hidden; }
	.linkBox a.mail { float: right; margin: 0px; font-size: 12px; }
	.linkBox span.phone { font-size: 12px; }
	.linkBox .contact { padding: 0 0 0 0; width: 100%; }
	.linkBox ul { margin: 0 auto; text-align: center; width: 100%; float: none; }
	.linkBox li { float: none; display: inline; }
	.linkBox li a { display: inline-block; font-size: 12px; } 
	.linkBox li a:hover { background: none; color: #000; font-weight: normal; text-shadow: 1px 1px 1px #666; } 
	#headerCntr a.logo { padding: 15px 0 15px 0; display: inline-block; float: none; margin: 0 auto; }
	#headerCntr a.logo img { width: 90%; margin: 0 auto; }
	#headerCntr { height: auto; }
	.cartBox { margin: 0 auto 15px auto; float: none; overflow: hidden; width: 95%; padding: 2%; border: 1px solid #e2e2e2; }
	.cartBox a.arrow { right: 26px; top: 15px; }
	.cartBox a { display: inline-block; float: none; } 
	.cartBox span { z-index: 20; position: absolute;  text-align: center; }
	.menuBox .tinynav { color: #404041; display: block; margin: 7px auto 5px; font-size: 16px; cursor: pointer; line-height: 40px; padding: 5px; text-transform: uppercase; width: 95%; }
	.menuBox ul { display: none; }
	.menuBox { top: 35px; }
	.searchBox { padding: 10px 0; margin: 15px 0px 5px 0px; }
	.searchBox .field { width: 276px; }
	.searchBox a { float: right; text-decoration: none; }
	.bannerBox .left { width: 100%; }
	.bannerBox .right { padding-top: 10px; width: 100%; margin: 0px; }
	.bannerBox li { margin: 3px 0 0 0; }
	.bannerBox li p { padding-bottom: 0; }
	.bannerBox li, .bannerBox li:first-child { width: 96%; padding: 2%; } 
	.infoBox .left { width: 100%; height: 195px; }
	.infoBox .right { padding-top: 3px; width: 100%; margin: 0px; }
	.infoBox .right .aanbiedingcontent .aanbiedingprijs { top: 110px;left: 260px; }
	.offerBox h3 { font-size: 14px; line-height: 35px; height: 35px; }
	.offerBox a { font-size: 12px; padding: 0 5px 0px 5px; } 
	.offerBox ul { width: 100%; border: none; }
	.voorpagina .offerBox li { width: 90%; }
	.offerBox li.last, .offerBox li { padding: 4%; width: 90%; float: none; margin: 10px auto 0 auto; border: 1px solid #dadada; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } 
	.cheapBox { width: 96%; padding: 2%; }
	.cheapBox h2 { font-size: 22px; text-align: center; letter-spacing: normal; }
	.cheapBox h3 { line-height: 25px; text-align: center; }
	#footerCntr { width: 96%; padding: 2%; }
	.textBox p { text-align: justify; }
	.serviceBox .first, .serviceBox .service { padding: 2%; width: 95%; margin: 10px 0 0 0; border: 1px solid #dadada; }
	.serviceBox .field { width: 345px;  }
 	.copyrightBox .left { width: 100%; }
	.copyrightBox p {  text-align: center; }
	.copyrightBox ul { margin: 0 auto; text-align: center; }
	.copyrightBox li { float: none; margin: 0 auto; line-height: 20px; display: inline; }
	.copyrightBox li a { display: inline-block; }
	.copyrightBox .right { padding-top: 15px; width: 100%; }
	.copyrightBox .right a.logo img { display: block; margin: 0 auto; }
	.shoppingBox { width: 100%; }
	.shoppingBox li, .shoppingBox li:first-child { margin: 10px 0 0 0; width: 95%; padding: 2%; border: 1px solid #dadada; }
	.shoppingBox a.pic img { margin: 0px; }
	.shoppingBox .text { width: 314px; }
	.shoppingBox .right { padding: 10px 0 0 0; margin: 10px 0 0 0; width: 100%; border-top: 1px solid #dadada; }
	.shoppingBox ul { border: none; }
	.shoppingBox ul.total { margin-top: 10px; width: 95%; padding: 2%; border: 1px solid #dadada; } 
	.shoppingBox ul.total li { width: 100%; border-bottom: 1px solid #dadada; }
	.shoppingBox ul.total li span { padding-right: 15px; }
	.shoppingBox ul.total li.last { border: none; } 
	.accountBox { width: 100%; }
	.accountBox .text { width: 95%; padding-left: 2%; padding-top: 2%;  }
	.accountBox select { width: 100%; }
	#leftCntr { margin-top: 10px; padding-bottom: 15px; width: 100%; border-bottom: 5px solid #dadada; }
	#rightCntr { width: 100%; }
	.paginaBox h2 { float: none; text-align: center; }
	.paginaBox .right { width: 100%; padding: 10px 0 0 0; }
	.paginaBox ul { margin: 0 auto 10px auto; float: none; }
	.paginaBox select { float: none; margin: 0 auto; display: block; }
	.offerBox.overview ul { width: 100%; border: none; }
	#leftside { width: 100%; }
	.beginnerBox h2 { font-size: 19px; line-height: 22px; text-align: center; }
	.beginnerBox .info { width: 100%; padding: 0px; }	
	.beginnerBox a.woman img, img.woman { margin: 0 auto; float: none; } 
	.beginnerBox a.woman, img.woman { float: none; }
	.beginnerBox .info { padding: 18px 0; float: none; margin: 0 auto; }
	.beginnerBox ul {clear: both; }
	.beginnerBox li.total { text-align: right; } 
	.beginnerBox li.total span  { width: auto; }
	.beginnerBox li.total, .beginnerBox li { width: 99%; padding: 0px 0px 5px 0; text-align: center; margin-top: 5px; }
	.beginnerBox span { width: 100%; float: none; display: block; }
	.beginnerBox .info a { float: none; font-size: 12px; line-height: 30px; padding: 0px; text-align: center; }
	.beginnerBox li.total { padding-bottom: 0px !important; }
	.beginnerBox li.total span { padding: 0px; display: block; line-height: 30px; float: right !important; }
	.beginnerBox li.total { line-height: 50px; }
	#rightside { width: 100%; }
	.orderBox li { width: 100%; padding-left: 0px; }
	.orderBox p { font-size: 14px; line-height: 18px; }
	.offerBox.product { margin: 10px 0 0 0; overflow: hidden; float: left; }
	
	#product_afbeeldingen { width: 100% !important; text-align: center; }
	#product_afbeeldingen .bigimg { width: 300px; padding-left: 50px; }
	#product_afbeeldingen .smallimg { width: 100px !important; }
	.beginnerBox a { display: inline-block; }
	
	.beginnerBox a.btn { margin-top: 5px !important; width: 100% !important; }
	
	#logowinkelwagen.fixedmenu { width: 400px; }
	#menubalk.fixedmenu { width: 400px; top: 40px; }
	#winkelwageninhoud.fixedmenu { display: none; }
	
	#productpagina_sale { margin-top: -105px; }
	#productenoverzicht_sale { margin-left: 120px; }
	
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.notonmobile { display: none; }
	.mobileonly { display: block; }
	
	#mainCntr { width: 400px; }
		
	img#facebookgroot { display: none; }
	img#facebookklein { display: inline; }
	
	.text iframe { width: 95% !important; }
	
	div#bestelstappen div.item { font-size: 10px; }
	div#bestelstappen div.gegevens:before { content: "UW "; }
	div#bestelstappen div.separator { font-size: 20px; }
	
	.offerBox li p { padding: 0; height: 22px; }
	.offerBox a { display: block; float: none; line-height: 25px; }	
	.offerBox li span.latest { width: 90%; top: 195px; }
	
	div#klantenserviceCntr div.tekst { width: 400px; height: 126px; }
	div#klantenserviceCntr div.tekst div { padding: 10px; }
	div#klantenserviceCntr div.tekst div h1 { margin-bottom: 5px; font-size: 16px; }
	div#klantenserviceCntr div.foto { display: none; }	
	
	li.updateaantallen { border: 0 !important; }
	aside.updateaantallen { border: 0 !important; margin: 0 !important; padding: 0 !important; }
	#logowinkelwagen.fixedmenu { width: 400px; }
	#menubalk.fixedmenu { width: 400px; top: 40px; }
	#winkelwageninhoud.fixedmenu { display: none; }
	
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	
	.notonmobile { display: none; }
	.mobileonly { display: block; }
	
	#product_afbeeldingen .bigimg { width: 300px; padding-left: 0; }
	#product_afbeeldingen .smallimg { width: 75px !important; }
	
	.voorpagina .offerBox h3 a { display: none; }
	
	#klantervaringenscroller { width: 260px; height: 120px; }
	#klantervaringenscroller ul, #klantervaringenscroller li {width: 260px; }
	#klantervaringenscroller li { height: 120px; }
	
	div#klantenserviceCntr div.tekst { width: 300px; height: 126px; }
	div#klantenserviceCntr div.tekst div { padding: 10px; }
	div#klantenserviceCntr div.tekst div h1 { margin-bottom: 5px; font-size: 16px; }
	div#klantenserviceCntr div.foto { display: none; }	
	
	#product_prijs_voorheen_van { display: none; }
	#product_prijs_voorheen_bedrag { font-size: 12px; }
	
	img#facebookgroot { display: none; }
	img#facebookklein { display: inline; }

	div#bestelstappen div.item { font-size: 10px; }
	div#bestelstappen div.gegevens:before { content: ""; }
	div#bestelstappen div.separator { font-size: 20px; }
	
	#mainCntr { width: 300px; }
	.cartBox a.arrow { display: none; }
	.linkBox { font-size: 9px; }
	.linkBox span.phone { display: block; float: none; }
	.linkBox a.mail { margin-top: 15px; display: block; float: none; }
	.linkBox li a { padding: 0 7px; }
	.infoBox .right .aanbiedingcontent .aanbiedingprijs { top: 110px;left: 160px; }
	.searchBox .field { width: 177px; }
	.searchBox div#betaalmogelijkheden { clear: both; font-size: 1px; margin-right: 30px; }
	.searchBox div#betaalmogelijkheden img.betaalmogelijkheden_small { display: none; }
	.offerBox ul li { height: 200px; }
	.offerBox h3 { padding: 0px; text-align: center; line-height: 25px; height: auto; } 
	.offerBox h3 span { padding-left: 10px; float: none; }
	.offerBox a { display: block; float: none; line-height: 25px; }		
	.offerBox li p { height: 24px; }
	.offerBox li span.latest { width: 90%; top: 198px; }
	.shoppingBox .text { width: 250px; }
	.accountBox .text { width: 94%; }
	.accountBox .order { font-size: 19px; }
	.npBox li { padding: 0 5px; line-height: 25px; font-size: 10px; }
	.npBox li img { margin: 8px 0 0 0; }
	
	.serviceBox .field { width: 255px;  }
	
	li.updateaantallen { border: 0 !important; }
	aside.updateaantallen { border: 0 !important; margin: 0 !important; padding: 0 !important; }
	#logowinkelwagen.fixedmenu { width: 300px; }
	#menubalk.fixedmenu { width: 300px; top: 30px; }
	#winkelwageninhoud.fixedmenu { display: none; }
	
	#productenoverzicht_sale { margin-left: 70px; }
	
}