@charset "UTF-8";

@media only screen and (min-width : 768px) {
    #grid-container {
        background: url(../pictures/background.jpg) no-repeat top left fixed;
        -webkit-background-size: 150%;  
        -moz-background-size: 150%;     
        -o-background-size: 150%;       
        background-size: 150%;
    }
    
    #header {
        position: fixed;
        top: 0px;
        height: 110px;
        z-index: 1;
    }
    
    #header-top {
        margin-top: 110px;
    }
    #menu {
        display: inline-block;
        width: auto;
        max-width: 1200px;
        text-align: right;
        float: right;
        margin-top: 15px;
    }
    
        #menu li {
            border-top: none;
            display: inline;
            width: auto;
        }
        
            #menu li a {
                /*display: initial;*/
                display: inline-block;
                width: auto;
                height: auto;
                padding: 5px;
            }
            
            .listitem {
                display: none !important;
            }
            
    /*
    *** Dropdown Menu
    */
    #menu li a:hover {
        color: gray;
        border-top: 1px white outset;
        border-bottom: 1px gray inset;
    }
    
    #menu li:hover #categorymenu {
        display: inline; /*** IE*/
        display: initial;
        position: absolute;
        z-index: 999;
    }
    
    #categorymenu {
        left: 0;
        text-align: left;
        margin-top: 28px;
    }
    
    #categorymenu li {
        display: block;
        height: 70px;
        line-height: 50px;
        width: 240px;
    }
    
        #categorymenu li a {
            display: inline-block;
            width: 95%;
            padding-bottom: 15px;
        }
        
            #categorymenu li a:hover {
                background-color: #363333;
                border-top: 1px white outset;
                border-bottom: 1px gray inset;
                /* Firefox */
                -moz-transition: background-color 2s ease-in;
                /* WebKit */
                -webkit-transition:  background-color 2s ease-in;
                /* Opera */
                -o-transition:  background-color 2s ease-in;
                /* Standard */
                transition:  background-color 2s ease-in;
            }
        
    
    .header-top-inner {
        display: block;
        font-size: 14px;
        max-width: 1200px;
    }
    
    .header-top-inner-left {
        display: inline-block;
        text-align: left;
        margin-left: 2%;
    }

    .header-top-inner-right {
        display: inline-block;
        text-align: right;
        float: right;
        margin-right: 2%;
    }

        .header-top-inner-right a {
            padding-left: 5px;
        }
        
    #header-inner {
        display: block;
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
    }
        
        #logo {
            text-align: initial;
            width: 120px;
            display: inline-block;
            padding-top: 0px;
        }
        
    .show-menu {
        display: none;
    }
    
    /*
    *** Header-bottom INCLUDES OPENINGHOURS - POPULAR AND NEWBACK - FRONTLIST
    */
    #header-bottom {
        height: 250px;
        width: 100%;
        margin-top: 0px;
    }
    
        #topinnerwrapper
        {
            display: block;
            width: 100%;
            max-width: 1180px;
            height: 100%;
            margin-left: auto;
            margin-right: auto;
        }
    
    /*
    *** OPENINGHOURS
    */
    #openinghours {
        width: 20%;
        height: 100%;
        font-size: 13px;
        background-color: #808080;
    }

        .openinghoursevenrows {
            text-align: left;
        }

        .openinghoursoddrows {
            text-align: left;
        }

    /*
    *** POPULAR AND NEWBACK
    */
    #topproducts {
        width: 60%;
        height: 100%;
        background-color: #333333;
    }
    
    /*
    *** LISTFRONT
    */
    #listfront {
        display: inline; /* IE fix */
        display: initial;
        float: right;
        background-color: #808080;
        color: white;
        width: 20%;
        height: 100%;
        font-size: small;
        font-family: "Courier", Georgia, Serif;
    }

        #listfronttitle {
            background-color: #1e1e1e;
            font-size: 18px;
            text-align: center;
        }

        #listfrontproducts {
            background-color: #363333;
        }

        #listfrontlink {

            background-color: #1e1e1e;
            text-align: center;
        }

            #listfrontlink a {
                text-decoration: none;
                color: white;
            }    

        #listfrontprice {
            background-color: #1e1e1e;
        }
    
    #mainwrapper {
        max-width: 1180px;
        margin: 0 auto;
        background-color: #eeeeee;
    }
    
    #breadcrumbs {
        border: 1px;
        border-style: solid;
        margin-left: auto;
        margin-right: auto;
        max-width: 98%;
        background-color: white;
    }
    
    #main {
        max-width: 1180px;
        margin: 0 auto;
    }
    
    .artikelcontainer {
        margin: 20px 10px;
        background-color: white;
        box-shadow:         0px 5px 5px 5px rgba(119, 119, 119, 0.5);
        -moz-box-shadow:    0px 5px 5px 5px rgba(119, 119, 119, 0.5);
        -webkit-box-shadow: 0px 5px 5px 5px rgba(119, 119, 119, 0.5);
    }
    
        .artikel img {
            width: auto;
        }
    
    /*
    *** PAGE TITLES
    */
    .page-title {
        margin: 20px 10px;
        background-color: white;
    }
    
    /*
    *** DISCLAIMER
    */
    .disclaimer {
        margin: 20px 10px;
        background-color: white;
    }
    
    /*
    *** PAGE CONTAINER
    */
    #page-container {
        margin: 20px 10px;
        background-color: white;
    }
    
        /*
        *** CATEGORY BLOCK CLASSES
        */
        .category-block {
            width: 40%;
        }
        
        .category-block img {
            max-width: 200px;
        }
        
    /*
    *** PRODUCTS PAGE
    */
    .product-container {
        margin: 20px 10px;
        background-color: white;
    }
    
        .productpicture {
            display: inline-block;
            margin: initial;
            vertical-align: top;
            width: 350px;
            text-align: center;
        }
        
        .producttext {
            display: inline-block;
            max-width: 50%;
        }
        
        .productcategories {
            margin: 20px 10px;
        }
    
    /*
    *** SITEMAP USERS
    */
    #sitemapuserstable ul li {
        padding-bottom: 0px;
    }
}