/* ======================================================================
 *
 * Filename:    hammerla.css
 * Website:     www.raelindinger-hammerla.de
 * Author:      INTERPAGE
 * Author URL:  http://www.interpage.de
 *
 * Date created:    10/10/2013 DH
 * Last modified:   26/07/2022 RZ
 *
 * Description: Standard CSS for pagelayout.
 *
 * ====================================================================== */





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

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


/* source-sans-pro-200 - latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/source-sans-pro-v21-latin-200.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/source-sans-pro-v21-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/source-sans-pro-v21-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/source-sans-pro-v21-latin-200.woff') format('woff'), /* Modern Browsers */
         url('../fonts/source-sans-pro-v21-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/source-sans-pro-v21-latin-200.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  }
  /* source-sans-pro-300 - latin */
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/source-sans-pro-v21-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/source-sans-pro-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/source-sans-pro-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/source-sans-pro-v21-latin-300.woff') format('woff'), /* Modern Browsers */
         url('../fonts/source-sans-pro-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/source-sans-pro-v21-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  }
  /* source-sans-pro-regular - latin */
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/source-sans-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  }
  /* source-sans-pro-600 - latin */
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/source-sans-pro-v21-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/source-sans-pro-v21-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/source-sans-pro-v21-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/source-sans-pro-v21-latin-600.woff') format('woff'), /* Modern Browsers */
         url('../fonts/source-sans-pro-v21-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/source-sans-pro-v21-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  }
  /* source-sans-pro-700 - latin */
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/source-sans-pro-v21-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/source-sans-pro-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/source-sans-pro-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/source-sans-pro-v21-latin-700.woff') format('woff'), /* Modern Browsers */
         url('../fonts/source-sans-pro-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/source-sans-pro-v21-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  }
  /* source-sans-pro-900 - latin */
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/source-sans-pro-v21-latin-900.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/source-sans-pro-v21-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/source-sans-pro-v21-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/source-sans-pro-v21-latin-900.woff') format('woff'), /* Modern Browsers */
         url('../fonts/source-sans-pro-v21-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/source-sans-pro-v21-latin-900.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  }




* {
    margin: 0;
    padding: 0;
}


body {
    padding: 20px 0 0 0;
    margin: 0px auto;
    text-align: center;
    background: #E5E2DC;
    
    color: #222;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Source Sans Pro', sans-serif;
}


table {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}

tr {vertical-align: top;}


a.div {
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
}



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

/* Headlines Standard */
h1 {color: #222; font-size: 32px; font-weight: 300; font-family: 'Source Sans Pro', sans-serif; letter-spacing: 1px; margin: 0 0 25px 0;}
h2 {color: #222; font-size: 22px; font-weight: 300; font-family: 'Source Sans Pro', sans-serif; margin: -20px 0 20px 0;}
h3 {color: #222; font-size: 20px; font-weight: 300; font-family: 'Source Sans Pro', sans-serif; margin: 0 0 10px 0;}

/* Headlines Startpage */
#content_start h1 {color: #222; font-size: 30px; font-weight: 400; font-family: 'Cinzel', serif; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 15px 0;}
#content_start h2 {color: #6A5F4A; font-size: 20px; font-weight: 400; font-family: 'Cinzel', serif; text-transform: uppercase; letter-spacing: 1px; margin: 0;}
#content_start h4 {color: #222; font-size: 32px; font-weight: 300; font-family: 'Source Sans Pro', sans-serif; letter-spacing: 1px; margin: 0 0 25px 0;}

/* Absatz */
p {margin: 0 0 16px 0;}

/* Fettschrift */
b, strong {font-weight: 600;}

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

/* sandfarbene Schrift */
span.sand {color: #C0BAAD;}

/* Auflistungen */
#content ul {margin: 0 0 16px 16px;}

#content li {margin: 0 0 5px 0;}

/* Horizontale Linie */
hr {
    border: 0;
    padding: 0;
    height: 1px;
    margin: 16px 0 18px 0;
    border-bottom: 6px solid #E5E2DC;
}



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

#container {
    padding: 0;
    width: 1000px;
    margin: 0px auto;
    text-align: left;
    background: #fff;
    display: inline-block;
}



    #header {
        float: left;
        width: 100%;
    }
    
        #header_nav {
            width: 100%;
            height: 60px;
            text-align: center;
        }
        
            #header_nav ul {
                float: left;
                margin: 15px 0 0 190px;
                list-style: none;
            }
            
                #header_nav ul li {
                    float: left;
                }
                
                    #header_nav ul li a {
                        float: left;
                        color: #222;
                        display: block;
                        font-size: 20px;
                        font-weight: 300;
                        padding: 0 30px 0 0;
                        margin: 0 0 0 25px;
                        letter-spacing: 2px;
                        text-transform: uppercase;
                        background: url(../img/template/header-nav-trenner.gif) no-repeat;
                        background-position: right;
                    }
                    
                    #header_nav ul li:last-child a {
                        background: none;
                    }
                    
                    #header_nav ul li a:hover {
                        color: #6A5F4A;
                        text-decoration: none;
                    }
        
        #cover {
            float: left;
            width: 100%;
            height: 190px;
            background: lightgrey;
        }
        
        #logo {
            float: left;
            width: 190px;
            height: 190px;
            margin: -190px 0 0 405px;
        }
        
        
        
    /* ########## NAVIGATION ########## */
    
    #navigation {
        float: left;
        width: 230px;
        font-size: 14px;
        margin: 40px 0 0 0;
        text-transform: uppercase;
        padding: 0 40px 50px 20px;
        font-family: 'Cinzel', serif; 
        border-right: 1px solid #C0BAAD;
    }
    
        #title {
            float: left;
            width: 100%;
            color: #6A5F4A;
            text-align: center;
            padding: 0 0 10px 0;
            border-bottom: 6px solid #E5E2DC;
        }
        
            #title span {
                width: 100%;
                display: block;
                margin: 0 0 15px 0;
                background: #E5E2DC;
                padding: 5px 0 4px 0;
            }
            
            #title p {margin: 0 0 5px 0;}
            
            
        #navigation ul {
            float: left;
            width: 100%;
            list-style: none;
        }
        
            #navigation ul li {
                float: left;
                width: 100%;
                display: block;
            }
        
                #navigation ul li a {
                    width: 100%;
                    color: #222;
                    display: block;
                    text-align: center;
                    margin: 0 0 6px 0;
                }
                
                #navigation ul li:first-child a {
                    padding: 10px 0 0 0;                   
                }
                
                #navigation ul li:nth-child(3) a {
                    padding: 0 0 10px 0;
                    margin: 0 0 12px 0; 
                    border-bottom: 3px solid #C0BAAD;      
                }                                
                
                #navigation ul li a:hover {
                    color: #6A5F4A;
                    text-decoration: none;
                }
                
                #navigation ul li a.active {
                   color: #6A5F4A;
                   font-weight: bold;
                   text-decoration: none; 
                }
                
                #navigation ul li:first-child a.active {
                    margin: 0;
                    border: none;
                }
                
                    #navigation ul ul li a,
                    #navigation ul ul li:nth-child(3) a,
                    #navigation ul ul li:first-child a,
                    #navigation ul ul li a.active {
                        margin: 0;
                        border-bottom: 0;
                        font-size: 12px;
                        padding: 3px 0 3px 0 !important;
                    }
                    
                    #navigation ul ul li:last-child a,
                    #navigation ul ul li:last-child a.active {
                        margin: 0 0 12px 0;
                        padding: 3px 0 10px 0;
                    }
    
    /* ######## END NAVIGATION ######## */
        
        
        
    #content {
        float: left;
        width: 630px;
        min-height: 300px;
        margin: 34px 0 0 40px;
    }

        
        
    #footer,
    #footer_start {
        float: left;
        width: 100%;
        height: 55px;
        font-size: 12px;
        padding: 5px 0 0 0;
        margin: 50px 0 30px 0;
        border-top: 2px solid #C0BAAD;
        border-bottom: 2px solid #C0BAAD;
    }
    
        #footer table {width: 600px; margin: 0 0 0 200px;}
        #footer table td {width: 150px;text-align: center;}
    
        #footer_start table {width: 600px; margin: 0px auto; text-align: center;}
        #footer_start table td {width: 150px;}
        


/* ########## NUR AUF STARTSEITE ######################################## */

    #content_start {
        float: left;
        width: 800px;
        line-height: 140%;
        text-align: center;
        margin: 45px 0 0 100px;
    }
    
        #linkblock_left {
            float: left;
            width: 340px;
            color: #444;
            font-size: 16px;
            line-height: 160%;
            margin: 50px 0 30px 0;
            border: 2px solid #fff;
            text-transform: uppercase;
            font-family: 'Cinzel', serif;
        }
        
        #linkblock_right {
            float: right;
            width: 340px;
            color: #444;
            font-size: 16px;
            line-height: 160%;
            margin: 50px 0 30px 0;
            text-transform: uppercase;
            font-family: 'Cinzel', serif;
        }
        
            #linkblock_left a,
            #linkblock_right a {
                color: #444;
                text-decoration: none;
            }
            
            #linkblock_left:hover,
            #linkblock_right:hover {
                background: #EBE8E5;
            }
            
            #linkblock_left:hover hr,
            #linkblock_right:hover hr {
                border-bottom: 6px solid #a9a39b;
            }
        
        
        span.linkblock_title1 {
            color: #6A5F4A; 
            display: block;
            font-size: 20px; 
            font-weight: 400; 
            margin: 0 0 15px 0;
            background: #E5E2DC;
            padding: 5px 0 5px 0;
            letter-spacing: 1px;
            font-family: 'Cinzel', serif; 
        }
            
            #linkblock_left:hover span.linkblock_title1,
            #linkblock_right:hover span.linkblock_title1 {
                color: #fff;
                background: #a9a39b;
            }
            
        
        span.linkblock_title2 {
            color: #6A5F4A; 
            display: block;
            font-size: 20px; 
            font-weight: 400; 
            letter-spacing: 1px;
            padding: 5px 0 5px 0;
            font-family: 'Cinzel', serif; 
        }