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

* { margin: 0; padding: 0; }

html { overflow: -moz-scrollbars-vertical; }
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-align: center; background: url(../images/bgBody.gif) bottom repeat-x #FFF; z-index: 1; }

#holder { position: relative; margin: 0 auto; width: 100%; height: auto; text-align: left; background: url(../images/bgHolder.gif) 0 104px repeat-x; z-index: 2; }
#holder .holder { position: relative; margin: 0 auto; width: 979px; height: auto; overflow: hidden; z-index: 3; }

#body { position: relative; float: left; margin-top: 340px; padding: 0px 18px 0px 18px; width: 940px; background: #FFF; z-index: 4; }

/* content */
#content { position: relative; float: left; width: 957px; height: auto; overflow: hidden; text-align: left; z-index: 5; background: #FFF; }
#content .intro { position: relative; float: left; padding: 26px 10px; width: 660px; text-align: left; }
#content .content { position: relative; float: right; width: 700px; text-align: left; }
#content .content p { margin-bottom: 10px; }
#content .content a,
#content .content a:visited { color: #000; text-decoration: underline; }
#content .content a:hover { color: #000; text-decoration: none; }
.content h1 { margin-bottom: 10px; font-size: 18px; color: #7c51a1; }
.content h2 { margin-bottom: 5px; font-size: 14px; color: #7c51a1; }
.content ul { margin-left: 15px; }

table.config tr td.end { font-size: 14px; font-weight: bold; color: #000; border-top: 1px solid #7c51a1; }

.rail { position: relative; float: left; width: 230px; }
#aanbieding { position: relative; float: left; width: 225px; height: auto; background: url(../images/bgAanbieding.gif) right repeat-y; }
#aanbieding .image { position: relative; float: left; width: 225px; background: url(../images/bgAanbiedingTop.gif) right 0 no-repeat; }
#aanbieding .image img { position: relative; float: left; }
#aanbieding .image a.bestel { position: absolute; top: 0; right: 4px; text-decoration: none; }
#aanbieding .image a.bestel img { border: 0; }
#aanbieding .image a.bestel span { position: absolute; top: 13px; right: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #662d90; cursor: pointer; }
#aanbieding img.bg { position: absolute; bottom: 0; left: 0; width: 220px; font-size: 14px; color: #FFF; line-height: 30px; z-index: 6; }
#aanbieding .content h2 { position: absolute; top: -42px; left: 0; width: 220px; z-index: 7; }
#aanbieding .content h2 a,
#aanbieding .content h2 a:hover,
#aanbieding .content h2 a:visited { display: block; width: 220px; height: 42px; font-size: 14px; color: #FFF; text-align: center; text-decoration: none; line-height: 42px; }
#aanbieding .content { position: relative; float: left; padding: 13px; width: 199px; height: auto; background: url(../images/bgAanbiedingBottom.gif) 0 bottom no-repeat; }

.nieuwsbrief { position: relative; float: left; padding-top: 10px; width: 220px; }
.nieuwsbrief fieldset { border: 0; }
.nieuwsbrief p { margin-bottom: 5px; font-size: 13px; font-weight: bold; color: #814d9a; }
.nieuwsbrief p.error { margin-bottom: 5px; font-size: 11px; font-weight: normal; color: #bf1e2e; }
.nieuwsbrief p.bedankt { font-size: 11px; font-weight: normal; color: #000; }
.nieuwsbrief input { float: left; margin-bottom: 5px; padding: 0px 6px; width: 206px; height: 19px; color: #58595b; border: 1px solid #7f9db9; }
.nieuwsbrief input.submit { float: right; width: 83px; height: 23px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; border: 0; background: #814d9a; }

/* HEADER */
#header { position: absolute; left: 0; top: 0; width: 976px; height: 340px; background: url(../images/bgHolder.gif) 0 104px repeat-x; z-index: 5; }
#header .logo { position: absolute; top: 20px; left: 13px; display: block; width: 192px; height: 76px; background: url(../images/logo.gif) 0 0 no-repeat; }
#header .logo span { display: none; }

.language { position: relative; float: left; display: inline-block; margin: 20px 0 0 0; padding-left: 235px; width: 80px; list-style: none; }
.language li { float: left; margin-bottom: 7px; }
.language .nl { background: url(../images/nl.gif) 0 0 no-repeat; }
.language .en { background: url(../images/en.gif) 0 0 no-repeat; }
.language .de { background: url(../images/de.gif) 0 0 no-repeat; }
.language .be { background: url(../images/be.gif) 0 0 no-repeat; }
.language a.nl { background: url(../images/nl.gif) 0 -11px no-repeat; }
.language a.en { background: url(../images/en.gif) 0 -11px no-repeat; }
.language a.de { background: url(../images/de.gif) 0 -11px no-repeat; }
.language a.be { background: url(../images/be.gif) 0 -11px no-repeat; }
.language a,
.language a:visited { display: block; padding-left: 26px; height: 11px; font-size: 9px; color: #000; text-decoration: none; }
.language a:hover,
.language a.active { background: none; }

.login { position: relative; float: right; padding-top: 26px; width: auto; height: 37px; }
.login fieldset { float: right; border: none; }
.login fieldset legend { display: none; }
.login input { float: left; margin-left: 6px; padding: 0px 6px; width: 134px; height: 21px; line-height: 21px; color: #9c9b9b; border: 1px solid #9c9b9b; }
.login input.submit { float: left; width: 83px; height: 23px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; border: 0; background: #814d9a; }
.login a.submit { float: left; margin-left: 4px; padding: 0px 8px; display: block; height: 23px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; line-height: 23px; text-decoration: none; border: 0; background: #814d9a; }

#header .menu { position: relative; float: right; width: 652px; height: 37px; list-style: none; }
#header .menu li { float: left; display: inline; margin-left: 3px; }
#header .menu li a,
#header .menu li a:visited { display: block; width: 160px; height: 37px; font-size: 14px; color: #FFF; text-align: center; line-height: 37px; text-decoration: none; background: url(../images/bgHeaderMenuRight.gif) right top no-repeat; }
#header .menu li a span,
#header .menu li a:visited span { display: block; width: 160px; height: 37px; background: url(../images/bgHeaderMenuLeft.gif) 0 0 no-repeat; }
#header .menu li a:hover,
#header .menu li a.active { text-decoration: underline; background: url(../images/bgHeaderMenuRightHover.gif) right top no-repeat; }
#header .menu li a:hover span,
#header .menu li a.active span { cursor: pointer; background: url(../images/bgHeaderMenuLeftHover.gif) 0 0 no-repeat; }

#header .header { position: absolute; left: 0; top: 109px; width: 976px; height: 231px; }
#header .header img { position: relative; float: left; }
#header .header img.stappen { position: absolute; top: 0; left: 0; border: none; }
#header .header a img.prijsgarantie { position: absolute; top: 75px; right: 10px; border: 0; }

/* REFERENTIE */
.referentie { position: relative; float: left; padding: 0px 18px; width: 940px; height: 130px; background: #FFF; }
.referentie p.titel { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #814d9a; line-height: 27px; }
.referentie table { position: relative; float: left; margin: 0; }
.marquee { position: relative; float: left; width: 940px; height: 70px; }
.marquee a img { border: 0; margin: 0px 8px; }

/* FOOTER */
#footer { position: relative; float: left; width: 976px; height: 82px; border-top: 4px solid #4e1b66; text-align: center; }
#footer address { position: relative; display: block; width: 976px; height: 38px; font-style: normal; background: #FFF; }
#footer address span { margin: 0; color: #000; }
#footer address span.pointer { display: inline-block; margin-left: 14px; padding-top: 12px; color: #814d9a; background: url(../images/bgAddressPointer.gif) 0 0 no-repeat; }

#footer ul { position: relative; margin: 0 auto; padding-top: 14px; list-style: none; }
#footer ul li { padding: 0px 9px 0px 10px; display: inline; background: url(../images/bgFooterMenuDiv.gif) 0 4px no-repeat; }
#footer ul li.firstNode { background: none; }
#footer ul li a,
#footer ul li a:visited { font-size: 10px; color: #814d9a; text-decoration: none; }
#footer ul li a:hover,
#footer ul li a.active { font-size: 10px; color: #814d9a; text-decoration: underline; }

/* KRUIMELPAD */
.breadcrum { position: absolute; top: 5px; left: 0; padding-right: 20px; width: 960px; height: 28px; line-height: 20px; list-style: none; }
.breadcrum li { float: left; padding-left: 15px; font-size: 10px; font-weight: bold; color: #90989d; text-decoration: none; background: url(../images/bgBreadcrumDiv.gif) 5px 9px no-repeat; }
.breadcrum li a,
.breadcrum li a:visited { font-size: 10px; font-weight: bold; color: #90989d; text-decoration: none; }
.breadcrum li a:hover { text-decoration: underline; }
.breadcrum li.firstNode { background: url(../images/bgBreadcrumFirstNode.gif) 6px 7px no-repeat; }
.breadcrum li.firstNode a,
.breadcrum li.firstNode a:visited { color: #90989d; }


/* 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; }