/* form styles */


html input[type="button"], input[type="reset"], input[type="submit"]
{
    font-family: 'HelveticaNeueLT-Std-Bd';
    height: 52px;
    margin: 30px auto 30px auto;
    line-height: 52px;
    padding: 0px 35px;
    display: inline-block;
    background-color: #e40428;
    border: 4px solid #e40428;
    color: #fff;
    border-radius: 4px;
}

html input[type="button"]:disabled, input[type="reset"]:disabled, input[type="submit"]:disabled
{

    background-color: #666666;
    border: 4px solid #666666;
    color: #dddddd;

}

html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover
{
    background-color: #fff;
    color: #1e1c1f;
}

input[type="file"].powermail_file
{
    font-size: 20px;font-size: 1.111rem;
    cursor: pointer;
}

.file-lable
{
    position: relative;
    z-index: 2;
    float: left;
    margin-top: 0;
    font-family: 'HelveticaNeueLT-Std-Bd';
    border: 2px solid #1e1c1f;
}


.file-input-container input[type=file]
{
    /*
    position: absolute;
    top: 15px;
    left: -120px;
    margin: 0;
    padding: 0;
    font-size: 20px;font-size: 1.111rem;
    cursor: pointer;
    */
}

.file-input-container
{
    /*
    position: relative;
    float: left;
    */
}


/* END FORM styles*/


.input-group-addon
{
    font-family: 'HelveticaNeueLT-Std-Bd';
    border-radius: 0;
    background-color: #000;
}


/* FE LOGIN */

.tx-felogin-pi1 h3
{
    font-size: 19px;font-size: 1.056rem;
    margin-top: 0;
}

label.control-label, .social-list .control-label, .share-social .control-label
{
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.form-group
{
    position: relative;
}

.form-group .control-label
{
    text-indent: -9999px;
    padding: 0;
    height: 0;
    margin: 0;
}


.form-group .btn-submit
{
    margin: 0;
    margin-bottom: 30px;
}

.form-group .pw-reset
{
    padding-left: 20px;
    text-align: right;
    text-decoration: underline;
}

.form-group .form-control
{
    color: #1e1c1f;font-family: 'HelveticaNeueLT-Std-Bd';
}

.form-group .form-control.field_error
{
    color: #1e1c1f;
    border-color: #e40428;
}

.form-item
{
    position: relative;
}

.error-list
{
    margin-bottom: 0;
    text-align: left;
    padding-left: 0;
}

.error-message.error_hidden
{
    display: none;
    visibility: hidden;
}

.error-message.error_hidden.error_visible
{
    display: block;
    visibility: visible;
}

.form-group .form-control::-webkit-input-placeholder
{
    font-family: 'HelveticaNeueLT-Std-Bd';
    color: #1e1c1f;
}
.form-group .form-control:-moz-placeholder
{
    font-family: 'HelveticaNeueLT-Std-Bd';
    color: #1e1c1f;
}
.form-group .form-control::-moz-placeholder
{
    font-family: 'HelveticaNeueLT-Std-Bd';
    color: #1e1c1f;
}
.form-group .form-control:-ms-input-placeholder
{
    font-family: 'HelveticaNeueLT-Std-Bd';
    color: #1e1c1f;
}
.alert-danger
{
    border-radius: 0;
}

.alert-danger .warning-icon
{
    width: 10%;
    height: 50px;
    display: table-cell;
}

.alert-danger .warning-text
{
    margin-left: 10%;
    display: table-cell;
}

.alert-danger .warning-text p strong
{
    color: #e40428;
}

.login-info
{
    margin-bottom: 15px;
}

.loggedin-info
{
    margin-bottom: 15px;
}

/* END FE LOGIN */








/* input fields allgemein */


input[type=text],input[type=password],input[type=number],
input[type=email],
input.powermail_date,
select
{
    width: 100%;
    height: 52px;
    border: 2px solid #1E1C1F;
    margin-bottom: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0px;
    color: #1E1C1F;
    font-family: 'HelveticaNeueLT-Std-Bd';
    font-size: 17px;font-size: 0.9444rem;
    padding: 5px 38px 1px 38px;
}

textarea,
textarea.form-control {
    width: 100%;
    height: 104px;
    padding: 13px 38px 1px 38px;
    border: 2px solid #1E1C1F;
    margin-bottom: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0px;
    color: #1E1C1F;
    font-family: 'HelveticaNeueLT-Std-Bd';
    font-size: 17px;font-size: 0.9444rem;
}

select:hover
{
    cursor: pointer;
}

select::-ms-expand {
    display: none;
}

select.dioceseselect
{

    background-color: #fff;
    color: #1e1c1f;
    border: none;
    height: 58px;
    margin: 0;
}

.select-icon
{
    position: absolute;
    right: 35px;
    top: 18px;
    line-height: 16px;
    font-size: 20px;
    z-index: 10;
    pointer-events: none;
}

.input-select-container
{
    margin-bottom: 0px;
}

textarea.form-control
{
    height: initial;
    padding: 10px 38px 1px 38px;
}


input:focus,
textarea:focus,
select:focus
{
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    outline: 0 none;
}

.input-text-container
{
    margin-bottom: 10px;
}

.tx-powermail legend {
    width: 100%;
    padding-right: 0;
}

.tx-powermail legend:after {
    content: ' ';
    display: block;
    border-bottom: 1px solid #1e1c1f;
    width: 100%;
    margin: -11px 0 0 0;
    position: relative;
    background-color: transparent;
    z-index: 1;
}

.powermail_legend_text {
    background-color: #fff;
    z-index: 2;
    position: relative;
    padding-right: 10px;
    word-break: break-word;
}

.tx-powermail .col-radio {
    width: 44px;
    position: absolute;
    min-height: 1px;
    float: left;
    display: inline-block;
}

.tx-powermail .col-radio-label {
    width: 100%;
    position: relative;
    min-height: 1px;
    float: left;
    display: inline-block;
    padding-left: 44px;
    word-break: break-word;
}

legend
{
    font-size: 21px;
    font-size: 1.16rem;
}

.form-control
{
    height: 52px;
}

input[type=file].error+.bootstrap-filestyle label.btn-default,
input[type=file].error+.bootstrap-filestyle input.form-control
{
    border-color:#e40429;
}


.bootstrap-filestyle
{
    display: table;
    width: 100%;
}

.bootstrap-filestyle .group-span-filestyle
{
    padding: 0;
    width: 218px;
    min-width: 218px;
    display: table-cell;
    float: none;
}

.bootstrap-filestyle .group-span-filestyle label
{
    width:100%;
}

.bootstrap-filestyle .buttonText
{
    padding: 0 5px;
    height: 44px;
    float: none;

}


.bootstrap-filestyle .icon-span-filestyle
{
    display: block;
    height: 44px;
    line-height: 44px;
    float: left;
    padding: 0 5px;
}

.bootstrap-filestyle label.btn-default
{
    margin: 0;
    border-color: #000;
    background-color: #000;
    padding: 0 20px;
    min-width: 218px;
}

.bootstrap-filestyle label.btn-default:hover
{
    border-color: #000;
    background-color: #fff;
}

.bootstrap-filestyle .btn .badge
{
    background-color: transparent;
    color: #fff;
}



.bootstrap-filestyle input.form-control
{

    display: table-cell;
    padding: 3px 25px 0 10px;
    font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    margin-left: -2px;
    float: none;

}

.multifileupload
{
    margin-bottom: 20px;
    position: relative;
}

.multifileupload span.remove
{
    display: table-cell;
    font-size: 30px;
    position: absolute;
    right: 10px;
    top: 10px;
    height: 32px;
    z-index: 10;
    cursor: pointer;
}

.btn-additional
{
    font-size: 30px;
    padding: 0 15px;
}

.upload-description:after
{
    content: " ";
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}

.upload-description p.multifileupload
{
    width: 87%;
    float: right;
}

.upload-description .btn-additional
{
    float: left;
}

/* input fields END*/



/* language select --------------------- */

#lang-select
{
    position: absolute;
    right: 21px;
    top: 15px;
    z-index: 1000;
}

#lang-select .langselect-list
{
    padding-top: 8px;
}

#lang-select li
{
    display: inline-block;
    padding: 2px 10px 0 10px;
    font-family: 'HelveticaNeueLT-Std-Med';
    font-size: 14px;font-size: 0.7778rem;
}
.langselect-active{
    font-weight: bold;
}

#lang-select li.first
{
    border-right: 2px solid #1e1c1f;
    height: 15px;
    line-height: 15px;line-height: 0.8333rem;
}


/* END language select */



/* FORMULAR STYLES:*/


input[type='radio'] + label .input-radio {
    background-color: #B9B9B9;
}

input[type='radio'] + label .input-radio {
    position: relative;
    display: inline-block;
    width: 23px;
    height: 23px;
    margin: -1px 21px 0 0;
    vertical-align: middle;
    cursor: pointer;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

input[type='radio'] + label {
    margin-bottom: 12px;
    cursor: pointer;
}

input[type='radio'] + label .input-radio {
    position: relative;
    display: inline-block;
    width: 23px;
    height: 23px;
    margin: -1px 21px 0 0;
    vertical-align:middle;
    cursor:pointer;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

input[type='radio'] + label .input-radio span {
    position: absolute;
    top: 7px;
    left: 7px;
    height: 9px;
    width: 9px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #1E1C1F;
    display: none;
}

input[type='radio'] + label .input-radio {
    background-color: #B9B9B9;
}

input[type='radio']:checked + label .input-radio span {
    display: block;
}

input[type='radio'].input-checked + label .input-radio span {
    display: block !important;
}

label.checkbox .input-check {
    float: left;
    width: 27px;
    height: 24px;
    background: #e40428;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0 26px 0 0;
    outline: none;
    display: block;
    padding: 0;
}

label.checkbox span:hover
{
    cursor: pointer;
}

label.checkbox :checked + .input-check {
    background: #e40428 url("/fileadmin/templates/caritas_root/01_global/theme/img/gfx/input-check.png") center center no-repeat;
}

label.checkbox.input-checked .input-check {
    background: #e40428 url("/fileadmin/templates/caritas_root/01_global/theme/img/gfx/input-check.png") center center no-repeat !important;
}

label.checkbox input[type='checkbox'],
input[type='radio'] {
    display: block;
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

input[type='radio']:focus + label .input-radio
{
    outline: none;
    color: #333;
    -webkit-box-shadow: inset 0px 0px 6px 0px rgba(228,4,40,1);
    -moz-box-shadow: inset 0px 0px 6px 0px rgba(228,4,40,1);
    -o-box-shadow: inset 0px 0px 6px 0px rgba(228,4,40,1);
    box-shadow: inset 0px 0px 6px 0px rgba(228,4,40,1);
}

label.checkbox input[type='checkbox']:focus + .input-check
{
    outline: none;
    color: #333;
    -webkit-box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,1);
    -moz-box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,1);
    -o-box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,1);
    box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,1);
}


label.checkbox > span
{
    padding-left: 53px;
    display: block;
}

.powermail_all
{
    padding-bottom: 30px;
}

.powermail_all .powermail_all_label
{
    padding-right: 10px;
}
.powermail_all .powermail_all_label .icon
{
    padding-right: 20px;
}

.powermail_all .powermail_all_value
{
    font-family: 'HelveticaNeueLT-Std-Bd';
}

.input-submit-container .input-info
{
    padding: 0 38px;
}



input[type=text]::-webkit-input-placeholder {
    color: #767676;
}

input[type=text]:-moz-placeholder {
    color: #767676;
}

input[type=text]::-moz-placeholder {
    color: #767676;
}

input[type=text]:-ms-input-placeholder {
    color: #767676;
}

input.form-control[type=text]::-webkit-input-placeholder {
    color: #767676;
}

input.form-control[type=text]:-moz-placeholder {
    color: #767676;
}

input.form-control[type=text]::-moz-placeholder {
    color: #767676;
}

input.form-control[type=text]:-ms-input-placeholder {
    color: #767676;
}

textarea::-webkit-input-placeholder {
    color: #767676;
}

textarea:-moz-placeholder {
    color: #767676;
}

textarea::-moz-placeholder {
    color: #767676;
}

textarea:-ms-input-placeholder {
    color: #767676;
}

.tx-powermail textarea.form-control::-webkit-input-placeholder
{
    color: #767676;
}

.tx-powermail textarea.form-control:-moz-placeholder {
    color: #767676;
}

.tx-powermail textarea.form-control::-moz-placeholder {
    color: #767676;
}

.tx-powermail textarea.form-control:-ms-input-placeholder {
    color: #767676;
}

.tx-powermail textarea.form-control {
    padding-top: 15px;
}
.tx-powermail .powermail_radio_outer,
.tx-powermail .powermail_check_outer {
    position: relative;
}
.tx-powermail .powermail_radio_outer ul.error.alert.alert-danger.filled,
.tx-powermail .powermail_check_outer ul.error.alert.alert-danger.filled{
    left: 0;
    right: auto;
}

.tx-powermail ul.error.alert.alert-danger {
    display: none;
}

.tx-powermail ul.error.alert.alert-danger.filled {
    display: block;
    position: absolute;
    top: -38px;
    right: 0;
    color: #fff;
    font-size: 18px;
    font-size: 1rem;
    background: #E40429;
    padding: 10px 40px !important;
    text-align: left;
    width: auto;
    min-width: 220px;
    height: auto;
    z-index: 10;
    font-family: 'HelveticaNeueLT-Std-Bd';
    font-size: 17px;
    font-size: 0.76rem!important;
    padding: 10px 10px 5px 10px !important;
    list-style: none;
}

@media (min-width: 760px) {
    .tx-powermail ul.error.alert.alert-danger.filled {
        top: -49px;
        padding: 10px 15px 5px 15px !important;
        font-size: 17px;
        font-size: 0.9444rem !important;
    }
}

.tx-powermail ul.error.alert.alert-danger.filled:after {
    content: '';
    position: absolute;
    top: 100%;
    right: 18px;
    width: 0;
    height: 0;
    border-top: 8px solid #E40429;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}

.tx-powermail .powermail_check_outer {
    position: relative;
}


.error input[type=text],
.error select,
.error textarea
{
    border: 2px solid #E40429;
}

.form-block
{
    padding-bottom: 20px;
}

/* feature formhandler helfen */

.timetable-help-container
{
    margin-bottom: 30px;
}

.timetable-label
{
    padding: 8px 20px;
    margin-bottom: 0;
    background-color: #000;
    border-right: 1px solid #fff;
    color: #fff;
}
.timetable-label .icon
{
    margin-right: 5px;
}

.timetable-help-container .timetable-help-row
{
    margin:0!important;
    padding-bottom: 20px;
}
.timetable-help-row table
{
    width: 100%;
}



.timetable-help-row .timetable-help-entry
{
    background-color: #e7e7e7;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
}

.timetable-help-entry-content
{
    padding: 10px 0;
}

.timetable-help-entry-content .no-helpers-needed
{
    height: 50px;
    margin: 0;
    text-align: center;
}

.timetable-help-entry-content .help-container
{
    cursor: help;
}
.timetable-help-entry-content .timetable-description
{
    padding-bottom: 10px;
}

.timetable-help-entry-content .icon
{
    position: absolute;
}

.timetable-help-entry-content .after-icon
{
    padding-left: 25px;
    display: inline-block;
}
.timetable-help-row .timetable-help-entry table thead td
{
    font-size: 20px;
    font-size: 1.111rem;
    line-height: 22px;
    line-height: 1.222rem;
    padding: 5px;
    border-bottom: 1px solid #fff;
}

.timetable-help-row .timetable-help-entry label.checkbox
{

    margin: 0;
    font-family: 'HelveticaNeueLT-Std-Bd';
    background-color: #000;
    border: 4px solid #000;
    color: #fff;
    text-align: center;
}

.timetable-help-row .timetable-help-entry label.checkbox:hover
{
    color: #000;
    background-color: #fff;
    border: 4px solid #000;
    cursor: pointer;
}



.timetable-help-row .timetable-help-entry label.checkbox:hover .icon-checkmark
{
    display: block;
    color: #000;
}


.timetable-help-row .timetable-help-entry label.disabled-checkbox
{
    display: none;
    padding: 5px;
    margin:0;
    background-color: #e7e7e7;
}

.timetable-help-row .timetable-help-entry-content label.checkbox .input-check
{
    display: none;
}

.timetable-help-row .timetable-help-entry-content label.checkbox.input-checked .input-check
{
    display: inline-block;.timetable-help-row .timetable-help-entry
    background-color: transparent;
    position: absolute;
    right: 10px;
    width: 20px;
}

.timetable-help-row .timetable-help-entry-content label.checkbox .checkbox-label .label-selected
{
    display: none;
}

.timetable-help-row .timetable-help-entry-content label.checkbox.input-checked .checkbox-label .label-normal
{
    display: block;
}

.timetable-help-row .timetable-help-entry-content label.checkbox.input-checked .checkbox-label .label-normal
{
    display: none;
}

.timetable-help-row .timetable-help-entry-content label.checkbox.input-checked .checkbox-label .label-selected
{
    display: block;
}

#timetable-help-container label.checkbox.input-checked,
#timetable-help-container label.checkbox.input-checked .input-check
{
    background: #e40428!important;
    border-color: #e40428;
}

#timetable-help-container label.checkbox.input-checked:hover,
#timetable-help-container label.checkbox.input-checked:hover .icon
{
    background-color: #fff!important;
    color:#000;
}

#timetable-help-container label.checkbox:hover .input-check
{
    background-color: #fff!important;
}

.timetable-help-row .timetable-help-entry label.checkbox .icon-checkmark
{
    display: none;
}

.timetable-help-row .timetable-help-entry label.checkbox.input-checked .icon-checkmark
{
    display: block;
}




.timetable-help-row .timetable-help-entry label.checkbox span
{
    padding-left: 0;
    margin-right: 0;
    display: inline-block;
    float: none;
    height: 42px;
    line-height: 42px;
    vertical-align: bottom;
}

.timetable-help-row .timetable-help-entry label.checkbox span.checkbox-label
{
    margin-top: 3px;
    height: 39px;
    line-height: 39px;
    width: 90%;
}

.timetable-help-row .timetable-help-entry label.checkbox.input-checked span.checkbox-label
{
    text-align: left;
}

.timetable-help-row .timetable-help-entry table tbody td label.checkbox.input-checked .input-check {
    background-color: #4d7e07!important;
    color: #fff;
    box-shadow:none;
}
.timetable-help-row .timetable-help-entry table tbody td label.checkbox.disabled-checkbox .input-check,
.timetable-help-row .timetable-help-entry table tbody td label.checkbox.disabled-checkbox.input-checked .input-check
{
    display: none;
}

.timetable-help-row .timetable-help-entry table tbody td label.checkbox.disabled-checkbox,
.timetable-help-row .timetable-help-entry table tbody td label.checkbox.disabled-checkbox
{
    cursor: not-allowed;
}



.timetable-help-row .timetable-help-entry table thead .icon
{
    font-size: 18px;
    margin-right: 5px;
}

.timetable-help-row .timetable-help-entry:last-child table
{

}

.error-message.error-message-formhandler
{
    position: relative!important;
    bottom: 10px!important;
    right: 0!important;
    width: 100%;
    display: block;
    padding: 5px 20px!important;
}

.form-ausbildung-container .error-message
{
    position: absolute;
    top:20px;
    bottom: inherit;
}

.form-why-container .error-message
{
    position: absolute;
    top:-25px;
    bottom: inherit;
}

.toBottomContainer {
    padding-left: 59px;
}

.go-to {
    margin-top: 12px;
    color: #000;
    font-size: 15px;
    display: none;
    position: fixed;
    bottom: 150px;
    right: 30px;
    padding-top: 1px;
    text-align: center;
    opacity: 0.9;
    filter: alpha(opacity=90);
    cursor: pointer;
    z-index: 1100;
}

.message-header
{
    display: none;
}

.typo3-message.message-ok
{
    position: relative!important;
    bottom: 5px!important;
    right: 0!important;
    width: 100%;
    display: block;
    padding: 5px 20px!important;
    text-align: center;
    min-width: 220px;
    height: auto;
    z-index: 10;
    font-family: 'HelveticaNeueLT-Std-Bd';
    font-size: 17px;
    font-size: 0.9444rem !important;
    font-weight: bold;
}
.typo3-message.message-information
{
    position: relative!important;
    bottom: 5px!important;
    right: 0!important;
    width: 100%;
    display: block;
    padding: 5px 20px!important;
    text-align: center;
    min-width: 220px;
    height: auto;
    z-index: 10;
    font-family: 'HelveticaNeueLT-Std-Bd';
    font-size: 17px;
    font-size: 0.9444rem !important;
}

.typo3-message.message-error
{
    position: relative!important;
    bottom: 5px!important;
    right: 0!important;
    width: 100%;
    display: block;
    padding: 5px 20px!important;
    color: #fff;
    background: #E40429;
    text-align: center;
    min-width: 220px;
    height: auto;
    z-index: 10;
    font-family: 'HelveticaNeueLT-Std-Bd';
    font-size: 17px;
    font-size: 0.9444rem !important;
}

.typo3-message.message-error:after
{
    content: '';
    position: absolute;
    top: 100%;
    left: 10px;
    width: 0;
    height: 0;
    border-top: 8px solid #E40429;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}


/* Kontakt form styles */

#contact-form .btn-primary
{
    border: 4px solid #000;
    font-family: 'HelveticaNeueLT-Std-Bd';
    background-color: #000;
    color:#fff;
    padding: 10px 15px 6px 15px;
}


#contact-form .btn-primary:hover
{
    border-color:#000;
    background-color: #fff;
    color:#000;
}

#contact-form .btn-primary.active
{
    border-color: #e40428;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#contact-form .btn-primary.active:hover
{
    background-color: #fff;
    color: #000;
}