
/* Hauptcontainer */
#pagecontainer {
width: 1100px;
}

    /* Header Container */
    #header {
    float:  left;
    width:  100%;
    height: 100px;
    }

    /* Logo */
    #header-logo {
    position: relative;
    left: 10px;
    float: left;
    width:  375px;
    height: 120px;
    z-index: 1;
    }

    #header-logo img {
    margin: 40px 0 0 40px;
    }

    /* Kopf - Navigation */
    #header-navigation {
    float:  left;
    width:  700px;
    margin: 20px 0 0 0;
    }

    #header-navigation li {
    list-style-type: none;
    float:  left;
    height: 70px;
    padding: 0 5px 0 5px;
    border-right: 1px solid #DF5A53;
    }

    #header-navigation li.last {
    border-right: 0px;
    }

    #header-navigation li.first {
    padding: 0 5px 0 0;
    }

    #header-navigation li a {
    color: #ffac5e;
    font-size: 11px;
    width: 120px;
    display: block;
    }

    #header-navigation li span a {
    width: 120px;
    margin: 0 0 5px 0;
    color: #FFF;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    }

    #header-navigation li span a:hover {
    text-decoration: none;
    }

    #header-navigation li.selected span a {
    text-decoration: none;
    font-weight: bold;
    color: #ffac5e;
    }

    #header-navigation li.selected a {
    color: #FFF;
    }

    /* Container der Sidebar(links) und Content Container(rechts) enthaelt */

    #contentholder {
    float:  left;
    width:  100%;
    height: 100%;
    }

    /* Sonstige Inhalte des Content Containers */
    #contentarea {
    float:  left;
    width:  575px;
    line-height:180%;
    height: 100%;
    }

    #contentarea .content_border_top {
    float: left;
    height: 14px;
    width: 575px;
    background: url(../img/content_border_top.png) 0 0 no-repeat;
    }

    /* Normaler Hintergrund mit Farbverlauf */
    #contentarea .content_bg_container {
    float: left;
    width: 525px;
    min-height: 250px;
    padding: 10px 25px 10px 25px;
    background: #c5c5c5 url(../img/content_bg.gif) 0 0 repeat-x;
    }

    /* Sprachflaggen */
    #contentarea .content_bg_container .content_languages  {
    position: relative;
    left: 505px;
    display: none;
    }

    /* Flash Bannerrotation */
    #banner {
    float: left;
    margin: 10px 0 15px 0;
    width: 525px;
    }

    #getflashplayer {
    margin: 10px;
    padding: 5px;
    text-align: center;
    background: #FFDFDF;
    }

    /* Content (Extra Stylings für den Inhalt) */
    #content {
    float: left;
    width: 100%;
    }

    #content ul li {
    list-style: none;
    background: url('../img/list_style_img.gif') 10px 7px no-repeat;
    padding: 3px 0 3px 25px;
    }

    #content ul li a {
    margin: 0;
    padding: 3px 0 3px 0;
    }

    #content ol li {
    margin: 0 0 0 25px;
    }

    /* sIFR */
    /* Max. Breite fuer Sifr Headlines bei Seiten mit gesetzer Sidebar */
    #headlines {
    width: 265px;
    }

    /* Max. Breite fuer Sifr Headlines fuer Seiten ohne Sidebar */
    #headlines.wide {
    width: 527px;
    }

    /* Styling der Content Sidebar */
    #content_sidebar {
    float: right;
    width: 225px;
    height: 100%;
    margin: 0 0 10px 10px;
    }

    #content_sidebar .text {
    padding: 0 10px 0 0;
    }

    #content_sidebar ul li {
    margin: 0;
    }

    #content_sidebar ol li {
    margin: 0;
    }

    /* NAVIGATION (der Untermenuepunkte) */

    #content #subnavigation {
        width: 225px;
        float:left;
        list-style: none;
        font-size: 0;
        margin: 0 0 15px 0;
    }

    #content #subnavigation a{
        text-decoration: none;
        font-size: 10px;
    }

    #content #subnavigation li{
        background: url('../img/bg_subnavigation_li.gif') 2px 0 no-repeat;
        height: auto;
        list-style:none;
        padding: 0;
    }

    #content #subnavigation li a {
        color: #999999;
        display: block;
        margin: 0;
        height: 12px;
        padding: 6px 0 6px 23px;
    }

    #content #subnavigation li a.selected {
        font-weight:bold;
        color: #666666;
    }

    #content #subnavigation li ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    #content #subnavigation li ul li {
        background: url('../img/bg_subnavigation_2_li.gif') 2px 0 no-repeat;
    }

    #content #subnavigation li li a {
        color: #999999;
        display: block;
        margin: 0;
        padding: 6px 0 6px 32px;
    }

    #content #subnavigation li ul li ul {
        padding: 3px 0 0 0;
        margin: 0;
        background: url('../img/bg_subnavigation_3_ul.gif') 2px top no-repeat;
    }

    #content #subnavigation li ul li ul li{
        margin: 1px 0 0 0;
        background: url('../img/bg_subnavigation_3_li.gif') 2px -1px no-repeat;
    }

    #content #subnavigation li li li a {
        color: #999999;
        display: block;
        margin: 0;
        padding: 0 0 3px 39px;
    }

    /* Content Sidebar Bildgallerie */
    #content_sidebar .imagegal-galerie-sidebar li {
    list-style-type: none;
    float: left;
    margin: 0 0 15px 0;
    padding-right: 4px;
    }

    #content_sidebar .imagegal-galerie-sidebar img {
    float: left;
    border: 1px solid #C5C5C5;
    }

    /* Content Sidebar - Kontaktbox */
    #content_sidebar .sidebar_box {
    float: left;
    width: 200px;
    background: #ede2c1 url(../img/content_sidebar_box.gif) 0 0 repeat-x;
    margin: 10px;
    }

    #content_sidebar .sidebar_box h2 {
    color: #756853;
    padding: 10px 0 0 10px;
    font-weight: bold;
    }

    #content_sidebar .sidebar_box p, content_sidebar .sidebar_box a {
    color: #670000;
    font-weight: bold;
    font-size: 14px;
    padding: 5px 0 0 15px;
    line-height: 1.5;
    }

    /* Content Sidebar - Sidebardownloads */

    #content_sidebar ul li.sidebardownloads {
    list-style-type: none;
    background: #A00000 url('../img/bg_subnavigation_sidebar_li.gif') 0px 3px no-repeat;
    padding: 6px 0 0 20px;
    height: 27px;
    margin: 0px;
    }

    #content_sidebar ul li.sidebardownloads a {
    color: #FFF;
    }

    /* *************************************************** */
    /* Normale Sidebar (Container linker Bildrand)         */
    /* *************************************************** */


    #sidebar {
    float:  left;
    width:  355px;
    height: 100%;
    margin: 280px 0 0 20px;
    }

    /* Normale Sidebar - Inhalte */
    /* Bereichs spezifisches Image */

    #sidebar-image {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 375px;
    height:380px;
    }

    /* Sidebar Bereichs spezifische Angaben */
    #sidebar-text {
    margin: 0 0 20px 30px;
    }

    #sidebar-text h3 {
    font-size: 25px;
    color: #FFF;
    font-weight: normal;
    }

    #sidebar-text p {
    margin: 5px 0 5px 0;
    color: #cf8080;
    font-weight: bold;
    width: 250px;
    }

    /* Normale Sidebar - Extras Box */
    #sidebar-extras {
    height: 85px;
    margin: 0 0 20px 0;
    width: 300px;
    background: url(../img/sidebar_extras_bg_trans.png);
    }

    #sidebar-extras .extras_img {
    float: left;
    width: 74px;
    margin: 5px 0 0 20px;
    }

    #sidebar-extras ul {
    padding: 10px 5px 0 0;
    float: right;
    width: 150px;
    }

    #sidebar-extras ul li {
    list-style-type: none;
    padding: 5px 0 5px 10px;
    color: #FFF;
    background: url(../img/sidebar_extras_arrow.gif) 0 no-repeat;
    }

    #sidebar-extras ul li a {
    font-size: 12px;
    color: #FFF;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    }

    #sidebar-extras ul li.selected a  {
    color: #FFF;
    text-decoration:underline;
    }

    #sidebar-extras ul li a:hover {
    text-decoration: none;
    color: #FFFFFF;
    }

    /* Sidebar Specials und Headlines. sIFR (Name, Datum) */

    #sidebar-specials-box  .special_name {
    float: left;
    color: #FFF;
    font-size: 18px;
    padding: 0 0 0 4px;
    width: 142px;
    text-align: left;
    }

    #sidebar-specials-box  .special_date {
    float: right;
    color: #000000;
    font-size: 18px;
    padding: 0 4px 0 0;
    width: 142px;
    text-align: right;
    }

    #sidebar-specials-box .specials_links {
    float: left;
    width: 280px;
    padding: 2px 10px 5px 10px;
    }

    #sidebar-specials-box .float-left a,
    #sidebar-specials-box .float-right a {
    color: #FFF;
    }

    #sidebar-specials-box .left a {
    float: left;
    color: #FFF;
    text-align: left;
    font-size: 12px;
    }

    #sidebar-specials-box .right a {
    color: #FFF;
    float: right;
    text-align: right;
    font-size: 12px;
    }

    /* Specials Box - Content */
    #sidebar-specials {
    float: left;
    width: 300px;
    }

    #sidebar-specials .specials_img {
    float: left;
    margin: 10px 0 0 0;
    width: 130px;
    }

    #sidebar-specials .specials_img img {
    border: 1px solid #FFF;
    margin: 5px;
    }

    #sidebar-specials .specials_img img.selected {
    border: 1px solid #C29D87;
    }

    #specials_description {
    float: left;
    width: 160px;
    height: 100%;
    margin: 12px 0 0 0;
    font-size: 12px;
    }

    #sidebar-specials .specials_description_wide {
    width: 290px;
    height: 100%;
    padding: 5px;
    }

    #specials_description strong{
    color: #FFF;
    font-weight: bold;
    font-size: 12px;
    }

    #specials_description a {
    color: #FFF;
    font-size: 12px;
    }

    #specials_description p {
    color: #ffac5e;
    font-size: 12px;
    }

    #sidebar-specials-box {
    float: left;
    width:  300px;
    max-height: 190px;
    margin: 0 0 20px 0;
    padding: 5px 0 0 0;
    background: url(../img/sidebar_box_bg_trans.png);
    }

    #sidebar-specials-box .specials_links {
    float: left;
    width: 280px;
    padding: 2px 10px 5px 10px;
    }

    #sidebar-specials-box .left a {
    float: left;
    color: #FFF;
    text-align: left;
    }

    #sidebar-specials-box .right a {
    color: #FFF;
    float: right;
    text-align: right;
    }
    /* Normale Sidebar - Kontakt Box */
    #sidebar-kontakt {
    height: 121px;
    margin: 0 0 20px 0;
    width: 300px;
    background: url(../img/sidebar_box_bg_trans.png) 0 0 repeat-y;
    }

    #sidebar-kontakt p {
    float: left;
    color: #FFF;
    padding: 5px 0 0 6px;
    }

    #sidebar-kontakt .images {
    position: relative;
    top: -5px;
    float: right;
    }

    #sidebar-kontakt a {
    color: #FFAC5E;
    }

    #sidebar-kontakt h3 {
        text-align: left;
        width: 140px;
        color: #FFFFFF;
        padding: 5px 0 0 4px;
        font-size: 18px;
    }

/* Footer */
#footer {
float: left;
padding: 15px 0 0 45px;
}

/* Footer Inhalte */
#footer li {
list-style-type: none;
float:  left;
padding: 0 30px 0 30px;
height: 70px;
border-left: 1px solid #7F0002;
    /* #940001; */
}

#footer li.selected {
background: url(../img/footer_selected.png) 0px 0px no-repeat;
}

