/* ========= NAVIGATION ========= */


/* ======================================================= */

@import 'nav_bar_top.css';
@import 'nav_tree_breadcrumbs.css';
@import 'nav_tree_menu.css';
@import 'nav_tree_sitemap.css';


/* ========= LAYOUT ========= */


/* ======================================================= */

.contentWrapper {
    width: 960px;
    margin: 0px auto;
}

#topBox {}

#topBox .contentWrapper {
    position: relative;
}

#homelinkBox {
    display: inline-block;
    padding: 16px 0px 22px 0px;
    margin: 0px 0px 0px -15px;
}

#homelinkBox a {
    display: block;
    width: 440px;
    height: 99px;
    background-image: url(../../images/site/top_logo.svg);
    background-repeat: no-repeat;
}

#topnavBox {
    position: absolute;
    top: 18px;
    right: 200px;
}

#sociallinksBox {
    position: absolute;
    top: 12px;
    right: 165px;
}

#sociallinksBox li {
    float: left;
}

#sociallinksBox a {
    display: block;
    width: 24px;
    height: 24px;
    color: #000000;
    font-family: "FontAwesome";
    font-size: 28px;
    line-height: 22px;
}

#sociallinksBox .facebook a::before {
    content: "\f230";
}

#sociallinksBox a:hover {
    color: #DC231A;
}

#searchBox {
    position: absolute;
    top: 10px;
    right: 0px;
}

#searchBox input {
    width: 100px;
    float: left;
    border: 1px solid #E8E8E8;
    background-color: #E8E8E8;
}

#searchBox .button {
    float: left;
    display: inline-block;
    width: 23px;
    height: 27px;
    border: none;
    background: transparent url(../../images/site/btn_search.png) no-repeat center;
    text-indent: -9999px;
    font-size: 0px;
    margin: 0px 0px 0px 5px;
}

#navBox {
    background-color: #F4F7F5;
    position: relative;
    z-index: 6;
}

#navBox::after {
    content: "";
    background-image: url(../../images/site/bkg_img_shadow.png);
    background-repeat: no-repeat;
    background-position: center top;
    height: 11px;
    position: absolute;
    bottom: -11px;
    left: 0px;
    right: 0px;
    z-index: 3;
}

#logonBox {
    width: 190px;
    /* height: 105px; */
    position: absolute;
    padding: 30px 0px 0px 0px;
}

#logonBox .getmember {
    padding: 0px 0px 5px 0px;
}

#logonBox .getmember a,
#logonBox .showlogin a {
    text-decoration: none;
    color: #dc231a;
    font-weight: 700;
}

#logonBox .getmember a:hover,
#logonBox .showlogin a:hover {
    text-decoration: none;
    color: #000000;
}

#logonBox .getmember a::before,
#logonBox .showlogin a::before {
    font-family: FontAwesome;
    color: #000000;
    display: inline-block;
    width: 20px;
    text-align: center;
    margin: 0px 10px 0px 0px;
    font-size: 16px;
    line-height: 14px;
}

#logonBox .getmember a::before {
    content: "\f0c0";
}

#logonBox .showlogin a::before {
    content: "\f023";
}

#logonBox .showlogin a {
    text-transform: uppercase;
}

#logonBox .logonTopLinks {
    border-bottom: 30px solid #F4F7F5;
    position: relative;
    z-index: 9;
}

#logonBox .loggedIn .liUsername {
    padding: 0px 0px 5px 0px;
}

#logonBox .loggedIn ul {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    list-style: none;
}

#logonBox .loggedIn li::before {
    content: '\00BB';
    padding-right: 5px;
}

#logonBox #loginFormWrapper {
    display: none;
    position: absolute;
    z-index: 5;
    background-color: #F4F7F5;
}

#logonBox #loginForm {
    padding: 0px 25px 25px 25px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}

#logonBox #loginForm::before {
    content: "";
    position: absolute;
    top: -15px;
    left: -20px;
    right: -20px;
    background-color: #F4F7F5;
    height: 15px;
}

#logonBox .header {
    text-transform: uppercase;
    font-weight: 300;
    margin: 0px 0px 10px 0px;
}

#logonBox .header span {
    color: #dc231a;
    font-weight: 700;
}

#logonBox fieldset {
    border: 0px;
    margin: 0px;
    padding: 0px;
}

#logonBox legend {
    font-size: 0px;
}

#logonBox input[type=text],
#logonBox input[type=password] {
    display: block;
    width: 150px;
    background-color: #C4C4C4;
    color: #ffffff;
    border: none;
    margin: 0px 0px 2px 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#logonBox .button {
    width: 150px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#logonBox .logonLinks {
    margin: 10px 0px 0px 0px;
}

#logonBox .logonLinks a {
    color: #000000;
    text-decoration: none;
}

#logonBox .logonLinks a:hover {
    color: #dc231a;
}

#mainnavBox {}

#imageBox {
    height: 85px;
    background-image: url(../../images/site/bkg_mainpic_default.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#mainBox {
    padding: 20px 0px 0px 0px;
}

#leftBox {
    width: 640px;
    float: left;
}

#breadcrumbsBox {
    padding: 0px 0px 10px 0px;
    border-bottom: 1px dotted #C3CCCB;
    margin: 0px 0px 20px 0px;
}

#contentBox {
    padding: 0px 0px 0px 0px;
}

#rightBox {
    width: 280px;
    float: right;
}

#widgetBox {}

#newsletterBox {
    padding: 0px 0px 10px 0px;
}

#facebookBox {}

#bottominfoBox {
    margin: 80px 0px 0px 0px;
    padding: 50px 0px 0px 0px;
    border-top: 1px dotted #C3CCCB;
}

#footerBox {
    background-color: #F4F7F5;
    padding: 0px 0px 100px 0px;
    margin: 50px 0px 0px 0px;
    color: #555555;
}

#toplinkBox {
    text-align: center;
}

#toplinkBox a {
    display: inline-block;
    text-decoration: none;
    padding: 0px 0px 30px 0px;
}

#toplinkBox a:hover {
    opacity: 0.5;
}

#toplinkBox a:before {
    content: "\f106";
    font-family: FontAwesome;
    color: #989999;
    font-size: 50px;
    line-height: 50px;
}

#addressBox {
    width: 290px;
    float: left;
}

#addressBox .header {
    padding: 0px 0px 20px 0px;
}

#addressBox .header .title {
    font-weight: 700;
}

#addressBox .header .subtitle {
    font-family: "Droid Serif", serif;
    font-style: italic;
}

#sitemapnavBox {
    width: 670px;
    float: right;
}

#tplswitchBox {
    clear: both;
    text-align: center;
    padding: 50px 0px 0px 0px;
}

#tplswitchBox .header,
#tplswitchBox ul,
#tplswitchBox li {
    display: inline;
}

#tplswitchBox li {
    padding: 0px 0px 0px 10px;
    font-weight: 700;
}

#tplswitchBox a {
    font-weight: 400;
    color: #555555;
    text-decoration: none;
}

#tplswitchBox a:hover {
    color: #555555;
    text-decoration: underline;
}


/* ========= LAYOUT: index ========= */


/* ======================================================= */

.index .newsContent {
    width: 305px;
    float: left;
    padding: 0px 15px 0px 0px;
}

.index .eventsContent {
    width: 305px;
    float: right;
    padding: 0px 0px 0px 15px;
}

.index .newsContent .topHeader,
.index .eventsContent .topHeader {
    font-family: "Droid Serif", serif;
    font-style: italic;
    padding: 0px 0px 15px 0px;
    margin: 0px 0px 30px 0px;
    position: relative;
}

.index .newsContent .topHeader::after,
.index .eventsContent .topHeader::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 40px;
    height: 5px;
    background-color: #E8E8E8;
}

.index .newsContent .moreLink,
.index .eventsContent .moreLink {
    margin: 40px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    border-top: 1px solid #C3CCCB;
}

.index .newsContent .date {
    color: #A7AFAE;
    padding: 0px 0px 5px 0px;
}

.index .newsContent .title a {
    color: #000000;
    text-decoration: none;
    font-family: "Droid Sans", sans-serif;
    font-style: normal;
}

.index .newsContent .title a:hover {
    color: #dc231a;
    text-decoration: none;
}

.index .newsContent .listSpacer {
    height: 0px;
    margin: 15px 0px 15px 0px;
    border-bottom: 1px dotted #C3CCCB;
}

.index .eventsContent .boxLeft {
    width: 85px;
}

.index .eventsContent .boxLeft .dateBegin {
    width: 70px;
    height: 70px;
    overflow: hidden;
    color: #ffffff;
    background-color: #BEC8C7;
    text-align: center;
}

.index .eventsContent .boxLeft .dateBegin .month {
    text-transform: uppercase;
}

.index .eventsContent .boxLeft .dateBegin .day {
    font-weight: 700;
}

.index .eventsContent .boxRight {
    margin-left: 85px;
}

.index .eventsContent .boxRight .title a {
    font-weight: 700;
    color: #000000;
    text-decoration: none;
}

.index .eventsContent .boxRight .title a:hover {
    color: #dc231a;
    text-decoration: none;
}

.index .eventsContent .boxRight .timeBegin {}

.index .eventsContent .boxRight .place {
    color: #dc231a;
    padding: 0px 0px 0px 15px;
}

.index .eventsContent .boxRight .place::before {
    content: "\f041";
    font-family: FontAwesome;
    font-size: 14px;
    margin: 0px 0px 0px -15px;
    position: absolute;
}

.index #mainBox {
    padding-top: 40px;
}


/* ========= LAYOUT: inline popup ========= */


/* ======================================================= */

body.inlinePopup {
    padding: 20px;
    background-color: #ffffff;
    background-image: none;
    /*background-image: url(../../images/site/bkg_popup.gif);*/
    background-repeat: repeat-x;
}


/* ========= LAYOUT: print ========= */


/* ======================================================= */

#printFooterBox {
    display: none;
}

#printHeaderBox {
    display: none;
}

@media print {
    body {
        margin: 0px;
        padding: 0px;
        background-color: #FFFFFF;
        background-image: none;
    }
    .noprint {
        display: none;
        /* Alle nicht-druckbaren Elemente ausblenden */
    }
    .print {
        width: auto !important;
        padding: 0px !important;
        margin: 0px !important;
        border: 0px !important;
        background: transparent !important;
    }
    /* ---- LAYOUT ----  */
    /* ---------------------------------------------------------  */
    #contentBox {
        width: 640px !important;
        padding: 0px !important;
        margin: 0px auto !important;
        margin-bottom: 20px;
        color: #000000;
    }
    #printHeaderBox {
        /* ---- KOPFZEILE ----  */
        clear: both;
        display: block !important;
        width: 640px;
        padding: 5px 10px 5px 10px;
        border-top: 1px solid #000000;
        border-bottom: 1px solid #000000;
        margin-bottom: 15px;
        text-align: center;
    }
    #printFooterBox {
        /* ---- FUSSZEILE ----  */
        clear: both;
        display: block !important;
        width: 640px;
        padding-top: 10px;
        border-top: 1px solid #000000;
        text-align: center;
        margin-top: 20px;
        font-size: 9px;
    }
}