.keuzes hgroup { background-color: #3C61A9; padding:5px;}
.keuzes hgroup h2 { color:darkgrey; padding:0px 15px; cursor:pointer; display: inline-block; }
.keuzes hgroup h2 small { font-size:11px; }
.keuzes hgroup h2.active { color:#fff;}


/** Proxima Nova **/

/** Proxima Nova **/



@font-face {
    font-family: 'proxima_nova_altblack';
    src: url('../fonts/Mark Simonson - Proxima Nova Alt Black-webfont.eot');
    src: url('../fonts/Mark Simonson - Proxima Nova Alt Black-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Mark Simonson - Proxima Nova Alt Black-webfont.woff2') format('woff2'),
    url('../fonts/Mark Simonson - Proxima Nova Alt Black-webfont.woff') format('woff'),
    url('../fonts/Mark Simonson - Proxima Nova Alt Black-webfont.ttf') format('truetype'),
    url('../fonts/Mark Simonson - Proxima Nova Alt Black-webfont.svg#proxima_nova_altblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_nova_altbold';
    src: url('../fonts/Mark Simonson - Proxima Nova Alt Bold-webfont.eot');
    src: url('../fonts/Mark Simonson - Proxima Nova Alt Bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Mark Simonson - Proxima Nova Alt Bold-webfont.woff2') format('woff2'),
    url('../fonts/Mark Simonson - Proxima Nova Alt Bold-webfont.woff') format('woff'),
    url('../fonts/Mark Simonson - Proxima Nova Alt Bold-webfont.ttf') format('truetype'),
    url('../fonts/Mark Simonson - Proxima Nova Alt Bold-webfont.svg#proxima_nova_altbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.eot');
    src: url('../fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.woff') format('woff'),
    url('../fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.ttf') format('truetype'),
    url('../fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.svg#proxima_nova_altregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 4, 2015 */



@font-face {
    font-family: 'proxima_nova_scosfthin';
    src: url('../fonts/Mark Simonson - Proxima Nova ScOsf Thin-webfont.eot');
    src: url('../fonts/Mark Simonson - Proxima Nova ScOsf Thin-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Mark Simonson - Proxima Nova ScOsf Thin-webfont.woff2') format('woff2'),
    url('../fonts/Mark Simonson - Proxima Nova ScOsf Thin-webfont.woff') format('woff'),
    url('../fonts/Mark Simonson - Proxima Nova ScOsf Thin-webfont.ttf') format('truetype'),
    url('../fonts/Mark Simonson - Proxima Nova ScOsf Thin-webfont.svg#proxima_nova_scosfthin') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'proxima_nova_ltsemibold';
    src: url('../fonts/Mark Simonson - Proxima Nova Semibold-webfont.eot');
    src: url('../fonts/Mark Simonson - Proxima Nova Semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Mark Simonson - Proxima Nova Semibold-webfont.woff2') format('woff2'),
    url('../fonts/Mark Simonson - Proxima Nova Semibold-webfont.woff') format('woff'),
    url('../fonts/Mark Simonson - Proxima Nova Semibold-webfont.ttf') format('truetype'),
    url('../fonts/Mark Simonson - Proxima Nova Semibold-webfont.svg#proxima_nova_ltsemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_nova_ltthin';
    src: url('../fonts/Mark Simonson - Proxima Nova Thin-webfont.eot');
    src: url('../fonts/Mark Simonson - Proxima Nova Thin-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Mark Simonson - Proxima Nova Thin-webfont.woff2') format('woff2'),
    url('../fonts/Mark Simonson - Proxima Nova Thin-webfont.woff') format('woff'),
    url('../fonts/Mark Simonson - Proxima Nova Thin-webfont.ttf') format('truetype'),
    url('../fonts/Mark Simonson - Proxima Nova Thin-webfont.svg#proxima_nova_ltthin') format('svg');
    font-weight: normal;
    font-style: normal;

}


.auping_auronde_configurator {font-family: 'Proxima Nova', sans-serif;}

.auronde_titel { padding-bottom:00px;}
.auronde_titel h1 {
    font-size: 20px;
    font-weight: bold;
    color: #3C61A9;
    text-align: center;
    margin: 0px !important;
    margin-bottom: 20px !important;
    display: block;
}
.auronde_titel img {
    -webkit-border-radius: 0px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    border: 0px solid #ffffff;
    margin: 0px !important;
}
/* DEBUG */


.samenvatting_wrapper .samenvatting-header { display: block; text-align: center; margin-bottom: 24px; color: #3C61A9;}

.samenvatting h2 { display: inline-block; margin-top:15px; 	color: #3C61A9; text-align: center; width:100%;font-size: 18px;	font-weight: bold;	letter-spacing: -0.23px;	line-height: 22px;}

/* AURONDE CONFIGURATOR 2017/2018 */

.auronde-step-content { min-height:400px; }
.auronde-step-content .step_title { color: #3C61A9; font-weight: bold; margin-top:20px; margin-bottom:20px; display: inline-block; width:100%;display: none !important; visibility: hidden !important;}

.configurator_price { font-weight: bold; color: #3C61A9; font-size:16px; margin-top:10px; display: inline-block; }


/* ARROWS TOP
* https://css-tricks.com/triangle-breadcrumbs/
*
*/
.no_padding_steps { padding:0px !important;}
.stappen {     margin: 0px;    padding: 0;    overflow: hidden;   border-bottom:1px solid rgba(0,0,0,0.1);  }
.stappen a {    color: #3C61A9;    text-decoration: none;}
.stappen a:hover { text-decoration: none; text-underline: none; color:#3C61A9;}
.stappen a:focus { text-decoration: none; text-underline: none; color:#3C61A9;}
.stappen em {     display: block;  font-size: 11px;    font-weight: normal;    font-style: normal; line-height: 13px;}
.stappen span {    font-size:16px; font-weight: normal; }

/* Completed */
.stappen li {
    float: left;
    cursor: pointer;
    margin-left: 0;
    font-family: 'proxima_nova_ltsemibold';
    margin:0px;
    width: 98px; /* 100 / number of steps */
    width: 130px !important; /* 100 / number of steps */
    height: 65px; /* total height */
    list-style-type: none;
    /* padding:10px 15px; */
    padding:10px 0px;
    /*XXXXXXXXXXXXXXpadding: 5px 5px 5px 30px; !* padding around text, last should include arrow width *!*/
    /*XXXXXXXXXXXXXXborder-right: 1px solid white; !* width: gap between arrows, color: background of document *!*/
    position: relative;
    /*border-bottom:2px solid rgba(0,0,0,0.1);*/
    background-color: #ffffff;
}
.stappen li.tab3_choose { width:80px} /* SPIRAALBODEM */
.stappen li.tab4_choose { width:130px} /* SPIRAALBODEM */

.stappen li ~ li em {     color:#3C61A9;}
.stappen li ~ li span {     color:#3C61A9;}

/*!* remove extra padding on the first object since it doesn't have an arrow to the left *!*/
/*XXXXXXXXXXXXXX.stappen li:first-child {*/
/*padding-left: 10px;*/
/*}*/
/*!* white arrow to the left to "erase" background (starting from the 2nd object) *!*/
/*XXXXXXXXXXXXXX.stappen li:nth-child(n+2)::before {*/
/*position: absolute;*/
/*top:0;*/
/*left:0;*/
/*display: block;*/
/*border-left: 25px solid white; !* width: arrow width, color: background of document *!*/
/*border-top: 30px solid transparent; !* width: half height *!*/
/*border-bottom: 30px solid transparent; !* width: half height *!*/
/*width: 0;*/
/*height: 0;*/
/*content: " ";*/
/*}*/
/*!* colored arrow to the right *!*/
/*XXXXXXXXXXXXXX.stappen li::after {*/
/*z-index: 1; !* need to bring this above the next item *!*/
/*position: absolute;*/
/*top: 0;*/
/*right: -25px; !* arrow width (negated) *!*/
/*display: block;*/
/*border-left: 25px solid #3C61A9; !* width: arrow width *!*/
/*border-top: 30px solid transparent; !* width: half height *!*/
/*border-bottom: 30px solid transparent; !* width: half height *!*/
/*width:0;*/
/*height:0;*/
/*content: " ";*/
/*}*/

/* Setup colors (both the background and the arrow) */


/*.stappen li::after { border-left-color: #243A5E; }*/

/* Current */
.stappen li.current {  background: #fff; ;border-bottom:2px solid #3C61A9 !important;  }
/*.stappen li.current::after { border-left-color: #3C61A9; }*/

/* Following */
.stappen li.current ~ li { background-color: #fff; XXXborder-bottom:2px solid rgba(0,0,0,0.1);}
.stappen li.current ~ li em {     color:rgba(0,0,0,0.6);}
.stappen li.current ~ li span {     color:rgba(0,0,0,0.6);}
/*.stappen li.current ~ li::after { border-left-color: #a5b3cf; }*/

/* Hover for completed and current */
.stappen li:hover {background-color: #fff !important;border-bottom:2px solid #3C61A9 !important;}
/*.stappen li:hover::after {border-left-color: #f !important;}*/


/* MOBILE ACCORDION BUTTONS */
button.accordion        {     background-color: rgba(0,0,0,0.1);    color: #5C5C5C;    cursor: pointer;    padding: 10px;    width: 100%;    text-align: left;    border: none;    outline: none;    transition: 0.4s; font-weight: bold; border-bottom:1px solid #fff;}
button.accordion em     { font-size:10px; font-weight: normal; margin-right:10px;color: #5C5C5C; font-style: normal; }
button.accordion.active,
button.accordion:hover {     background-color: #fff;color: #3C61A9;border-bottom:1px solid #3C61A9;}
button.accordion.active em,
button.accordion:hover em {     color: #3C61A9;}


/* NAVIGATIE BUTTONS ONDERKANT */

.navigationbuttons { border-top:1px solid rgba(0,0,0,0.1); margin-top:25px; margin-bottom:25px; text-align: right;}
.navigationbuttons .vorige   { 	background-color: #fff;-webkit-border-radius: 1px;    border-radius: 1px;  display: inline-block; padding:5px 10px; font-weight: bold; color:#ccc; margin-top:20px; }
.navigationbuttons .volgende  { 	background-color: #3C61A9;-webkit-border-radius: 1px;    border-radius: 1px;  display: inline-block; padding:5px 10px; font-weight: bold; color:#fff; margin-top:20px; margin-right:20px;-webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;}

.navigationbuttons .vorige:hover { background-color: #fff; text-decoration: none !important;}
.navigationbuttons .volgende:hover { background-color: #333333 !important; color:#ffffff !important; text-decoration: none !important;}

/* FOTO */
#zijkolom_configurator .whitebackground { background: #F7F7F7;}
#zijkolom_configurator {border:1px solid #f4f4f4;background: #e8e8e8;}
#zijkolom_configurator .foto_wrapper { text-align: center; position: relative; height:340px; }
#zijkolom_configurator .foto_wrapper div.options > div { text-align: center; position: absolute; width:80px; height:80px; -webkit-border-radius: 50px;    border-radius: 50px; border:2px solid #3C61A9; background: #fff; padding:5px;}
#zijkolom_configurator .foto_wrapper div.options > div img { -webkit-border-radius: 50px;    border-radius: 50px; cursor: pointer; }
#zijkolom_configurator .foto_wrapper div.options > div #image_buildup_matras1_2p { position: absolute; top:-6px; left:2px; z-index: 2 }
#zijkolom_configurator .foto_wrapper div.options > div #image_buildup_matras2_2p { position: absolute; top:6px; left:2px; z-index: 1 }
#zijkolom_configurator .foto_wrapper div.kleur { position: absolute; top:0px; left:0px; width:100%;}
#zijkolom_configurator .foto_wrapper #image_buildup_maat { max-width:300px !important;}
#zijkolom_configurator .foto_wrapper #image_buildup_kleur { max-width:300px !important;}
#zijkolom_configurator .foto_wrapper div.options > div.hoogte { top:20px; left:-10px;}
#zijkolom_configurator .foto_wrapper div.options > div.verstelbaarheid { top:0px; left:66px;}
#zijkolom_configurator .foto_wrapper div.options > div.matras { top:0px; right:66px;}
#zijkolom_configurator .foto_wrapper div.options > div.aanhangtafel { top:20px; right:-10px;}
#zijkolom_configurator .foto_wrapper div.options > div.verlichting { top:205px; left:-10px;}
#zijkolom_configurator .foto_wrapper div.options > div.achterwand {top:225px; right:66px;}
#zijkolom_configurator .foto_wrapper div.options > div.hoofdbord {  top:225px; left:66px;}
#zijkolom_configurator .foto_wrapper div.options > div.nachtkastje { top:205px; right:-10px;}
#zijkolom_configurator .foto_wrapper div.options > div .aantal {        position: absolute;     right: 0px;    bottom: 0px;    background-color: #3C61A9;    color: #fff !important;    font-weight: bold;    width: 25px;    height: 25px;    font-size: 20px;    -webkit-border-radius: 15px;    border-radius: 15px;    padding: 5px;    line-height: 15px; }
#zijkolom_configurator .foto_wrapper img { max-width: 100%; height: auto;}

#tab7 .samenvatting_wrapper { margin-top:20px;}

.samenvatting_wrapper .foto_wrapper { text-align: center; position: relative; height:375px; ; }
.samenvatting_wrapper .foto_wrapper div.options > div { text-align: center; position: absolute; width:140px; height:140px; -webkit-border-radius: 70px;    border-radius: 70px; border:2px solid #3C61A9; background: #fff; padding:5px;}
.samenvatting_wrapper .foto_wrapper div.options > div img { -webkit-border-radius: 70px;    border-radius: 70px; cursor: pointer; }
.samenvatting_wrapper .foto_wrapper div.options > div #image_buildup_matras1_2p { position: absolute; top:-10px; left:4px; z-index: 2 }
.samenvatting_wrapper .foto_wrapper div.options > div #image_buildup_matras2_2p { position: absolute; top:10px; left:4px; z-index: 1 }
.samenvatting_wrapper .foto_wrapper div.kleur { position: absolute; top:0px; left:0px; width:100%;}
.samenvatting_wrapper .foto_wrapper #image_buildup_maat { max-width:500px !important;}
.samenvatting_wrapper .foto_wrapper #image_buildup_kleur { max-width:500px !important;}
.samenvatting_wrapper .foto_wrapper div.options > div.hoogte { top:50px; left:0px;}
.samenvatting_wrapper .foto_wrapper div.options > div.verstelbaarheid { top:0px; left:140px;}
.samenvatting_wrapper .foto_wrapper div.options > div.matras { top:0px; right:150px;}
.samenvatting_wrapper .foto_wrapper div.options > div.aanhangtafel { top:50px; right:10px;}
.samenvatting_wrapper .foto_wrapper div.options > div.verlichting { top:255px; left:0px;}
.samenvatting_wrapper .foto_wrapper div.options > div.achterwand { top:200px; right:10px;}
.samenvatting_wrapper .foto_wrapper div.options > div.hoofdbord { top:200px; left:0px;}
.samenvatting_wrapper .foto_wrapper div.options > div.nachtkastje { top:255px; right:10px;}
.samenvatting_wrapper .foto_wrapper div.options > div .aantal {        position: absolute;     right: 5px;    bottom: 5px;    background-color: #3C61A9;    color: #fff !important;    font-weight: bold;    width: 25px;    height: 25px;    font-size: 20px;    -webkit-border-radius: 15px;    border-radius: 15px;    padding: 5px;    line-height: 15px; }
.samenvatting_wrapper .foto_wrapper img { max-width: 100%; height: auto;}
/* WINKELMAND & AFREKENEN */

.wijzig_configuratie_button         { margin-left: 10px; background-color: #3C61A9; color:#fff !important; font-weight:normal; text-decoration:none; font-size:11px; -webkit-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px; padding:5px;}
.wijzig_configuratie_button:hover   { background-color: #384c8f; }
.cartlink { font-size:12px;     color: #337ab7 !important; font-weight: bold;}

.configuratie_meta_velden           { margin-top:10px;}
.configuratie_meta_velden label     { font-weight: bold; display: inline-block; width:150px;}
.configuratie_meta_velden label.standaardkleur     { margin-left:5px; color:#ffff; padding:2px 5px;-webkit-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px; font-size:10px; width: auto !important; line-height: 12px; position: relative; top:-2px;}
.configuratie_meta_velden label.standaardkleur.KALPINEWIT     { color:#000; padding:2px 5px;-webkit-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px; font-size:10px; width: auto !important; line-height: 12px; position: relative; top:-2px; border:1px solid #ccc;}
.configuratie_meta_velden label.ralkleur     { margin-left:5px;color:#000; padding:2px 5px;-webkit-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px; font-size:10px; width: auto !important; line-height: 12px; position: relative; top:-2px;border:1px solid #ccc;}

.woocommerce-checkout-review-order-table .configuratie_meta_velden { display: none; visibility: hidden;}


.order_details dl.variation dt { float:left; width:150px; }
.order_details dl.variation dd { float:left;clear:none !important;}



/* ZIJKOLOM */

.configurator_total { background-color: #5A5A5A; color:#fff; height: 40px;}
.configurator_total .label { float:left; padding:12px 10px; font-size:16px; font-weight: normal;}
.configurator_total .totaal_prijs { float:right; padding:7px 10px; font-size:20px; font-weight: bold;}

.samenvatting .kassabon     { background: #f4f4f4; font-size:12px; position: relative; padding-top:00px;}
.samenvatting .kassabon .regel:nth-child(odd) { border-left:5px solid #f4f4f4; margin:0 0; background: #f4f4f4; padding: 5px 15px;/* IE6-9 */}
.samenvatting .kassabon .regel:nth-child(even) { border-left:5px solid #FBFBFB; margin:0 0; background: #FBFBFB; padding: 5px 15px;/* IE6-9 */}
.samenvatting .kassabon .regel.foutief { border-left:5px solid red; background: #FFDEDE !important; }
.samenvatting .kassabon .regel.foutief:nth-child(odd) { background: #FFDEDE; }
.samenvatting .kassabon .regel.foutief:nth-child(even) { background: #FFDEDE; }
.samenvatting .kassabon i     { color: #a3a3a3; font-size:18px; position: absolute; top:5px;right:17px;display:none; visibility:hidden;}
.samenvatting .kassabon i:hover     { color: #384c8f; font-size:18px; position: absolute; top:5px;right:17px;}
.samenvatting .kassabon h6 { display: block; margin:0px; font-size:14px; height: 20px; }
.samenvatting .kassabon a { text-decoration: none; }
.samenvatting .kassabon a h6 { font-weight: bold; }
.samenvatting .kassabon a:hover h6{ cursor: pointer; color: #384c8f; }
.samenvatting .kassabon a:hover label h6 { cursor: pointer;}
.samenvatting .kassabon a:hover h6 i { color: #384c8f;}
.samenvatting .kassabon h6 em  { color: #9b9b9b; font-style: normal;display:none; visibility:hidden;}
.samenvatting .kassabon h6 label { color: #333333;}
.samenvatting .kassabon .prijs  { float:right; font-weight: normal;color:#9B9B9B;}
.samenvatting .kassabon p  { margin:0px;font-size:13px; line-height: 21px; }
.samenvatting .kassabon .hover  { background: #e6e6e6 !important; border-left:2px solid #e6e6e6 !important;}
.samenvatting .blanks-error { display: none; }
.samenvatting .blanks-error p { color: #ff4d4d; font-size: 16px; margin: 16px 0; font-weight: 700; }

.footer_zijkolom     { font-size:12px; padding-top:20px; padding-bottom:20px; }
.footer_zijkolom .gfield_label { display: none !important; visibility: hidden !important;}
.footer_zijkolom input[type=text] { padding:0px font-size:8px; !important; padding-left:10px !important; width:115px !important; border:0px; height:30px; border-radius:3px; -webkit-border-radius:3px;}
.footer_zijkolom .gform_body { width:45% !important; float:left !important; padding-bottom:5px; }
.footer_zijkolom .gform_wrapper .gform_footer {    padding: 0px !important;    margin: 0px !important;    clear: none !important;    width: 55% !important; float:right !important;}
.gform_wrapper .gform_footer input[type=submit] {    width:100% !important; margin-top:0px !important; background: #c7c7c7; font-size:8px !important; height:30px !important;}
.gform_wrapper .top_label div.ginput_container {    margin-top: 0px !important;}
.gform_wrapper ul li.gfield {margin-top: 0px !important;}
.gform_wrapper {    margin: 0px !important;  }
.gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
    /* max-width: calc(100% - 16px)!important; */
    width: 175px !important;
}
.footer_zijkolom .gform_button {background: #878787 !important;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;}
.footer_zijkolom .gform_button:hover {background: #333333 !important;}

.footer_zijkolom .gform_confirmation_wrapper { padding-bottom:20px;line-height: 17px; }

.footer_zijkolom .single_add_to_cart_button { 	background-color: #3c61a9  !important; background-image: url("../images/inwinkelmand.png") !important; background-position: center 15px; background-repeat: no-repeat;
    width:100%;  padding:50px 0 15px 0 !important; border-radius: 0px !important; -webkit-border-radius: 0px !important; min-height: 92px !important;}

.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page #content input.button.alt {
    /* background: #3c61a9 !important; */
    -webkit-border-radius: 0px !important;
    border-radius: 0x !important;
    margin-top:0px !important;

}

.footer_zijkolom .product-options {
    margin-bottom: 0px !important;
}

.footer_zijkolom .single_add_to_cart_button:hover { background-color: #333333 !important;}

.footer_mobile form.cart  { margin-bottom:0px !important;}
.footer_mobile .gform_body { width:100% !important; float:left !important; padding-bottom:5px; }
.footer_mobile .gform_wrapper .gform_footer {   width:100% !important;}
.footer_mobile input[type=text] { width:100% !important; height: 38px !important;}
.footer_mobile .gform_wrapper .gform_footer input[type=submit] {    width:100% !important; font-size:12px !important; line-height: 12px !important;height: 38px !important; color:#fff !important; }
.footer_mobile .single_add_to_cart_button { 	 min-height: 82px !important;}

.footer_mobile.configurator_total { background-color: #5A5A5A; color:#fff; height: 135px;    padding: 0px;}
.footer_mobile.configurator_total .label { padding-left:0px !important;}
.footer_mobile.configurator_total .totaal_prijs {padding-right:0px !important;}



/* STAP 1 MAAT */

/* http://jsfiddle.net/La8wQ/10/ */

#product-6980 input:disabled {}

.type_bed_wrapper { text-align: center; margin-top:20px;}
.type_bed_wrapper .h2 { display: block; font-weight: normal; color:#363636; font-size:16px; margin:0px; position: relative; top:-75px; cursor: pointer;}

.type_bed_wrapper h3 { display: block; font-weight: normal; color:#9B9B9B; font-size:14px; margin:0px; margin-top:0px; margin-bottom:10px;}

.maat_wrapper { opacity: .5; visibility: hidden; text-align: left; padding-left:10px; position: relative; top:-50px; font-size:12px;}
.maat_wrapper label.maatlabel { font-size:12px; color:#fff; background: #9b9b9b; padding:5px; display: inline-block; line-height: 10px;-webkit-border-radius: 0px;  font-weight: normal;   border-radius: 0px; margin-left:10px; cursor: pointer;}
.maat_wrapper label.maatlabel:hover { font-size:12px; color:#fff; background: #3C61A9; padding:5px; display: inline-block; line-height: 10px;-webkit-border-radius: 0px;  font-weight: normal;   border-radius: 0px; margin-left:10px;}
/*.maat_wrapper label.maten { font-size:12px; color:#fff; background: #9b9b9b; padding:8px 15px;  display: inline-block; line-height: 10px;-webkit-border-radius: 0px;  font-weight: bold;   border-radius: 0px; margin-left:0px; margin-bottom: 5px; min-width: 75px;}*/
/*.maat_wrapper label.maten:hover { background: #3C61A9; }*/
/*.maat_wrapper label.maatlabel { position: relative; top:-3px;}*/

.XXmaat_wrapper label.maten { font-size:12px; border-radius: 50%;width:18px; height: 18px; display: inline-block; border:2px solid #848484; cursor: pointer; margin-right:10px;position: relative; top:5px;}/* aanpassen */
.maat_wrapper label.maten { top:30px !important; min-width: 60px; margin-left:-10px; }/* aangepast */

.maat_wrapper label.maten span { background: #3C61A9; position: absolute; line-height: 12px; color:#fff; font-weight: bold; padding:4px 2px; padding-bottom:6px; left:0px;  width: 100%; text-align: center !important; display: inline-block; font-size:11px; }

.type_bed_wrapper input.maat_keuze{
    margin:0;padding:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    display: none;
}


.XXMRT2018type_bed_wrapper input.auping_maat{
    margin:0;padding:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    display: none;
}

/*.type_bed_wrapper input.auping_maat:active +.maten{background: #3C61A9;}*/
.type_bed_wrapper input.auping_maat:active +.maten{ border:2px solid #3C61A9; background-image: url("../images/radio_selected.png"); background-repeat: no-repeat; background-position: -1px -1px;} /* aanpassen */
.type_bed_wrapper input.auping_maat:active +.maten{ border:0px solid #3C61A9 !important; background-image: none !important; background-repeat: no-repeat; background-position: -1px -1px;} /* aangepast */
.type_bed_wrapper input.auping_maat:active +.maten +.maatlabel{background: #3C61A9;}
/*.type_bed_wrapper input.auping_maat:checked +.maten{background: #3C61A9;}*/
.type_bed_wrapper input.auping_maat:checked +.maten{ border:2px solid #3C61A9; background-image: url("../images/radio_selected.png"); background-repeat: no-repeat; background-position: -1px -1px;} /* aanpassen */
.type_bed_wrapper input.auping_maat:checked +.maten{ border:0px solid #3C61A9 !important; background-image: none !important; background-repeat: no-repeat; background-position: -1px -1px;} /* aangepast */
.type_bed_wrapper input.auping_maat:checked +.maten +.maatlabel{background: #3C61A9;}

.type_bed_wrapper .radiobutton {
    border-radius: 50%;width:18px; height: 18px; display: inline-block; border:2px solid #5A5A5A; cursor: pointer;    position: relative;    top: -68px;
}

.type_bed_wrapper input:active ~.radiobutton,
.type_bed_wrapper input:checked ~.radiobutton{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#49c0f0+76,ffffff+76 */
    border:2px solid #3C61A9; background-image: url("../images/radio_selected.png"); background-repeat: no-repeat; background-position: -1px -1px;
}



.type_bed_wrapper input:active +.typebed{opacity: .5;}
.type_bed_wrapper input:active ~.maat_wrapper{opacity: 1; visibility: visible}
.type_bed_wrapper input:checked ~.maat_wrapper{opacity: 1;  visibility: visible}
.type_bed_wrapper input:checked +.typebed{
    -webkit-filter: none;
    -moz-filter: none;
    filter: none;
    width: 100%;
    height:250px;
}
.typebed{
    cursor:pointer;
    background-size:75%;
    background-repeat:no-repeat;
    background-position: center -40px;
    -webkit-border-radius: 0px;    border-radius: 0px;
    border:1px solid #3C61A9;
    display:inline-block;
    margin-bottom:0px;
    width: 100%;
    height: 250px;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    -webkit-filter: brightness(1) grayscale(1) opacity(.2);
    -moz-filter: brightness(1) grayscale(1) opacity(.2);
    filter: brightness(1) grayscale(1) opacity(.2);
}
.typebed:hover{
    -webkit-filter: brightness(1) grayscale(0.5) opacity(.9);
    -moz-filter: brightness(1) grayscale(0.5) opacity(.9);
    filter: brightness(1) grayscale(0.5) opacity(.9);
}

.maat_prijs{ display: none;}

/* STAP 2 HOOGTE */

.hoogte_wrapper { text-align: center;}
#tab2 .introduction { padding:15px 0px; padding-right:20px;}
.hoogte_wrapper h2 { display: block; font-weight: bold; color:#363636; font-size:18px;}
.hoogte_wrapper h3 { display: block; font-weight: bold; color:#3C61A9; font-size:16px; margin:0px; margin-top:10px;}

.hoogte_wrapper .promotielabel { padding:2px 4px; color:#fff; background:#9B9B9B;border-radius: 2px; font-size:12px; display: inline-block; line-height: 14px; position: absolute; top:10px; left:25px; z-index: 99; cursor: pointer;}
.hoogte_wrapper .promotielabel:hover { background: #3C61A9;}

.hoogte_wrapper input.auping_hoogte{
    margin:0;padding:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    display: none;
}

.hoogte_wrapper .radiobutton {
    border-radius: 50%;width:18px; height: 18px; display: inline-block; border:2px solid #5A5A5A; cursor: pointer; position: relative;top:-75px;
}

.hoogte_wrapper input:active ~.radiobutton,
.hoogte_wrapper input:checked ~.radiobutton{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#49c0f0+76,ffffff+76 */
    border:2px solid #3C61A9; background-image: url("../images/radio_selected.png"); background-repeat: no-repeat; background-position: -1px -1px;
}

.hoogte_keuze_wrapper { position: relative; top:-160px; line-height: 18px; height: 0px;}
.hoogte_keuze_wrapper .model { font-size:16px;}
.hoogte_keuze_wrapper .hoogte { font-size:14px;}
.hoogte_keuze_wrapper .configurator_price { color:#ccc; font-size:14px;}

.hoogte_wrapper input:active +.hoogte_keuze{opacity: .5;}
/*.hoogte_wrapper input:active ~.hoogte_keuze_wrapper{font-weight: bold; color: #3C61A9;}*/
/*.hoogte_wrapper input:checked ~.hoogte_keuze_wrapper{ font-weight: bold; color:#3C61A9;}*/
.hoogte_wrapper input:checked +.hoogte_keuze{
    -webkit-filter: none;
    -moz-filter: none;
    filter: none;
    width:185px;
    height:285px;
}
.hoogte_keuze{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    -webkit-border-radius: 0px;    border-radius: 0px;
    border:1px solid #3C61A9;
    display:inline-block;
    margin-bottom:20px;
    width: 185px;
    height: 285px;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    -webkit-filter: brightness(1) grayscale(1) opacity(.5);
    -moz-filter: brightness(1) grayscale(1) opacity(.5);
    filter: brightness(1) grayscale(1) opacity(.5);
}
.hoogte_keuze:hover{
    -webkit-filter: brightness(1) grayscale(0.5) opacity(.9);
    -moz-filter: brightness(1) grayscale(0.5) opacity(.9);
    filter: brightness(1) grayscale(0.5) opacity(.9);
}



.hoogte_prijs { display: none;}

/* STAP 3 KLEUR */

.kleur_wrapper input.auping_kleur{     margin:0;padding:0;    -webkit-appearance:none;   -moz-appearance:none;   display: none;  appearance:none;}

#tab3 .introduction { padding:15px 0px; padding-right:20px;}
#tab3 .introduction h3 { font-size:16px; font-weight: normal;}

.kleur_wrapper input:active +.kleur_keuze{  border:1px solid #e4e4e4;}
.kleur_wrapper input:checked +.kleur_keuze{    -webkit-filter: none;    -moz-filter: none;    filter: none;   border:1px solid #3C61A9;}

.kleur_wrapper .promotielabel { padding:2px 2px; color:#fff; background:#9B9B9B;border-radius: 2px; font-size:12px; display: inline-block; line-height: 14px; position: absolute; top:5px; left:20px; z-index: 99; cursor: pointer;width:auto; height: auto;}
.kleur_wrapper .promotielabel:hover { background: #3C61A9;}

.kleur_wrapper {text-align: center; height: 205px;}
.kleur_wrapper label.kleur_keuze{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    border:1px solid rgba(0,0,0,0.1);
    display:inline-block;
    padding:20px;
    background: #fff;
    width:100%;
    height:190px;
    background-size: 85% 60%;
    background-repeat: no-repeat; background-position: center 10px;
}
.kleur_wrapper .label { clear:both; color:#000; display: block;  margin:0px; font-size:13px; font-weight: normal;position: relative; top:-95px;}
.kleur_wrapper .radiobutton {clear:both;
    border-radius: 50%;width:18px; height: 18px; display: inline-block; border:2px solid #5A5A5A; cursor: pointer; position: relative; top:-40px;
}

.kleur_wrapper input:active ~.radiobutton,
.kleur_wrapper input:checked ~.radiobutton{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#49c0f0+76,ffffff+76 */
    border:2px solid #3C61A9; background-image: url("../images/radio_selected.png"); background-repeat: no-repeat; background-position: -1px -1px;
}

.hoogglans_wrapper {; padding-top:20px; margin-bottom:10px;  font-size:16px;}
.hoogglans_wrapper label {font-size:16px !important}

.hoogglans_wrapper .label_optie { line-height: 14px; padding-top:2px;}
.hoogglans_wrapper .label_tekst {  font-size:14px !important;  text-align: left; line-height: 18px; padding-top:5px;}
.hoogglans_wrapper .label_tekst p { margin-bottom:10px;}
.hoogglans_wrapper .configurator_price { margin:0px; margin-left:10px; color:#ccc; font-weight: normal !important}

.ral_wrapper { padding-top:20px; padding-bottom:20px; margin-bottom:00px; font-size:16px;border-bottom:1px solid rgba(0,0,0,0.1);}
.ral_wrapper .label_tekst { font-size:14px !important; text-align: left; line-height: 18px; padding-top:5px;}
.ral_wrapper .label_tekst a { color:#3C61A9; }
.ral_wrapper .label_tekst p { margin-bottom:10px;}

.ral_wrapper label { font-size:16px !important;}
.ral_wrapper .onoffswitch-label {
    margin-top:3px;
}

.ral_wrapper .label_tekst input[type=number]::-webkit-outer-spin-button,
.ral_wrapper .label_tekst input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.ral_wrapper .label_tekst input[type=number] {
    -moz-appearance:textfield;
}

.ral_wrapper .label_tekst .ralcode {
    height:40px; width:200px;  background: #F5F5F5; border:0px;border-bottom:2px solid #000; padding-left:10px;
}

.ral_wrapper .configurator_price { margin:0px; margin-left:10px;color:#ccc;font-weight: normal !important}
.ral_wrapper a { font-weight: bold; color#3C61A9;}

.kleur_prijs { display: none;}


/* STAP 4 VERSTELBAARHEID */

#tab4 .introduction { padding:15px 0px; padding-right:20px;}
#tab4 .introduction h3 { font-size:16px; font-weight: normal;}

.verstelbaarheid_wrapper { text-align: center; }
.verstelbaarheid_wrapper h2 { display: inline-block; font-weight: bold; color:#363636; font-size:18px; width:100%; padding-left:20px; padding-right:20px; margin:0px;  }
.verstelbaarheid_wrapper h3 { display: block; font-weight: bold; color:#3C61A9; font-size:16px; margin:0px; margin-top:10px;}

.promotielabel-wrapper { }
.verstelbaarheid_wrapper .promotielabel {
    padding: 2px 2px;
    color: #fff;
    background: #9B9B9B;
    border-radius: 2px;
    font-size: 12px;
    display: inline-block;
    line-height: 14px;
    margin-top: 6px;
    z-index: 99;
    cursor: pointer;
    width: auto;
    height: auto;}
.verstelbaarheid_wrapper .promotielabel:hover { background: #3C61A9;}

.verstelbaarheid_wrapper input.auping_verstelbaarheid{
    margin:0;padding:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    display: none;
}

.verstelbaarheid_wrapper input:active +.verstelbaarheid_keuze{opacity: .5;}
.verstelbaarheid_wrapper input:active ~.verstelbaarheid_keuze_wrapper{font-weight: bold;}
.verstelbaarheid_wrapper input:checked ~.verstelbaarheid_keuze_wrapper{ font-weight: bold;}
.verstelbaarheid_wrapper input:checked +.verstelbaarheid_keuze{
    -webkit-filter: none;
    -moz-filter: none;
    filter: none;
}
.verstelbaarheid_keuze{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    background-position: center -10px;
    background-size: 100% auto;
    -webkit-border-radius: 0px;    border-radius: 0px;
    border:1px solid #3C61A9;
    display:inline-block;
    margin-bottom:0px;
    width: 100%;
    height: 245px;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    -webkit-filter: brightness(1) grayscale(1) opacity(.5);
    -moz-filter: brightness(1) grayscale(1) opacity(.5);
    filter: brightness(1) grayscale(1) opacity(.5);
}
.verstelbaarheid_keuze:hover{
    -webkit-filter: brightness(1) grayscale(0.5) opacity(.9);
    -moz-filter: brightness(1) grayscale(0.5) opacity(.9);
    filter: brightness(1) grayscale(0.5) opacity(.9);
}


.verstelbaarheid_wrapper .radiobutton {
    border-radius: 50%;width:18px; height: 18px; display: inline-block; border:2px solid #5A5A5A; cursor: pointer; position: relative; top:-45px;
}

.verstelbaarheid_wrapper input:active ~.radiobutton,
.verstelbaarheid_wrapper input:checked ~.radiobutton{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#49c0f0+76,ffffff+76 */
    border:2px solid #3C61A9; background-image: url("../images/radio_selected.png"); background-repeat: no-repeat; background-position: -1px -1px;
}

.verstelbaarheid_keuze_wrapper  { position: relative; top:-160px;    line-height: 21px; height:0px;}
.verstelbaarheid_keuze_wrapper h2 { font-size:16px; font-weight: normal; line-height: 18px; margin:0px !important;}
.verstelbaarheid_keuze_wrapper .configurator_price { color:#ccc;font-weight: normal; margin:0px !important; }



.verstelbaarheid_prijs { display: none;}


/* STAP 5 MATRAS */


#tab5 .introduction { padding:15px 0px; padding-right:20px;}
#tab5 .introduction h3 { font-size:16px; font-weight: normal;}


.matras_wrapper .matras_opties  { list-style: none; margin: 0px; padding:0px; }
.matras_wrapper .informatie_wrapper a { float:right;}
.matras_wrapper .matras_opties li  { margin: 0px; padding:0px; margin-bottom:5px;}
.matras_wrapper .matras_opties li:first-child  { margin: 0px; padding:0px; margin-bottom:5px;margin-top:15px;}
.matras_wrapper .matras_opties .onoffswitch { float:left;}
.matras_wrapper .matras_opties li > label { position: relative;top:-3px; padding-left:10px;}
.matras_wrapper .wrapper_keuzehulp h3 { color:#3C61A9; font-size:18px;}
.matras_wrapper .keuzehulp  { padding-bottom:10px; padding-top:10px; }
.matras_wrapper .keuzehulp .wrapper_keuzehulp  {  padding-top:0px; padding-bottom:15px; margin-bottom:0px; }
.matras_wrapper .keuzehulp label  { display: block; font-weight: normal; margin-right:5px; font-size:12px; }
.matras_wrapper .keuzehulp ul   {list-style: none; margin: 0px; padding:0px; float:left; }
.matras_wrapper .keuzehulp ul li  {display:block; margin: 0px;   line-height: 12px; font-size:14px; margin-bottom:10px;}
.matras_wrapper .keuzehulp .keuzehulp_toggle_area { display: none; }
.matras_wrapper .keuzehulp .keuzehulp_toggle_switch { position: absolute; top: 0; right: 32px; cursor: pointer; color: #fff; background: #3C61A9; }
.matras_wrapper .keuzehulp .keuzehulp_toggle_switch:hover { background: #006ED2; color: #fff; }

.matras_wrapper .keuzehulp ul li:hover  {  cursor: pointer;}

.matras_wrapper .keuzehulp ul li .radiobutton {
    border-radius: 50%;width:18px; height: 18px; display: inline-block; border:2px solid #5A5A5A; cursor: pointer; margin-right:5px; position: relative; top:3px;
}

.matras_wrapper .keuzehulp ul li.active .radiobutton {
    border:2px solid #3C61A9; background-image: url("../images/radio_selected.png"); background-repeat: no-repeat; background-position: -1px -1px;
}


.matras_wrapper .alle_matrassen  { list-style: none; margin: 0px; padding:0px; }
.matras_wrapper .alle_matrassen > li  { margin: 0px; padding:10px; cursor: pointer;padding-left:10px; border:1px solid #e5e5e5; margin-bottom:10px; margin-right:15px;  }
.matras_wrapper .alle_matrassen >  li label  { display: inline-block; width:125px; }
.matras_wrapper .alle_matrassen >  li small  { font-size:14px; }
.matras_wrapper .alle_matrassen >  li small .promotielabel { padding:2px 4px; color:#fff !important; background:#9B9B9B;border-radius: 2px; font-size:12px !important; display: inline-block; line-height: 14px;  cursor: pointer;width:auto; height: auto; margin-left:10px;}
.matras_wrapper .alle_matrassen >  li small .promotielabel:hover { background: #3C61A9;}

.matras_wrapper .alle_matrassen >  li .configurator_price  { float:right; color:#CCC; font-size:14px; margin-top:0px; }
.matras_wrapper .alle_matrassen >  li.actief  {  border-color:#3C61A9;border-left:4px solid #3C61A9 !important;color:#3C61A9; }
.matras_wrapper .alle_matrassen >  li.gekozen  {  border: 1px solid #729004 !important; color:#729004;padding-left:10px; border-left:4px solid #729004 !important; }


/*.matras_wrapper .alle_matrassen li.actief:after {*/
/*right: -11px;*/
/*!* top: 1px; *!*/
/*border: solid transparent;*/
/*content: " ";*/
/*height: 0;*/
/*width: 0;*/
/*position: absolute;*/
/*pointer-events: none;*/
/*!* border-color: rgba(66, 116, 193, 0); *!*/
/*border-left-color: #4274c1 !important;*/
/*border-width: 13px;*/
/*margin-top: 1px;*/
/*}*/
/*.matras_wrapper .alle_matrassen li.gekozen:after {*/
/*right: -11px;*/
/*!* top: 1px; *!*/
/*border: solid transparent;*/
/*content: " ";*/
/*height: 0;*/
/*width: 0;*/
/*position: absolute;*/
/*pointer-events: none;*/
/*!* border-color: rgba(66, 116, 193, 0); *!*/
/*border-left-color: #729004 !important;*/
/*border-width: 13px;*/
/*margin-top: 1px;*/
/*}*/

/*.matras_wrapper .alle_matrassen li:hover  {  background-color: #a5b3cf !important;color:#fff; padding-left:10px; }*/
/*.matras_wrapper .alle_matrassen li:hover:after {*/
/*right: -11px;*/
/*!* top: 1px; *!*/
/*border: solid transparent;*/
/*content: " ";*/
/*height: 0;*/
/*width: 0;*/
/*position: absolute;*/
/*pointer-events: none;*/
/*!* border-color: rgba(66, 116, 193, 0); *!*/
/*border-left-color: #a5b3cf !important;*/
/*border-width: 13px;*/
/*margin-top: 1px;*/
/*}*/

.matras_wrapper .alle_matrassen >  li:hover { border-color:#3C61A9;color:#3C61A9;}
.matras_wrapper .alle_matrassen >  li:hover small,
.matras_wrapper .alle_matrassen >  li:hover label { color:#3C61A9;font-size:14px;}

.matras_wrapper .alle_matrassen >  li label { font-weight: bold; font-size:14px;margin-right:10px; display: inline-block; }
.matras_wrapper .matrasinfo > .matrasinfo p { color:#000; font-size:14px; line-height: 24px; margin-top:15px; border-bottom:1px solid rgba(0,0,0,0.1); padding-bottom:15px;}
.matras_wrapper .matrasinfo .configurator_price { margin:0px; text-align: right; display: block; }
/*.matras_wrapper .matrasinfo .matras .hardheid { list-style: none; margin:30px 0px;padding:0px;  }*/
/*.matras_wrapper .matrasinfo .matras .hardheid li { margin:0px; padding:0px; display: inline-block; line-height: 18px;}*/
/*.matras_wrapper .matrasinfo .matras .hardheid li img {}*/
/*.matras_wrapper .matrasinfo .matras .hardheid li h6 { display: block; font-size:8px; text-align: center; width:100%; margin:0px; padding:0px;color:#384c8f;}*/
/*.matras_wrapper .matrasinfo .matras .hardheid input.hardheid_input{     margin:0;padding:0;    -webkit-appearance:none;   display: none; -moz-appearance:none;    appearance:none;}*/
/*.matras_wrapper .matrasinfo .matras .hardheid input.hardheid_input:active +.hardheid_keuze{  border:1px solid #e4e4e4;}*/
/*.matras_wrapper .matrasinfo .matras .hardheid input.hardheid_input:checked +.hardheid_keuze{    -webkit-filter: none;    -moz-filter: none;    filter: none;    border:1px solid #f4f4f4; opacity: 1;    filter: alpha(opacity=100); !* For IE8 and earlier *!}*/

/*.matras_wrapper .matrasinfo .matras .hardheid label{*/
/*cursor:pointer;*/
/*background-size:contain;*/
/*background-repeat:no-repeat;*/
/*border:1px solid #f4f4f4;*/
/*display:inline-block;*/
/*padding:10px;*/
/*Xbackground: #fff;*/
/*width:72px;*/
/*height:72px;*/
/*opacity: 0.3;    filter: alpha(opacity=30); !* For IE8 and earlier *!*/
/*background-size:94% 94%; background-repeat: no-repeat; background-position: center;*/
/*}*/


.matras_wrapper .matrasinfo .matras .keuze_hardheid { list-style:none; margin:0px;}
.matras_wrapper .matrasinfo .matras .keuze_hardheid li { margin-bottom:10px; margin-left:0px; padding:0px;}
.matras_wrapper .matrasinfo .matras .keuze_hardheid li input[type=radio] { display:none; visibility:hidden;}
.matras_wrapper .matrasinfo .matras .keuze_hardheid li .tekstlabel { color:#000; font-weight: normal; width:225px;}
.matras_wrapper .matrasinfo .matras .keuze_hardheid li .radiobutton {
    border-radius: 50%;width:18px; height: 18px; display: inline-block; border:2px solid #5A5A5A; cursor: pointer; margin-right:5px; position: relative; top:3px;
}
.matras_wrapper .matrasinfo .matras .keuze_hardheid li input[type=radio]:checked ~.radiobutton,
.matras_wrapper .matrasinfo .matras .keuze_hardheid li input[type=radio]:active ~.radiobutton {
    border:2px solid #3C61A9; background-image: url("../images/radio_selected.png"); background-repeat: no-repeat; background-position: -1px -1px;
}




/* STAP 6 ACCESSOIRES */

#tab6 .introduction { padding:15px 0px; padding-right:20px;}
#tab6 .introduction h3 { font-size:16px; font-weight: normal;}


.accessoires_wrapper {  position: relative; line-height: 22px; }
.accessoires_wrapper h2 { display: inline-block; font-weight: normal; color:#363636; font-size:16px; width:100%; padding-left:0px; padding-right:0px;  margin:0px;  }
.accessoires_wrapper h3 { display: block; font-weight: bold; color:#3C61A9; font-size:16px; margin:0px; margin-top:10px;}
.accessoires_wrapper .configurator_price {  font-weight: normal; color:#ccc; font-size: 14px;}
.accessoires_wrapper .auping_kleur_label { font-size:14px; display: inline-block; clear:both !important;     line-height: 11px; margin-bottom: 35px; color:#ccc;}
.accessoires_wrapper .bedlamp_label { font-size:11px; border:1px solid #ccc; display: inline-block; clear:both !important;    -webkit-border-radius: 7px;    border-radius: 7px; line-height: 11px; padding:5px; margin-bottom: 15px;}
.accessoires_wrapper input[type=number] { font-weight: normal; font-size:16px; }
.accessoires_wrapper input[type=number] {  height:40px; width:150px;  background: #F5F5F5; border:0px;border-bottom:2px solid #000; padding-left:10px;}

.aanhangtafel_wrapper { padding-left:15px;}
.hoofdbord_wrapper .onoffswitch { display: inline-block; }
.bedlamp_wrapper .opties { text-align: left;  font-size:12px;}
.achterwand_wrapper .opties { text-align: left; font-size:12px;}
.bedlamp_wrapper .opties label,
.achterwand_wrapper .opties label { cursor:pointer;}


.accessoires_wrapper input[type=radio] {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: none;
}
.accessoires_wrapper .radiobutton {
    border-radius: 50%;width:18px; height: 18px; display: inline-block; border:2px solid #5A5A5A; cursor: pointer; position: relative;top:3px;
}

.accessoires_wrapper input:active + .radiobutton,
.accessoires_wrapper input:checked + .radiobutton{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#49c0f0+76,ffffff+76 */
    border:2px solid #3C61A9; background-image: url("../images/radio_selected.png"); background-repeat: no-repeat; background-position: -1px -1px;
}

.accessoires_wrapper input { clear: left; }
.accessoires_wrapper > div.accessoire_beeld { border:1px solid rgba(0,0,0,0.1); text-align: center; margin-bottom:10px; }
.accessoires_wrapper > div.accessoire_beeld img { margin-bottom:10px;}
.accessoires_wrapper.selected > div.accessoire_beeld { border:1px solid #3C61A9;margin-bottom:10px; }


.accessoires_prijs { display: none;}

.maat_wrapper input:disabled + label,
.accessoires_wrapper input:disabled + .radiobutton,
.accessoires_wrapper input:disabled:active + .radiobutton { border-color: #ccc !important; background: none !important; }
.maat_wrapper input:disabled:active + label + label,
.maat_wrapper input:disabled:hover + label + label { background: #9b9b9b !important; }

@media (max-width: 767px) {

    .topbalk_fixed { display: none;}
    .menu_fixed { display: none;}
    #usps { display: none; visibility: hidden;}


    X.post-6980 form.cart { display: none; visibility: hidden;}


    .introduction { font-size:14px; line-height:20px;}


    .mobilepanel { padding-bottom:10px; }
    .no_padding_mobile {padding-left:0px !important; padding-right:0px !important;}

    /* ZIJKOLOM */
    .configurator_total { height: 250px; position: fixed;   bottom:0px; left:0px; width:100%; z-index: 999;-webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);        box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);}
    .configurator_total .slide_open_mobile { float:right; font-size:22px; color: #8e9da9; padding:10px; }
    .dubbeltap { font-size:11px;}

    .samenvatting { display: none; position: fixed; top:0px; left:0px; height: 100%; width:100%; background-color: #f4f4f4; padding:10px; z-index: 99998; overflow-y: scroll;  padding-bottom:140px;}
    .samenvatting .slide_close_mobile { font-size:22px; color: #384c8f; position: fixed; top:10px; right:10px; z-index: 999}

    .footer_zijkolom input[type=text] {
        border:1px solid #ccc;
    }


    .navigationbuttons .vorige ,
    .navigationbuttons .volgende  { text-align: center;}
    .navigationbuttons .volgende a  { float:none;}



    .samenvatting_wrapper .foto_wrapper { text-align: center; position: relative; height:350px; ; }
    .samenvatting_wrapper .foto_wrapper div.options > div { text-align: center; position: absolute; width:80px; height:80px; -webkit-border-radius: 40px;    border-radius: 40px; border:2px solid #3C61A9; background: #fff; padding:5px;}
    .samenvatting_wrapper .foto_wrapper div.options > div img { -webkit-border-radius: 40px;    border-radius: 40px; cursor: pointer; }
    .samenvatting_wrapper .foto_wrapper div.options > div #image_buildup_matras1_2p { position: absolute; top:-10px; left:4px; z-index: 2 }
    .samenvatting_wrapper .foto_wrapper div.options > div #image_buildup_matras2_2p { position: absolute; top:10px; left:4px; z-index: 1 }
    .samenvatting_wrapper .foto_wrapper div.kleur { position: absolute; top:0px; left:0px; width:100%;}
    .samenvatting_wrapper .foto_wrapper #image_buildup_maat { max-width:100% !important;}
    .samenvatting_wrapper .foto_wrapper #image_buildup_kleur { max-width:100% !important;}
    .samenvatting_wrapper .foto_wrapper div.options > div.hoogte { top:50px; left:0px;}
    .samenvatting_wrapper .foto_wrapper div.options > div.verstelbaarheid { top:0px; left:180px;}
    .samenvatting_wrapper .foto_wrapper div.options > div.matras { top:0px; right:180px;}
    .samenvatting_wrapper .foto_wrapper div.options > div.aanhangtafel { top:50px; right:0px;}
    .samenvatting_wrapper .foto_wrapper div.options > div.verlichting { top:155px; left:0px;}
    .samenvatting_wrapper .foto_wrapper div.options > div.achterwand { top:215px; right:180px;}
    .samenvatting_wrapper .foto_wrapper div.options > div.hoofdbord { top:215px; left:180px;}
    .samenvatting_wrapper .foto_wrapper div.options > div.nachtkastje { top:155px; right:0px;}
    .samenvatting_wrapper .foto_wrapper div.options > div .aantal {        position: absolute;     right: 5px;    bottom: 5px;    background-color: #3C61A9;    color: #fff !important;    font-weight: bold;    width: 25px;    height: 25px;    font-size: 20px;    -webkit-border-radius: 15px;    border-radius: 15px;    padding: 5px;    line-height: 15px; }
    .samenvatting_wrapper .foto_wrapper img { max-width: 100%; height: auto;}


    /* STAP 1 */

    .auronde-step-content .step_title {        text-align: center; display: none !important; visibility: hidden !important;    }

    .type_bed_wrapper .h2 { display: block; font-weight: normal; color:#363636; font-size:14px;}
    .type_bed_wrapper h3 { font-size:14px; line-height: 17px; margin-bottom:5px; margin-top:10px; text-align: left;}
    Xxxxxx.maat_wrapper { padding-left:0px; font-size:11px;}
    Xxxxxx.maat_wrapper label { font-size:9px; color:#fff; background: #384c8f; padding:4px; display: inline-block; line-height: 10px;-webkit-border-radius: 5px;  font-weight: bold;   border-radius: 5px; margin-left:2px;}
    .type_bed_wrapper input:checked +.typebed{        -webkit-filter: none;        -moz-filter: none;        filter: none;        width:100%;        height:150px;    }
    .typebed{        width: 100%;        height: 150px;     background-position: center -10px;    }
    Xxxxxx.maat_wrapper label.maten { font-size:9px; color:#fff; background: #9b9b9b; padding:5px;  display: inline-block; line-height: 10px;-webkit-border-radius: 5px;  font-weight: bold;   border-radius: 5px; margin-left:0px; margin-bottom: 5px; min-width: 40px;}
    Xxxxxx.maat_wrapper label.maatlabel { position: relative; top:-3px; font-size:7px;}

    .maat_wrapper label.maatlabel {
        font-size:10px;
        margin-left: 26px;
        position: relative; top:-7px;
        padding:3px;
    }

    /* STAP 2 */

    .hoogte_wrapper input:checked +.hoogte_keuze{        -webkit-filter: none;        -moz-filter: none;        filter: none;        width:100%;        height:230px;    }
    .hoogte_keuze{        width:100%;        height:230px; margin-bottom:0px;    }
    .hoogte_keuze_wrapper { padding-left:0px; font-size:11px; top:-130px;}
    .hoogte_wrapper .radiobutton {

        top: -45px;
    }

    /* STAP 3 KLEUR */

    .kleur_wrapper label {        width: 100px;        height: 100px;    }

    /* STAP 4 VERSTELBAARHEID */

    .verstelbaarheid_keuze {        width: 100%;        height: 220px;    }

    /* STAP 5 MATRAS */

    .matras-index { display: none; }
    .matras_wrapper .matras_opties      { display: inline-block;}
    .matras_wrapper .matras_opties li   { display: inline-block; margin-bottom:10px;}
    .matras_wrapper .matras_opties li > label { font-size:12px; display: table; line-height: 16px;}
    .matras_wrapper .informatie_wrapper { text-align: center;}
    .matras_wrapper .informatie_wrapper a { float: none;    }
    .matras_wrapper .keuzehulp { font-size:12px; line-height: 18px; text-align: left;}
    X.matras_wrapper .keuzehulp h3 { display: inline-block; margin-bottom:20px;}
    X.matras_wrapper .keuzehulp ul {        float: right;  margin-bottom:5px;  }
    .matras_wrapper .keuzehulp label {
        margin-right: 5px;
        font-size: 12px;
        margin-bottom:5px;
    }
    .matras_wrapper .alle_matrassen > li label {
        font-weight: bold;
        font-size: 14px;
        margin-right: 10px;
        line-height: 8px;
        width: auto;
        display: block;
    }
    .matras_wrapper .alle_matrassen > li small {
        font-size: 14px;
        display: block;
        line-height: 8px;
        margin-top:10px;
    }

    .matras_wrapper .alle_matrassen > li .configurator_price {
        position: relative;
        top: -15px;
    }

    .matras_wrapper .alle_matrassen >  li  .promotielabel {    position: relative;
        top: -6px;
        right: -11px;
        float: right; padding:2px 4px; color:#fff !important; background:#9B9B9B;border-radius: 2px; font-size:12px !important; display: inline-block; line-height: 14px;  cursor: pointer;width:auto; height: auto; margin-left:10px;}
    .matras_wrapper .alle_matrassen >  li  .promotielabel:hover { background: #3C61A9;}
    .matras_wrapper .matrasinfo > .matrasinfo p {
        color: #000;
        font-size: 14px;
        line-height: 24px;
        margin-top: 0px;
        border-bottom: 0px;

        padding-bottom: 5px;
    }

    .matras_wrapper .wrapper_keuzehulp { font-size:14px; line-height:20px;}
    .matras_wrapper .wrapper_keuzehulp h3 {
        color: #3C61A9;
        font-size: 18px;margin-bottom:10px; display: inline-block;
    }



    .matras_wrapper .matrasinfo .matras .keuze_hardheid li .tekstlabel {

        display: inline-block;
    }

    .matras_wrapper .alle_matrassen li.actief:after {display:none;}
    .matras_wrapper .alle_matrassen li.gekozen:after {display:none;}
}

}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

    X.post-6368 form.cart { position: fixed; right:10px; top:10px; background: dimgray; font-size:10px; z-index: 99999; color:#fff; padding:10px;}
    X.post-6368 form.cart input { height:20px; float:right; color:#000;}
    X.post-6368 form.cart label { margin:0px;}
    .post-6980 form.cart input { height:20px; float:right; color:#000; display: none;}
    .post-6980 form.cart label { margin:0px; display: none;}




}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    .kleur_wrapper {text-align: center; height: 165px !important;}
    .kleur_wrapper label.kleur_keuze {
        background-size:85% auto !important;
        height:155px !important;
    }



    #zijkolom_configurator .foto_wrapper div.options > div.verstelbaarheid { left:85px;}
    #zijkolom_configurator .foto_wrapper div.options > div.matras {  right:85px;}
    #zijkolom_configurator .foto_wrapper div.options > div.achterwand { right:85px;}
    #zijkolom_configurator .foto_wrapper div.options > div.hoofdbord {  left:85px;}

    .footer_zijkolom input[type=text] { width:175px !important;}
    .gform_wrapper .gform_footer input[type=submit] {    width:175px !important; font-size:1em !important;}

    .footer_zijkolom input[type=text] { padding:0px font-size:11px; !important; padding-left:10px !important; width:100% !important; border:0px; height:44px; border-radius:0px; -webkit-border-radius:0px;}
    .footer_zijkolom .gform_body { width:100% !important; float:none !important; padding-bottom:0px; }
    .footer_zijkolom .gform_wrapper .gform_footer {    padding: 0px !important;    margin: 0px !important;    clear: both !important;    width: 100% !important; float:none !important;}
    .footer_zijkolom .gform_wrapper .gform_footer input[type=submit] {    width:100% !important; margin-top:5px !important; background: #9B9B9B; font-size:12px !important; height:43px !important;border-radius:0px; -webkit-border-radius:0px; color:#fff;}
    .footer_zijkolom .gform_wrapper .gform_footer input[type=submit]:hover { background: #838383;}
    .footer_zijkolom .gform_wrapper ul.gform_fields li.gfield {
        padding-right: 0px;
    }

    .stappen span {    font-size:16px;}

    .stappen li {
        width: 120px; /* 100 / number of steps */
    }

    .hoogte_wrapper input:checked +.hoogte_keuze{
        width:100%;
        height:300px;
    }

    .hoogte_keuze{
        width: 100%;
        height: 300px;
    }

    .kleur_wrapper label{
        width:100%;
        height:165px;
    }

    .verstelbaarheid_keuze {
        background-position: center -16px;
    }


    .hoogglans_wrapper {font-size:13px;}
    .hoogglans_wrapper .label_tekst { font-size:13px; }
    .ral_wrapper {font-size:13px;}
    .ral_wrapper .label_tekst { font-size:13px; padding-top:0px;}
    .ral_wrapper .label_tekst input { width:60px;}



    .verstelbaarheid_keuze_wrapper ul {    font-size: 13px;    line-height: 22px;}

    .matras_wrapper .matrasinfo .matras .hardheid label{
        width:90px;
        height:90px;
    }

    .matras_wrapper .matrasinfo .matras .hardheid li h6 {  font-size:11px;}

}

/* SCHAKELAAR AAN/UIT bij kleuren
    https://proto.io/freebies/onoff/

*/


.onoffswitch {
    position: relative; width: 55px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 1px solid #fff; border-radius: 50px; margin-top:0px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 18px; padding: 0; line-height: 18px;
    font-size: 12px; color: white; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "Ja";
    text-align: left !important;
    padding-left: 10px;
    background-color: #3C61A9; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "Nee";
    padding-right: 8px;
    background-color: #e2e2e2; color: #565656;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 23px; margin: -1.5px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 39px;
    border: 1px solid #ccc; border-radius: 50%;
    transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}
/* SCHAKELAAR AAN/UIT bij kleuren */


/* 5 KOLOMMMEN VOOR ACCESOIRES */


.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

/* 5 KOLOMMMEN VOOR ACCESOIRES */