header, 
section, 
footer, 
article 
{
    display: block;
}

html {
    
}

body {
    background: url('../images/bg.jpg') top left repeat #acca96;
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 24px;
    color: #38302b;
}

p {
   margin-top: 20px;
   margin-bottom: 30px;
}

h1 {
    
}

h2 {
    font-size: 20px;
    font-weight: bold;
    margin: 10px 0 30px 0;
}

h3 {
    
}

h4 {
    
}

ul {
    
}

li {
    
}

a {
    color: #571214;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a.content-link {
    display: inline-block;
    position: relative;
    padding-left: 40px;
    line-height: 35px;
    font-weight: bold;
    font-size: 0.95em;
}

a.content-link:before {
    content: '';
    display: block;
    background: url('../images/arrow.png') center center no-repeat;
    position: absolute;
    left: 0px;
    top: 6px;
    height: 23px;
    width: 30px;
}

#page-wrapper {
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 10px 0px 100px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 10px 0px 100px rgba(0, 0, 0, 0.6);
    box-shadow: 10px 0px 100px rgba(0, 0, 0, 0.6);
    background: #e3eed3;
}

.container {
    margin: 0 auto;
    width: 970px;
    
}

#header {
    position: relative;
    z-index: 2;
    height: 875px;
}

    #logo {
        height: 180px;
        padding-top: 46px;
        text-align: center;
    }
    
    #slide-show {
        position: relative;
        height: 550px;
    }
    
    #slide-show img {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 8;
    }
    #slide-show img.active {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 10;
    }
    #slide-show img.last-active {
        z-index:9;
    }
    
    #tafel {
        display: block;
        height: 1300px;
        width: 570px;
        position: absolute;
        top: 0px;
        left: -335px;
        z-index: 13;
        font-size: 0px;
    }
    
    
    #navigation-bg,
    #navigation {
        position: absolute;
        top: 226px;
        left: 0px;
        width: 100%;
        height: 80px;
    }
    
    #navigation #facebook-link {
        display: block;
        position: absolute;
        height: 35px;
        width: 35px;
        top: 0px;
        right: 10px;
        z-index: 14;
    }
    
    #navigation-bg {
        z-index: 12;
        background: url('../images/nav-bg.png') top left repeat-x;
    }
    
    #navigation {
        z-index: 15;
    }
    
        #navigation ul {
            position: relative;
            margin: 0;
            padding: 0;
            text-align: center;
            white-space: nowrap;
        }
        
            #navigation li {
                position: relative;
                clear: both;
                display: inline-block;
                line-height: 35px;
            }
            
            #navigation li:after {
                content: '|';
                position: relative;
                top: -3px;
                line-height: 35px;
                display: inline-block;
                padding: 0px 5px 0px 9px;
                color: #FFF;
            }
            
            #navigation li:last-child:after {
                display: none;
            }
            
            #navigation li:last-child a {
                float: none;
            }
            
            #navigation li a {
                display: block;
                color: #FFF;
                text-decoration: none;
                font-size: 18px;
                float: left;
            }
            #navigation li.active .layer2 li.active a,
            #navigation li.active a {
                font-weight: bold;
            }
            
            #navigation li.active .layer2,
            #navigation li:hover .layer2 {
                display: block;
            }
            
            #navigation .layer2 {
                display: none;
                min-width: 90%;
                position: absolute;
                left: 0;
                top: 35px;
            }
            
            #navigation .layer2 li {
                display: block;
                margin: 0;
                height: 30px;
                line-height: 30px;
                float: none;
                min-width: 100%;
                font-size: 0.8em;
                text-align: left;
            } 
            
            #navigation li.active .layer2 li a {
                font-weight: normal;
            }
            
            #navigation .layer2 li:hover,
            #navigation .layer2 li.active
            {
                position: relative;
                left: -10px;
                background: rgba(105,129,107,0.3);
                padding-left: 10px;
            }
            
            #navigation .layer2 li:after {
                display: none;
            }

            
    #teaser-navigation {
        position: absolute;
        top: 734px;
        left: 0px;
        width: 100%;
        height: 42px;
        z-index: 12;
        background: rgba(87, 18, 20, 0.75);
    }
    
        #teaser-navigation ul {
            display: table;
            position: relative;
            top: -100px;
            table-layout: fixed;
            width: 772px;
            margin: 0 30px 0 0;
            padding: 0;
            float: right;
            text-align: center;
            white-space: nowrap;
        }
        
            #teaser-navigation li {
                display: table-cell;
                table-layout: fixed;
                vertical-align: bottom;
                line-height: 42px;
                height: 142px;
                width: 33.333%;
                text-align: center;
            }

            #teaser-navigation li:first-child {
                width: 27%;
            }
            
            #teaser-navigation li a {
                display: block;
                margin: 0 auto;
                padding-top: 100px;
                color: #FFF;
                text-decoration: none;
                font-size: 20px;
                text-align: center;
                background-image: url('../images/teaser-nav.png');
                background-repeat: no-repeat;
            }
            
            #teaser-navigation li a.teaser-button-1 {
                width: 143px;
                background-position: 17px top;
            }
            
            #teaser-navigation li a.teaser-button-2 {
                width: 264px;
                background-position: -250px top;
            }
            
            #teaser-navigation li a.teaser-button-3 {
                width: 194px;
                background-position: -615px top;
            }
            
            #teaser-navigation li.active a {
                font-weight: bold;
            }
            
        #oeffnungszeiten {
            padding-top: 20px;
            height: 90px;
        }

            #oeffnungszeiten p {
                text-align: center;
                color: #571214;
                font-size: 20px;
                line-height: 26px;
                margin-top: 0px;
            }
#main {
    position: relative;
    z-index: 2;
    min-height: 500px;
}

#main .content {
    margin: 0 40px;
    padding-bottom: 150px;
    overflow: hidden;
}

.green {
    font-weight: bold;
    color: #5e9d1b;
}

.large {
    font-size: 24px;
}

.column {
    float: left;
    width: 48%;
    padding-right: 20px;
}

.column:last-child {
    clear: right;
    padding-right: 0px;
    padding-left: 10px;
}

#partner {
    
}

#partner td.left {
    width: 25%;
    padding: 5px 20px 5px 0px;
    vertical-align: top;
    text-align: center;
}

#partner td.right {
    width: 75%;
    vertical-align: middle;
}

#partner p {
    margin-top: 0px;
    margin-bottom: 30px;
}

#partner p.green {
    margin-top: 30px;
}

#partner img {
    display: inline-block;
    max-width: 90%;
    height: auto;
    margin-bottom: 10px;
}