/* === ALLGEMEINE TYPO === */
h4 {
    font-size: 12px;
    font-weight: bold;
}
dl {
    margin: 5px 0 0 0;
}
dd + dt {
    margin-top: 10px;
}
.main-title-red {
    padding: 0;
    color: #e60005;
    background: none;
}



/* === TOP-NAVIGATION === */
.top-nav {
    float: right;
    margin: 0;
    font-size: 11px;
    color: #AAA;
}
.top-nav ul {
    overflow: hidden;
    list-style: none;
    border-left: 1px solid #CCC;
}
.top-nav li {
    float: left;
    margin: 0;
    padding: 0;
}
.top-nav a,
.top-nav span.active {
    display: block;
    padding: 1px 5px;
    border-right: 1px solid #CCC;
    text-decoration: none;
    color: #999;
}
.top-nav a:focus,
.top-nav a:hover,
.top-nav a:active {
    color: #FFF;
    background-color: #666;
}



/* === SOCIAL-MENU IM HEADER === */
.social-header-menu {
    overflow: hidden;
    float: right;
    margin: 1px 0 0 5px;
    padding: 0;
    list-style: none;
}
.social-header-menu li {
    float: left;
    margin: 0;
    padding: 0;
}
.social-header-menu a {
    overflow: hidden;
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 4px 0 0;
    text-indent: 150%;
    white-space: nowrap;
    background: url('../img/sprite.png') no-repeat 0 0;
}
.social-header-menu .facebook:hover {
    background-position: 0 0;
}
.social-header-menu .twitter {
    background-position: -20px 0;
}
.social-header-menu .twitter:hover {
    background-position: -20px -0px;
}
.social-header-menu .youtube {
    background-position: -40px 0;
}
.social-header-menu .youtube:hover {
    background-position: -40px -0px;
}
.social-header-menu .blog {
    background-position: -60px 0;
}
.social-header-menu .blog:hover {
    background-position: -60px -0px;
}
.social-header-menu .feed {
    background-position: -80px 0;
}
.social-header-menu .feed:hover {
    background-position: -80px -0px;
}
.social-header-menu .newsletter {
    background-position: -100px 0;
}
.social-header-menu .newsletter:hover {
    background-position: -100px -0px;
}
.social-header-menu .google {
	background-position: -291px -174px;
}
.social-header-menu .google:hover {
	background-position: -291px -174px;
}




/* === HEADER-SUCHE === */
.header-search {
    float: right;
    margin: -2px 0 0 10px;
    font-size: 11px;
    text-align: right;
}
.header-search-form label {
    display: none;
}
.header-search-form .tx-indexedsearch-form {
    float: left;
    width: 130px;
    margin: 0 0 5px 0;
}
.header-search-form .tx-indexedsearch-search-submit {
    position: relative;
    float: left;
    width: 30px;
    margin: 0 0 5px 0;
}
.header-search-form input[type="text"] {
    float: left;
    width: 120px;
    height: 21px;
    padding: 0 5px;
    border: 1px solid #A4A4A4;
    line-height: 21px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.1);
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.header-search-form input[type="submit"] {
    position:absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 30px;
    height: 23px;
    padding: 0 5px;
    border: 0;
    text-indent: 150%;
    background: #A4A4A4 url('../img/sprite.png') no-repeat 7px -41px;
    cursor: pointer;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.header-search-form input[type="submit"]:hover {
    background-color: #666;
}
.header-search-form .tx-indexedsearch-search-extended {
    clear: both;
}
.header-search-form a {
    text-decoration: none;
    color: #999;
}
.header-search-form a:hover {
    text-decoration: underline;
    color: #666;
}



/* === (MINI-)SPENDENFORMULAR === */
.mini-donation-form {
    width: 186px;
    height: 110px;
    margin-top: -90px;
    padding: 10px 0 0 0;
    background: url('../img/sprite.png') no-repeat -120px 0;
}
.mini-donation-form fieldset {
    overflow: hidden;
    padding: 0 15px 15px 15px;
}
.mini-donation-form legend,
.donation-form legend {
    position: static;
    display: block;
    margin: 0;
    padding: 10px 0;
    border: 0;
    font-size: 15px;
    color: #FFF;
}
.mini-donation-form label,
.donation-form label {
    display: none;
}
.mini-donation-form select,
.donation-form select {
    width: 156px;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mini-donation-form .ui-selectmenu-button,
.donation-form .ui-selectmenu-button {
    margin: 0 0 6px 0;
}
.mini-donation-form .flex-input,
.donation-form .flex-input {
    position: relative;
    overflow: hidden;
    padding: 0 0 3px 0;
}
.mini-donation-form input[type="text"],
.donation-form input[type="text"] {
    width: 100%;
    height: 25px;
    padding: 4px;
    border: 0;
    line-height: 17px;
    background: #F4F4F4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mini-donation-form .flex-input .label,
.donation-form .flex-input .label {
    position: absolute;
    padding: 0 5px;
    line-height: 24px;
    top: 1px;
    bottom: 4px;
    right: 1px;
    font-weight: bold;
    color: #FFF;
    background: #A4A4A4;
}
.mini-donation-form input[type="text"]:focus,
.donation-form input[type="text"]:focus {
    background: #FFF;
}
.mini-donation-form .btn-white,
.donation-form .btn-white {
    float: right;
    width: 92px;
    margin-left: 10px;
    line-height: 17px;
}
.mini-donation-form .ui-selectmenu-button,
.mini-donation-form input[type="text"],
.mini-donation-form button,
.donation-form .ui-selectmenu-button,
.donation-form input[type="text"],
.donation-form button {
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
.mini-donation-form .ui-selectmenu-button,
.donation-form .ui-selectmenu-button {
    border: 0;
}
.donation-form-container {
    margin: 20px 12px;
    padding: 15px 15px 0 15px;
    color: #FFF;
    background: #E60005;
    background-image: linear-gradient(top, #E60004 0%, #C70003 100%);
    background-image: -o-linear-gradient(top, #E60004 0%, #C70003 100%);
    background-image: -moz-linear-gradient(top, #E60004 0%, #C70003 100%);
    background-image: -webkit-linear-gradient(top, #E60004 0%, #C70003 100%);
    background-image: -ms-linear-gradient(top, #E60004 0%, #C70003 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E60004), color-stop(1, #C70003));
}
.donation-summary + .donation-form-container {
    margin-top: 0;
}
.donation-form-container form {
    float: left;
    width: 250px;
    height: auto;
    margin: 0;
    padding: 0;
    background: none;
}
.donation-form-container fieldset {
    padding: 0;
}
.donation-form-container .donation-bank-details {
    margin-left: 280px;
    line-height: 1.5;
    font-size: 14px;
    font-weight: bold;
}
.donation-form-container form legend {
    padding-top: 0;
}
.donation-form-container form select {
    width: 250px;
}
.donation-form-container form .ui-selectmenu-button {
    margin: 0 0 10px 0;
}
.donation-bank-details dl {
    margin: 0;
}
.donation-contact-details {
    clear: both;
    margin: 15px -15px 0 -15px;
    padding: 15px;
    color: #424242;
    background: #E7E7E7;
}
.donation-contact-details-phone {
    float: left;
    margin-right: 15px;
    font-size: 14px;
    color: #000;
}
.donation-contact-details-info {
    display: block;
    overflow: hidden;
    padding-left: 15px;
    border-left: 1px solid #424242;
}



/* === SIDEBAR BOXEN === */
.box-grey {
    margin: 0 0 10px 0;
    padding: 10px;
    color: #444;
    background: #F4F4F4;
}
.box-grey h4 {
    margin: 0 0 7px 0;
    color: #000;
}
.box-grey b {
    font-weight: normal;
    color: #000;
}
.box-grey hr {
    display: block;
    height: 1px;
    margin: 10px -10px;
    border: 0;
    background: #CBCBCB;
}



/* === BUTTONS === */
.btn-red,
.btn-red:link,
.btn-white,
.btn-white:link,
.btn-grey,
.btn-grey:link,
.compact-news-main a {
    position: relative;
    display: inline-block;
    padding: 8px 12px;
    border: 0;
    line-height: 18px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.btn-slim,
.btn-slim:link {
    padding-top: 4px;
    padding-bottom: 4px;
}
.btn-red,
.btn-red:link,
.btn-red:visited,
.compact-news-main a {
    color: #FFF;
    background: #E60005;
}
.btn-red:hover,
.compact-news-main a:hover {
    background-color: #CC0007;
}
.btn-white,
.btn-white:link,
.btn-white:visited {
    color: #E60005;
    background: #FFF;
}
.btn-white:hover {
    color: #CC0007;
}
.btn-grey,
.btn-grey:link,
.btn-grey:visited {
    color: #838383;
    background: #DDD;
}
.btn-grey:hover {
    color: #333;
    background: #BBB;
}
.btn-red.block {
    display: block;
    margin: 5px 0;
}
.btn-red.video {
    padding: 8px 45px 8px 12px;
}
.btn-red .icon,
.btn-white .icon,
.btn-grey .icon {
    position: absolute;
    top: 7px;
    right: 7px;
}
.btn-red.newsletter {
    padding: 4px 35px 4px 8px;
}
.newsletter .icon {
    width: 17px;
    height: 12px;
    background: url('../img/sprite.png') no-repeat 0 -80px;
}
.video .icon {
    top: 6px;
    right: 11px;
    width: 21px;
    height: 21px;
    background: url('../img/sprite.png') no-repeat -20px -80px;
}
.btn-red.arrow,
.btn-white.arrow {
    padding-right: 30px;
}
.arrow .icon {
    top: 12px;
    right: 10px;
    width: 9px;
    height: 9px;
    background: url('../img/sprite.png') no-repeat -50px -80px;
}
.btn-red.arrow .icon {
    background-position: -50px -90px;
}
.btn-slim.arrow {
    padding-right: 25px;
}
.btn-slim.arrow .icon {
    top: 8px;
    right: 8px;
}



/* === FORMULARE === */
fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}
select,
textarea,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"] {
    width: 98%;
    padding: 5px 8px;
    border: 1px solid #D6D6D6;
    color: #555;
    background: #F4F4F4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color 0.4s, background-color 0.4s;
    -moz-transition: border-color 0.4s, background-color 0.4s;
    -o-transition: border-color 0.4s, background-color 0.4s;
    transition: border-color 0.4s, background-color 0.4s;
}

#tx-adressen-recommendform-orglevel-button {
	width:98% !important;
}

textarea:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus {
    border: 1px solid #888;
    background: #FFF;
}
input[type="radio"],
input[type="checkbox"] {
    float: left;
    margin-top: 0;
}
input[type="radio"] + label,
input[type="checkbox"] + label {
    margin: 0 0 0 20px;
}
label {
    display: block;
    margin: 0 0 3px 0;
    font-weight: bold;
    color: #000;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    margin:0;
    padding:0;
    border:0;
}
form button,
input[type="submit"] {
    padding: 6px 35px 6px 8px;
    border: 0;
    /*line-height: 18px;*/
    font-weight: bold;
    text-decoration: none;
    color: #FFF;
    background-color: #E60005;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}
form button:hover,
input[type="submit"]:hover {
    text-decoration: none;
    color: #FFF;
    background-color: #BF0006;
}
button.btn-white:hover,
input.btn-white:hover {
    background: #FFF;
}

input.error,
input.error:focus {
    padding: 5px 7px;
    border: 2px solid #E60005;
}
label.error,
.error-msg {
    clear: both;
    margin: 0;
    padding: 3px 0 5px 0;
    line-height: 1.2;
    font-size: 11px;
    font-weight: normal;
    color: #E60005;
}
.checkbox-field.error label {
    color: #E60005;
}

#mailform {
    margin: 0 12px;
}
.csc-mailform-field {
    clear: both;
    width: 267px;
    min-height: 45px;
    position: relative;
    margin: 0 0 15px 0;
}
.csc-mailform-label {
    clear: both;
}
.tx-drkvorort-fieldset {
    position: relative;
}

.tx-powermail-pi1 {
    margin: 0 2px;
}
.tx-powermail-pi1_fieldset {
    overflow: hidden;
    margin: 0 0 20px 0;
}
.tx-powermail-pi1_fieldset legend {
    display: none;
}
form .tx_powermail_pi1_fieldwrap_html_radio_title {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    color: #000;
}
.tx_powermail_pi1_fieldwrap_html {
    position: relative;
    margin: 0 1.7482% 15px 1.7482%;
    box-sizing: border-box;
}
.tx_powermail_pi1_fieldwrap_html.half,
.tx_powermail_pi1_fieldwrap_html.half-clear {
    float: left;
    width: 46.5036%;
}
.tx_powermail_pi1_fieldwrap_html.clear,
.tx_powermail_pi1_fieldwrap_html.half-clear {
    clear: both;
}
.powermail_textarea {
    min-height: 100px;
}

.tx-powermail-pi1_confirmation {
    margin: 0 0 20px;
    overflow: hidden;
}
.tx-powermail-pi1_confirmation .powermail_all {
    margin-bottom: 10px;
    width: 552px;
}
.tx_powermail_pi1_formconfirmation_submit {
    float: right;
    margin: 0 7px 0 0;
}
.tx_powermail_pi1_formconfirmation_back {
    float: left;
    margin: 0 0 0 12px;
}

.powermail_radio_inner + .powermail_radio_inner {
    margin-top: 3px;
}
.powermail_radio_inner label {
    font-weight: normal;
}

.field-vorname,
.field-Ihr_Name /* Kontaktformular */,
.field-plz /* Spendeninfo anfordern */,
.field-emailadresse /* Spendeninfo anfordern */,
.field-anlass /* Spendeninfo anfordern */,
.field-anzahl_spendenbox /* Spendeninfo anfordern */,
.field-anzahl_infoflyer_spenden /* Spendeninfo anfordern */,
.field-PLZ /* Schulen helfen */,
.field-Email /* Schulen helfen */,
.field-Kontaktperson /* Schulen helfen */,
.field-Vorname /* Schulen helfen */,
.field-Funktion /* Schulen helfen */,
.field-berweisungsdatum /* Schulen helfen */,
.field-position /* Bußgeld */,
.field-Name_der_Einrichtung /* Anlassspende */,
.field-Klassenstufe_Alter,
.field-Email {
    clear: none;
    float: left;
}
.field-nachname,
.field-email /* Kontaktformular */,
.field-ort /* Spendeninfo anfordern */,
.field-telefon /* Spendeninfo anfordern */,
.field-anlassdatum /* Spendeninfo anfordern */,
.field-anzahl_ueberweisungstraeger /* Spendeninfo anfordern */,
.field-anzahl_drk_info /* Spendeninfo anfordern */,
.field-Ort /* Schulen helfen */,
.field-Telefonnummer /* Schulen helfen */,
.field-Anrede /* Schulen helfen */,
.field-Nachname /* Schulen helfen */,
.field-E-Mail /* Schulen helfen */,
.field-Name_des_berweisers /* Schulen helfen */,
.field-gericht_sta /* Bußgeld */,
.field-Name_der_Einrichtung + .csc-mailform-field /* Anlassspende */,
.field-Lerngruppe,
.field-Telefon {
    clear: none;
    float: right;
}
.field-subject /* Kontaktformular */,
.field-Ihre_Mitteilung_an_uns /* Kontaktformular */,
.field-strasse /* Spendeninfo anfordern */,
.field-nachricht /* Spendeninfo anfordern */,
.field-Schule /* Schulen helfen */,
.field-Nachricht /* Schulen helfen */ {
    width: 554px;
}
.field-E-Mail + .field-Telefonnummer /* Schulen helfen */ {
    float: none;
    clear: both;
}
.field-testa_ratgeber /* Testament */,
.field-testa_info_drk /* Testament */,
.field-testa_gespraech /* Testament */,
.field-ue_traeger /* Bußgeld */,
.field-aufkleber /* Bußgeld */,
.field-flyer /* Bußgeld */ {
    margin-top: 5px;
}

.field-anlass /* Spendeninfo anfordern */,
.field-anlassdatum /* Spendeninfo anfordern */ {
    margin-top: 15px;
}
.field-anzahl_drk_info /* Spendeninfo anfordern */,
.field-anzahl_infoflyer_spenden /* Spendeninfo anfordern */,
.field-Email,
.field-Telefonnummer {
    margin-bottom: 25px;
}
.field-Bestellung_Informationsmaterial {
    position: relative;
}
.field-Bestellung_Informationsmaterial label {
    margin-left: 20px;
}
.field-Bestellung_Informationsmaterial input {
    position: absolute;
    top: 1px;
    left: 0;
}
.tx-drkvorort-pi1 {
    overflow: hidden;
    margin: 20px 11px;
}
#col2 .tx-drkvorort-pi1 {
    margin: 0;
}
.tx-drkvorort-offer-compact label {
    float: left;
}
.tx-drkvorort-offer-compact input[type="text"] {
    float: left;
    width: 100px;
    margin: 0 20px 0 0;
}
.tx-drkvorort-offer-compact input[type="submit"] {
    float: left;
    margin-top: 1px;
}

.tx-drkvorort-address {
    margin-top: 20px;
}
.tx-drkvorort-offer h5,
.tx-drkvorort-address h5 {
    margin: 0 0 5px 0;
    font-weight: bold;
    text-decoration: none;
}
.tx-drkvorort-offer .ui-selectmenu-button,
.tx-drkvorort-address .ui-selectmenu-button {
    margin-bottom: 10px;
}
.tx-drkvorort-offer label,
.tx-drkvorort-address label {
    float: left;
    margin: 5px 10px 3px 0;
    font-weight: normal;
}
.tx-drkvorort-offer .tx-drkvorort-angebote-searchbox,
.tx-drkvorort-address .tx-drkvorort-adressen-searchbox {
    float: left;
    width: 50px;
}
.tx-drkvorort-offer .tx-drkvorort-button,
.tx-drkvorort-address .tx-drkvorort-button {
    float: right;
    padding: 6px 8px;
    background-image: none;
}
.newsletter-subscribe,
.newsletter-unsubscribe {
    margin: 20px 12px;
}

.tx-drkmediathek-pi1 form {
    margin: 15px 12px;
}
.tx-drkmediathek-pi1 input[type="text"] {
    margin: 0 3px;
    width: 90px;
}
.tx-drkmediathek-pi1 select {
    width: 125px;
}
.tx-drkmediathek-pi1 .ui-selectmenu-button {
    display: inline-block;
    position: relative;
    top: -1px;
    vertical-align: middle;
    margin: 0 3px;
}

.conditional-field {
    display: none;
}

.drkform p {
    margin: 0 0 15px 0;
}
.drkform .formset {
    float: left;
    width: 35%;
    margin: 0 0 15px 0;
}
.drkform .formset + .formset {
    width: 60%;
    margin-left: 5%;
    padding-top: 22px;
}
.drkform .formset.submit {
    clear: both;
    float: none;
    margin: 0;
    padding: 0;
}
.drkform input[type="radio"] {
    position: relative;
    top: 1px;
    float: none;
}
.drkform input[type="radio"] + label {
    display: inline;
    margin: 0 20px 0 3px;
}

.newsletter-subscribe {
    margin: 20px 0 20px 2px;
}
.newsletter-subscribe .csc-mailform-field {
    clear: none;
    float: left;
    margin: 0 10px 15px 10px;
}
.newsletter-subscribe input[type="submit"] {
    margin: 0 0 0 10px;
}

/* DRK Adressen */
#col3 .tx-adressen-container form {
    margin: -12px -12px 0 -12px;
    padding: 0;
}
#col3 form fieldset.tx-adressen-recommendform {
    margin: 0;
    padding: 0;
}
.tx-adressen-recommendform label {
    float: none;
    width: auto;
    padding: 0;
}
.tx-adressen-recommendform-field {
    position: relative;
    clear: none;
    float: left;
    width: 266px;
    margin: 0 11px 11px 11px;
}
.tx-adressen-recommendform-field:first-child + .tx-adressen-recommendform-field {
    clear: both;
}
.tx-adressen-recommendform-field:last-child {
    clear: both;
    margin: 11px 11px 0 11px;
}
#tx-adressen-recommendform-category,
#tx-adressen-recommendform-relation {
    width: 100%;
}



/* === JQUERY UI === */
.ui-selectmenu-menu {
    overflow: auto;
    position: absolute;
    z-index: 50;
    display: none;
    top: 0;
    left: 0;
    max-height: 300px;
    padding: 0;
    margin: 0;
    text-align: left;
    background: #FFF;
}
.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    margin: 0;
    padding: 5px 10px;
    border: 1px solid #D6D6D6;
    border-top: 0;
    list-style: none;
}
.ui-selectmenu-menu .ui-menu-item {
    margin: 0;
    border-bottom: 1px solid #DDD;
    list-style-image: none;
}
.ui-selectmenu-menu .ui-menu-item:last-child {
    border-bottom: 0;
}
.ui-selectmenu-menu a:hover {
    color: #E60005;
}
.ui-selectmenu-menu a,
.ui-selectmenu-menu a:link {
    display: block;
    padding: 3px 0 3px 15px;
    text-decoration: none;
    color: #555;
}
.ui-selectmenu-menu .ui-selectmenu-optgroup {
    height: auto;
    margin: 10px 0 5px -5px;
    padding: 0 0 0 15px;
    border: 0;
    color: #3E3E3E;
}
.ui-selectmenu-open {
    display: block;
}
.ui-selectmenu-button {
    position: relative;
    display: block;
    overflow: hidden;
    border: 1px solid #D6D6D6;
    text-decoration: none;
    line-height: 17px;
    color: #555;
    cursor: pointer;
    outline: 0;
}
.ui-selectmenu-button .ui-icon {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 23px;
    height: 23px;
    background: url('../img/sprite.png') no-repeat -40px -40px #A4A4A4;
}
.ui-selectmenu-button .ui-icon:hover {
    background-color: #888;
}
.ui-selectmenu-button .ui-selectmenu-text {
    display: block;
    overflow: hidden;
    height: 15px;
    margin-right: 25px;
    padding: 5px 8px;
    border: 0;
    white-space: nowrap;
    background: #F4F4F4;
}
.ui-state-focus .ui-selectmenu-text {
    background: #FFF;
}
.error .ui-selectmenu-text  {
    padding: 7px 8px;
    border: 2px solid #E60005;
}
.valid .ui-selectmenu-text {
    padding: 7px 8px;
    border: 2px solid #ADCE5F;
}



/* === NEWSLETTER POP-UP === */
.newsletter-popup {
    position: relative;
    width: 260px;
    margin: 0 auto;
    padding: 130px 30px 30px 30px;
    background: #FFF url('../img/drk-logo-clean.png') no-repeat 30px 30px;
}
.newsletter-popup-head {
    margin: 0 -30px;
    padding: 20px 30px 10px 30px;
    border-top: 1px solid #C6C6C6;
    font-size: 20px;
}
.newsletter-popup p {
    margin: 0;
}
.newsletter-popup form {
    margin: 10px 0 0 0;
}
.newsletter-popup .field-row {
    overflow: hidden;
    margin: 10px 0 0 0;
}
.newsletter-popup .checkbox-row {
    margin: 10px 0 20px 0;
}
.newsletter-popup .disclaimer {
    margin: 3px 0;
    padding: 0;
}
.newsletter-popup label {
    display: block;
    float: none;
    width: auto;
    margin: 0 0 3px 0;
}
.newsletter-popup select {
    width: 260px;
}
.newsletter-popup .ui-selectmenu-text {
    padding: 6px 10px;
}
.newsletter-popup .ui-icon {
    border: 1px solid #A4A4A4;
}
.newsletter-popup .ui-icon:hover {
    border-color: #A4A4A4;
}
.newsletter-popup .btn-red {
    float: right;
    padding: 8px 37px 8px 8px;
}
.newsletter-popup .btn-red .icon {
    top: 10px;
    right: 10px;
}
.newsletter-popup .btn-grey {
    display: none;
    float: left;
}
.newsletter-popup .auto .btn-grey {
    display: inline;
}
.newsletter-popup .loading .btn-grey {
    display: none;
}
.newsletter-popup .loading .btn-red {
    background: #E60005;
}
.newsletter-popup .loading .btn-red .icon {
    top: 9px;
    width: 16px;
    height: 16px;
    background: url('../img/ajax-loader.gif') no-repeat 0 0;
}



/* === SLIDESHOW === */
.slideshow {
    position: relative;
    margin: 0 0 10px 12px;
    width: 554px;
    height: 275px;
}
.slideshow .slide {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 554px;
    height: 275px;
}
.homepage .slideshow,
.homepage .slide {
    width: 744px;
    height: 376px;
}
.slideshow .slide-img {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    max-width: 100%;
}
.slideshow .slide-content {
    position: absolute;
    z-index: 3;
    bottom: 30px;
    left: 30px;
    width: 270px;
    font-size: 10px;
}
.homepage .slide-content {
    width: 460px;
    font-size: 12px;
}
.slideshow .slide-title {
    margin: 0;
    border: 0;
    font-size: 20px;
    color: #E60005;
}
.slideshow .slide-title,
.slideshow .slide-text {
    padding: 8px 10px;
    background: #FFF;
    background: rgba(255,255,255, 0.9);
}
.homepage .slide-title,
.homepage .slide-text {
    padding: 10px 20px 10px 12px;
}
.slideshow .slide-title + .slide-text {
    padding-top: 0;
}
.slideshow .slide-video-link {
    overflow: hidden;
    position: absolute;
    right: -18px;
    bottom: 15px;
    width: 33px;
    height: 42px;
    text-indent: 150%;
    white-space: nowrap;
    background: url('../img/sprite.png') no-repeat -70px -60px;
}
.slideshow .slidesjs-container {
    z-index: 2;
}
.slideshow .slidesjs-next,
.slideshow .slidesjs-previous {
    position: absolute;
    z-index: 4;
    bottom: 28px;
    right: 28px;
    overflow: hidden;
    width: 32px;
    height: 32px;
    text-indent: 150%;
    white-space: nowrap;
    background: url('../img/sprite.png') no-repeat 0 -120px;
}
.slideshow .slidesjs-previous {
    right: 75px;
}
.slideshow .slidesjs-previous:hover {
    background-position: 0 -160px;
}
.slideshow .slidesjs-next {
    background-position: -40px -120px;
}
.slideshow .slidesjs-next:hover {
    background-position: -40px -160px;
}
.homepage .slidesjs-next,
.homepage .slidesjs-previous {
    bottom: 50px;
    outline: 0;
}
.slideshow .slidesjs-pagination {
    display: none;
    position: absolute;
    z-index: 4;
    bottom: 30px;
    right: 28px;
    list-style: none;
}
.homepage .slidesjs-pagination {
    display: block;
}
.slideshow .slidesjs-pagination-item {
    float: left;
    margin: 0 6px 0 0;
    padding: 0;
}
.slideshow .slidesjs-pagination a {
    overflow: hidden;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 3px;
    text-indent: 150%;
    white-space: nowrap;
    background: url('../img/sprite.png') no-repeat -80px -120px;
    outline: 0;
}
.slideshow .slidesjs-pagination .active {
    background-position: -80px -130px;
}
.slideshow .slide-text a {
    color: inherit;
}
.slideshow .slide-text a:hover {
    text-decoration: underline;
    color: #E60005;
}
.slideshow .slidesjs-play,
.slideshow .slidesjs-stop {
    position: absolute;
    z-index: 1;
    bottom: 0;
    visibility: hidden;
}



#content-slides {
    height: auto;
}
#content-slides .slidesjs-container,
#content-slides .slidesjs-control {
    height: auto !important;
}
#content-slides .slide {
    position: static;
    height: auto;
}
#content-slides .slide-img {
    display: block;
    position: static;
}
#content-slides .slide-content {
    position: static;
    width: auto;
    margin: 20px 0 0 0;
    padding: 0;
    font-size: 12px;
    background: none;
}
#content-slides .slide-title {
    font-size: 16px;
    color: #333;
}
#content-slides .slidesjs-previous,
#content-slides .slidesjs-next {
    top: 220px;
    bottom: auto;
}
/*
#content-slides .slidesjs-previous {
    top: 125px;
    bottom: auto;
    left: 0;
    right: auto;
}
#content-slides .slidesjs-next {
    top: 115px;
    bottom: auto;
    right: 0;
}*/

.tx-wwcontentcycle-pi1 div.prev_next {
	margin-top: -400px !important;
}



/* === FOOTER === */
#footer {
    display: table;
    table-layout: fixed;
    width: 100%;
    clear: both;
    margin: 23px 0 0 0;
    padding: 23px 0;
    color: #DADADA;
    background: #5D5D5E;
}
.footer-col {
    display: table-cell;
    vertical-align: top;
}
.footer-nav {
    /*width: 18%;*/
}
.footer-nav + .footer-nav {
    /*width: 19%;*/
    border-left: 1px solid #BBB;
}
.footer-dzi {
    width: 180px;
    padding-left: 8px;
}
.footer-dzi .spendenrat-link {
    display: block;
    margin: 15px 0 40px 0;
}
.footer-newsletter {
    width: 250px;
}
.footer-nav .footer-col-content {
    padding: 5px 20px;
}
.footer-nav-head {
    margin: 0 0 15px 0;
    font-size: 14px;
    font-weight: bold;
    color: #CFCFCF;
}
.footer-nav-list {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
}
.footer-nav-list li {
    margin: 0 0 6px 0;
    padding: 0;
    line-height: 1.2;
}
.footer-nav a,
.footer-nav a:link,
.footer-nav a:visited {
    text-decoration: none;
    color: #DADADA;
}
.footer-nav a:hover {
    color: #FFF;
}
.footer-newsletter .footer-col-content {
    margin-right: 20px;
    padding: 15px 20px 20px 20px;
    color: #666;
    background: #E5E5E5;
    vertical-align: top;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.footer-form-head {
    margin: 0 0 10px 0;
    color: #5D5D5E;
}
.footer-form .field-row {
    margin: 10px 0 0 0;
}
.footer-form label {
    margin: 0 0 3px 0;
    padding: 0;
}
.footer-form input[type="text"] {
    padding: 5px 10px;
    border: 1px solid #D6D6D6;
    color: #666;
    background: #FFF;
}



/* === TABS === */
.js-tabs {
    position: relative;
    width: 554px;
    height: 275px;
    margin: 0 0 20px 12px;
    padding: 0 0 30px 0;
}
.homepage .js-tabs {
    width: 744px;
    height: 376px;
}
.js-tabs-nav {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 30px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.js-tabs-nav li {
    float: left;
    margin: 0;
    padding: 0;
}
.js-tabs-nav a {
    display: inline-block;
    height: 30px;
    margin: 0 2px 0 0;
    padding: 0 10px;
    line-height: 30px;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    color: #838383;
    background: #E4E4E4;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}
.js-tabs-nav .active {
    color: #FFF;
    background: #E60005;
}

.js-tabs .slideshow {
    margin: 0;
}



/* === FAKTEN & ZAHLEN === */
.facts-grid {
    margin: 0 12px 20px 12px;
}
.facts-grid-list {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    border-collapse: collapse;
    border-bottom: 5px solid #E60005;
    table-layout: fixed;
}
.facts-grid-item {
    display: table-cell;
    margin: 0;
    padding: 30px 15px;
    border: 1px solid #C6C6C6;
    border-bottom: 0;
}
.facts-grid-item p,
.facts-grid-item ul,
.facts-grid-item ol {
    margin: 10px 0 0 0;
}
.facts-grid-item p:first-child,
.facts-grid-item ul:first-child,
.facts-grid-item ol:first-child {
    margin-top: 0;
}



/* === NEWS-MODUL === */
.compact-news {
    position: relative;
    margin: 0 11px;
    padding: 20px 20px 50px 20px;
    border: 1px solid #C6C6C6;
}
.compact-news-feed {
    margin: 0;
    list-style-image: none;
}
.compact-news-main {
    float: left;
    width: 260px;
    position: relative;
    margin: 0 0 -30px 0;
    padding: 0;
    list-style: none;
}
.compact-news-title {
    margin: 10px 0;
    font-size: 14px;
}
.compact-news-time {
    display: none;
}
.compact-news-main img {
    display: block;
    width: 260px;
    height: 150px;
}
.compact-news-excerpt {
    margin: 10px 0;
}
.compact-news-main a {
    padding-right: 30px;
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

.compact-news-minor {
    float: right;
    width: 230px;
    margin: 0;
    padding: 0;
    line-height: 1.3;
    list-style: none;
    color: #4C4C4C;
}
.compact-news-minor.visible + .compact-news-minor {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px dashed #B2B2B2;
}
.compact-news-minor a {
    display: block;
    margin: 0 0 3px 0;
    color: #000;
}
.compact-news-minor a:hover,
.compact-news-minor a:focus {
    text-decoration: underline;
    color: #E60005;
}
.compact-news-next,
.compact-news-prev {
    position: absolute;
    bottom: 20px;
    right: 20px;
    overflow: hidden;
    width: 32px;
    height: 32px;
    text-indent: 150%;
    white-space: nowrap;
    background: url('../img/sprite.png') no-repeat -120px -160px;
    cursor: pointer;
}
.compact-news-next {
    background-position: -160px -160px;
}
.compact-news-next:hover {
    background-position: -240px -160px;
}
.compact-news-prev {
    right: 60px;
}
.compact-news-prev:hover {
    background-position: -200px -160px;
}
.compact-news-prev.inactive {
    opacity: 0.5;
    background-position: -120px -160px;
    cursor: default;
}
.compact-news-next.inactive {
    opacity: 0.5;
    background-position: -160px -160px;
    cursor: default;
}



/* === SPENDENBEISPIELE === */
.donation-summary {
    position: relative;
    margin: 0 2px;
}
.donation-list {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 10px;
}
.donation-list .donation-item {
    display: table-cell;
    padding: 10px 5px;
    background: #EAEAEA;
}
.donation-list p {
    min-height: 72px;
    margin: 0 0 10px 0;
    line-height: 1.2;
}
.donation-list .donation-sum {
    margin: 5px 0 10px 0;
    padding: 0;
    font-size: 50px;
    line-height: 1;
    color: #878787;
}
.donation-sum .small {
    margin-left: -5px;
    font-size: 12px;
    vertical-align: 26px;
    color: inherit;
}



/* === MAGNIFIC POPUP === */
.mfp-bg {
    position: fixed;
    z-index: 42;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
}
.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 43;
    position: fixed;
    outline: none !important;
}
.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }

.mfp-align-top .mfp-container:before {
    display: none;
}
.mfp-content {
    position: relative;
    z-index: 45;
    display: inline-block;
    margin: 0 auto;
    vertical-align: middle;
    text-align: left;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #cccccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 44;
}

.mfp-preloader a {
    color: #cccccc;
}

.mfp-preloader a:hover {
    color: white;
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    padding: 0;
    z-index: 46;
    -webkit-box-shadow: none;
    box-shadow: none;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    position: absolute;
    z-index: 46;
    right: -15px;
    top: -15px;
    overflow: hidden;
    width: 30px;
    height: 30px;
    border: 0;
    text-indent: 150%;
    white-space: nowrap;
    color: #FFF;
    background: url('../img/sprite.png') no-repeat -80px -160px;
    cursor: pointer;
}
.mfp-iframe-scaler .mfp-close {
    right: -18px;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #cccccc;
    font-size: 12px;
    line-height: 18px;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
}

.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
}

.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
}

.mfp-arrow-left {
    left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
    right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 30px;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

.mfp-iframe-scaler {
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    z-index: 45;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border: 3px solid #FFF;
    background: #FFF;
}
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}

.mfp-figure {
    line-height: 0;
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}


.mfp-ie7 .mfp-img {
    padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}
.mfp-ie7 .mfp-content {
    padding-top: 44px;
}




/* === STELLENBÖRSE - AUTOCOMPLETE === */
.input-suggest-wrap {
    position: relative;
}
.input-suggest-wrap.loading input {
    background: url('../img/ajax-loader-grey.gif') no-repeat 97% 50%;
}
.input-suggest-layer {
    display: none;
    overflow: auto;
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    width: 98%;
    max-height: 300px;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #FFF;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.3);
}
.input-suggest-layer .suggestion {
    margin: 0;
    padding: 5px 10px;
}
.input-suggest-layer .suggestion:hover {
    color: #000;
    background: #CCC;
    cursor: pointer;
}

.tx-drk-jobboard .job-zipcode,
.tx-drk-jobboard .job-city {
    float: left;
}
.tx-drk-jobboard .job-city {
    width: 238px;
    margin: 0 0 12px 12px;
}
.tx-drk-jobboard .fieldGroup .job-city label {
    display: none;
}
.tx-drk-jobboard .jobEditForm .fieldGroup .job-city input {
    float: none;
    width: 238px;
    margin: 0;
    background-color: #FFF;
}
.tx-drk-jobboard .jobEditForm .fieldGroup .job-city input:focus {
    border-color: #d6d6d6;
}



/* === ADVENTSTEASER === */
.advent-teaser {
    position: relative;
    width: 570px;
    height: 400px;
    margin: 0 auto;
    background: #FFF;
}
.advent-teaser-img {
    float: left;
}
.advent-teaser-content {
    overflow: hidden;
}
.advent-teaser-header {
    padding: 25px 20px;
    border-bottom: 1px solid #C6C6C6;
}
.advent-teaser-logo {
    display: block;
    width: 155px;
    height: auto;
}
.advent-teaser-text {
    padding: 20px;
}
.advent-teaser-text p {
    margin: 0 0 30px 0;
}
.advent-teaser-large {
    line-height: 26px;
    font-size: 20px;
    font-weight: bold;
}
.advent-teaser-red {
    color: #E60005;
}
.advent-teaser-cta,
.advent-teaser-cta:link {
    position: absolute;
    bottom: 20px;
    /*left: 270px;*/
    font-weight: bold;
}
.advent-teaser-cancel label {
    font-weight: normal;
    cursor: pointer;
}