/* ======================================================================
 *
 * Filename:    gollek.css
 * Website:     www.gollek.com
 * Author:      INTERPAGEmedia
 * Author URL:  http://www.interpage.de
 *
 * Date created:    23/04/2014
 * Last modified:   29/09/2022
 *
 * Description: Standard CSS for page layout.
 *
 * ====================================================================== */





/* ########## OVERALL ################################################### */

* {
    margin: 0; 
    padding: 0;
}


body {
    margin: 0px auto;
    text-align: center;
    background: url(../img/bg.jpg);
    
    color: #222;
    font-size: 13px;
    font-weight: normal;
    font-family: arial, helvetica, sans-serif;
}


table {
    padding: 0;
    font-size: 13px;
    margin: 0 0 30px 0;
    border-collapse: collapse;
}

tr {vertical-align: top;}

td {padding: 0 20px 0 0;}


a img {border: none;}



/* ########## TEXTFORMATS ############################################### */

/* Fonts */

/* libre-baskerville-regular - latin */
@font-face {
font-family: 'Libre Baskerville';
font-style: normal;
font-weight: 400;
src: url('../fonts/libre-baskerville-v14-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
        url('../fonts/libre-baskerville-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/libre-baskerville-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/libre-baskerville-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
        url('../fonts/libre-baskerville-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/libre-baskerville-v14-latin-regular.svg#LibreBaskerville') format('svg'); /* Legacy iOS */
}
/* libre-baskerville-italic - latin */
@font-face {
font-family: 'Libre Baskerville';
font-style: italic;
font-weight: 400;
src: url('../fonts/libre-baskerville-v14-latin-italic.eot'); /* IE9 Compat Modes */
src: local(''),
        url('../fonts/libre-baskerville-v14-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/libre-baskerville-v14-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/libre-baskerville-v14-latin-italic.woff') format('woff'), /* Modern Browsers */
        url('../fonts/libre-baskerville-v14-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/libre-baskerville-v14-latin-italic.svg#LibreBaskerville') format('svg'); /* Legacy iOS */
}
/* libre-baskerville-700 - latin */
@font-face {
font-family: 'Libre Baskerville';
font-style: normal;
font-weight: 700;
src: url('../fonts/libre-baskerville-v14-latin-700.eot'); /* IE9 Compat Modes */
src: local(''),
        url('../fonts/libre-baskerville-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/libre-baskerville-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/libre-baskerville-v14-latin-700.woff') format('woff'), /* Modern Browsers */
        url('../fonts/libre-baskerville-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/libre-baskerville-v14-latin-700.svg#LibreBaskerville') format('svg'); /* Legacy iOS */
}


/* Headlines */
h1 {color: #7b210e; font-size: 21px; font-family: 'Libre Baskerville', 'serif'; margin: 0 0 30px 0;}

h2 {color: #7b210e; font-size: 15px; font-family: 'Libre Baskerville', 'serif'; margin: 0 0 15px 0;}

h3 {color: #7b210e; font-size: 13px; margin: 0 0 5px 0;}

/* Paragraph */
p {margin: 0 0 20px 0;}

/* Hyperlinks */
a:link {color: #7b210e; text-decoration: none;}
a:hover {color: #7b210e; text-decoration: underline;}
a:active {color: #7b210e; text-decoration: underline;}
a:visited {color: #7b210e; text-decoration: none;}

/* Lists */
article ul {
    margin: 0 0 30px 15px;
}

article li {
    margin: 0 0 5px 0;
}

/* Text Markierung */
::selection {background: #7b210e; color: #fff;}
::-moz-selection { background: #7b210e; color: #fff;}


/* ########## PAGESTRUCTURE ############################################# */

#container {
    width: 1000px;
    margin: 0px auto;
    text-align: left;
    min-height: 800px;
    display: inline-block;
    background: url(../img/container.png) repeat-y;
}



    aside {
        float: left; 
        width: 200px;
    }
    
        #logo {
            float: left;
            width: 100%;
            height: 125px;
            background: url(../img/gollek-logo.gif) no-repeat;
        }
        
            #logo a {
                width: 100%;
                height: 100%;
                display: block;
                cursor: pointer;
            }
            
            
        nav {
            float: left;
            width: 100%;
            margin: 30px 0 0 0;
            
            font-size: 18px;
            font-weight: normal;
            font-family: 'Libre Baskerville', 'serif';
        }
        
            nav ul {
                list-style: none;
            }
            
                nav ul li a {
                    width: 160px;
                    color: #7b210e;
                    display: block;
                    
                    margin: 0 0 15px 0;
                    text-decoration: none;
                    padding: 5px 20px 5px 20px;
                }
                
                nav ul li a:hover,
                nav ul li a.active {
                    color: #fff;
                    background: #7b210e;
                    text-decoration: none;
                    margin: 0 0 15px -20px;
                    padding: 5px 20px 5px 40px;
                    
                	opacity: .8;
                	-moz-opacity: .8;
                    filter: alpha(opacity=80);
                }
                
                
        #partner-links {
            float: left;
            width: 160px;
            height: 20px;
            display: block;
            margin: 80px 0 0 20px;
        }
    
    
    
    main {
        float: left;
        width: 800px;
    }
    
        header {
            float: left;
            width: 100%;
            height: 400px;
            border-bottom: 1px solid #605B52;
        }
        
            header img {display: block;}
        
            #site_title {
                position: relative;
                z-index: 100;
                width: 760px;
                height: 99px;
                margin: -400px 0 0 0;
                padding: 25px 0 0 40px;
                background: url(../img/trans.png);
                border-bottom: 1px solid #605B52;
                
                color: #7b210e;
                text-transform: uppercase;
                font-family: 'Libre Baskerville', 'serif';
            }
            
                span#site_name {font-size: 36px;}
                
                span#site_description {font-size: 21px;}
        
        
        
        article {
           float: left;
           width: 650px;
           line-height: 150%;
           margin: 50px 0 50px 40px; 
        }
        
        
        
footer {
    width: 1000px;
    text-align: left;
    margin: 0px auto;
    padding: 10px 0 50px 0;
    color: #FBF9E4;
}

    footer a {
        color: #FBF9E4 !important;
        text-decoration: underline !important;
    }