body{background-color:#fff}

main{align-items:start;display:grid;grid-template-columns:100%;grid-template-rows:auto auto auto auto;grid-template-areas:'nav' 'images' 'buy' 'info' 'recommend';height:100%;width:100%}
main{-ms-grid-columns:100%;-ms-grid-rows:auto auto auto auto}

#images{grid-area:images;width:100%}
#images{-ms-grid-row:1;-ms-grid-row-span:1;-ms-grid-column:1;-ms-grid-column-span:1}
#images-inner{overflow:hidden;position:relative;width:100%}
#images-main img{

    font-size:24px;height:100%;object-fit:contain;width:100%
    /*cursor:zoom-in;*/
}
#images-main .electrifyingweeks {position:absolute;top:0;left:0;padding:4px 8px;width:100%;height:35px;line-height:27px;background-color:#680b73;color:#fff;font-size:18px}
#images-main .zomerdeals {position:absolute;top:0;left:0;padding:4px 8px;width:100%;height:35px;line-height:27px;background-color:#ff1616;color:#fff;font-size:18px}
#images-main .oranjedeals {position:absolute;top:0;left:0;padding:4px 8px;width:100%;height:35px;line-height:27px;background-color:#ff6600;color:#fff;font-size:18px}
#images-main .vakantieknallers {position:absolute;top:0;left:0;padding:4px 8px;width:100%;height:35px;line-height:27px;background-color:#dd1919;color:#fff;font-size:18px}
#images-main .backtoschool {position:absolute;top:0;left:0;padding:4px 8px;width:100%;height:35px;line-height:27px;background-color:#ff1616;color:#fff;font-size:18px}
#images-main .halloween {position:absolute;top:0;left:0;padding:4px 8px;width:100%;height:35px;line-height:27px;background-color:#ff1616;color:#fff;font-size:18px}
#images-main .blackfriday {position:absolute;top:0;left:0;padding:4px 8px;width:100%;height:35px;line-height:27px;background-color:black;color:#fff;font-size:18px}
#images-main .winterdeals {position:absolute;top:0;left:0;padding:4px 8px;width:100%;height:35px;line-height:27px;background-color:#3bac36;color:#fff;font-size:18px}
#images-main .solden {position:absolute;top:0;left:0;padding:4px 8px;width:100%;height:35px;line-height:27px;background-color:#3bac36;color:#fff;font-size:18px}
#images-main .bigsale{
    position: absolute;
    top: 0;
    left: 0;
    padding: 4px 8px;
    width: 100%;
    height: 35px;
    line-height: 27px;
    background-color: #00B900;
    color: white;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}

#images-main .vakantiedeals{
    position: absolute;
    top: 0;
    left: 0;
    padding: 4px 8px;
    width: 100%;
    height: 35px;
    line-height: 27px;
    background-color: #00B900;
    color: white;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}

#images-thumbs img{border:1px solid #f0f4f7}

#buy{grid-area:buy;height:100%;padding-left:12px;padding-right:12px;width:100%}
#buy{-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:2;-ms-grid-column-span:1}

/*#buy-addtocart{margin-bottom:8px}*/
/*#buy-addtocart{ align-items:flex-start;background-color:green;border:1px solid green;border-radius:2px;color:#fff;cursor:pointer;display:inline-block;font-size:20px;font-weight:400;line-height:30px;margin:0;min-width:160px;padding:8px 24px 8px 32px;position:relative;text-align:center;transition:box-shadow .3s;user-select:none;width:100%;margin-bottom:8px }*/
/*#buy-addtocart:hover{ box-shadow: 0 0 11px rgba(33,33,33,.2) }*/
/*#buy-addtocart span{margin-right:12px}*/

#buy-addtocart a {
    align-items:flex-start;background-color:green;border:1px solid green;border-radius:2px;color:#fff;cursor:pointer;display:inline-block;font-size:18px;font-weight:400;line-height:30px;margin:0;min-width:160px;padding:8px 24px 8px 32px;position:relative;text-align:center;transition:box-shadow .3s;user-select:none;width:100%
}

#buy-addtocart-bottom a {
    align-items: flex-start;
    background-color: green;
    border: 1px solid green;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    margin: 0;
    min-width: 160px;
    padding: 8px 34px 8px 32px;
    position: relative;
    text-align: center;
    transition: box-shadow .3s;
    user-select: none;
    width: 90%;
    margin-left: 5%;
    margin-top: 7%;
}

@media screen and (max-width: 450px){
    #buy-addtocart-bottom a {
        width: 90%;
        margin-left: 5%;
        margin-top: 7%;
    }
}

@media screen and (max-width: 330px){
    #buy-addtocart-bottom a {
        font-size: 14px;
    }
}


@media screen and (min-width: 451px){

    #buy-addtocart-bottom a {
        width: 61%;
        margin-left: 0%;
        margin-top: 7%;
    }

}

@media (min-width:500px) and (max-width:600px) {
    #buy-addtocart-bottom a {
        width: 94%;
        margin-left: 4%;
        margin-top: 7%;
    }
}

@media (min-width:900px) and (max-width:1000px) {
    #buy-addtocart-bottom a {
        width: 100%;
        margin-top: 7%;
    }
}

@media (min-width:700px) and (max-width:800px) {
    #buy-addtocart-bottom a {
        margin-left: 3%;
        margin-top: 7%;
        width: 90%;
    }
}

@media (min-width:800px) and (max-width:850px) {
    #buy-addtocart-bottom a {
        width: 90%;
        margin-left: 4%;
        margin-top: 7%;
    }
}


.modal-winkelvoorraad { color:green;font-weight:bold;border-bottom:1px solid green }
.modal-winkelvoorraad:hover { color: #999;border-bottom-color:#999 }


.modal-winkelvoorraad-ALL { color:green;font-weight:bold;border-bottom:1px solid green }
.modal-winkelvoorraad-ALL:hover { color: #999;border-bottom-color:#999 }

#modal-load { display: none }
#modal-overlay{ background:rgba(0,0,0,0.5);bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:1298 }
#modal {
    background-color:#fff;
    border-radius:4px;
    box-shadow:0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.3);display:flex;flex-flow:column nowrap;left:0;
    margin:0 auto;
    padding: 20px;
    padding-bottom: 50px;
    max-height:90%;
    min-height:200px;
    max-width:550px;
    overflow-y:auto;
    position:fixed;
    right:0;
    top:5%;
    width:90%;
    z-index:1300
}

#modal .close {
    position:absolute;
    right:12px;
    top:10px;
    font-style: normal;
    font-weight: bolder;
    font-size: 40px;
    color: #777;
    transform: rotate(-45deg);
    cursor:pointer;
}
#modal .close:hover  { color: #999 }
#modal .close:before { font-family: "bootstrap-icons";transform: rotate(-45deg);content: "\f4fe" }
#modal h2            { margin-top: 0 }

#modal div.winkel-block {
    display:flex;flex-flow:row wrap;
    margin-top:15px;margin-bottom:15px;padding:0 15px;border-radius:4px;border:1px solid #888;background-color:#eaeaea
}
#modal .winkel-adres   { flex:1 0 50%;min-width:225px;padding:15px 0 }
#modal .winkel-contact { flex:1 0 50%;min-width:225px;padding:15px 0;text-align:center }

#modal .bel-winkel {
    border:1px solid #FF6600;
    border-radius:2px; line-height: 20px; display: inline-block;
    padding: 4px 10px; margin-top: 6px;
    color: #FF6600;
}
#modal .bel-winkel:hover {
    background-color:#FF6600;
    color:#fff;
}
/* end winkel modal */

#buy-capaciteit{border-radius:2px;box-shadow:0 1px 2px 0 rgba(17,34,68,0.4);cursor:pointer;height:40px;line-height:40px;margin:8px 0;padding:0 8px;width:100%}
#buy-capaciteit:hover{border-radius:4px;box-shadow:0 2px 4px 0 rgba(17,34,68,0.4)}

#buy-color-active{border-bottom:2px #f9aa33 solid}
/*#buy-header{display:grid;grid-template-rows:1fr;grid-gap:0 16px;grid-template-areas:'title price' 'reviews reviews';width:100%;} !* grid-template-columns:1fr -webkit-min-content;grid-template-columns:1fr min-content; *!*/

#buy-header{display:grid;grid-template-columns:1fr min-content;grid-template-rows:1fr;grid-template-areas: 'title' 'reviews' 'price' 'price-in3';width:100%} /* grid-gap:0 16px; */
#buy-header span.icon-info {color: #777}
#buy-header span.icon-info:hover {color:#FFF}
#buy-header span.icon-info:before {font-family:"bootstrap-icons";font-style:normal;content:"\f433"}

#buy-payoff{font-weight:100;text-align:center}
#buy-price{grid-area:price;display:flex;justify-content:flex-end;flex-wrap:wrap;align-content:flex-start;line-height:24px;margin-bottom:8px}
#buy-price{display:-webkit-box;-webkit-box-pack:end}
#buy-price{display:-ms-flexbox;-ms-flex-pack:end;-ms-flex-wrap:wrap;-ms-flex-line-pack:start}
#buy-price b{font-size:20px;font-weight:700;line-height:30px;position:relative}
#buy-price i{font-size:16px;font-style:normal;font-weight:100;margin-right:5px;position:relative}
#buy-price i::before{border-bottom: 2px solid #FF6600;content:'';height:1px;left:-2px;position:absolute;top:.5em;width:100%;transform:rotate(-15deg);}
#buy-price-txt{font-size:16px;font-weight:100;margin-left:5px}
#buy-price-in3{grid-area:price-in3;display:flex;justify-content:flex-end;flex-wrap:wrap;align-content:flex-start;line-height:24px;margin-bottom:8px;background-color:#eee;padding:16px 12px}

#buy-reviews{align-items:center;grid-area:reviews;display:-ms-flexbox;display:flex;line-height:24px;margin:8px 0}
#buy-reviews a{color:#567;display:inline-block;margin:6px 0 6px 12px;text-decoration:underline}
#buy-reviews a:hover{color:#9ab}
#buy-stars-empty{color:#f0f4f7;position:relative;top:-2px}
#buy-stars-full{color:#fc5;left:0;overflow:hidden;position:absolute;top:0;width:89%}
#buy-stars-empty::before,#buy-stars-full::before{content:"\f586\f586\f586\f586\f586";font-size:14px;font-family:"bootstrap-icons";letter-spacing:2px}
#buy-sticky{color:#124;position:-webkit-sticky;position:sticky;top:12px}
#buy-title{grid-area:title}
#buy-title h2{display:block;font-size:20px;font-weight:700;line-height:30px;margin:0;padding:0}
#buy-title h1{display:block;font-size:16px;font-style:normal;font-weight:100;line-height:24px;margin:0;padding:0}
#buy-usp{background-color:#eee;border-bottom:1px solid #bcd;border-top:1px solid #bcd;padding:16px 12px}
#buy-usp li{font-size:14px;font-weight:100;line-height:21px;list-style:none;margin:8px 0;padding:0 0 0 24px;position:relative}
#buy-usp li::before{color:#567;content:'\f138';font-family:"bootstrap-icons";left:0;position:absolute;top:-1px}
#buy-usp li a{color:#124;font-weight:400}
#buy-usp li a:hover{text-decoration:underline}

#txt{grid-area:info;margin-bottom:32px;padding-left:20px;padding-right:12px;width:100%}
#txt{-ms-grid-row:2;-ms-grid-row-span:1;-ms-grid-column:1;-ms-grid-column-span:1}
#txt h3{font-size:16px;font-weight:400;line-height:24px;margin:16px 0 0 0}
#txt p{font-size:16px;font-weight:100;line-height:24px;margin:16px 0 0 0;padding:0}

#fiets-info{grid-area:recommend;width:100%}
#fiets-info{-ms-grid-row:3;-ms-grid-row-span:1;-ms-grid-column:1;-ms-grid-column-span:2}
#fiets-info h3{font-size:16px;font-weight:400;line-height:24px;margin:16px 0 0 0}
#fiets-info p{font-size:16px;font-weight:100;line-height:24px;}
#fiets-info table{width:100%}
#fiets-info td{font-size:16px;font-weight:400;line-height:24px;padding:0 12px 12px 0;}
#fiets-info th{font-size:16px;font-weight:100;line-height:24px;padding:0 12px 12px 0;text-align:left;width:40%}

/* thumb slider */
.thumb-slider .tns-item img, .recent-slider img {
    display: block;
    width: calc(100% - 5px);
    /*max-width: 130px;*/
    height: auto;
    margin-right: auto;
    margin-left: auto;
}

.tns-nav {
    text-align: center;
    margin: 10px 0;
}
.tns-nav > [aria-controls] {
    width: 9px;
    height: 9px;
    padding: 0;
    margin: 0 5px;
    border-radius: 50%;
    background: #ddd;
    border: 0;
}
.tns-nav > .tns-nav-active { background: #999; }
/* end thumb slider */



#images-main.fullscreen {
    width: 100%
}


/**
    Color selector
 */

table.fietsen-modellen { width:100%;padding:3px;line-height:30px }
table.fietsen-modellen tr.kleur-row { border-bottom:1px solid #ccc }
table.fietsen-modellen td.kleur-radio { width:15px;cursor:pointer }
table.fietsen-modellen td.kleur-col { width:30px;padding-left:5px;text-align:center;cursor:pointer }
table.fietsen-modellen td.kleur-col span { display:inline-block;vertical-align:middle;border:1px solid #ccc;border-radius:3px;width:20px;height:20px }
table.fietsen-modellen td.kleur-naam { font-size: 14px; padding-left: 5px; cursor:pointer; }

#buy-colorpicker{display:flex;flex-flow:row wrap;list-style:none;margin:0 -4px 24px -4px;padding:0}
#buy-colorpicker li{flex:0 1 auto;margin:4px;min-width:calc(25% - 8px);padding:0;width:calc(25% - 8px);-webkit-box-flex:0;-ms-flex:0 1 auto}
#buy-colorpicker a{align-items:flex-start;border-radius:2px;box-shadow:0 2px 4px 0 rgba(17,34,68,0.2);display:inline-block;overflow:hidden;position:relative;width:100%}
#buy-colorpicker a::before{content:"";display:block;padding-bottom:100%}
#buy-colorpicker a:hover{box-shadow:inset 0 -1px 0 0 rgba(17,34,68,0.2), 0 8px 16px 0 rgba(17,34,68,0.2)}
#buy-colorpicker img{height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%}
#buy-color-active{border-bottom:2px #FF6600 solid}
#buy-colorpicker-2{
    margin: 20px 0;
}

.kenteken {
    text-align:center;vertical-align:middle;padding:3px;border:1px solid #000;border-radius:2px;display:inline-block;line-height:15px;width:70px;
}
.kenteken.snor {
    color:#FFF;background-color:#00A1FE
}

.voorraad-tooltip .tekst.green {background-color: rgba(45, 132, 24, 0.9);
    border: 1px solid #fff;
}
.voorraad-tooltip .tekst.orange {
    background-color: rgba(243, 114, 32, 0.9);
    border: 1px solid #fff;
}

.voorraad-tooltip:hover .tekst {
    visibility: visible;
}

.voorraad-tooltip span.tekst button {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    padding: 6px;
    border-radius: 3px;
    width: 100%
}
.voorraad-tooltip span.tekst button:hover {
    background-color: #fff;
    color: green;
}

.voorraad-tooltip a {
    color: #fff;
    padding: 2px 6px;
    border:1px solid #fff;
    border-radius: 2px
}
.voorraad-tooltip a:hover {
    background-color: #fff;
    color:#000
}



@media screen and (max-width: 767px){
    #buy-usp{margin:16px -12px}
    #images-main button{display:none}
    #images-thumbs{display:flex}
    #images-thumbs img{height:100%;width:31vw}
    #info-nav{display:none}
    #nav{display:none}

    .fiets-info{display:flex;margin:0;width:100%;flex-flow:column wrap}
    .fiets-info img{object-fit:contain;display:flex;flex:0 0 100%;width:100%}
    .fiets-info div{display:flex;flex:0 0 100%;flex-flow:column wrap;justify-content:center;text-align:left;order:1;width:100%}
    .fiets-info div h2{margin:12px 48px;padding:0}
    .fiets-info div p{margin:12px 48px;padding:0}
}

@media screen and (min-width: 768px){
    #buy-usp{margin:16px -24px}

    /*
    #images{padding-left:12px;padding-right:12px}
    #images-inner{padding-bottom:80%}
    #images-main{bottom:0;position:absolute;right:0;top:0;width:80%}
    #images-main img{border:1px solid #f0f4f7}
    */

    #images-main button{background-color:rgba(255,255,255,0.6);border:0;border-radius:3px;box-shadow:0 2px 4px 0 rgba(17,34,68,0.2);color:#124;font-family:"bootstrap-icons";font-size:24px;font-weight:400;height:40px;line-height:24px;padding:8px;position:absolute;top:calc(50% - 25px);transition:box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);width:40px}
    #images-main button:hover{box-shadow:0 2px 4px 0 rgba(17,34,68,0.2), 0 8px 16px 0 rgba(17,34,68,0.2);color:#556}
    #images-nav-right{right:12px}
    #images-nav-right::before{content:"\f138"}
    #images-nav-left{left:12px}
    #images-nav-left::before{content:"\f12f"}


    /*
    #images-thumbs{bottom:0;left:0;padding-right:24px;position:absolute;top:0;width:20%;overflow-y:auto}
    #images-thumbs img{width:100%}
    */

    #txt h3{margin:24px 0 16px 0;font-size:20px;font-weight:700;line-height:30px;text-align:left}

    #info-nav{background-color:#fff;border-bottom:1px solid #bcd;border-top:1px solid #bcd;margin-top:24px;position:-webkit-sticky;position:sticky;top:-1px;z-index:1}
    #info-nav a{color:#567;display:inline-block;font-size:18px;font-weight:400;line-height:27px;padding:12px}
    #info-nav a:hover{box-shadow:inset 0 -3px #567}

    #nav{display:flex;flex-flow:row wrap}
    #nav-back{background-color:#fff;border-radius:16px;box-shadow:0 2px 4px 0 rgba(17,34,68,0.1);color:#124;display:flex;font-size:16px;font-weight:400;line-height:24px;justify-content:center;margin:10px 12px 16px 12px;text-align:center;width:calc(20% - 29px)}
    #nav-back:hover{box-shadow:0 2px 4px 0 rgba(17,34,68,0.1), 0 4px 8px 0 rgba(17,34,68,0.1)}
    #nav-back::before{content:"\E904";font-family:LaSourisIcons;margin-right:8px}
    #nav-breadcrumbs{color:#567;font-size:14px;font-weight:700;line-height:44px;list-style:none;margin:0 0 0 12px;padding:0;width:calc(80% - 24px)}
    #nav-breadcrumbs li{display:inline-block}
    #nav-breadcrumbs a{color:#567;font-weight:100}
    #nav-breadcrumbs a::after{content:"\E916";font-size:6.4px;font-family:LaSourisIcons;margin:0 1px 0 4px;position:relative;top:-1px}

    #fiets-info{ padding-left:12px; padding-right:12px; padding-bottom: 12px; }
    #fiets-info h3{margin:24px 0 16px 0;font-size:20px;font-weight:700;line-height:30px;text-align:left}
    .fiets-info{display:flex;margin:0;width:100%;flex-flow:row wrap}
    .fiets-info img{object-fit:contain;display:flex;flex:0 0 50%;width:50%;height:50%}
    .fiets-info div{display:flex;flex:0 0 50%;flex-flow:column wrap;justify-content:center;text-align:left;width:50%}
    .fiets-info div h2{margin:12px 48px;padding:0}
    .fiets-info div p{margin:12px 48px;padding:0}
}

@media screen and (min-width: 1024px){
    main{
        grid-template-columns:calc(100% - 496px) 496px;
        grid-template-rows:auto auto auto;
        grid-template-areas:'nav nav' 'images buy' 'info buy' 'recommend recommend'
    }
    main{-ms-grid-columns: 1fr 496px;-ms-grid-rows:auto auto auto}
    #buy-header{grid-template-columns:1fr;grid-template-areas:'title' 'reviews' 'price' 'price-in3'}
    #buy-price, #buy-price-in3 {display:inline}
    #buy-usp{border:0;margin:19px 0}
}

@media screen and (min-width: 1200px){
    main{margin:0 auto;width:1200px}
}

.winkel-contact .meer-openingstijden {
    color: #999;
    border-bottom: 1px solid #999;
    cursor: pointer;
}

.winkel-contact dt {
    flex: 1 0 85px;
    text-align:left;
}
.winkel-contact dd {
    flex: 1 0 100px;
    text-align:right;
}


/** Desktop **/
.reference_point{
    padding-left: 20px;
    padding-right: 12px;
    width: 56%;
    line-height: 15px;
    padding-top: 10px;
    font-size: 15px;

}

/** Mobile & IPads **/

@media screen and (max-width: 930px){
    .reference_point{
        width: 100%;
        font-size: 21px;
        line-height: 21px;
    }
}

@media screen and (max-width: 890px){
    .reference_point{
        width: 100%;
        line-height: 15px;
        padding-top: 10px;
        font-size: 10px;
    }
}

@media screen and (max-width: 450px){
    .reference_point{
        width: 100%;
        line-height: 15px;
        padding-top: 10px;
        font-size: 10px;
    }
}

@media screen and (max-width: 380px) {
    .reference_point {
        width: 100%;
        line-height: 15px;
        padding-top: 10px;
        font-size: 13px;
    }
}

@media screen and (max-width: 340px) {
    .reference_point {
        width: 100%;
        line-height: 15px;
        padding-top: 10px;
        font-size: 11px;
    }
}
/** Fold Phones **/
@media screen and (max-width: 280px){
    .reference_point{
        width: 100%;
        font-size: 10px;
    }
}
#images-main .solden,
#images-main .winterdeals,
#images-main .blackfriday,
#images-main .supersales,
#images-main .voorjaarsdeals,
#images-main .oranjedeals,
#images-main .duurzaamheidsdeals,
#images-main .wintersolden,
#images-main .eindejaarsdeals,
#images-main .opruiming,
#images-main .black-friday,
#images-main .kerstdeals,
#images-main .pakjesdeal {
    position: absolute;
    top: 0;
    left: 0;
    padding: 4px 8px;
    width: 100%;
    height: 35px;
    line-height: 27px;
    background-color: #FF1616;
    color: #fff;
    font-size: 18px;
}

#images-main .winterdeals {
    background-color: #3bac36;
    color: #ffffff;
    text-align:center;
    font-weight:bold;
}

#images-main .solden {
    background-color: #3bac36;
    color: #ffffff;
    text-align:center;
    font-weight:bold;
}

#images-main .blackfriday {
    background-color: #000000;
    color: #ffffff;
    text-align:center;
    font-weight:bold;
}

#images-main .pakjesdeal {
    background-color: #dd1919;
    color: #ffffff;
}

#images-main .kerstdeals {
    background-color: #dd1919;
    color: #ffffff;
}

#images-main .eindejaarsdeals {
    background-color: #dd1919;
    color: #ffffff;
}

#images-main .duurzaamheidsdeals {
    background-color: #dd1919;
    color: #ffffff;
}

#images-main .supersales {
    background-color: #dd1919;
    color: #ffffff;
}

#images-main .voorjaarsdeals {
    background-color: #dd1919;
    color: #ffffff;
}

#images-main .oranjedeals {
    background-color: #ff6600;
    color: #ffffff;
}

#images-main .vakantieknallers {
    background-color: #ff6600;
    color: #ffffff;
}


#txt a{
    color: #FF6600;
    text-decoration: underline;
}


/********************************************
   WEBSITE TABS
 *******************************************/

.site-tab {
    overflow: hidden;
    width: 100%;
    margin-bottom: -1px;
}

.site-tab button {

    background-color: #ddd;
    border: 1px solid #ccc;
    border-bottom: none;
    cursor: pointer;
    font-size: 18px;
    transition: 0.3s;
    color: black !important;
    border-radius: 2px;
    padding: 3px 27px;
    width: 49.1%;
}

.site-tab button:hover {
    background-color: white;
    border-color: #888;
}

.site-tab button.active {
    background-color: inherit;
}

.site-tab .tab-content {
    border: 1px solid #ccc;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
    height: 1000px;
    overflow-y: scroll;
    background-color: white;
}



/************************************
   VOORRAAD WINKELS
 *************************************/
.voorraad-winkels{
    text-align:center;
    margin-top: 10px;
    font-size:14px;
}

.voorraad-winkels tbody tr{
    border-top: 1px solid grey;
}

.voorraad-winkels .voorraad-label {
    padding: 3px 9px;
    font-size: 13px;
    color: #008500;
    border-radius: 3px;
    border: 1px solid #008500;
}
.voorraad-winkels .store-row{
    color: black;
    text-decoration: underline;
    float: left;
    margin-left: 3%;
}

@media only screen and (max-width: 490px) {
    table.fietsen-modellen {
        width: 100%;
        padding: 3px;
        line-height: 33px;
        font-size: 10px;
    }

    .site-tab button{
        font-size: 13px;
    }

    .voorraad-winkels .store-row{
        color: black;
        text-decoration: underline;
        float: left;
        margin-left: 3%;
    }

    .voorraad-winkels .voorraad-label {
        padding: 3px 5px;
        font-size: 13px;
    }

    #images-main .bigsale {
        font-size: 15px;
    }

}

.ribbon {
    position: absolute;
    left: -5px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 150px;
    height: 150px;
    text-align: right;
}
.ribbon.preorder span {
    background-color: purple;
    font-size: 16px;
}
.ribbon span {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    line-height: 32px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    width: 150px;
    display: block;
    background: #FF6600;
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 30px;
    left: -30px;
}

.tweedekans {
    color: #ff6600;
    text-decoration: underline;
}