/* GLOBAL */ body {text-align:center;font-family:Arial, Helvetica, sans-serif;font-size:62.5%;line-height:1.7em;} .print {display:none;} .fout { color: Red;} /* PAGE STRUCTURE */ #container {width:972px;margin:0px auto;text-align:left;font-size:1.2em;} hr {background:0;border:0;border-top:1px solid #CCC;margin:20px 0 0 ;} #home #klantenservice #klantenservicelanding.xpressservices #main { height: auto !important; margin-top: 30px; min-height:630px; } #home #klantenservice #klantenservicelanding.xpressservices #content-primary { margin-bottom: 0px; } #home #klantenservice #klantenservicelanding #main {background:url(../images/bg_klantenservice.jpg) no-repeat left bottom;height:344px;} #content #main, #producten #main {background:url(../images/bg_content.jpg) no-repeat left bottom;padding-bottom:70px;height:auto;} #content #main, #klantenservice #main, #subscriptionservice #main {background:url(../images/bg_content.jpg) no-repeat left bottom;padding-bottom:70px;height:auto;} #landingspage #main {background:url(../images/bg_content?.jpg) ;height:467px;} /* #klantenservice #main {background:url(../images/bg_content?.jpg) ;height:auto;} */ #home #landingspage #content #main, #landingspage #main {padding-bottom:70px;height:auto;} #home #landingspage #content-primary {width:307px;height:315px;float:left;margin:42px 0 0 5px;background:url(../images/landing_producten.jpg) no-repeat;} #home #landingspage #content-secondary {width:307px;height:315px;float:left;margin:42px 0 0 18px;background:url(../images/landing_klanten.jpg) no-repeat;} #home #landingspage #content-tertiary {width:307px;height:315px;float:left;margin:42px 0 0px 18px;background:url(../images/landing_inloggen.jpg) no-repeat;} #home #landingspage #content-primary-inner{width:307px;margin:0 0 0 0;} #home #landingspage .content-inner p {margin:100px 10px 0 10px;} #home #landingspage #content-tertiary .content-inner{margin:100px 0 0 10px;} #home #landingspage #content-tertiary .content-inner2{margin:0px 0 0 10px;} #landingspage #content #main, #landingspage #main {padding-bottom:70px;height:auto;} #landingspage #content-primary {width:307px;height:315px;float:left;margin:42px 0 0 5px;background:url(../images/landing_producten.jpg) no-repeat;} #landingspage #content-secondary {width:307px;height:315px;float:left;margin:42px 0 0 18px;background:url(../images/landing_klanten.jpg) no-repeat;} #landingspage #content-tertiary {width:307px;height:315px;float:left;margin:42px 0 0px 18px;background:url(../images/landing_inloggen.jpg) no-repeat;} #landingspage #content-primary-inner{width:307px;margin:0 0 0 0;} #landingspage .content-inner p {margin:100px 10px 0 10px;} #landingspage #content-tertiary .content-inner{margin:100px 0 0 10px;} #landingspage #content-tertiary .content-inner2{margin:0px 0 0 10px;} /* #home #content-primary {width:486px;float:left;margin:5px 0 70px 0;} #home #content-secondary {width:486px;float:left;margin:5px 0 0 0;} #home #content-primary .content-inner{padding:0 20px;border-left:1px solid #F1AD19;margin-left:23px;margin-bottom:30px;} #home #content-secondary .content-inner{padding:0 20px;border-left:1px solid #F1AD19;} #home .content-inner p {margin:20px 0 0 0;} */ #home #klantenservice #klantenservicelanding.xpressservices #content-primary { width: auto; } #home #klantenservice #klantenservicelanding.xpressservices #content-secondary { width: 230px; margin-left: 20px; color: #5A6C97; } #home #klantenservice #klantenservicelanding.xpressservices #content-secondary h3 { color: #5A6C97; text-transform: none; font-size: 1.8em; margin-bottom: 18px; line-height: 26px; } #home #klantenservice #klantenservicelanding.xpressservices #zoekboxwrapper { width: 230px; background-color: #5A6C97; height: 60px; padding-top: 6px; } #home #klantenservice #klantenservicelanding.xpressservices #zoekbox { margin-left: 8px; width: 218px; } #home #klantenservice #klantenservicelanding.xpressservices #zoekbox #zoekbutton { background-color: #D9ECF7; } #home #klantenservice #klantenservicelanding.xpressservices #zoekbox input { height: 19px; width: 60px; margin: 0px; padding: 0px; border: 0px; } #home #klantenservice #klantenservicelanding.xpressservices #zoekbox #vraag { width: 140px; *margin-left: -8px; } #home #klantenservice #klantenservicelanding.xpressservices #zoekbox h2 { width: 230px; color: #FFF; margin: 0px; padding: 0px; line-height: 20px; margin-bottom: 7px; } #home #klantenservice #klantenservicelanding #content-primary {width:486px;float:left;margin:5px 0 70px 0;} #home #klantenservice #klantenservicelanding #content-secondary {width:486px;float:left;margin:5px 0 0 0;} #home #klantenservice #klantenservicelanding #content-primary .content-inner{padding:0 20px;border-left:1px solid #F1AD19;margin-left:23px;margin-bottom:30px;} #home #klantenservice #klantenservicelanding #content-secondary .content-inner{padding:0 20px;border-left:1px solid #F1AD19;} #home #klantenservice #klantenservicelanding .content-inner p {margin:20px 0 0 0;} #home #klantenservice #klantenservicelanding .iframe iframe { border: 0px; overflow: hidden; } #content #content-primary {width:634px;float:left;} #content #content-primary .content-inner{margin:14px 0 0 188px;border-left:1px solid #F1AD19;padding:0 0 0 33px;} #content #content-secondary {width:337px;float:left;margin:0;} #content #content-secondary .content-inner{padding:0 0 0 60px;margin:14px 0 30px 0;} #home #klantenservice #content-primary {width:634px;float:left;} #home #klantenservice #content-primary .content-inner{margin:14px 0 0 188px;border-left:1px solid #F1AD19;padding:0 0 0 33px;} #home #klantenservice #content-secondary {width:337px;float:left;margin:0;} #home #klantenservice #content-secondary .content-inner{padding:0 0 0 60px;margin:14px 0 30px 0;} #producten #content-secondary {width:173px;float:left;margin:0 33px 0 0;border-right:1px solid #F1AD19;padding-left:15px;} #producten #content-secondary .content-inner{padding:0;} #producten #content-primary {width:450px;float:left;margin-bottom:50px;} #producten #content-primary .content-inner{} #producten #content-full {width:656px;float:left;margin:0 0 50px 0;padding-left:15px;} #producten #content-full .content-inner{} #producten #content-tertiary { width: 252px; float: left; margin: 0 0px 50px 33px; } #producten #content-tertiary .content-inner{} #producten #content-secondary-cart {width:173px;float:left;margin:00;} #producten #content-secondary-cart .content-inner{padding:0;} #producten #content-primary-cart {width:735px;float:left;margin-bottom:50px;border-left:1px solid #F1AD19;padding-left:33px;} #producten #content-primary-cart .content-inner{} #producten input.btn_shop {background:url(../images/btn_shop.png) no-repeat left top;border:0;height:30px;overflow:hidden;width:173px;margin:0;margin-left:5px;float:right;padding-top:30px; cursor: pointer;} #producten input.btn_shop:hover {background-position: 0 -37px;} #producten .info-left {float:left;width:140px;display:block;} #producten .info-right {float:left;width:310px;display:block;} #producten .info-left img {margin-top:10px;border:0;width:120px;float:left;} #producten .info-right span {font-weight:bold;color:#037DC8;display:block;margin:10px 0 5px 0;} #producten .info-right ul {margin-left:7px;} #producten .info-right ul li {background:url(../images/questionlist_li.png) no-repeat left 2px;padding-left:15px;display:list-item;} #producten #content-tertiary img {float:left;padding:0 10px 0 0;} #content-secondary #producten img {float:left;padding:0 10px 0 0;} #logo {width:972px;padding:15px 0 5px 2px;} #logo h1 {background:url(../images/logo.png) no-repeat left top;width:184px; height:38px;margin:0;} #header {background:url(../images/header_klantenservice.jpg) no-repeat left top;width:972px; height:90px;margin:20px 0;} #producten #header {background:url(../images/header_producten.jpg) no-repeat left top;width:972px; height:90px;margin:20px 0 32px 0;} #footer {color:#999;font-size:0.9em;text-align:right;margin-top:20px;} #footer a {color:#999;font-style:italic;} #landingspage #footer {color:#999;font-size:0.9em;text-align:right;margin-top:89px;} #landingspage #footer a {color:#999;font-style:italic;} /* SITE & SUBNAVIGATION */ #home #sitenavigation #nosub {height:22px;overflow:hidden;} #home #sitenavigation {text-align:right;font-weight:bold;width:972px;height:23px;margin:0;} #home #sitenavigation ul {list-style:none;margin:0 0 0 auto;padding:0;width:696px;} #home #sitenavigation li {display:inline;float:left;} #home #sitenavigation a {text-decoration:none;display:block;overflow:hidden;height:23px;background:url(../images/sitenavigation.png) no-repeat;} #home #sitenavigation span {display:none;} #sitenavigation_xpress {text-align:right;font-weight:bold;width:972px;height:23px;margin:0;} #sitenavigation_xpress ul {list-style:none;margin:0 0 0 auto;padding:0;width:342px;} #sitenavigation_xpress li {display:inline;float:left;} #sitenavigation_xpress a {text-decoration:none;display:block;overflow:hidden;height:23px;background:url(../images/sitenavigation.png) no-repeat;} #sitenavigation_xpress span {display:none;} #sitenavigation_producten {text-align:right;font-weight:bold;width:972px;height:23px;margin:0;} #sitenavigation_producten ul {list-style:none;margin:0 0 0 auto;padding:0;width:342px;} #sitenavigation_producten li {display:inline;float:left;} #sitenavigation_producten a {text-decoration:none;display:block;overflow:hidden;height:23px;background:url(../images/sitenavigation_producten.png) no-repeat;} #sitenavigation_producten span {display:none;} /* SITENAVIGATION 1 / KLANTENSERVICE HOMEPAGE */ #home #sitenavigation #nav_4 {width:243px;background-position:0 0;height:23px;} #home #sitenavigation #nav_4:hover,#sitenavigation #nav_1.active {background-position:0 -27px;} /* SITENAVIGATION 2 / KLANTENSERVICE SERVICES */ #home #sitenavigation #nav_5 {width:94px;background-position:-243px 0;height:23px;} #home #sitenavigation #nav_5:hover,#home #sitenavigation #nav_5.active {background-position:-243px -27px;} /* SITENAVIGATION 3 / KLANTENSERVICE MIJN ADRESGEGEVENS */ #home #sitenavigation #nav_6 {width:176px;background-position:-337px 0;height:23px;} #home #sitenavigation #nav_6:hover,#home #sitenavigation #nav_6.active {background-position:-337px -27px;} /* SITENAVIGATION 4 / KLANTENSERVICE CONTACT */ #home #sitenavigation #nav_7 {width:94px;background-position:-513px 0;height:23px;} #home #sitenavigation #nav_7:hover,#home #sitenavigation #nav_7.active {background-position:-513px -27px;} /* SITENAVIGATION 5 / KLANTENSERVICE PRODUCTEN */ #home #sitenavigation #nav_8 {width:89px;background-position:-607px 0;height:23px;} #home #sitenavigation #nav_8:hover,#home #sitenavigation #nav_8.active {background-position:-607px -27px;} /* SITENAVIGATION XPRESS 1 / HOME */ #home #sitenavigation_xpress #nav_1 {width:83px;background-position:-160px 0;height:22px;} #home #sitenavigation_xpress #nav_1:hover,#home #sitenavigation_xpress #nav_1.active {background-position:-160px -27px;} /* SITENAVIGATION XPRESS 2 / CONTACT */ #home #sitenavigation_xpress #nav_7 {width:94px;background-position:-513px 0;height:22px;} #home #sitenavigation_xpress #nav_7:hover,#home #sitenavigation_xpress #nav_7.active {background-position:-513px -27px;} /* SITENAVIGATION XPRESS 3 / PRODUCTEN */ #home #sitenavigation_xpress #nav_8 {width:89px;background-position:-607px 0;height:22px;} #home #sitenavigation_xpress #nav_8:hover,#home #sitenavigation_xpress #nav_8.active {background-position:-607px -27px;} /* SITENAVIGATION PRODUCTEN 1 / HOME */ #home #sitenavigation_producten #nav_1 {width:83px;background-position:0 0;height:23px;} #home #sitenavigation_producten #nav_1:hover,#home #sitenavigation_producten #nav_1.active {background-position:0 -27px;} /* SITENAVIGATION PRODUCTEN 2 / WINKELWAGEN */ #home #sitenavigation_producten #nav_2 {width:133px;background-position:-83px 0;height:23px;} #home #sitenavigation_producten #nav_2:hover,#home #sitenavigation_producten #nav_2.active {background-position:-83px -27px;} /* SITENAVIGATION PRODUCTEN 3 / KLANTENSERVICE */ #home #sitenavigation_producten #nav_3 {width:126px;background-position:-216px 0;height:23px;} #home #sitenavigation_producten #nav_3:hover,#home #sitenavigation_producten #nav_3.active {background-position:-216px -27px;} /* SUBNAVIGATION SECTION SERVICES */ #home #subnavigation_2 {text-align:right;font-weight:bold;width:972px;height:23px;margin-bottom:15px;margin-top:7px;} #home #subnavigation_2 ul {list-style:none;margin:0 0 0 auto;padding:0;width:825px;} #home #subnavigation_2 li {display:inline;float:left;} #home #subnavigation_2 a {text-decoration:none;display:block;overflow:hidden;height:23px;background:url(../images/nav_2_subnavigation.png) no-repeat;} #home #subnavigation_2 span {display:none;} /* SUBNAVIGATION SECTION SERVICES SUB 1 */ #home #subnavigation_2 #nav_9 {width:249px;background-position:0 0;height:23px;} #home #subnavigation_2 #nav_9:hover,#home #subnavigation_2 #nav_9.active {background-position:0 -30px;} /* SUBNAVIGATION SECTION SERVICES SUB 2 */ #home #subnavigation_2 #nav_10 {width:180px;background-position:-249px 0;height:23px;} #home #subnavigation_2 #nav_10:hover,#home #subnavigation_2 #nav_10.active {background-position:-249px -30px;} /* SUBNAVIGATION SECTION SERVICES SUB 3 */ #home #subnavigation_2 #nav_11 {width:216px;background-position:-429px 0;height:23px;} #home #subnavigation_2 #nav_11:hover,#home #subnavigation_2 #nav_11.active {background-position:-429px -30px;} /* SUBNAVIGATION SECTION SERVICES SUB 4 */ #home #subnavigation_2 #nav_12 {width:180px;background-position:-645px 0;height:23px;} #home #subnavigation_2 #nav_12:hover,#home #subnavigation_2 #nav_12.active {background-position:-645px -30px;} /* SUBNAVIGATION SECTION CONTACT */ #home #subnavigation_4 {text-align:right;font-weight:bold;width:972px;height:23px;margin-bottom:15px;margin-top:7px;} #home #subnavigation_4 ul {list-style:none;margin:0 0 0 auto;padding:0;width:478px;} #home #subnavigation_4 li {display:inline;float:left;} #home #subnavigation_4 a {text-decoration:none;display:block;overflow:hidden;height:23px;background:url(../images/nav_4_subnavigation.png) no-repeat;} #home #subnavigation_4 span {display:none;} /* SUBNAVIGATION SECTION CONTACT SUB 1 */ #home #subnavigation_4 #nav_13 {width:174px;background-position:0 0;height:23px;} #home #subnavigation_4 #nav_13:hover,#home #subnavigation_4 #nav_13.active {background-position:0 -30px;} /* SUBNAVIGATION SECTION CONTACT SUB 2 */ #home #subnavigation_4 #nav_14 {width:180px;background-position:-174px 0;height:23px;} #home #subnavigation_4 #nav_14:hover,#home #subnavigation_4 #nav_14.active {background-position:-174px -30px;} /* SUBNAVIGATION SECTION CONTACT SUB 3 */ #home #subnavigation_4 #nav_15 {width:124px;background-position:-354px 0;height:23px;} #home #subnavigation_4 #nav_15:hover,#home #subnavigation_4 #nav_15.active {background-position:-354px -30px;} /* TEXT STYLES */ /* HEADINGS & STANDARD TEXT STYLES*/ h1 {font-size:1.3em;margin:0;padding:0;font-weight:normal; text-transform:uppercase;color:#790032;} h2 {font-size:1.5em;margin:20px 0 10px 0;padding:0;font-weight:bold;} h3 {font-size:1.3em;margin:0;padding:0;font-weight:normal; text-transform:uppercase;color:#790032;} h4 {font-size:1.1em;margin:30px 0 13px 0;padding:0;font-weight:bold;color:#000;} h5 {font-size:1.1em;margin:20px 0 10px 0;padding:0;} a {color: #037DC8;} p {margin:10px 0;line-height:1.4em;} strong {font-weight:bold;} .align-left {float:left;} .align-right {float:right;} /* HEADINGS KLANTENSERVICE */ /* #klantenservice h2 {font-size:2.0em;color:#737373;text-transform:uppercase;font-weight:bold;margin:0 0 20px;} #klantenservice h3 {font-size:1.5em;color:#037DC8;text-transform:none;font-weight:bold;margin:30px 0 0;}*/ /* #klantenservice h4 {font-size:1.3em;background:#737373;color:#FFF;text-transform:uppercase;font-weight:normal;padding:5px; margin-top:0;} /* #klantenservice h5 {color:#037DC8;} /* HEADINGS PRODUCTEN */ #producten h2 {font-size:2.0em;color:#737373;text-transform:uppercase;font-weight:bold;margin:1px 0 20px;} #producten h3 {font-size:1.5em;color:#037DC8;text-transform:none;font-weight:bold;margin:30px 0 0;} #wachtwoordservice h3 {font-size:1.5em;color:#037DC8;text-transform:none;font-weight:bold;margin:0px 0 0;} #producten h4 {font-size:1.3em;background:#737373;color:#FFF;text-transform:uppercase;font-weight:normal;padding:5px; margin-top:0;} #producten h5 {color:#037DC8;} /* UNORDERED LISTS PRODUCTEN */ #producten #main ul {margin-left:7px;} #producten #main ul li {background:url(../images/questionlist_li.png) no-repeat left 2px;padding:0 0 4px 15px;display:list-item;} #producten #main ul li a {color:#000;text-decoration:none;} #producten #main ul li a:hover {text-decoration:underline;} /* CONTENT SECONDARY PRODUCT NAVIGATION LIST */ .subnavigation_producten {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;} .subnavigation_producten h3.header_sector {background:url(../images/kop_sector.png) no-repeat left top;height:20px;margin:0 !important;} .subnavigation_producten h3.header_product {background:url(../images/kop_product.png) no-repeat left top;height:20px;margin-top:15px;} .subnavigation_producten h3 span{display:none;} .subnavigation_producten li {padding:0 0 8px 0;} /* FORMS */ /*form {width:375px;padding-top:30px;}*/ form br {clear:both;} #klantenservice #form label {float:left;display:block;width:170px;padding-top:4px;} #klantenservice #form input {width:200px;display:block;float:left;border:1px inset #DDD;height:16px;margin-bottom:12px} form label {float:left;display:block;width:170px;padding-top:4px;} form input {width:200px;float:left;border:1px inset #DDD;height:16px;margin-bottom:12px;} form input.disabledTextBox {background-color:#FFFFFF;border-color:#FFFFFF;border-style:solid;color:black;} form span.radio input{width:auto;border:0;display:block;float:left;margin-top:2px} form input.radio, form input.checkbox {width:auto;border:0;display:block;float:left;} form label.radio {width:auto;padding-top:2px;} select {width:200px;float:left;margin-bottom:12px} form select {width:200px;float:left;margin-bottom:12px} form textarea {width:200px;height:100px;float:left;border:1px solid #DDD;} /* form a {text-align:right;display:block;margin:0 0 15px;font-size:0.9em;}*/ form table.variants td {vertical-align:top;} form table.variants td input {width:auto;border:0;margin-top:4px;margin-right:2px;vertical-align:top;} form table.variants td label {width:auto;} /* table tr td span input {width:auto;border:0;display:block;float:left;margin-top:4px}*/ #klantenservice table tbody tr td input {width:auto;border:0;display:block;float:left;margin-top:4px} form input.checkbox {width:auto;border:0;} form span.checkbox input {width:auto;border:0;} form label.checkbox {width:auto;padding-top:2px;} form input.btn {width:auto;} span.required {font-size:1.5em;font-weight:bold;color:#F1AD19;} /*span.required {font-weight:bold;color:#F1AD19;}*/ /*form span.required {float:right;margin-top:-12px;margin-right:7px;}*/ form .auto {width:auto;} form input.btn_submit {background:url(../images/btn_submit.png) no-repeat left top;border:0;height:30px;overflow:hidden;width:111px;margin:0;margin-top:18px;float:right;padding-top:30px; cursor: pointer;} form input.btn_submit:hover {background-position: 0 -31px;} form input.btn_verder {background:url(../images/btn_verder.png) no-repeat left top;border:0;height:30px;overflow:hidden;width:111px;margin:0;margin-top:18px;float:right;padding-top:30px; cursor: pointer;} form input.btn_verder:hover {background-position: 0 -31px;} /* FORMS EXTRA: LOGIN FORM */ a.link-login {font-size:0.9em;} #login {width:252px;padding-top:15px;} #login label {width:102px;display:block;float:left;padding-top:4px;} #login input {width:230px;width:145px;border:1px inset #DDD;height:16px;float:left;margin-bottom:12px;} #login p {float:left;width:245px;line-height:1.2em;margin:0 !important;font-size:0.9em;} #login a {text-align:left;display:inline;margin:0;font-size:1em;line-height:2em;} #login input.btn_login {background:url(../images/btn_login.png) no-repeat left top;border:0;height:30px;overflow:hidden;width:111px;margin:0;margin-top:6px;float:right;padding-top:30px; cursor: pointer;} #login input.btn_login:hover {background-position: 0 -31px;} /* FORMS EXTRA: LANDINGSPAGE FORM */ #landingspage #login {width:252px;padding-top:0px;margin-right:15px;} #login input.btn_login_landingspage {background:url(../images/btn_login_landingspage.png) no-repeat left top;border:0;height:30px;overflow:hidden;width:111px;margin:0;margin-top:6px;float:right;padding-top:30px; cursor: pointer;} /* FORMS EXTRA: PRODUCTEN SECTION LOGIN FORM */ #producten #login {width:252px;padding-top:5px;margin-bottom:15px;} #producten #login {width:252px;padding-top:5px;margin-bottom:15px;} /* FORMS EXTRA: PRODUCTEN SECTION ORDER FORM */ #producten form#order {padding:0;width:250px;} #producten form#order input {width:15px;padding-top:0;border:1px solid #CCC;display:block;float:left;} #producten form#order label {padding:3px 0 0 10px;white-space:nowrap;margin-bottom:15px;} #producten form#order input.radio {width:auto;border:0;display:inline;} #producten #order {padding:0;width:250px;} #producten #order input {width:15px;padding-top:0;border:1px solid #CCC;display:block;float:left;} #producten #order label {padding:3px 0 0 10px;white-space:nowrap;margin-bottom:15px;} #producten #order input.radio {width:auto;border:0;display:inline;} #producten form#order div.order {background:#EFEFEF;border:1px solid #CCC;width:250px;padding:15px 0 5px 0;margin:15px 0 30px;} #producten form#order div.order label {width:auto;padding-top:2px;} #producten form#order input.btn_shop {background:url(../images/btn_shop.png) no-repeat left top;border:0;height:30px;overflow:hidden;width:173px;margin:0;margin-left:5px;float:left;padding-top:30px; cursor: pointer;} #producten form#order input.btn_shop:hover {background-position: 0 -37px;} #producten #order div.order {background:#EFEFEF;border:1px solid #CCC;width:250px;padding:15px 0 5px 0;margin:15px 0 30px;} #producten #order div.order label {width:auto;padding-top:2px;} #producten #order input.btn_shop {background:url(../images/btn_shop.png) no-repeat left top;border:0;height:30px;overflow:hidden;width:173px;margin:0;margin-left:5px;float:left;padding-top:30px; cursor: pointer;} #producten #order input.btn_shop:hover {background-position: 0 -37px;} /* FORMS EXTRA: PRODUCTEN SEARCH ORDER FORM */ #producten #productsearch {padding:0;width:250px;} #producten #productsearch {width:252px;padding:0;margin:0;} /*#producten productsearch select, #producten productsearch input {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;width:240px;}*/ #producten #productsearch input.btn_search {background:url(../images/btn_search.png) no-repeat left top;border:0;height:30px;overflow:hidden;width:75px;margin:0;margin-top:10px;float:right;padding-top:30px; cursor: pointer;} #producten #productsearch input.btn_search:hover {background-position: 0 -31px;} /* SHOP FORM & BUTTONS */ #producten #content-primary-cart form {width:710px;} #producten form a {text-align:left;margin:0;padding:0;display:inline;font-size:1em;} #producten .form-group {width:200px;float:left;line-height:1.5em;} #producten .form-group label {font-weight:bold;color:#037DC8;} #producten .form-group address{padding-left:22px;font-style:normal;white-space:nowrap;} #producten .form-group a {margin:0;text-align:left;padding-left:22px;} #producten .address-group {width:200px;float:left;line-height:1.5em;} #producten .address-group strong {color:#037DC8;} form input.btn_calculate {background:url(../images/btn_calculate.png) no-repeat left top;border:0;height:30px;overflow:hidden;width:98px;margin:0;margin-top:6px;float:right;padding-top:30px; cursor:pointer;} form input.btn_calculate:hover {background-position: 0 -31px;} form input.btn_shop_next {background:url(../images/btn_shop_next.png) no-repeat left top;border:0;height:30px;overflow:hidden;width:171px;margin:0;margin-top:6px;float:right;padding-top:30px; cursor:pointer;} form input.btn_shop_next:hover {background-position: 0 -31px;} form a.btn_shop_back {background:url(../images/btn_shop_back.png) no-repeat left top;border:0;height:30px;overflow:hidden;width:160px;margin:0;margin-top:6px;float:left;padding-top:0px; cursor:pointer;} form a.btn_shop_back:hover {background-position: 0 -31px;} form input.btn_shop_back {background:url(../images/btn_shop_back.png) no-repeat left top;border:0;height:30px;overflow:hidden;width:160px;margin:0;margin-top:6px;float:left;padding-top:30px; cursor:pointer;} form input.btn_shop_back:hover {background-position: 0 -31px;} form input.btn_shop_print {background:url(../images/btn_shop_print.png) no-repeat left top;border:0;height:30px;overflow:hidden;width:144px;margin:0;margin-top:6px;float:left;padding-top:30px; cursor:pointer;} form input.btn_shop_print:hover {background-position: 0 -31px;} form input.btn_shop_pay {background:url(../images/btn_shop_pay.png) no-repeat left top;border:0;height:30px;overflow:hidden;width:160px;margin:0;margin-top:6px;float:right;padding-top:30px; cursor:pointer;} form input.btn_shop_pay:hover {background-position: 0 -31px;} form input.btn_register {background:url(../images/btn_register.png) no-repeat left top;border:0;height:30px;overflow:hidden;width:154px;margin:0;margin-top:6px;float:right;padding-top:30px; cursor:pointer;} form input.btn_register:hover {background-position: 0 -31px;} form a.btn_delete {background:url(../images/btn_delete.png) no-repeat left top;width:15px;height:15px;display:block;margin:0 0 0 0;float:right;padding-right:15px; cursor:pointer;} form a.btn_delete span {display:none;} form input.btn_verder {background:url(../images/btn_verder.png) no-repeat left top;border:0;height:30px;overflow:hidden;width:75px;margin:0;margin-top:6px;float:right;padding-top:30px; cursor:pointer;} form input.btn_verder:hover {background-position: 0 -31px;} form input.btn_versturen_green {background:url(../images/btn_versturen_green.png) no-repeat left top;border:0;height:30px;overflow:hidden;width:111px;margin:0;margin-top:6px;float:right;padding-top:30px; cursor:pointer;} form input.btn_versturen_green:hover {background-position: 0 -31px;} form input.btn_print {background:url(../images/btn_print.png) no-repeat left top;border:0;height:30px;overflow:hidden;width:144px;margin:0;margin-top:6px;float:right;padding-top:30px; cursor:pointer;} form input.btn_print:hover {background-position: 0 -31px;} form input.btn_useaddress {background:url(../images/btn_useaddress.png) no-repeat left top;border:0;height:30px;overflow:hidden;width:144px;margin:0;margin-top:6px;float:right;padding-top:30px; cursor:pointer;} form input.btn_useaddress:hover {background-position: 0 -31px;} form input.btn_bestelling_def {background:url(../images/btn_bestelling_def.png) no-repeat left top; border:0;height:30px;overflow:hidden;width:192px;margin:0;margin-top:6px;float:right;padding-top:30px; cursor:pointer;} form input.btn_bestelling_def:hover {background-position: 0 -31px;} form input.btn_arrow_left {background:url(../images/btn_arrow_left.png) no-repeat left top;border:0;height:30px;overflow:hidden;width:50px;margin:0;margin-top:6px;float:left;padding-top:30px; cursor:pointer;} form input.btn_arrow_left:hover {background-position: 0 -31px;} form input.btn_arrow_right {background:url(../images/btn_arrow_right.png) no-repeat left top;border:0;height:30px;overflow:hidden;width:50px;margin:0;margin-top:6px;float:left;padding-top:30px; cursor:pointer;} form input.btn_arrow_right:hover {background-position: 0 -31px;} form input.btn_toevoegen {background:url(../images/btn_toevoegen.png) no-repeat left top;border:0;height:30px;overflow:hidden;width:160px;margin:0;margin-top:6px;float:left;padding-top:30px; cursor:pointer;} form input.btn_toevoegen:hover {background-position: 0 -31px;} form input.btn_download {background:url(../images/btn_download.png) no-repeat left top;border:0;height:30px;overflow:hidden;width:160px;margin:0;margin-top:6px;float:left;padding-top:30px; cursor:pointer;} form input.btn_download:hover {background-position: 0 -31px;} form input.btn_remove {background:url(../images/btn_remove.png) no-repeat left top;border:0;height:30px;overflow:hidden;width:160px;margin:0;margin-top:6px;float:left;padding-top:30px; cursor:pointer;} form input.btn_remove:hover {background-position: 0 -31px;} form input.btn_wijzigen {background:url(../images/btn_wijzigen.png) no-repeat left top;border:0;height:30px;overflow:hidden;width:160px;margin:0;margin-top:6px;float:left;padding-top:30px; cursor:pointer;} form input.btn_wijzigen:hover {background-position: 0 -31px;} form input.btn_wijzigen_bevestigen {background:url(../images/btn_wijzigen_bevestigen.png) no-repeat left top;border:0;height:30px;overflow:hidden;width:160px;margin:0;margin-top:6px;float:left;padding-top:30px; cursor:pointer;} form input.btn_wijzigen_bevestigen:hover {background-position: 0 -31px;} /* FLASH ANNIMATION PRODCUTEN */ #producten #animation {width:450px;height:288px;overflow:hidden;} /* DATATABLE */ table.datatable {width:100%;margin:10px 0;} table.datatable td {width:50%;padding:1px 0;} /* EXTRA STYLES: FAQ */ ul#questionlist {margin-top:20px;} ul#questionlist li {padding-bottom:5px;} ul#questionlist li a {background:url(../images/questionlist_li.png) no-repeat left 2px;padding-left:12px;font-weight:bold;text-decoration:underline;display:list-item;} ul#questionlist li .content_answer a, ul#questionlist li .content_answer a:active, ul#questionlist li .content_answer a:hover {background:none;display:inline;padding-left:0px;font-weight:bold;text-decoration:none;} ul#questionlist li a:hover, ul#questionlist li a.active {background:url(../images/questionlist_li.png) no-repeat left -35px;padding-left:12px;} ul#questionlist .answer {padding:1px 10px 10px;background:#E5EAED;margin:10px 0 30px;} ul#questionlist li h4 {font-size:0.9em;color:#86858A;margin:20px 0 10px;} ul#questionlist li li a, ul#questionlist li li a:hover {background:none;padding:0;font-weight:normal;font-size:0.9em;} /* EXTRA STYLES: SHOPPINGCART */ #producten ul#steps {margin:0;} #producten ul#steps li {background:url(../images/steps_li.png) no-repeat left top;padding:0 20px 8px;text-transform:uppercase;float:left;font-weight:bold;font-size:1.1em;} #producten ul#steps li.current {color:#213A74;border-bottom:1px solid #FFF;} #producten ul#steps li.inactive {color:#037DC8;border-bottom:1px solid #CCC;} #producten ul#steps li.inactive span a {color:#037DC8;} #producten span.required {color:#DE8703;} #producten .content-error .error{font-weight:bold;color:#BA122B;} #producten table#cart th {padding:13px 0 7px 0;vertical-align:top;white-space:nowrap;border-bottom:1px solid #000;} #producten table#cart td {padding:13px 0 16px 0;vertical-align:top;white-space:nowrap;border-top:1px solid #B9B9B9;} #producten table#cart .product {width:220px;} #producten table#cart .price {width:115px;text-align:right;} #producten table#cart .amount {width:75px;text-align:right;} #producten table#cart .delete {width:105px;text-align:right;} #producten table#cart .subtotal {color:#737373;} #producten table#cart .total {font-size:1.3em;font-weight:bold;border-bottom:0;border-top:1px solid #000 !important;} #producten table#cart th {font-weight:bold;} #producten table#cart .amount input {width:40px;text-align:right;padding:0;margin:0;float:right;} /* SEARCH PRODUCTEN */ #content-primary .content-prevnext {color:#037DC8;} #content-primary .content-prevnext a, #content-primary .content-prevnext span {padding-right:5px;} #content-primary .content-prevnext a.link-prev {padding-right:15px;} #content-primary .content-prevnext a.link-next {padding-left:15px;} #subscriptionservice div.profile input { width: 190px !important; } #home #subscriptionservice #header { background:url(../images/header_subscriptionservice.jpg) no-repeat left top;width:972px; height:138px;margin:20px 0; } #home #subscriptionservice #subscriptionservicelanding #main {background:url(../images/bg_klantenservice.jpg) no-repeat left bottom;height:344px; } #home #subscriptionservice #subscriptionservicelanding #content-primary {width:486px;float:left;margin:5px 0 70px 0;} #home #subscriptionservice #subscriptionservicelanding #content-secondary {width:486px;float:left;margin:5px 0 0 0;} #home #subscriptionservice #subscriptionservicelanding #content-primary .content-inner{padding:0 20px;border-left:1px solid #F1AD19;margin-left:23px;margin-bottom:30px;} #home #subscriptionservice #subscriptionservicelanding #content-secondary .content-inner{padding:0 20px;border-left:1px solid #F1AD19;} #home #subscriptionservice #subscriptionservicelanding .content-inner p {margin:20px 0 0 0;} #home #subscriptionservice #content-primary {width:173px;float:left;margin:5px 8px 70px 0;} #home #subscriptionservice #content-primary .content-inner{padding:0 0 0 20px;border-left:1px solid #F1AD19;margin-left:23px;margin-bottom:30px;} #home #subscriptionservice #content-secondary {width:790px;float:left;margin:5px 0 0 0;} #home #subscriptionservice #content-secondary .content-inner{padding:0 0 0 25px;border-left:1px solid #F1AD19;} #home #subscriptionservice .content-inner p {margin:20px 0 0 0;} #home #subscriptionservice #profile-overview .profile { float: none; } #home #subscriptionservice h2 { border-bottom: solid 2px #F1AD19; font-size:1.5em;margin:0;padding:0;font-weight:normal; text-transform:uppercase;color:#790032;} #subscriptionservice div.profile label { width: 130px; margin-top: -3px; } #subscriptionservice div.profile input { width: 190px !important; margin: 0px; padding: 0px; height: 18px;} #subscriptionservice div.profile { width: 370px; float:left; margin-bottom: 10px; padding-top: 3px; } #subscriptionservice div.profile h3, #subscriptionservice .content-inner h3 { width: 370px; border-bottom: solid 2px #F1AD19; margin-bottom: 10px; } #subscriptionservice div.profile span { width: 370px; display: block; margin:0px; padding: 0px; height: 25px; } #subscriptionservice div.profile td.currency { text-align: right; } .myinvoice tr { height: 25px; } .myinvoice input {float: right; } #subscriptionservice .mysubscription { clear: left; } #subscriptionservice div.changedprofile, #subscriptionservice div.myinvoice { float: right; } #subscriptionservice div.banner { margin-left: 44px; } #subscriptionservice div.content-inner .errormessage { width: 300px; display: block; } #subscriptionservice input.button { height: 20px !important; } /* Added for Release 2.1.0 */ #voorwaarden { position: relative; } .floatingVoorwaarden { position: absolute; top: 0px; /* left: 100px; */ right: 100px; width: 400px; background: #ddd; border: solid 1px #000; } /* Added for Release 2.4.0 */ #producten .emptyDiv{float:left; width:80px;} #producten .directAanmelden {float:left;width:250px; padding-top:5px;padding-left:38px;}