/* CSS Document */

body {margin:0; background:url(../Images/bg.gif) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:10pt;}
p {margin:0;padding:0;}
form { margin:0; padding:0;}
#col2order input {width:175px; margin:5px 0px 10px 0px;}
img {border:none;}
#container { margin:0 auto; width:830px;}

#header { background:url(../Images/header-bg.gif) 46px bottom no-repeat; float:left; padding-bottom:5px; margin-bottom:5px;}
/* IE */ *html #header {left: -2px;}
/* Firefox */ @-moz-document url-prefix() {#header {left: -2px;}}
/* Steps */
#step { background:url(../Images/step-bg-end.gif) no-repeat; background-position:right; width:818px; float:left;}
#steps { margin:0px 0px 0px 55px; padding:0px;float:left; background:url(../Images/step-bg.gif) repeat-x; width:755px;}
/* IE */ *html #steps {margin-left:25px;}
#steps li { float:left; list-style:none;}
#steps li#stap_pakket{ float:right;}
a#step1, a#step1:visited { width:167px; background-image:url(../Images/button-step1.gif);}
a#step2, a#step2:visited { width:157px; background-image:url(../Images/button-step2.gif);}
a#step3, a#step3:visited { width:132px; background-image:url(../Images/button-step3.gif);}
a#step4, a#step4:visited { width:132px; background-image:url(../Images/button-step4.gif);}
a.navlink, a.navlink:visited{display: block;background-repeat: no-repeat;background-position: left top ;margin:0;height: 42px;}
a.navlink:hover {background-position: left bottom;}
a.current, a.current:visited, a.current:hover {background-position: left bottom;}
span.linktext{display: none;}

#col1 { overflow:hidden; width:564px; float:left; background:url(../Images/bg-content.gif) repeat-x #FFFFFF; margin:0px 1px 0px 45px;}
/* IE */ *html #col1 {margin-left:22px; margin-right:0px;}
#top { height:10px; background:url(../Images/bg-content-top.gif) no-repeat;}
#content {border-left:#d5d5d5 solid 1px; border-right:#d5d5d5 solid 1px; padding:10px 10px 10px 15px; line-height:20px; position:relative; font-size: 12px;}
/* IE */ *html #content { padding-right:0px;}
#content  img.right { float:right;  }
#content  img.left { float:left; }
#content img.button {padding-top:15px; border:none;}
#content img#kerstboom4 { margin-top:0px;}
#bottom { background:url(../Images/bg-content-bottom.gif) no-repeat; height:10px;}

#content2 {border-left:#d5d5d5 solid 1px; border-right:#d5d5d5 solid 1px; padding:10px; padding-left:26px; line-height:20px; position:relative; font-size: 12px;}
#content2 h1 { color:#e20000; font-size:22px; line-height:normal; height:auto; margin:0px; padding:0px;}
#content2  img.right { float:right;  }
#content2  img.left { float:left; }
#content2 img.button {padding-top:15px; border:none;}

#content3 {border-left:#d5d5d5 solid 1px; border-right:#d5d5d5 solid 1px; padding:10px; padding-right: 0px; padding-left:26px; line-height:20px; position:relative; font-size: 12px;}
#content3  img.right { float:right; margin: 15px 10px 0px 10px; }
#content3  img.left { float:left; }
#content3 img.button {padding-top:15px; border:none;}

#col2 { float:left; width:216px; z-index:-100;}
/* Firefox  @-moz-document url-prefix() { #col2 {top:-5px; z-index:100;position:relative; top:-5px; left:-1px; } }*/
#col2order { float:left; width:216px; z-index:-100;}
/* Firefox  @-moz-document url-prefix() { #col2order {top:-5px; z-index:10;position:relative; top:-7px; left:-1px; } }*/
#logtop { width:216px; height:40px; background:url(../Images/login.gif) no-repeat;}
#zakelijktop { width:216px; height:40px; background:url(../Images/zakelijk.jpg) no-repeat;}
#brieftop { width:216px; height:43px; background:url(../Images/nieuwsbrief.gif) no-repeat;}
#shoptop { width:216px; height:42px; background:url(../Images/winkelmandje.gif) no-repeat;}
#logbottom, #briefbottom, #shopbottom { width:216px; height:11px; background:url(../Images/bg-bottom-s.gif) no-repeat; background-position:1px 0;  clear:both;}
#logcontent, #briefcontent, #Winkelmandje {border-left:#d5d5d5 solid 1px; border-right:#d5d5d5 solid 1px; background:url(../Images/bg-content-ss.gif) repeat-x #FFFFFF; margin:0px 5px 0px 5px; padding: 10px 0px 0px 15px;width:194px; font-size: 12px;}
#logcontent img {margin-left:70px;}
#logcontent input { border: 1px solid #c1c1c1; margin: 5px 0px 5px 0px; width: 176px;}
#briefcontent img {margin-left:55px;}
#briefcontent input { border: 1px solid #c1c1c1; margin: 5px 0px 5px 0px; width: 176px;}

#copyright { float:left; clear:both; padding:5px; margin-left:45px; width:500px; font-size: 11px;}
/* IE */ *html #copyright {margin-left: 22px;}

.boe { font-size:11px; text-align:right; width:200px; margin-top:2px;}
.font16 { font-size:16px; line-height:22px;}
.title { clear:both; margin:15px 0 15px 0;}
.title2 {margin:15px 0 15px 0;}
.title3 {margin: 15px 0px 10px 0px;}
.main { margin:5px 0 10px 0;}

/* Order page */
h2 {clear:both; padding-top:10px;}
.boom, .lightjes { height:172px; width:162px; float:left; margin-right:13px;}
.boom { margin-bottom:15px; font-size: 12px; line-height: 14px;}
.boom a{ width:162px; height:130px; display:block; margin-top:18px; text-decoration:none;}
.lightjes { background:url(../Images/lichtjes.gif) no-repeat; font-weight:bold; padding-top:7px; font-size: 12px;}
#boom-xl { background:url(../Images/boom-xl.jpg) no-repeat;}
#boom-l {background:url(../Images/boom-l.jpg) no-repeat;}
#boom-s { background:url(../Images/boom_s.jpg) no-repeat;}
#boom-xxl {background:url(../Images/boom-xxl.gif) no-repeat;}
#boom-btw {background:url(../Images/exclusiefeuros.gif) no-repeat; height:54px;}
#ballen { height:178px; width:514px; float:left; background:url(../Images/ballen.gif); font-size: 12px; font-weight: Bold;}
#extras { width:514px; height:157px; background:url(../Images/extras.gif); position:relative}
#options { list-style:none; position:absolute; top:10px; left:140px; line-height: 16px;}
#options li { height:45px;}
#gegevens { margin-left:367px; margin-top:10px;}
#options .desc { display:block; float:right; height:40px; width:210px; padding-left:90px; }
.items { width:190px; margin:0;padding:0; float:left;}
.items li { list-style:none;margin:5px 0 5px 0; float:left;}
.item { display:block; width:130px; text-align:left;}
.quantity { text-align:right; width:50px;}
/* Ballens */
#ballen {height:178px; width:514px;background:url(../Images/ballen.gif); position:relative; margin:10px 0px 15px 0px; display:block;}
#ballens { margin:0px; padding:0px; position:absolute; top:12px; left:170px; width:365px;}
#ballens li { list-style:none; float:left;  }
/* Opera */ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { head~body #ballens li { width:115px;} }
/* Firefox */ @-moz-document url-prefix() { #ballens li { width:120px; } }

a.bnavlink, a.bnavlink:visited{display: block;margin:0; height:35px;width:45px; float:left; margin-top:3px;}
#ballens, #ballens ul {padding: 0;margin: 0;list-style: none;}
#ballens a {display: block;color:#000000;text-decoration:none;}
#ballens a:hover{color:#000000;}
#ballens li ul {padding:0px;position:absolute;left:-999em; width:140px;}
#ballens li ul li {float: none; text-align:center;}
#ballens li:ballens ul {left: -160px; top:0px;}
#ballens li:hover ul, #ballens li.sfhover ul, #ballens li.sfhover2 ul {left: -160px;top:0px;}
/* Firefox */ @-moz-document url-prefix() { a.bnavlink {width:50px;} }
/* IE7 */  html > body a.bnavlink { *width:50px; }
.pipa { float:left;}
.dropdown {margin-right:35px; _margin-right:25px; margin-top:13px;}
/* IE7 */  html > body .dropdown { *margin-right:25px; }
/* Opera */ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { head~body .dropdown { margin:10px 0 0 0;} }
/* Firefox */ @-moz-document url-prefix() { .dropdown {margin-right:20px;} }
/* Extras */
#extras {height:157px; width:514px;background:url(../Images/extras.gif); line-height:12px;}
#options { margin:0px; padding:0px; position:absolute; top:15px; left:180px;}
#options li { list-style:none; clear:both;}
a.enavlink, a.enavlink:visited{display: block;margin:0; padding-left:110px;height:40px;width:200px; float:left;}
#options, #options ul {padding: 0;margin: 0;list-style: none;}
#options a {display: block;color:#000000;text-decoration:none;}
#options a:hover{color:#000000;}
#options li ul {padding:0px;position:absolute;left:-999em; width:140px; top:0px; }
/* IE7 */  html > body #options li ul { *top: auto; }
#options li ul li {float: none; text-align:center;}
#options li:options ul {left: -160px; top:0px;}
#options li:hover ul, #options li.sfhover ul {left: -160px;top:0px;}
.pipa { float:left;}
img { border:0;}
#voet {height:40px;}
#opbouw {height:60px;}
#impregneren {height:50px;}
#kerstkaart {height:50px;}
/* ToolTip */
.tool-tip {color: #fff;width: 250px;z-index: 13000;}
.tool-title {font-weight: bold;font-size: 12px;margin: 0;color: #00761c;padding: 8px 8px 4px; /*background: url(../Images/bubble.png) top left;*/ background:#cbcbcb;}
.tool-text {font-size: 11px; padding: 4px 8px 8px; /*background: url(../Images/bubble.png) bottom right;*/ background:#cbcbcb; color:#000000;}
.custom-tip {color: #000;width: 130px;z-index: 13000;}
.custom-title {font-weight: bold;font-size: 11px;margin: 0;color: #3E4F14; padding: 8px 8px 4px;background: #C3DF7D;border-bottom: 1px solid #B5CF74;}
.custom-text {font-size: 12px;padding: 4px 8px 8px; color: #000000; line-height: 16px;}

.fix1 { margin-top:50px;}
.fix2 { position:relative; left:-5px; margin-top:30px;}
.fix3 { margin-right:25px;}
.fix4 {margin-right:25px; position:relative; top:-6px}
.fix5 { position:relative; top:-25px;}
.fix6 { position:relative;top:-25px;}
.fix7 { margin-top:5px; margin-bottom:15px;}
.fix8 { position:relative; top:-4px;}
#col2order input, .fix9 {border:1px solid #c1c1c1; height:16px;}
.fix9 {width:30px;}
.fix10 { padding-left:10px;}
.fix11 { margin-top:10px;}
.fix12 {margin-top 20px;}
/* Firefox */ @-moz-document url-prefix() {#flash { position:relative; left:2px;}}

/* Nam */
.naw-input { border:1px solid #c1c1c1; width: 130px; height:16px; margin: 2px 0px 2px 0px;}
.naw-input-postcnr { border:1px solid #c1c1c1; border-right: 0px; width: 33px; margin: 2px 0px 2px 0px;}
.naw-input-postcltr { border:1px solid #c1c1c1; border-left: 1px dotted #c1c1c1; padding-left: 3px; width: 26px; margin: 2px 0px 2px 0px;}
.naw-select { border:1px solid #c1c1c1; width: 135px; margin: 2px 0px 2px 0px;}
.bottom-afrekenen { text-align: right; margin: 16px 8px 0px 0px}
a.boeiend { color: #000000; text-decoration: underline;}
a.boeiend:hover { color: #79af40; text-decoration: underline;}

/* Chris */
.formerr {border: 1px solid #C10000;}
div#noshow {height: 1px; width: 1px; overflow: hidden; visibility: hidden; position: absolute; top: 0px; left: 0px;}
a#leeg_mandje{ text-decoration:none; color:#d30101;}

/* SLIMBOX */
#lbOverlay{ position:fixed; z-index:9999; left:0; top:0; width:100%; height:100%; background-color:#000; cursor:pointer;}
#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #fff;}
.lbLoading { background: #fff url(../Images/Buttons/loading.gif) no-repeat center;}
#lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat;}
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none;}
#lbPrevLink { left: 0;}
#lbPrevLink:hover { background: transparent url(../Images/Buttons/vorige_btn.gif) no-repeat 0 15%;}
#lbNextLink { right: 0;}
#lbNextLink:hover { background: transparent url(../Images/Buttons/volgende_btn.gif) no-repeat 100% 15%;}
#lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none;}
#lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(../Images/Buttons/close_btn.gif) no-repeat center; margin: 5px 0; outline: none;}
#lbCaption, #lbNumber { margin-right: 71px;}
#lbCaption { font-weight: bold;}