.part1-bigcaption, body * {font-family: 'Open sans', sans-serif;} .b1 {overflow: hidden; width: 980px; margin: 0 auto 40px; padding-top: 40px;} .b1 fieldset {border: none; padding: 0px; margin: 0; } .b1_left {float: left; width: 260px; margin: 0 50px 15px 0; } .b1_text {color: #dc0000;font-size: 15px;font-weight: 700;line-height: 22px; text-align: center;} .b1_right {float: left; width: 670px; border: 2px solid #a5bccc; background: url(../../images/b1_i.png) no-repeat 75px 50%, #f7fbfd; padding: 0 0 0 200px; box-sizing: border-box;} .b1_right_text {padding: 20px; font-size: 14px;font-weight: 400;line-height: 22px;color: black;} .b1_right_text a {color: #0f6790;color: #0f6790;text-decoration: underline;} .mouse2 {line-height:17px; height:100px; display:block; float:left; visibility: hidden; position: relative; width: 140px; padding:10px; left: 0px; border:1px solid #ccc; background:#fff; z-index:1; -moz-border-radius: 10px; -webkit-border-radius: 5px; } .mouse2 p { font-size:11px; } .mouse2 p strong {color:#FF0000;} .subfix {height:25px;} /**************************************** * General ****************************************/ form { margin: 0; padding: 0; } fieldset {float: left; width: 226px; margin: 0 24px 20px 0; padding: 0; border: none} #subhead { letter-spacing:1px; margin:10px 0; padding:12px 10px 0px 125px; background: url(../_images/info.png) no-repeat; width:583px; height:138px; font-size:11px; float: left;} #subhead a { text-decoration:underline; } /**************************************** * Form ****************************************/ #pricer { font-family: arial, helvetica, sans-serif; font-size: 12px; text-align: left; } fieldset h2 { font-size:20px; padding: 4px 10px 6px 10px;color:#FFFFFF; font-weight: bold; font-family:'Open sans', sans-serif; } #options-checkboxes-disc #lastcontainer fieldset h2,.mobix0 h2,.mobix1 h2,.mobix2 h2{background-color: #a1b3bf;} #firstcontainer fieldset.active h2,.activecontainer fieldset.active h2{background-color: transparent;} .activecontainer #columnHeader{background-color: transparent;} #productionFieldSet { width:175px; } #productionHeader { width:175px; } #quote { width:175px; border-color: #5FA1C6; } #quote h2 { background: #bfe595; } #lastcontainer h3, #firstcontainer h3 { font-size: 12px; line-height:12px; font-family:Arial; text-decoration:none; } #lastcontainer {} #firstcontainer { width:230px; float: left; margin-right: 24px; margin-bottom: 20px; } #firstcontainer fieldset.active,.activecontainer fieldset.active{ box-sizing: border-box; margin-bottom: 20px; padding-bottom: 20px;padding: 0; border: none; background-color: #1a77a3; box-shadow: -10.6px 10.6px 18px rgba(24, 63, 84, 0.22);} .activecontainer fieldset{width:226px; float: left; margin-right: 24px;}; #firstcontainer fieldset h2, .activecontainer fieldset h2 {color: white;font-size: 20px;font-weight: 700;line-height: 26px; padding: 15px 0 0 15px; margin: 0; width: 100%; background: transparent; } #firstcontainer .nomouse h2,.activecontainer .nomouse h2 {padding-left: 0;} #columnHeader { font-size: 20px; padding: 4px 10px 6px 10px; background-color: #a1b3bf; color: #FFFFFF; font-weight: bold; font-family: 'Open sans', sans-serif;} #getPrice {width: 190px; border: 1px solid #d2e3ef;background-color: #fcfdfd;border-radius: 3px;height: 40px;text-align: center; color: red;font-size: 15px;font-weight: 900;text-transform: uppercase;line-height: 34px; vertical-align: middle; margin: 20px auto 40px; display: block;} #results { width:300px; padding:4px; background:#F4F4F4; font-size:11px; } .input-submit, .input-button { margin: 0 0 5px 0; padding: 3px 0 3px 5px; width: 115px; font-size: 12px; text-align: center; } .input-submit { font-weight: bold; } .clear { clear:both; } .input-radio {display: block !important; float: left; width: 64px; height:40px; opacity:0; cursor: pointer;} .discSubType>div {margin: 0 0 0;} #firstcontainer fieldset>div ,.activecontainer fieldset>div{margin: 0 0 0px; overflow: hidden;} .part3-caption2, .part3-sub-caption3, .part3-sub-caption2, .part1-caption2, .part1-caption {float: left; width: 150px; padding-bottom: 20px; padding: 1px} .subDiscType,.discType {position: relative; color: #fff; cursor: pointer; overflow: hidden; padding: 9px 0 6px;} .activecontainer,.activecontainer .package .part1-bigcaption,.activecontainer .part3-bigcaption,.activecontainer .part3-smallcaption{position: relative; color: #fff; } .part1-caption2 {line-height: 45px; padding: 0;} .part1-bigcaption, .bigcaption_t{font-weight: bold; font-size: 15px;font-weight: 700; position: relative;} .print, .part3-bigcaption {position: relative; padding: 9px 0 6px;} .print {overflow: hidden;padding: 9px 0 6px;} #firstcontainer .discType:hover { background-color: #2084b2; } #techniekSelector>div {line-height: 20px; cursor: pointer;} #firstcontainer fieldset>div.horovodes { color: white;position: relative; overflow: visible; font-weight:bold; line-height: 44px; padding: 9px 0 6px 74px;} .horovodes:after {content:''; position: absolute; left: 30px; top: 23px; width: 18px;height: 18px; border-radius: 9px; background-color: #dc0000;background-image: linear-gradient(to top, #840c06 0%, #ef2e2b 100%);border: 1px solid #ffca13; box-sizing: border-box;pointer-events: none; cursor: pointer;} .horovodes:before {pointer-events: none; content:''; position: absolute; left: 23px; top: 16px; width: 30px; height: 30px; background: #fff; border-radius: 15px; cursor: pointer;border: 1px solid #d2e3ef;} .part3-bigcaption:before, .part1-bigcaption:before {pointer-events: none; content:''; position: absolute; left: -52px; top: 7px; width: 30px;height: 30px; background: #fff; border-radius: 15px; cursor: pointer;border: 1px solid #d2e3ef;} .dct-sub .bigcaption:before{ width: 20px; height: 20px; left: -47px; top: 12px; } .act-sub.dct-sub>div>div.bigcaption:after { width: 12px; height: 12px; left: -42px; top: 17px; } .subPrint.act-sub div > .part1-bigcaption:after, .print.act div > .part1-bigcaption:after, .subPackage.act-sub div >.part3-bigcaption:after, .subPackage.act-sub div >.part1-bigcaption:after, .package.act div >.part1-bigcaption:after, .subDiscType.act-sub div > .part1-bigcaption:after, .discType.act div > .part1-bigcaption:after {content:''; position: absolute; left: -45px; top: 14px; width: 18px;height: 18px; border-radius: 9px; background-color: #dc0000;background-image: linear-gradient(to top, #840c06 0%, #ef2e2b 100%);border: 1px solid #ffca13; box-sizing: border-box;pointer-events: none; cursor: pointer;} .part1-smallcaption {font-size: 12px;font-weight: 400;text-transform: uppercase; } .infotag {display: none;} .discSubType ,.packageSub{padding: 0 0 0; cursor: pointer;} .discSubType ,.packageSub,.printSub{ background-color: #1F8ABE; } #firstcontainer fieldset.nomouse {line-height: 50px; color:#fff; padding: 0 15px 10px 15px; text-transform: uppercase; background: #0f6790; /* Old browsers */ background: -moz-linear-gradient(top, #0f6790 0%, #1a77a3 51%, #1a77a3 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #0f6790 0%,#1a77a3 51%,#1a77a3 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #0f6790 0%,#1a77a3 51%,#1a77a3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f6790', endColorstr='#1a77a3',GradientType=0 ); /* IE6-9 */ } #quant {float: right; width: 135px; height: 40px; font-size: 20px; } .package .part1-bigcaption,.bigcaption_t {color: #828282;} .package {overflow: hidden; padding: 9px 0 6px; position: relative;} .dct-sub {overflow: hidden; margin: 0 0 0px; padding: 5px 0 13px;} .part3-caption {padding: 0; float: left; color: #828282;} #options-checkboxes-disc {width: 226px; margin-right: 0; float: left;} #options-checkboxes-disc fieldset {width: 100%!important; padding: 0; } div.mainfull {padding: 0px; width: 100%;} .packageSub2, .printSub, .printSub2 {text-align: center;} .part1-bigcaption {text-align: left;} .part3-sub-caption2 .part1-bigcaption {line-height: 40px;} #options-checkboxes-disc .opt-package, #options-checkboxes-disc .opt-print, #options-checkboxes-disc .opt-discType {margin: 0 0 20px; background: #0f6790; /* Old browsers */ background: -moz-linear-gradient(top, #0f6790 0%, #1a77a3 51%, #1a77a3 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #0f6790 0%,#1a77a3 51%,#1a77a3 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #0f6790 0%,#1a77a3 51%,#1a77a3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f6790', endColorstr='#1a77a3',GradientType=0 ); /* IE6-9 */ box-shadow: -10.6px 10.6px 18px rgba(24, 63, 84, 0.22); } #options-checkboxes-disc .opt-package.disabled, #options-checkboxes-disc .opt-print.disabled, #options-checkboxes-disc .opt-discType.disabled {background: #fff; color:#333; box-shadow: none;} .opt-package.disabled h2, .opt-print.disabled h2, .opt-discType.disabled h2 {background: #a1b3bf;} .opt-package h2, .opt-print h2, .opt-discType h2 {background: transparent;} .opt-discType input[type=checkbox]{border: none; background: #fff; width: 17px;height: 17px; opacity: 0;} .opt-print .info-window-label, .opt-package .info-window-label, .opt-discType .info-window-label {color: #fff;} .opt-package.disabled .info-window-label, .opt-print.disabled .info-window-label, .opt-discType.disabled .info-window-label {color: #828282;} .info-window-label .infooptie {color:#555} .opt-package.disabled table, .opt-print.disabled table, .opt-discType table {width: 90% !important; margin: 0 auto;} .opt-print table, .opt-package table {margin: 10px auto 20px; width: 90%; } .opt-print table td, .opt-package table td {color: #828282; vertical-align: middle;} .opt-print input[type=checkbox], .opt-package input[type=checkbox] {width: 17px;height: 17px;background-color: #fcfdfd;border: 1px solid #d2e3ef; border-radius: 0; opacity: 0;} /* Buttons */ #contentintro .option, #contentintro .disabled, #contentintro .active, #contentintro .hover, #contentintro .gray {} .sub {height: 37px;} .gray {filter: Gray; } .disabled { filter: gray alpha(opacity=25); -moz-opacity:.25; opacity:0.25; } fieldset.disabled { filter: gray alpha(opacity=100); -moz-opacity:1; opacity:1; } .hover { cursor: pointer; } /* invisible button text */ .option input, .option label { display: none; } /* infotag */ .infotag, .active .infotag, .disabled .infotag, .gray .infotag { display:none; } .infotag { display: block; position: absolute; width: 235px; margin-left: 235px; margin-top: -70px; border:1px solid #ccc; background:#fff; z-index:1; -moz-border-radius: 10px; -webkit-border-radius: 5px; display:none;} .infotag .infotext {color:#3b3b3b;padding:10px; box-shadow: 0 0 10px rgba(161, 179, 191, 0.4);background-color: white; padding: 10px 20px; text-align: center; position: relative;} .infotag:after {content: ''; position: absolute;top: 30px; left: -14px; border: 7px solid transparent; border-right: 7px solid #ccc; z-index: 10; } .infotag:before {content: ''; position: absolute;top: 31px; left: -12px; border: 6px solid transparent; border-right: 6px solid #fff; z-index: 15; } .infooptie {display: block; position: absolute; width: 135px; margin-left: 192px; margin-top: -15px; border:1px solid #F77E8C; z-index:1; background: url(../_images/warningIcon.png) no-repeat #FFEFF0 10px 11px; padding: 10px 10px 10px 35px; -moz-border-radius: 10px; -webkit-border-radius: 5px; box-shadow: 0 0 7px rgba(236, 175, 175, 0.96);} .infooptie:after {content: ''; position: absolute;top: 15px; left: -14px; border: 7px solid transparent; border-right: 7px solid #F77E8C; z-index: 10;} .infooptie:before {content: ''; position: absolute;top: 16px; left: -12px; border: 6px solid transparent; border-right: 6px solid #fff; z-index: 15; } .disabled .infooptie {display: none;} .infotag img { padding:10px; } .infotag p { font-size:11px; margin:5px 0 0 0; } .infotag strong { color: #3b3b3b; } .infotag ul { font-size:11px; margin-left: 15px; margin-top:5px;} #verpakkingfield { background:#F4F4F4 none repeat scroll 0 0; border:1px solid #79A8C1; float:left; width:350px; } #verpakkingfield h2 { margin: 0 0 15px 0px; font-size:14px; width: 330px; padding: 4px 10px 6px 10px; background: #5FA1C6; color:#FFFFFF; font-family:'Open sans', sans-serif; } .hover .hi { margin-top: -110px; } #pricer small { color:#5FA1C6; font-size:9px; line-height:11px; display:block; } .extra { line-height:25px; } .spacer { padding-top:10px; display:block; } /* CHILD kleinere button image - NONE */ #caseType-none, #discType-none, #insertType-none { background-image: url(../_images/childklein.png); height: 37px; background-position: 0 -703px; } #caseType-none.option, #caseType-none.option, #discType-none.option, #insertType-none.option { background-position: 0 -703px; } #caseType-none.hover, #discType-none.hover, #insertType-none.hover { background-position: -120px -703px; } #caseType-none.active, #discType-none.active, #insertType-none.active { background-position: -240px -703px; } #caseType-none.gray, #caseType-none.gray, #discType-none.gray, #insertType-none.gray, #caseType-none.disabled, #discType-none.disabled, #insertType-none.disabled { background-position: -360px -703px; } /* sub button */ .option span.button, .disabled span.button, .active span.button, .hover span.button, .gray span.button { float: right; padding-right: 20px; display: block; height: 60px; background-image: url(../_images/subarrow.png); background-repeat: no-repeat; width:0px; } .option span.button { background-position: -20px 0px; } .hover span.button { background-position: 0px 0px; } .active span.button { background-position: -40px 0px; } .gray span.button, .disabled span.button { background-position: -60px 0px; } /* PARENT Button images - DISC */ #CdSoort-A { background-image: url(../_images/parent.png); background-position: 0px 0px; } #CdSoort-A.option { background-position: 0 0px; } #CdSoort-A.hover { background-position: -120px 0px; } #CdSoort-A.gray, #CdSoort-A.disabled { background-position: -360px 0px; } #CdSoort-A.active { background-position: -240px 0px; } #discType-cdrom { background-image: url(../_images/parent.png); background-position: 0 -60px; } #discType-cdrom.option { background-position: 0 -60px; } #discType-cdrom.hover { background-position: -120px -60px; } #discType-cdrom.gray, #discType-cdrom.disabled{ background-position: -360px -60px; } #discType-cdrom.active { background-position: -240px -60px; } #DvdSoort-A { background-image: url(../_images/parent.png); background-position: 0 -120px; } #DvdSoort-A.option { background-position: 0 -120px; } #DvdSoort-A.hover { background-position: -120px -120px; } #DvdSoort-A.gray, #DvdSoort-A.disabled { background-position: -360px -120px; } #DvdSoort-A.active { background-position: -240px -120px; } #DvdSoort-2B { background-image: url(../_images/parent.png); background-position: 0 -180px; } #DvdSoort-2B.option { background-position: 0 -180px; } #DvdSoort-2B.hover { background-position: -120px -180px; } #DvdSoort-2B.gray, #DvdSoort-2B.disabled { background-position: -360px -180px; } #DvdSoort-2B.active { background-position: -240px -180px; } #DvdSoort-C { background-image: url(../_images/parent.png); background-position: 0 -240px; } #DvdSoort-C.option { background-position: 0 -240px; } #DvdSoort-C.hover { background-position: -120px -240px; } #DvdSoort-C.gray, #DvdSoort-C.disabled { background-position: -360px -240px; } #DvdSoort-C.active { background-position: -240px -240px; } #DvdSoort-D { background-image: url(../_images/parent.png); background-position: 0 -300px; } #DvdSoort-D.option { background-position: 0 -300px; } #DvdSoort-D.hover { background-position: -120px -300px; } #DvdSoort-D.gray, #DvdSoort-D.disabled { background-position: -360px -300px; } #DvdSoort-D.active { background-position: -240px -300px; } #discType-blu { background: url(../_images/parent.png); background-position: 0 -360px; } #discType-blu.option { background-position: 0 -360px; } #discType-blu.hover { background-position: -120px -360px; } #discType-blu.gray, #discType-blu.disabled { background-position: -360px -360px; } #discType-blu.active { background-position: -240px -360px; } #discType-blurom { background: url(../_images/parent.png); background-position: 0 -420px; } #discType-blurom.option { background-position: 0 -420px; } #discType-blurom.hover { background-position: -120px -420px; } #discType-blurom.gray, #discType-blurom.disabled { background-position: -360px -420px; } #discType-blurom.active { background-position: -240px -420px; } /* PARENT Button images - VERPAKKING */ #caseType-standard { background-image: url(../_images/parent.png); background-position: 0 -480px; } #caseType-standard.option { background-position: 0 -480px; } #caseType-standard.hover { background-position: -120px -480px; } #caseType-standard.gray, #caseType-standard.disabled { background-position: -360px -480px; } #caseType-standard.active { background-position: 0px -480px; } #caseType-dvd { background-image: url(../_images/parent.png); background-position: 0 -540px; } #caseType-dvd.option { background-position: 0 -540px; } #caseType-dvd.hover { background-position: -120px -540px; } #caseType-dvd.gray, #caseType-dvd.disabled { background-position: -360px -540px; } #caseType-dvd.active { background-position: 0px -540px; } #caseType-jacket { background-image: url(../_images/parent.png); background-position: 0 -600px; } #caseType-jacket.option { background-position: 0 -600px; } #caseType-jacket.hover { background-position: -120px -600px; } #caseType-jacket.gray, #caseType-jacket.disabled { background-position: -360px -600px; } #caseType-jacket.active { background-position: -240px -600px; } #caseType-digipak { background-image: url(../_images/parent.png); background-position: 0 -660px; } #caseType-digipak.option { background-position: 0 -660px; } #caseType-digipak.hover { background-position: -120px -660px; } #caseType-digipak.gray, #caseType-digipak.disabled { background-position: -360px -660px; } #caseType-digipak.active { background-position: 0px -660px; } #caseType-flexfile { background-image: url(../_images/parent.png); background-position: 0 -720px; } #caseType-flexfile.option { background-position: 0 -720px; } #caseType-flexfile.hover { background-position: -120px -720px; } #caseType-flexfile.gray, #caseType-flexfile.disabled { background-position: -360px -720px; } #caseType-flexfile.active { background-position: 0px -720px; } #caseType-sleeve { background-image: url(../_images/parent.png); background-position: 0 -780px; } #caseType-sleeve.option { background-position: 0 -780px; } #caseType-sleeve.hover { background-position: -120px -780px; } #caseType-sleeve.gray, #caseType-sleeve.disabled { background-position: -360px -780px; } #caseType-sleeve.active { background-position: 0px -780px; } #caseType-flexible { background-image: url(../_images/parent.png); background-position: 0 -840px; } #caseType-flexible.option { background-position: 0 -840px; } #caseType-flexible.hover { background-position: -120px -840px; } #caseType-flexible.gray, #caseType-flexible.disabled { background-position: -360px -840px; } #caseType-flexible.active { background-position: -240px -840px; } #caseType-spindel { background-image: url(../_images/parent.png); background-position: 0 -900px; } #caseType-spindel.option { background-position: 0 -900px; } #caseType-spindel.hover { background-position: -120px -900px; } #caseType-spindel.gray, #caseType-spindel.disabled { background-position: -360px -900px; } #caseType-spindel.active { background-position: -240px -900px; } /* PARENT Button images - DRUKWERK */ #insertType-voorkant { background-image: url(../_images/parent.png); background-position: 0 -960px; } #insertType-voorkant.option { background-position: 0 -960px; } #insertType-voorkant.hover { background-position: -120px -960px; } #insertType-voorkant.gray, #insertType-voorkant.disabled { background-position: -360px -960px; } #insertType-voorkant.active { background-position: 0px -960px; } #insertType-traycard { background-image: url(../_images/parent.png); background-position: 0 -1020px; } #insertType-traycard.option { background-position: 0 -1020px; } #insertType-traycard.hover { background-position: -120px -1020px; } #insertType-traycard.gray, #insertType-traycard.disabled { background-position: -360px -1020px; } #insertType-traycard.active { background-position: -240px -1020px; } #insertType-dvd { background-image: url(../_images/parent.png); background-position: 0 -1080px; } #insertType-dvd.option { background-position: 0 -1080px; } #insertType-dvd.hover { background-position: -120px -1080px; } #insertType-dvd.gray, #insertType-dvd.disabled { background-position: -360px -1080px; } #insertType-dvd.active { background-position: -240px -1080px; } #insertType-binnenkant{ background-image: url(../_images/parent.png); background-position: 0 -1140px; } #insertType-binnenkant.option { background-position: 0 -1140px; } #insertType-binnenkant.hover { background-position: -120px -1140px; } #insertType-binnenkant.gray, #insertType-binnenkant.disabled { background-position: -360px -1140px; } #insertType-binnenkant.active { background-position: 0px -1140px; } /*Button images - CHILD SPRITES *klein* */ #JewelcaseSoort-A { background-image: url(../_images/childklein.png); background-position: 0 0; } #JewelcaseSoort-A.option { background-position: 0 0; } #JewelcaseSoort-A.hover { background-position: -120px 0; } #JewelcaseSoort-A.gray, #JewelcaseSoort-A.disabled { background-position: -360px 0; } #JewelcaseSoort-A.active { background-position: -240px 0; } #JewelcaseSoort-B { background-image: url(../_images/childklein.png); background-position: 0px -37px; } #JewelcaseSoort-B.option { background-position: 0px -37px; } #JewelcaseSoort-B.hover { background-position: -120px -37px; } #JewelcaseSoort-B.gray, #JewelcaseSoort-B.disabled { background-position: -360px -37px; } #JewelcaseSoort-B.active { background-position: -240px -37px; } #JewelcaseSoort-C { background-image: url(../_images/childklein.png); background-position: 0px -74px; } #JewelcaseSoort-C.option { background-position: 0px -74px; } #JewelcaseSoort-C.hover { background-position: -120px -74px; } #JewelcaseSoort-C.gray, #JewelcaseSoort-C.disabled { background-position: -360px -74px; } #JewelcaseSoort-C.active { background-position: -240px -74px; } #JewelcaseSoort-D { background-image: url(../_images/childklein.png); background-position: 0 -111px; } #JewelcaseSoort-D.option { background-position: 0 -111px; } #JewelcaseSoort-D.hover { background-position: -120px -111px; } #JewelcaseSoort-D.gray, #JewelcaseSoort-D.disabled { background-position: -360px -111px; } #JewelcaseSoort-D.active { background-position: -240px -111px; } #JewelcaseSoort-E { background-image: url(../_images/childklein.png); background-position: 0 -740px; } #JewelcaseSoort-E.option { background-position: 0 -740px; } #JewelcaseSoort-E.hover { background-position: -120px -740px; } #JewelcaseSoort-E.gray, #JewelcaseSoort-E.disabled { background-position: -360px -740px; } #JewelcaseSoort-E.active { background-position: -240px -740px; } #JewelcaseSoort-F { background-image: url(../_images/childklein.png); background-position: 0 -777px; } #JewelcaseSoort-F.option { background-position: 0 -777px; } #JewelcaseSoort-F.hover { background-position: -120px -777px; } #JewelcaseSoort-F.gray, #JewelcaseSoort-F.disabled { background-position: -360px -777px; } #JewelcaseSoort-F.active { background-position: -240px -777px; } #DVDboxSoort-A { background-image: url(../_images/childklein.png); background-position: 0 -148px; } #DVDboxSoort-A.option { background-position: 0 -148px; } #DVDboxSoort-A.hover { background-position: -120px -148px; } #DVDboxSoort-A.gray, #DVDboxSoort-A.disabled { background-position: -360px -148px; } #DVDboxSoort-A.active { background-position: -240px -148px; } #DVDboxSoort-B { background-image: url(../_images/childklein.png); background-position: 0 -185px; } #DVDboxSoort-B.option { background-position: 0 -185px; } #DVDboxSoort-B.hover { background-position: -120px -185px; } #DVDboxSoort-B.gray, #DVDboxSoort-B.disabled { background-position: -360px -185px; } #DVDboxSoort-B.active { background-position: -240px -185px; } #DVDboxSoort-C { background-image: url(../_images/childklein.png); background-position: 0 -222px; } #DVDboxSoort-C.option { background-position: 0 -222px; } #DVDboxSoort-C.hover { background-position: -120px -222px; } #DVDboxSoort-C.gray, #DVDboxSoort-C.disabled { background-position: -360px -222px; } #DVDboxSoort-C.active { background-position: -240px -222px; } #DVDboxSoort-D { background-image: url(../_images/childklein.png); background-position: 0 -259px; } #DVDboxSoort-D.option { background-position: 0 -259px; } #DVDboxSoort-D.hover { background-position: -120px -259px; } #DVDboxSoort-D.gray, #DVDboxSoort-D.disabled { background-position: -360px -259px; } #DVDboxSoort-D.active { background-position: -240px -259px; } #DigipakSoort-A { background-image: url(../_images/childklein.png); background-position: 0 -296px; } #DigipakSoort-A.option { background-position: 0 -296px; } #DigipakSoort-A.hover { background-position: -120px -296px; } #DigipakSoort-A.gray, #DigipakSoort-A.disabled { background-position: -360px -296px; } #DigipakSoort-A.active { background-position: -240px -296px; } #DigipakSoort-B { background-image: url(../_images/childklein.png); background-position: 0 -333px; } #DigipakSoort-B.option { background-position: 0 -333px; } #DigipakSoort-B.hover { background-position: -120px -333px; } #DigipakSoort-B.gray, #DigipakSoort-B.disabled { background-position: -360px -333px; } #DigipakSoort-B.active { background-position: -240px -333px; } #FlexfileSoort-A { background-image: url(../_images/childklein.png); background-position: 0 -370px; } #FlexfileSoort-A.option { background-position: 0 -370px; } #FlexfileSoort-A.hover { background-position: -120px -370px; } #FlexfileSoort-A.gray, #FlexfileSoort-A.disabled { background-position: -360px -370px; } #FlexfileSoort-A.active { background-position: -240px -370px; } #FlexfileSoort-B { background-image: url(../_images/childklein.png); background-position: 0 -407px; } #FlexfileSoort-B.option { background-position: 0 -407px; } #FlexfileSoort-B.hover { background-position: -120px -407px; } #FlexfileSoort-B.gray, #FlexfileSoort-B.disabled{ background-position: -360px -407px; } #FlexfileSoort-B.active { background-position: -240px -407px; } #SleeveSoort-A { background-image: url(../_images/childklein.png); background-position: 0 -444px; } #SleeveSoort-A.option { background-position: 0 -444px; } #SleeveSoort-A.hover { background-position: -120px -444px; } #SleeveSoort-A.gray, #SleeveSoort-A.disabled { background-position: -360px -444px; } #SleeveSoort-A.active { background-position: -240px -444px; } #SleeveSoort-B { background-image: url(../_images/childklein.png); background-position: 0 -481px; } #SleeveSoort-B.option { background-position: 0 -481px; } #SleeveSoort-B.hover { background-position: -120px -481px; } #SleeveSoort-B.gray, #SleeveSoort-B.disabled { background-position: -360px -481px; } #SleeveSoort-B.active { background-position: -240px -481px; } #insertType-covercard { background-image: url(../_images/childklein.png); background-position: 0 -518px; } #insertType-covercard.option { background-position: 0 -518px; } #insertType-covercard.hover { background-position: -120px -518px; } #insertType-covercard.gray, #insertType-covercard.disabled { background-position: -360px -518px; } #insertType-covercard.active { background-position: -240px -518px; } #insertType-vouwvel { background-image: url(../_images/childklein.png); background-position: 0 -555px; } #insertType-vouwvel.option { background-position: 0 -555px; } #insertType-vouwvel.hover { background-position: -120px -555px; } #insertType-vouwvel.gray, #insertType-vouwvel.disabled { background-position: -360px -555px; } #insertType-vouwvel.active { background-position: -240px -555px; } #insertType-cdbooklet { background-image: url(../_images/childklein.png); background-position: 0 -592px; } #insertType-cdbooklet.option { background-position: 0 -592px; } #insertType-cdbooklet.hover { background-position: -120px -592px; } #insertType-cdbooklet.gray, #insertType-cdbooklet.disabled { background-position: -360px -592px; } #insertType-cdbooklet.active { background-position: -240px -592px; } #insertType-dvdInside { background-image: url(../_images/childklein.png); background-position: 0 -629px; } #insertType-dvdInside.option { background-position: 0 -629px; } #insertType-dvdInside.hover { background-position: -120px -629px; } #insertType-dvdInside.gray, #insertType-dvdInside.disabled { background-position: -360px -629px; } #insertType-dvdInside.active { background-position: -240px -629px; } #insertType-dvdbooklet { background-image: url(../_images/childklein.png); background-position: 0 -666px; } #insertType-dvdbooklet.option { background-position: 0 -666px; } #insertType-dvdbooklet.hover { background-position: -120px -666px; } #insertType-dvdbooklet.gray, #insertType-dvdbooklet.disabled { background-position: -360px -666px; } #insertType-dvdbooklet.active { background-position: -240px -666px; } /* "2-sided" checkboxes */ .twoSided-inner { margin: 5px 0 0 5px; } #pricerPriceTable td { padding:2px; } #pricerPriceTable { width:170px; font-size:12px; /*background-image: url(../_images/QQPricingTableMiddle.gif);*/ background-repeat: repeat-y; } /* STAP2 Form Elements */ #stap2 label { position: relative; display: block; float: left; clear: both; border: 0px solid #dedede; padding: 0px; line-height: 12px; } #stap2 label.active { color: #666; } .error, #stap2 label.error { color: #e8505d; } #stap2 label input, textarea { padding: 2px; border: 1px solid #afafaf; font-family:Arial, Helvetica, sans-serif; font-size:12px; } #stap2 .infopop { font-size:9px }; #stap2 label input.active { border: 1px solid green; } #stap2 label input.error { border: 1px solid #e8505d; } #stap2 .option, #stap2 .disabled, #stap2 .active, #stap2 .hover { margin:0; width: auto; height: auto; background-repeat: none; } #techniekPersen { background-image: url("../_images/childklein.png"); background-position: 0 -1665px; } #techniekPersen.option { background-position: 0 -1665px; } #techniekPersen.hover { background-position: -120px -1665px; } #techniekPersen.gray, #techniekPersen.disabled { background-position: -360px -1665px; } #techniekPersen.active { background-position: -240px -1665px; } #techniekBranden { background-image: url("../_images/childklein.png"); background-position: 0 -1702px; } #techniekBranden.option { background-position: 0 -1702px; } #techniekBranden.hover { background-position: -120px -1702px; } #techniekBranden.gray, #techniekBranden.disabled { background-position: -360px -1702px; } #techniekBranden.active { background-position: -240px -1702px; } #options-checkboxes-disc{ float:none; } #options-checkboxes-disc fieldset { float:none; } #options-checkboxes-disc fieldset h2{ } .opt-tran{ } optgroup option { padding-left: 10px; } .subPackage label{ padding-left:8px; } .ctrDropDown{ width:130px; font-family: arial,helvetica,sans-serif; font-size: 9px; color: #4B4B4B; } .ctrDropDownClick{ width:auto; font-family: arial,helvetica,sans-serif; font-size: 9px; color: #4B4B4B; } .plainDropDown{ width:130px; font-family: arial,helvetica,sans-serif; font-size: 9px; color: #4B4B4B; } .tb_left_cell { padding-right: 10px;} .video-block-right { border: 2px solid #CCCCCC; float: left; font-size: 11px; height: 123px; letter-spacing: 1px; margin: 10px 0 10px 20px; padding: 12px 10px 0 8px; text-align: center; width: 150px; } .video-block-right span { font-weight: bold; } .infooptie{ /*bottom: 12px; left: 15px !important; margin: 0 !important; position: absolute !important; */ } .info-window-label{ position: relative !important; } .infotag-br-line{ font-weight: bold; } .dct-drp:after, .gray-drp:after {content:''; position: absolute; top: 28px; right: 20px; width: 6px; height: 10px; background: url(../../images/drp2.png);} .act-drp:after {content:''; position: absolute; top: 28px; right: 20px; width: 10px; height: 6px; background: url(../../images/drp1.png);} .package.dct-drp:after, .package.gray-drp:after {content:''; position: absolute; top: 28px; right: 20px; width: 6px; height: 10px; background: url(../../images/drp4.png);} .package.act-drp:after {content:''; position: absolute; top: 28px; right: 20px; width: 10px; height: 6px; background: url(../../images/drp3.png);} .print.dct-drp:after, .print.gray-drp:after {content:''; position: absolute; top: 28px; right: 20px; width: 6px; height: 10px; background: url(../../images/drp4.png);} .print.act-drp:after {content:''; position: absolute; top: 28px; right: 20px; width: 10px; height: 6px; background: url(../../images/drp3.png);} .info-window-label {position: relative; } .info-window-label:before {content:''; position: absolute; width: 17px; height: 17px; background: #fff; left: -25px; top: -1px; pointer-events: none} .info-window-label.info-window-label-checked:after {content:''; position: absolute; width: 17px; height: 17px; background: url(../_images/checker.png) no-repeat 3px 5px; left: -25px; top: -1px; pointer-events: none;} @media (max-width: 992px){ .activecontainer fieldset{width:46%;} .b1 {width: auto;} .b1_left {float: none; margin: 0 auto 30px;} .b1_right {float: none; margin: 0 auto 30px;} #firstcontainer, .mobix1, .mobix2, #options-checkboxes-disc {width: 46%} #firstcontainer fieldset{width:100%}; .firstcontainer.last {width: 46%;} .firstcontainer.last #options-checkboxes-disc {width: 100%} .wrapper {width: auto;} .header {height: auto;} .header h1 {float: none; width: auto; text-align: center; padding: 0 20px 20px;} .header h1 a {width: auto; display: inline-block;} .header-right {float: none; width: auto; margin: 0 0 10px; text-align: center; padding: 0 0 33px;} .online-button {margin: 0 0 20px;} .soc-icons {float: left; width: 50%; margin: 0; padding: 0;} .head-links {float: left; width: 50%; margin: 0; padding: 0;} .nav > ul > li a { padding: 0px 6px;} .grid-item.item5 {width: auto;} .footer {height: auto; background-size: contain;} .grid-item.item1 {width: 100%; text-align: center;} .grid-item.item2, .grid-item.item3, .grid-item.item4 {width: 25%;} .footer .item1 p {margin-left: 0;} } @media (max-width: 600px){ .activecontainer fieldset { width: 100%; } #firstcontainer, .firstcontainer {float:none!important;margin: 0 auto 30px; width: 90%;} .mobix1, .mobix2, #options-checkboxes-disc { min-width: 230px; width: 100%; float: none; margin: 0 auto 30px; } .firstcontainer.last {width: 90%;} .header {height: auto;} .header h1 {float: none; width: auto; text-align: center; padding: 0 20px 20px;} .header h1 a {width: auto; display: inline-block;} .header-right {float: none; width: auto; margin: 0 0 10px; text-align: center; padding: 0 0 33px;} .online-button {margin: 0 0 20px;} .wrapper {width: auto;} .soc-icons {float: left; width: 50%; margin: 0; padding: 0;} .head-links {float: left; width: 50%; margin: 0; padding: 0;} .nav {display: none;} .b1 {width: auto;} .b1_right {width: auto; padding: 20px; background: #f7fbfd;} .grid-item.item5 {width: auto;} .footer {height: auto; background-size: cover;} .grid-item.item1 {width: 100%; text-align: center;} .grid-item.item2, .grid-item.item3, .grid-item.item4 {width: 49%;} .footer .item1 p {margin-left: 0;} } .active-heading { background-color: #1a77a3; } .bigcaption_t{ line-height: 50px; padding-left: 10px; } .mobix0.active .bigcaption_t{ color:#fff; } .info-window-label{ line-height:20px; height:20px; overflow:hidden; } optgroup option:disabled { font-weight: normal; } optgroup option { padding-left: 10px; font-weight: bold; }