@charset "UTF-8";

@media only screen and (min-width : 50px) {
    a:link,
    a:visited,
    a:hover,
    a:active {color:#000000}

    html {
        height: 100%;
        width: 100%;
        word-wrap:break-word
    }

    body {
        width: 100%;
        height: 100%;
        margin-top: 0px;
        margin-left: 0px;
        font:16px Verdana, Arial, sans-serif;
    }
    
    div {
        display: block;
    }
    
    #grid-container {
        width: 100%;
    }
    
    #header {
        background-image: linear-gradient(#333333, lightgray);
        background-repeat: no-repeat;
        background-size: auto 210px;
        width: 100%;
    }
    
    #header-inner {
        width: 100%;
    }

        #logo {
            padding-top: 20px;
            text-align: center;
        }
        
        #logo img {
            max-width: 100%;
        }
    
    /*** RESPONSIVE MENU ***/
    .show-menu {
        display: block;
        color: yellow;
        font-size: 25px;
        text-align: right;
        margin-right: 15px;
        cursor: pointer;
    }
    #show-menu {
        display: none;
    }
    
    #show-menu:checked ~ #menu {
        display: block;
        z-index: 2;
    }
    
    #menu {
        margin: 0;
        padding: 0;
        position: relative;
        width: 100%;
        display: none;
    }
    
        #menu li {
            border-top: 1px solid black;
            list-style-type: none;
            background-color: lightgray;
            width: 100%;
        }

            #menu li a {
                display: block;
                width: 100%;
                text-decoration: none;
                height: 100%;
                padding: 15px;
            }

        #categorymenu {
            display: none;
        }

    /*** OPENINGHOURS ***/
    #openinghours {
        display: none;
        color: black;
        margin-left: 0px;
        width: 100%;
        float: left;
        font-size: x-small;
    }
    
    #openinghours span {
        display: inline-block;
    }
    
        .styleyellow {
            background-color:#ffff66 !important;
        }
        
        .openinghourstitle {
            text-align: center;
            font-weight: bold;
            background-color: yellow;
        }
        
        .openinghourswinkels {
            width: 100%;
            background-color: darkgray;
            text-align: center;
            font-weight: bold;
        }
        
            .openinghourskapelstraat {
                display: inline-block;
                width: 45%;
            }

            .openinghoursmolenstraat {
                display: inline-block;
                width: 45%;
            }
            
            .openinghourscellstore {
                display: inline-block;
                width: 45%;
                text-align: center;
            }

        .openinghoursevenrowspan {
            text-align: left;
            background-color: lightgray;
        }
        
        .openinghoursoddrowspan {
            text-align: left;
            background-color: darkgray;
        }

            .openinghourscell {
                display: inline-block;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                width: 45%;
                text-align: left;
                padding-left: 15%;
                font-family: monospace;
            }
            
                .openinghourscell span {
                    white-space: pre;
                }

        .openinghoursnote {
            display: inline-block;
            text-align: center;
            width: 100%;
            background-color: darkgray;
        }
        
    .page-hours {
        font-size: small;
    }
        
    /**** Slogan*/
    #slogan {
        display: none;
    }
        
    /**** Contact*/

    #header-contact {
        display: block;
        background-color: gray;
        width: 100%;
        padding: 8px 0;
        font-size: 11px;
        color: white;
    }
    
        #header-contact a {
            color: white;
        }
        
            .header-contact-left {
                text-align: center;
            }
            
            .header-contact-right {
                display: none;
            }
    
    /**** List Front*/
    #listfront {
        display: none;
    }
    
    #error {
        background-color: red;
        font-size: 16px;
        font-weight: bold;
    }
    
    #success {
        background-color: green;
        color: white;
        font-size: 16px;
        font-weight: bold;
    }
    
    /**** Mainwrapper*/        
    #mainwrapper {
        display: block;
        height: 100%;
    }
    
    /**** Breadcrumbs*/ 
    #breadcrumbs {
        box-shadow:         0px 5px 5px 5px rgba(240, 255, 0, 0.5);
        -moz-box-shadow:    0px 5px 5px 5px rgba(240, 255, 0, 0.5);
        -webkit-box-shadow: 0px 5px 5px 5px rgba(240, 255, 0, 0.5);
        width: 100%;
        background-color: yellow;
    }
    
        #breadcrumbs a {
            text-decoration: none;
        }
    
    /**** Main*/
    #main {
        background-color: #fafafa;
        padding-bottom: 20px;
    }
    
    /**** Page Title*/
    .page-title {
        padding: 1px;
        text-align: center;
        background-color: #333333;
        color: yellow;
    }
    
        .page-title h2 {
            font-size: 30px;
        }
        
    /**** Product Search*/
    .search-field {
        padding: 10px;
        font-size: 16px;
        text-align: center;
        background-color: gray;
        color: white;
    }
    
    /*
    *** DISCLAIMER
    */
    .disclaimer {
        padding: 1px;
        text-align: center;
        background-color: #333333;
        color: yellow;
    }
        
    /**** Page Content*/
    .page-content {
        margin-left: 5px;
        margin-right: 5px;
    }
    
        .page-content img {
            width: 80%;
            height: auto;
        }
        
    /**** Product Content*/
    .product-content {
        margin-left: 5px;
        margin-right: 5px;
    }
    
    /**** Foto's winkels*/
    .winkels{
        -webkit-box-shadow:
                0px 0px 0px 2px rgba(0,0,0,0.6),
                    0px 0px 0px 14px #fff,
                    0px 0px 0px 18px rgba(0,0,0,0.2),
                    6px 6px 8px 17px #555;

         -moz-box-shadow:
         0px 0px 0px 2px rgba(0,0,0,0.6),
                    0px 0px 0px 14px #fff,
                    0px 0px 0px 18px rgba(0,0,0,0.2),
                    6px 6px 8px 17px #555;

              box-shadow:
         0px 0px 0px 2px rgba(0,0,0,0.6),
                    0px 0px 0px 14px #fff,
                    0px 0px 0px 18px rgba(0,0,0,0.2),
                    6px 6px 8px 17px #555;
    }
    
    /*** CATEGORY PAGE*/
    #categorywrapper {
        text-align: center;
        font-size: small;
    }
    
        .category-block {
            display: inline-block;
            width: 40%;
            margin-top: 50px;
            vertical-align: top;
        }
        
        .category-block img {
            max-width: 150px;
        }
    
    /*** PRODUCTS PAGE*/
    
    .product-container {
        margin-top: -15px;
    }
    
        .productname {
            text-align: center;
            background-color: #333333;
            min-height: 50px;
        }
        
        .productname h3 {
            padding-top: 10px;
            font-size: 20px;
            padding-bottom: 10px;
        }
        
            .productname a {
                color: yellow;
                text-decoration: none;
            }
        
        .productpicture {
            max-width: 320px;
            margin-left: auto;
            margin-right: auto;
            margin-top: 15px;
        }
        
            .productpicture img {
                width: 100% !important;
            }
            
        .producttext {
            margin-left: 10px;
            margin-right: 10px;
            padding-top: 20px;
            padding-bottom: 20px;
        }
        
        .showVideoText {
            background-color: #333333;
            text-align: center;
            box-shadow:         0px 5px 14px 4px rgba(119, 119, 119, 0.5);
            -moz-box-shadow:    0px 5px 14px 4px rgba(119, 119, 119, 0.5);
            -webkit-box-shadow: 0px 5px 14px 4px rgba(119, 119, 119, 0.5);
        }
        
            .showVideoText a {
                display: block;
                text-decoration: none;
                width: 100%;
                color: yellow;
            }
        
        .video {
            display: none;
        }
        
        .ce {
            vertical-align: middle;
            margin-bottom: 4px;
        }
        
        .videoframe {
            frameborder: 0;
        }
        
    /*** Random Products*/
    .randomproducts {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        display: block;
        width: 75%;
    }

        .randomproduct {
            vertical-align: top;
            display: inline-block;
            margin: 10px;
            text-align: center;
            border: 1px solid black;
            background-color: #333333;
        }

            .randomproduct a {
                text-decoration: none;
                color: yellow;
            }
            
            .randomproduct img {
                max-width: 100% !important;
                height: auto;
            }
       
    /*
    *** SITEMAP USERS
    */
    .sitemapusers li {
        padding-bottom: 10px;
    }
    
    #tablenewsletter {
        border: 0;
        margin-left: auto;
        margin-right: auto;
    }
    
    .newsletterleftalign {
        text-align: left;
    }
    /**** FOOTER*/
    #footer {
        background-color: black;
        color: white;
    }
    
        .footer-title {
            font-weight: bold;
        }
        
        #footer ul {
                list-style-type: none;
                padding: 0;
            }

                #footer ul li {
                    margin-top: 25px;
                }
                
                    #footer ul li a {
                        color: white;
                        text-decoration: none;
                    }
        
        #footer-middle {
            display: inline-block;
            width: 100%;
            float: left;
            margin-left: auto;
            margin-right: auto;
            text-align: center;
        }
        
        #info {
            display: inline-block;
            width: 100%;
            text-align: center;
            padding-bottom: 25px;
            padding-top: 25px;
        }
   
    .ce {
        width: auto;
        height: auto;
    }
    
    .socialwrapper {
        width: 100%;
    }
    
        .socialicons {
            display: inline-block;
            font-size: 22px;
        }
        
        .fa-google-plus-square {
            color: red;
        }

        .fa-facebook-square {
            color: #4267b2;
        }

        .fa-twitter-square {
            color: #38A1F3;
        }
    .hide
        {
            display: none;
        }

    .screenreader {
        position: absolute;
        left: -10000px;
        width: 1px;
        height: 1px;
        overflow: hidden;
    }
        
        
        
/*    ** Table Winkels
    .winkels {
        border-collapse: collapse;
    }
    
        .winkels td {
            max-width: 45%;
            border-collapse: collapse;
        }

            .winkels td img {
                max-height: 150px !important;
                width: auto !important;
            }
        */
    /*
    
    
    
    
        
    
    
        
        .productcategories {
            margin: 10px 0px;
            background-color: #f1f2f3;
            box-shadow:         0px 5px 14px 4px rgba(119, 119, 119, 0.5);
            -moz-box-shadow:    0px 5px 14px 4px rgba(119, 119, 119, 0.5);
            -webkit-box-shadow: 0px 5px 14px 4px rgba(119, 119, 119, 0.5);
        }
        
        
        
    
    *** SOCIAL ICONS PRODUCTS PAGE
    
    
    
    
    */
}