html, body {
	height:100%;
	}

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}


/* ----------------------------------------------------------------------------- */
/* ---------------------------- FONT ------------------------------------------- */
/* ----------------------------------------------------------------------------- */

a,
a:link,
a:visited,
a:active {
    color: black;
}

a:focus, a:active {
      outline: 0 none;
      -moz-outline: 0 none;
}


h1 {
	font-size: 18px;
	color: #000;
	font-weight:bold;
	padding-top:10px;	
	padding-bottom:5px;
}
h2 {
	font-size: 16px;
	font-weight:bold;
	color: #000;
	padding-top:10px;		
	padding-bottom:5px;	
}
h3 {
	font-size: 16px;
	color: #000;
	padding-top:10px;	
	padding-bottom:5px;	
	font-weight:bold;	
}
h4 {
	font-size: 14px;
	font-weight:bold;	
	color: #000;	
	padding-top:10px;	
	padding-bottom:5px;	
}
h5 {
	font-size: 14px;
	color: #000;
	padding-top:10px;	
	padding-bottom:5px;	
	font-weight:bold;	
}
h6 {
	font-size: 12px;
	color: #000;	
	padding-bottom:5px;
	padding-top:10px;	
	font-weight:bold;	
}

/* ----------------------------------------------------------------------------- */
/* ---------------------------- BASE-------------------------------------------- */
/* ----------------------------------------------------------------------------- */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #000;
	padding:0;
	margin:0;
	text-align:center;
	min-width:995px;/* for mozilla*/
	background: url(/images/bg.jpg) #e08ad9 repeat-x;
}

#outer{
	height:100%;
	min-height:100%;
	width:995px;
	text-align:left;
	margin:auto;
	position:relative;
	background:url(/images/midbg.gif) no-repeat;
}
 
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#innerwrap {/* enables content first */
	float:left;
	width:995px;	
}


/* ----------------------------------------------------------------------------- */
/* ---------------------------- TOP -------------------------------------------- */
/* ----------------------------------------------------------------------------- */

#header{
	position:absolute;
	top:0px;
	width:995px;
	height:170px;
}

#logo {
	position:absolute;
	top:14px;
	left:47px;
	width:250px;
	height:104px;
}

#mentop {
	position:absolute;
	top:-1px;
	left:505px;
	width:203px;
	height:71px;
	border:1px solid #979797;
	overflow:hidden;
}

#menknoptop {
	position:absolute;
	top:35px;
	left:0px;
	width:85px;
	height:72px;
}

#womentop {
	position:absolute;
	top:-1px;
	left:711px;
	width:234px;
	height:71px;
	border:1px solid #979797;
	overflow:hidden;
}

#womenknoptop {
	position:absolute;
	top:50px;
	left:0px;
}

#womenknoptop {
	position:absolute;
	top:35px;
	left:0px;
	width:138px;
	height:72px;
}

/* ----------------------------------------------------------------------------- */
/* --------------------------- LINKS ------------------------------------------- */
/* ----------------------------------------------------------------------------- */

#left {
	margin-top:170px;
	margin-left:10px;
	position:relative;
	width: 190px;
	float:left;		
}

#cloud {
	width: 170px;
	margin: 33px 0px 10px 0px;
	padding: 10px;
	/*background:#bf6ab9;*/
	background:white;
	border:solid 1px #bf6ab9;
	color:#fff;
	text-align:justify;
	line-height:20px;
}

.cloud_div, .cloud_name
{
	display:none;
}


#cloud a { color:#bf6ab9;padding:3px;text-decoration:none;}
#cloud a:hover { color:gray;}
#cloud .wordcloud_1{font-size:100%;}
#cloud .wordcloud_2{font-size:110%;color:#bf6ab9;}
#cloud .wordcloud_3{font-size:120%;color:#BF5FB8;}
#cloud .wordcloud_4{font-size:130%;color:#BF53B8;}
#cloud .wordcloud_5{font-size:150%;color:#BF47B7;}
#cloud .wordcloud_6{font-size:155%;color:#BF3BB6;}
#cloud .wordcloud_7{font-size:170%;color:#BF2FB5;}
#cloud .wordcloud_8{font-size:180%;color:#BF23B4;}
#cloud .wordcloud_9{font-size:200%;color:#BF17B4;}
#cloud .wordcloud_10{font-size:220%;color:#BF0BB3;}

.wc_desc
{
	background-color:white;
	border:solid 1px #BF6AB9;
	position:absolute;
	z-index:999;
	color:#BF6AB9;
	padding:10px;
	font-size:12px;
	width:200px;
}

/* ----------------------------------------------------------------------------- */
/* --------------------------- LINKS MENU -------------------------------------- */
/* ----------------------------------------------------------------------------- */


#linksmenu ul {
	padding: 50px 17px 10px 17px;
	background:#fff;
	height:1%;
}

#botmenu ul {
	background:#fff;
}

#linksmenu li, #botmenu li {
	border-bottom: 1px solid #c7c7c7;
	list-style-type: none;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 11px;
	color: #6c6c6c;
	text-align:right;
}

#linksmenu li a, #botmenu li a {
	text-decoration: none;
	color:#6c6c6c;
}

#linksmenu li.selected a, #botmenu li.selected a {
	color: #df2eb4;
}

#linksmenu li:hover a, #linksmenu li.sfhover a, 
#botmenu li:hover a, #botmenu li.sfhover a {
	color: #df2eb4;
}

#linksmenu ul li ul, #botmenu ul li ul {
	display:none;
}

#linksmenu ul li.laatste {
	border-bottom: none;
}

#botmenu ul li.laatste {
	border-bottom: none;
	margin-bottom: 15px;
}

#botmenu {
	padding: 10px 17px 10px 17px;
	background:#fff;
}


/* ----------------------------------------------------------------------------- */
/* -------------------------- FOOTER ------------------------------------------- */
/* ----------------------------------------------------------------------------- */

#footer {
	width:743px;
	height:173px;
	background:url(/images/footer.jpg) top left no-repeat;
	margin-left: 15px;
	_margin-left: 5px;
}

#footertxt {
	width:743px;
	height:30px;
	padding-top:58px;
	text-align:center;
	font-size:11px;		
	color:#999999;	
}

#footertxt a {
	font-size:11px;
	color:#999999;
	font-weight:normal;
	text-decoration:none;
}

/* ----------------------------------------------------------------------------- */
/* --------------------------- CONTENT ----------------------------------------- */
/* ----------------------------------------------------------------------------- */

#centrecontent {
	width:780px;
	_width:760px;
	float:left;
	margin-top: 170px;
	margin-left: 4px;	
}

.contentblok {
	line-height:20px;
}

#header_text {
	position:absolute;
	top:178px;
	left:255px;
	text-transform: uppercase;
	color: #954896;
	font-size: 23px;
	line-height: 26px;
	font-weight: bold;
}

#winkelwagen {
	position:absolute;
	top:181px;
	left:625px;
	width:276px;
	height:45px;
	background:url(/images/winkelwagen-bg.png) left top no-repeat;
	_background:url(/images/winkelwagen-bg.gif) left top no-repeat;	
}

#winkelwagen-titel {
	margin:9px 0px 0px 9px;
}


#winkelwagen-titel a {
	font-size:15px;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;	
}

#winkelwagen-artikel {
	margin:1px 0px 0px 29px;
}

#winkelwagen-artikel a {
	font-size:13px;
	color:#fff;
	text-decoration:none;
}

#zoeken {
	position:absolute;
	top:231px;
	left:679px;
	width:222px;
	height:43px;
	background:url(/images/zoeken-bg.png) left top no-repeat;	
	_background:url(/images/zoeken-bg.gif) left top no-repeat;		
}

.zoekenform {
	position:absolute;
	z-index:100;
}

#zoeken .zoekenveld {
	float:left;
	margin: 6px 0px 0px 6px;
	width:155px;
	height:14px;
	border:1px solid #a4a4a4;
	font-size:10px;
	color:#999999;
}

#zoeken .zoekenknop {
	float:left;
	margin: 7px 0px 0px 6px;
	width:43px;
	height:18px;
	padding-bottom: 3px;
	border:none;
	background:url(/images/zoekenknop-bg.jpg) no-repeat;
	color:#fff;
	font-size:10px;
}

#zoekenuitgebreid {
	position:absolute;
	top:29px;
	left:115px;
	width: 105px;
	height: 10px;
	text-align:center;
}

#zoekenuitgebreid a {
	font-size:10px;
	color:#fff;
	text-decoration:none;
}

#content {
	float:left;
	margin-top: 140px;
	width:651px;
	margin-left: 30px;
	_margin-left: 10px;
	padding-right: 27px;
	padding-left: 30px;
	font-size:12px;
	background-color:#FFFFFF;
	padding-bottom:10px;
	}

#devider {
	width: 647px;
	height:5px;
	background:url(/images/devider-bg.jpg) repeat-x;
	margin-left: 10px;
}

#zoekenopmerk, #ookgekozen {
	width:658px;
	background-color:#FFFFFF;	
	margin-left: 30px;
	_margin-left: 20px;
	padding-left:25px;	
	padding-right: 25px;	
}

#zoekenopmerktitel {
	width: 640px;
	font-size:20px;
	color:#c90b0b;
	font-weight:bold;
	text-transform:uppercase;
	text-align:right;
	margin: 20px 0px 10px 0px;
}

#ookgekozentitel {
	width: 640px;
	font-size:20px;
	color:#c90b0b;
	font-weight:bold;
	text-transform:uppercase;
	text-align:left;
	margin: 20px 0px 10px 10px;
}

#zoek-merken, #gekozen-artikelen {
	overflow: hidden;
	width:645px;
	padding-left:7px;
	background-color:#FFFFFF;
}

.productprijs {	width:213px/*125px*/; padding:5px 0px 5px 0px; text-align: center; color:#c90b0b;font-weight:bold; font-size:11px; }
.producttitel {	width:213px/*125px*/; text-align: center; color:#5b5b5b; font-size:11px;  }

.producttitel h2
{
color:#5b5b5b; font-size:11px;
margin:0px;padding:0px;
font-weight:normal;	
text-align: center;
}

#gekozen-artikelen img {}
#ookgekozen { padding-bottom: 30px;padding-top:20px; }

.merkzoekentable td {
	text-align:center;
	line-height: 80px;
	vertical-align:middle;
	height:80px;
	width:90px;
	display: table-cell;
	padding-right:5px;
}

.imgplaceholder
{
	height:235px/*100px*/;
	text-align:center;
}

.merkzoekentable img {
	/*width:70px;*/
}
/*.merkzoekentable img { width: 75px;}*/

.gekozen-artikelen-div {float:left;width:213px;/*125px;*/height:310px;/*180px;*/margin-bottom:20px; vertical-align:middle; text-align:center;	border:1px solid white;}

.gekozen-artikelen-div:hover {
	border:1px solid #d3d3d3;
}

.brandgroup-overzicht-div {
	float:left;
	width:213px; /*125px;*/
	height:310px; /*180px;*/
	margin-bottom:20px; 
	vertical-align:middle; 
	text-align:center;	
	border:1px solid white;
	overflow:hidden;
}

.brandgroup-overzicht-div img, .gekozen-artikelen-div img {
	max-width: 150px;
	max-height: 225px;
}

.newproduct {
	54margin-right: 3px;
	45margin-left: 3px;
}

.brandgroup-overzicht-div:hover {
	border:1px solid #d3d3d3;
}

.brandgroup-overzicht-div:hover  {
	border:1px solid #d3d3d3;
}

.productnew {
	position:absolute;
	margin-left:21px;
	*margin-left:0px;
	width:37px;
	height:36px;
	z-index:10;
}

.productsale {
	position:absolute;
	margin-left:21px;
	*margin-left:0px;
	width:37px;
	height:36px;
	z-index:10;
}



#clearfooter {width:100%;height:1px;clear:both;} /* to clear footer */
#clear {clear:both;} /* to clear footer */


/* ---------------------------- WEBWINKEL ------------------------------------- */

.webwinkelbalkuitleg {
	float:left;
	width:125px;
	height: 20px;
	font-size:11px;
	font-weight:bold;
	text-align: center;
	color:#5991c8;
	margin-top:3px;
}

.webwinkelbalkuitleg a{
	color:#5991c8;
}
.links {text-align:left;}
.rechts {text-align:right;}

.webwinkeloverzicht-table {
	margin-top: 50px;
}

.artikel-cell {	width:275px;height:50px;font-weight:bold;}
.maat-cell { width:75px;font-weight:bold;}
.aantal-cell {width:70px;font-weight:bold;}
.prijs-cell {width:60px;font-weight:bold;}
.exbtw-cell {width:70px;font-weight:bold;}
.subtotaal-cell {width:65px;font-weight:bold;}
.verwijder-cell {width:30px;font-weight:bold;}

.webwinkeloverzicht-table input {
	width: 30px;
	height:13px;
	border:1px solid #3876b4;
	font-size:11px;
}

.webwinkeloverzicht-table td {
	color:#6b6b6b;
	vertical-align:middle;
}

.artikeltable { width:100%;}
.artikel-links {width:50px;height:40px;}
.artikel-links img {width:30px;}
.artikel-rechts {width:200px;height:40px; vertical-align:bottom;}
.lijnonder {height: 70px;border-bottom:1px solid #d3d3d3;}

.webwinkeloverzicht-totaal {margin-left:430px;margin-top:30px;}
.webwinkeloverzicht-totaal td {color:#6b6b6b;font-weight:bold;height:17px; text-align:right;padding-right:10px;}
.totaallinks {width:120px;}
.totaalgroot {font-size:16px;margin-left:300px;color:#000000;}

.wwoverzicht {
	opacity:0.35;
	filter:alpha(opacity=35);
}

.bestellenknop-links {
	float:left;
	height:20px;
	width:250px;
	text-align:right;
	margin-left:340px;
	_margin-left:170px;
	padding: 7px 5px 0px 0px;
	margin-top:40px;
	cursor:pointer;
}

.bestellenknop-links a {
	font-size:12px;
	font-weight:bold;
	color:#3876b4;
	text-transform:uppercase;
	text-decoration:none;
}

.bestellenknop-links2 {
	float:left;
	height:20px;
	width:630px;
	text-align:center;
	margin-top:40px;
	padding-bottom:20px;
	font-size:17px;
	font-weight:bold;
	color:#589e2a;
	text-transform:uppercase;
	text-decoration:none;
}

.bestellenknop-rechts {	cursor:pointer;float:left;width:30px;height:26px;margin-top:40px;}

#uitleginlog { float:left;width:240px;background-color:#e1e1e1;margin-right:15px;padding:15px;line-height:19px;font-size:11px; }
#gegevensformulier {float:left;width:360px;margin-top:-50px;}
#gegevensformulier2 {width:400px;margin-top:110px;*margin-top:40px;}
.gegevensinfo {width:335px;clear:both;margin-bottom:30px;padding:10px;color:#4a4a4a;background-color:#f2f3f3; line-height:16px;font-size:11px;margin-top:50px;}
.gegevensinfo3 {width:335px;clear:both;margin-bottom:20px;padding:10px;color:#fff;background-color: #5991c8; line-height:16px;font-size:11px;font-weight:bold;}
.gegevensinfo2 {width:335px;clear:both;margin-bottom:30px;padding:20px;color:#4a4a4a;background-color:#f2f3f3; line-height:16px;font-size:11px;font-weight:bold;}
.gegevenslinks {float:left;height:25px;width:150px;clear:both;}
.gegevensrechts {float:left;height:25px;width:210px;}
.gegevensrechts input {height:13px;width:180px;font-size:11px;}
.gegevensrechts1 input {height:13px;width:50px;font-size:11px;}
.gegevensrechts2 {float:left;height:25px;width:200px;padding-bottom:15px;}
.gegevensrechts2 textarea {height:90px;width:180px;font-size:11px;}
.inlog {width:100px;margin-left: 15px;}
.inlog2 {width:300px;margin-left: 15px;}
.radio input { width:15px;height:15px;}
.inlogbutton input {width: 60px;height:23px;margin-left:30px;}
.gegevenslinks_betalen {float:left;height:15px;width:200px;clear:both;font-weight:bold;}
.gegevensrechts_betalen {float:left;width:400px;padding:10px 10px 5px 23px;font-style:italic;color:#838383;}
.inlogbutton { margin-top:5px;margin-bottom:15px;}

.verplicht {width:185px;font-size:10px;color: #666666; font-style:italic; text-align:right;}

/* ----------------------------------------------------------------------------- */
/* ------------------------- PRODUCT DETAIL ------------------------------------ */
/* ----------------------------------------------------------------------------- */	

#broodkruimel {
	width:660px;
	_width:640px;
	height:20px;
	color:#b9b9b9;
}

#broodkruimel a {
	color:#b9b9b9;
}

#producttitel {
	font-size:20px;
	color:#c90b0b;
	font-weight:bold;
	margin-bottom:15px;
}

#producttitel h1
{
	padding:0px;
	margin:0px;
	font-size:20px;
	color:#c90b0b;
	font-weight:bold;
}

#producttitel_overzicht {
	float:left;
	font-size:20px;
	width:530px;
	color:#c90b0b;
	font-weight:bold;
	margin-bottom:15px;
}

#productlogo {
	float:left;
	width:100px;
	text-align:right;
}

#productleft {
	float:left;
	width:235px;
	margin-bottom:40px;
}

#product-fotogroot {
	width:222px;
	border:1px solid #ababab;
	overflow:hidden;
	text-align:center;
	padding:5px;
}

#product-fotogroot img {
	position:relative;
	z-index:10;
}

#productzoomin {
	width: 25px;
	height: 25px;
	margin-top:-25px;
	margin-left:197px;
}

#product-fotoklein {
	float:left;
	width:70px;
	height:70px;
	border:1px solid #ababab;
	margin-top:9px;
	text-align:center;
	overflow:hidden;	
}

#product-fotokleinmid {
	float:left;
	width:70px;
	height:70px;
	border:1px solid #ababab;
	margin: 0px 9px 0px 9px;
	margin-top:9px;	
	text-align:center;
	overflow:hidden;		
}

#productright {
	float:left;
	width:400px;
	margin-left:15px;
	margin-bottom: 40px;	
}

#prijssticker {
	position:absolute;
	top:350px;
	left:265px;
	width:99px;
	height:54px;
	background:url(/images/prijssticker.png) no-repeat;
	font-size:20px;
	color:#fff;
	font-weight:bold;
	padding-top: 17px;
	text-align:center;
	margin-top: 30px;
	margin-bottom: -80px;
	margin-left: 200px;
	z-index:15;
}

#productmerk {
	width:90px;
	height:90px;
	float:right;
	text-align:right;
}

#producttekst {
	margin: 90px 0px 0px 10px;
	padding-bottom: 40px;
	line-height:18px;
	color:#494949;
	font-size:11px;
	border-bottom:0px solid #d3d3d3;
}

#productbestellen {
	float:left;
	width:100px;
	height:36px;
	margin-top: 10px;
}

#productvariant {
	float:left;
	width: 300px;
	margin-top: 10px;
}

.selectbox {
	height: 18px;
	font-size:10px;
}

.kieslinks {
	float:left;
	width:120px;
	height:17px;
	vertical-align:bottom;
	margin-left:10px;
}

.kiesrechts {
	float:left;
	width:150px;
}

.top {
	margin-top:4px;
}

#productbestellenknop {
	width:100px;
	height:36px;
	background:url(/images/bestellen.jpg) no-repeat; 
	border:none;
	color:#fff;
	text-transform:uppercase;
	font-size:9px;
	font-weight:bold;
	cursor:pointer;
}

#productbestellenknop:hover {
	background:url(/images/bestellen-over.jpg) no-repeat; 
}

#kiesmaat, #kieskleur {
	margin-top: 3px;
}

.fotokleintable {
	width:100%;
	height:100%;
}

.fotokleincell {
	text-align:center;
	vertical-align:middle;
}

/* ----------------------------------------------------------------------------- */
/* -------------------------- TOP NAVIGATIE ------------------------------------ */
/* ----------------------------------------------------------------------------- */	

#topmenu {
	position:absolute;
	top:122px;
	left:80px;
	width:625px;
	height:40px;
}

#topmenu ul {
	position:absolute;
	height: 40px;
}

#topmenu li {
	list-style: none;
	display:block;
	float: left;
	width: auto;
	height: 30px;
	text-align: center;
	padding-left: 10px;	
	padding-right: 10px;		
}

#topmenu ul li a {
	display: block; 
	_display: inline-block;  	
	height: 19px;
	color: #fff;
	font-family: arial;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
	text-transform:uppercase;  
}

#topmenu li a:hover, #topmenu li a.sfhover {
	color:#de8cd8;	
}

#topmenu li.selected a {
	color:#de8cd8;	
}

#topmenu li ul {
	display: none;
}

#flash_notice
{
	width:600px;
	margin-bottom:5px;
	padding:10px;
	margin-left: 10px;
	margin-bottom:10px;
	background-color: #f8d7f5;
	border:solid 2px #eec6eb;
	color:#ff0000;
}

.fieldWithErrors
{
	background-color:#eac2e7;
	border:1px solid #b4b4b4;
	color:#000;
}

#user_details
{
	border-collapse: separate;
	padding:3px;
	color:#6B6B6B;	
}

#user_details tr
{
	height:15px;
}

#userinfo
{
	position: relative;
	text-align:right;
	right:15px;
	top: -10px;
	font-size:11px;
	color:#6B6B6B;
	clear:both;
}

#searchtable td
{
	padding:5px;	
}

#searchtable .label
{
	
}

#searchtable .value
{
	text-align:right;
}

#trefwoorden {
	width:658px;
	background-color:#FFFFFF;	
	margin-left: 30px;
	padding-top: 30px;
	_margin-left: 20px;
	padding-left:25px;	
	padding-right: 25px;
	min-height: 50px;	
	height: auto !important;	
	height: 50px; 
	color: #d1d1d1;
}

#trefwoorden a {
	color: #c5c5c5;
	text-decoration : none;
	font-size: 11px;	
}