@CHARSET "UTF-8";

/* =Genericons
----------------------------------------------- */
@font-face {
    font-family: 'Genericons';
    src: url('Genericons.eot');
    src: url('Genericons.eot?#iefix') format('embedded-opentype'),
         url('Genericons.woff') format('woff'),
         url('Genericons.ttf') format('truetype'),
         url('Genericons.svg#genericonsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media only screen and (max-width:1600px) {
    .wrapper {
        margin-left: -570px;
        width: 1140px;
    }

    .medium {
        width: 700px;
    }

    .shopfooter {
        width: 100%;
    }
}

@media only screen and (max-width:1350px) {
    .left {
        width: 180px;
    }

    .options {
        width: 200px;
    }
}

@media only screen and (max-width:1200px) {

    .wrapper {
        margin-left: -325px;
        width: 760px;
    }

    .middle {
        width: 380px;
    }

    .medium {
        width: 470px;
    }

    .full {
        width: 760px;
    }

    .right .modcontent {
        display: none;
    }

    .right .module {
        display: none;
        margin: 0;
    }

    .right, .module h2 {
        cursor: pointer;
    }

    .right .module h2:before {
        content: '\f501';
        margin-right: 10px;
        -webkit-font-smoothing: antialiased;
        font: normal 16px/1 'Genericons';
        vertical-align: text-bottom;

        position: absolute;
        right: 40px;
        margin-top: 7px;
    }

    .right .modcontent {
        display: none;
    }

    .shopfooter .footcol {
        margin: 10px;
    }

}

@media only screen and (max-width:900px) {
    .shopfooter {
        display: block;
    }
}

@media only screen and (max-width:800px) {

    .wrapper {
        margin-left: -285px;
        width: 570px;
    }

    .middle {
        width: 380px;
    }

    .medium, .full {
        width: 570px;
    }

    .modcontent {
        display: none;
    }

    .medLeft {
        width: 380px;
    }

    .left {
        width: auto;
        float: none;
        clear: both;
    }

    .left .module {
        margin: 10px 0;
    }

    .left, .module h2 {
        cursor: pointer;
    }

    .left .module h2:before {
        content: '\f501';
        margin-right: 10px;
        -webkit-font-smoothing: antialiased;
        font: normal 16px/1 'Genericons';
        vertical-align: text-bottom;

        position: absolute;
        right: 40px;
        margin-top: 7px;
    }

    .mod_login form {
        text-align: center;
    }

    .menulink {
        color: inherit;
        display: block;
        font-size: 1rem;
        padding: 5px 10px;
    }

    .menulink:before {
        content: '\f505';
        margin-right: 10px;
        -webkit-font-smoothing: antialiased;
        font: normal 16px/1 'Genericons';
        vertical-align: text-bottom;
    }

    ul.menu {
        display: none;
        margin: 0 10px;
        padding: 0;
    }
    
    ul.menu>li {
        display: block;
        float: none;
        z-index: 999;
        position: relative;
    }

    ul.menu>li a {
        padding: 5px 0;
    }
    
    ul.menu li a:hover, ul.menu li a.active {
    }
    
    ul.menu li ul {
        background: none;
        border: none;
        display: block;
        font-size: inherit;
        padding: 0;
        position: static;
        text-align: left;
        visibility: visible;
        width: auto;
        z-index: 99999;
    }
    
    ul.menu li ul li {
        border: none;
        display: block;
        float: none;
        padding: 0;
    }
    
    ul.menu li ul li a {
        border: none;
        background: url(../images/subitem.gif) left center no-repeat;
        padding: 0 15px;
    }

    #topcontrol, .mod_pages, .mod_search, .newsThumb {
        display: none;
    }

    .column.right {
        float: none;
    }

    .column.right {
        width: auto;
    }

    .middle, .medium, .full, .module {
        float: none;
        width: 100%;
    }

    .right .module {
        margin: 10px 0;
        display: block;
    }

    input[name=keywords] {
        width: 100% !important;
        max-width: 96% !important;
    }

    .mod_login input.form {
        margin: 0 auto ;
    }

    form fieldset input[name=searchButton].formbutton {
        width: 100%;
        margin-top: 5px;
        padding: 8px 35px !important;
    }

    .shopheader a {
        display: flex;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
    }

    .shopheader a img {
        position: static;
        margin: 0 !important;
        width: 150px;
    }
    
    .prodlist {
        width: 50%;
    }

    .navigatie {
        padding: 5px 0;
    }

}

@media only screen and (max-width:600px) {

    .wrapper {
        position: static;
        margin: 0 20px;
        width: auto;
    }

    .column {
        float: none;
        margin: 20px 0;
    }

    .column.right {
        width: auto;
    }

    .middle, .medium, .full, .module {
        float: none;
        width: 100%;
    }

    .midcontent td {
        width: 100%;
    }

    .full .module, .newsSmall {
        float: none;
        width: auto;
    }

    .half {
        width: auto;
        margin: 0 0 20px 0;
    }

    .shopfooter .column {
        margin: 0;
        padding: 10px;
        width: auto;
    }

    .prodlist {
        width: 50%;
    }

    .prodlist .prodblock .prodimg {
        width: auto;
        margin: 0 5px;
    }

    .prodlist .prodblock .prodimg {
        width: auto;
        margin: 0 5px;
    }

    .siteform label {
        display: block;
        width: auto;
    }

    .siteform label.nowidth {
        display: inline-block;
    }

    .images {
        width: auto;
        text-align: center;
    }

    .largethumb {
        float: none;
        width: auto;
    }

    .smallthumb {
        float: none;
        display: inline-block;
    }

    ul.nolist {
        margin: 0;
        padding: 0;
    }

    .cookiebuttons {
        position: relative;
        padding-bottom: 10px;
    }

    form[name=contactform] fieldset {
        margin: 0;
        width: 92%;
    }

    #registerform input, .login input {
        width: 90% !important;
        max-width: 90% !important;
    }

    .crumbs {
        position: static;
    }

    .column.options {
        width: auto;
    }

    #forgotPassword input[type=submit] {
        margin-top: 5px;
    }

}

@media only screen and (max-width:500px) {
    .product {
        grid-template-rows: auto 90px auto;
    }

    .options {
        width: auto;
    }

    .prodprice {
        padding-right: 15px;
    }
}

@media only screen and (max-width:420px) {
    .prodlist {
        width: 100%;
    }
}