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

* { margin: 0; padding: 0; }

html { overflow: scroll; z-index: 0; }
body { font-family: Arial, Verdana, sans-serif; font-size: 11px; color: #58585a; line-height: normal; text-align: center; background: #FFF; }

#holder { position: relative; margin: 0 auto; width: 990px; height: auto; overflow: hidden; }
#holder #body { position: relative; float: left; margin-top: 330px; width: 990px; height: auto; overflow: hidden; }

/* content */
#content { position: relative; float: right; margin: 30px 10px 0px 0px; padding: 0px 0px 5px 0px; display: inline; width: 795px; height: auto; text-align: left; min-height:378px;}
#content .content { position: relative; float: left; padding-left: 11px; width: 624px; }
#content .content h1 { font-size: 17px; font-weight: bold; color: #060606; }
#content .content p { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #58585a; line-height:150%; }
#content .content a,
#content .content a:visited { font-family: Arial, Verdana, sans-serif; font-size: 11px; color: #58585a; text-decoration: underline; }
#content .content a:hover { font-family: Arial, Verdana, sans-serif; font-size: 11px; color: #58585a; text-decoration: none; }
#content .content ul { margin-left: 15px; }

#content .banner a img { border: 0; }

/* content - categorie */
#categorie { position: relative; float: left; padding-top: 5px; width: 795px;  }
a.categorie,
a.categorie:visited { position: relative; float: left; margin: 0px 4px 4px 0px; display: block; width: 153px; height: 124px; overflow: hidden; border: 1px solid #000; text-decoration: none; }
a.categorie:hover { position: relative; float: left; margin: 0px 4px 4px 0px; display: block; width: 153px; height: 124px; overflow: hidden; border: 1px solid #000; text-decoration: none; }
a.categorie img { float: left; border: none; }
a.categorie span { position: absolute; bottom: 0; left: 0; display: block; width: 153px; height: 27px; font-family: Impact, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; color: #FFF; letter-spacing: 0px; text-align: center; text-decoration: none; line-height: 26px; background: url(../images/bgCategorieTitel.gif) top repeat-x; border-top: 1px solid #000; cursor: pointer; }

/* content - categorie */
#categorie2 { position: relative; float: left; padding-top: 5px; width: 795px; text-align:justify;}
a.categorie2,
a.categorie2:visited { position: relative; float: left; margin: 0px 9px 4px 0px; display: block; width: 254px; height: 246px; overflow: hidden; border: 2px solid #1a1a1a; text-decoration: none; }
a.categorie2:hover { position: relative; float: left; margin: 0px 9px 4px 0px; display: block; width: 254px; height: 246px; overflow: hidden; border: 2px solid #1a1a1a; text-decoration: none; }
a.categorie2 img { float: left; border: none; position: absolute; bottom: 0; left: 0; border-top:solid 2px #1a1a1a; }
a.categorie2 span { position: absolute; top: 0; left: 0; display: block; width: 254px; height: 44px; font-family: Impact, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; color: #FFF; letter-spacing: 0px; text-align: center; text-decoration: none; line-height: 42px;  border-bottom: 2px solid #1a1a1a; cursor: pointer; background-color:#000500; }
a.categorie2_last,
a.categorie2_last:visited { position: relative; float: left; margin: 0px 0px 4px 0px; display: block; width: 254px; height: 246px; overflow: hidden; border: 2px solid #1a1a1a; text-decoration: none; }
a.categorie2_last:hover { position: relative; float: left; margin: 0px 0px 4px 0px; display: block; width: 254px; height: 246px; overflow: hidden; border: 2px solid #1a1a1a; text-decoration: none; }
a.categorie2_last img { float: left; border: none; position: absolute; bottom: 0; left: 0; border-top:solid 2px #1a1a1a; }
a.categorie2_last span { position: absolute; top: 0; left: 0; display: block; width: 254px; height: 44px; font-family: Impact, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; color: #FFF; letter-spacing: 0px; text-align: center; text-decoration: none; line-height: 42px;  border-bottom: 2px solid #1a1a1a; cursor: pointer; background-color:#000500; }

/* background: url(../images/bgCategorieTitel.gif) top repeat-x;
*/

/* content - winkelmandje */
#content .winkelmandje { position: relative; float: right; padding-bottom: 0px; width: 155px; background: url(../images/bgWinkelmandje.gif) bottom repeat-x; }
#content .winkelmandje h2 { padding-left: 26px; width: 94px; font-size: 11px; font-weight: bold; color: #000; text-align: right; background: url(../images/winkelmandje.gif) 12px no-repeat; }
#content .winkelmandje p { display: block; width: 120px; text-align: right; }
#content .winkelmandje p span { font-weight: bold; color: #9fcc00; }
#content .winkelmandje a,
#content .winkelmandje a:visited { display: block; margin: 6px 0px 10px 0px; padding: 0px 3px; width: 144px; height: 20px; font-size: 10px; font-weight: normal; color: #000; line-height: 20px; text-decoration: none; border: 1px solid #d9e179; border-bottom: 1px solid #a2b51a; border-right: 1px solid #a2b51a; background: url(../images/bntWinkelmandjeBg.gif) 0 0 repeat-x; }
#content .winkelmandje a span { display: inline-block; margin-left: 10px; width: 14px; height: 20px; background:url(../images/btnWinkelmandjeArrow.gif) 0 3px no-repeat; }
#content .winkelmandje img { margin-left: 6px; }

/* content - banner */
#content .banner { position: relative; float: left; margin-top: 20px; width: 795px; }

/* content - rail */
.rail { position: relative; float: left; width: 180px; }
.rail .banner { position: relative; float: right; padding-top: 10px; width: 171px; }
.rail .banner img { border: 0; }
.rail .banner a img {  }
.rail .banner .keurmerk { float: left; margin: 0px 0px 10px 17px; }

.rail ul { position: relative; float: right; margin-bottom: 9px; padding: 30px 0px; width: 169px; list-style: none; border: 1px solid #000; background: #cccdcd url(../images/bgMenuShop.gif) 0 0 repeat-x; }
.rail ul li { position: relative; float: left; margin-bottom: 10px; width: 169px; min-height: 22px; text-align: left; }
.rail ul li a,
.rail ul li a:visited { position: relative; float: left; padding: 1px 12px; display: block; width: 145px; font-size: 15px; font-weight: bold; color: #000; line-height: 20px; text-decoration: none; }
.rail ul li a:hover,
.rail ul li a.active { position: relative; float: left; padding: 0px 12px; display: block; width: 145px; font-size: 15px; font-weight: bold; color: #000; line-height: 20px; text-decoration: none; border-top: 1px solid #000; border-bottom: 1px solid #000; background: #b2e602; }

.rail ul li ul { position: relative; float: right; margin: 0px; padding: 0px 8px; width: 153px; list-style: none; border: none; background: none; }
.rail ul li ul li { position: relative; float: left; margin-bottom: 0px; width: 153px; min-height: 22px; text-align: left; border-bottom: 1px solid #a2a2a3; background: url(../images/bgSubMenu.gif) left bottom no-repeat; }
.rail ul li ul li a,
.rail ul li ul li a:visited { position: relative; float: left; padding: 0px 15px; display: block; width: 123px; font-size: 12px; font-weight: normal; color: #000; line-height: 20px; text-decoration: none; }
.rail ul li ul li a:hover,
.rail ul li ul li a.active { position: relative; float: left; padding: 0px 15px; display: block; width: 123px; font-size: 12px; font-weight: bold; color: #000; line-height: 20px; text-decoration: none; background: none; border: none; }

.rail ul li ul li ul { position: relative; float: right; margin: 0px; padding: 0px 16px; width: 145px; list-style: none; border: none; background:none; }
.rail ul li ul li ul li { position: relative; float: left; margin-bottom: 0px; width: 153px; min-height: 22px; text-align: left;  height:auto; background:none; border:0; }
.rail ul li ul li ul li a,
.rail ul li ul li ul li a:visited { position: relative; float: left; padding: 0px 30px; display: block; width: 108px; font-size: 12px; font-weight: normal; color: #000; line-height: 20px; text-decoration: none; }
.rail ul li ul li ul li a:hover,
.rail ul li ul li ul li a.active { position: relative; float: left; padding: 0px 30px; display: block; width: 108px; font-size: 12px; font-weight: bold; color: #000; line-height: 20px; text-decoration: none; background: none; border: none; }

form.nieuwsbrief { position: relative; float: right;  padding: 5px 8px; width: 153px; border: 1px solid #000; background: #FFF url(../images/bgRailNieuwsbrief.gif) bottom repeat-x; margin-top:5px; }
form.nieuwsbrief fieldset { text-align: left; border: none; }
form.nieuwsbrief fieldset legend { display: none; }
form.nieuwsbrief h2 { margin-bottom: 12px; font-size: 14px; color: #0d0d0d; text-transform: uppercase; }
form.nieuwsbrief p { margin-bottom: 4px; font-size: 10px; color: #0d0d0d; }
form.nieuwsbrief input { float: left; margin-top: 4px; width: 151px; height: 16px; font-size: 10px; color: #0d0d0d; border: 1px solid #999999; background: #FFF; }
form.nieuwsbrief input.submit { float: right; display: block; width: auto; height: 16px; font-size: 10px; font-weight: bold; color: #FFF; border: 1px solid #000; background: #9fcc00; }

/* content - merken */
.merken { position: relative; float: right; margin-right: 10px; display: inline; width: 795px; height: 36px; text-align: center; background: #919191; }
.merken a img { margin: 0px 8px; border: 0; }

/* header */
.header { position: absolute; top: 0px; left: 0px; width: 990px; height: 330px; }
.header h1 { position: relative; float: left; margin: 7px 0px 0px 25px; }
.header h1 a img { float: left; border: none; }
.header h1 a span { display: none; }

.header .language{position: relative; float:right; width:585px; height:20px; background-color:#FFF; text-align:right; margin-top:20px; margin-right:30px;padding-right:15px;}
a.nl { display: inline-block; width: 16px; height: 11px; background: url(../images/nl.gif) 0 -11px; overflow: hidden; }
a.en { display: inline-block; width: 16px; height: 11px; background: url(../images/gb.gif) 0 -11px; overflow: hidden; }
a.de { display: inline-block; width: 16px; height: 11px; background: url(../images/de.gif) 0 -11px; overflow: hidden; }
a.fr { display: inline-block; width: 16px; height: 11px; background: url(../images/fr.gif) 0 -11px; overflow: hidden; }
a.es { display: inline-block; width: 16px; height: 11px; background: url(../images/es.gif) 0 -11px; overflow: hidden; }
a.it { display: inline-block; width: 16px; height: 11px; background: url(../images/it.gif) 0 -11px; overflow: hidden; }
a:hover,
a.active { background-position: 0px 0px; }

.header ul { position: relative; float: right; display: inline; margin: 12px 30px 0px 0px; list-style: none; }
.header ul li { float: left; padding: 0px 15px; }
.header ul li a,
.header ul li a:visited { font-size: 13px; font-weight: normal; color: #6f6767; text-decoration: none; }
.header ul li a:hover,
.header ul li a.active { font-size: 13px; font-weight: normal; color: #090909; text-decoration: underline; }

.header .headerBeeld { position: relative; float: left; width: 990px; height: 259px; }

/* breadrum */
.breadcrum { position: absolute; left: 196px; top: 332px; width: 600px; list-style: none; }
.breadcrum li { float: left; font-size: 12px; color: #7f8275; }
.breadcrum li a,
.breadcrum li a:visited { font-size: 12px; color: #7f8275; }

/* footer */
#footer { position: relative; float: left; width: 990px; height: 36px; line-height: 36px; }
#footer ul { position: relative; float: right; list-style: none; }
#footer ul li { float: left; padding: 0px 13px 0px 12px; color: #919191; background: url(../images/bgDivFooterMenu.gif) right no-repeat; }
#footer ul li.lastNode { padding-right: 14px; background: none; }
#footer ul li a,
#footer ul li a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #919191; text-decoration: none; }
#footer ul li a:hover,
#footer ul li a.active { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #919191; text-decoration: underline; }


/* lightbox */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/skins/default/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/skins/default/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: hidden; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }