/*******************************************************************************************************/
/*** default CSS File                                                                                ***/
/*******************************************************************************************************/

/*******************************************************************************************************/
/*** CSS By Klassen                                                                                  ***/
/*******************************************************************************************************/
html, body {
    margin: 0px;
    padding: 0px;
    background: -webkit-linear-gradient(white, #115D8F); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #115D8F); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #115D8F); /* For Firefox 3.6 to 15 */
    background: -ms-linear-gradient(white, #115D8F); /* For IE */
    background: linear-gradient(white, #115D8F); /* Standard syntax */
    background-attachment: fixed;
}

.HilfePopUpContentCellLeft {
}

.HilfePopUpContentCellRight {
    width: 66%;
}

.HilfeText {
    font-size: 12px;
    line-height: 15px;
    display: block;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #042d7f;
}

.HilfeButtonCell {
    text-align: center;
}

.ButtonDefaultLongHelper {
    border: 0px;
    width: 170px;
    height: 21px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-align: center;
    font-size: 11px;
    background-color: #A0C0EF;
    padding-top: 2px;
    cursor: pointer;
    z-index: 100;
    margin: 20px 0 0 0;
}

    .ButtonDefaultLongHelper:active {
        background-color: #A0C0EF;
    }

    .ButtonDefaultLongHelper:hover {
        background-color: #A0C0EF;
        color: #ffffff;
    }



.PageTitelTable {
}

.PageTitelRow {
}

.PageTitle {
    font-size: 16px;
    line-height: 24px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal;
    color: #042d7f;
    margin-bottom: 20px;
}

.UnitsTextBoxC1 {
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 15px;
    color: #042d7f;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 0px;
    padding-left: 0px;
}

.UnitsTextBoxC2 {
    text-align: left;
    width: 170px;
    min-width: 170px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 15px;
    color: #042d7f;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 0px;
    padding-left: 0px;
}

.UnitsTextBoxC3 {
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 15px;
    color: #042d7f;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 0px;
    padding-left: 5px;
}

.NotificationBar {
    width: 100%;
    background-color: yellow;
    position: absolute;
}

.NotificationBarCross {
    width: 5%;
    vertical-align: top;
}

.PageSection {
    border: 1px solid #e8e8e8;
    padding: 5px 0;
    text-align: center;
    font-size: 0.8em;
}

.TextBold {
    font-size: 12px;
    line-height: 15px;
    display: block;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #042d7f;
}

.Text {
    font-size: 12px;
    line-height: 15px;
    display: block;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #042d7f;
}

.TextLabel {
    font-size: 12px;
    line-height: 15px;
    display: block;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #042d7f;
}

.TextSmall {
    font-size: 10px;
    line-height: 15px;
    display: block;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #042d7f;
}

.TextNonBlock {
    font-size: 12px;
    line-height: 15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #042d7f;
}

.TextBox {
    width: 170px;
    background-color: #A0C0EF;
}

.TextBoxError {
    width: 170px;
    background-color: #A0C0EF;
}

.TextBoxDisabled {
    width: 170px;
    background-color: #e8e8e8;
}

.TextBoxLong {
    width: 170px;
    background-color: #A0C0EF;
}

.TextBoxLongError {
    width: 170px;
    background-color: #A0C0EF;
}

.TextBoxLongDisabled {
    width: 170px;
    background-color: #e8e8e8;
}

.TextBoxAlt {
    width: 170px;
    background-color: #A0C0EF;
}

.TextBoxAltError {
    width: 170px;
    background-color: #A0C0EF;
}

.TextBoxAltDisabled {
    width: 170px;
    background-color: #e8e8e8;
}

.DropDownList {
    width: 176px;
    background-color: #A0C0EF;
    color: black;
}

.DropDownListError {
    width: 176px;
    background-color: #A0C0EF;
    color: black;
}

.DropDownListDisabled {
    width: 176px;
    background-color: #e8e8e8;
    color: black;
}

.DropDownListLong {
    width: 176px;
    background-color: #A0C0EF;
    color: black;
}

.DropDownListLongError {
    width: 176px;
    background-color: #A0C0EF;
    color: black;
}

.DropDownListLongDisabled {
    width: 176px;
    background-color: #e8e8e8;
    color: black;
}

.ButtonDefault {
    border: 0px;
    width: 170px;
    height: 21px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-align: center;
    font-size: 11px;
    background-color: #A0C0EF;
    padding-top: 2px;
    cursor: pointer;
    z-index: 100;
    margin: 20px 0 0 0;
}

    .ButtonDefault:active {
        background-color: #A0C0EF;
    }

    .ButtonDefault:hover {
        background-color: #A0C0EF;
        color: #ffffff;
    }

.ButtonDefaultSmall {
    border: 0px;
    width: 21px;
    height: 21px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    font-size: 11px;
    background-color: #A0C0EF;
    padding-top: 2px;
    cursor: pointer;
    z-index: 100;
    margin: 0 0 0 0;
}

    .ButtonDefaultSmall:active {
        background-color: #A0C0EF;
    }

    .ButtonDefaultSmall:hover {
        background-color: #A0C0EF;
        color: #ffffff;
    }

.ButtonNormal {
    border: 0px;
    width: 170px;
    height: 21px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-align: center;
    font-size: 11px;
    background-color: #e8e8e8;
    padding-top: 2px;
    cursor: pointer;
    z-index: 100;
    margin: 20px 0 0 0;
}

    .ButtonNormal:active {
        background-color: #A0C0EF;
    }

    .ButtonNormal:hover {
        background-color: #A0C0EF;
        color: #ffffff;
    }

.ButtonNormalSmall {
    border: 0px;
    width: 100px;
    height: 21px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-align: center;
    font-size: 11px;
    background-color: #e8e8e8;
    padding-top: 2px;
    cursor: pointer;
    z-index: 100;
    margin: 20px 0 0 0;
}

    .ButtonNormalSmall:active {
        background-color: #A0C0EF;
    }

    .ButtonNormalSmall:hover {
        background-color: #A0C0EF;
        color: #ffffff;
    }

.ButtonDefaultCross {
    border: 0px;
    width: 21px;
    height: 21px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    font-size: 11px;
    background-color: #A0C0EF;
    padding-top: 2px;
    cursor: pointer;
    z-index: 100;
    margin: 0 0 0 0;
}

    .ButtonDefaultCross:active {
        background-color: #A0C0EF;
    }

    .ButtonDefaultCross:hover {
        background-color: #A0C0EF;
        color: #ffffff;
    }

.ButtonDefaultLong {
    border: 0px;
    width: 170px;
    height: 21px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-align: center;
    font-size: 11px;
    background-color: #A0C0EF;
    padding-top: 2px;
    cursor: pointer;
    z-index: 100;
    margin: 20px 0 0 0;
}

    .ButtonDefaultLong:active {
        background-color: #A0C0EF;
    }

    .ButtonDefaultLong:hover {
        background-color: #A0C0EF;
        color: #ffffff;
    }

.CollapsiblePanelExtender {
}

.CollapsiblePanelExtenderButton {
    text-align: left;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal;
    background-color: #A0C0EF;
    padding-left: 5px;
    padding-right: 5px;
}

    .CollapsiblePanelExtenderButton:hover {
        color: #ffffff;
    }

.CollapsiblePanelExtenderButtonTargetGrau {
    background-color: #e8e8e8;
    padding: 10px;
}

.CollapsiblePanelExtenderButtonText {
    font-size: 12px;
    line-height: 15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    display: block;
    color: #042d7f;
    vertical-align: middle;
}

.PanelBorderNormal {
    border: 1px solid #e8e8e8;
}

.PanelNormal {
    background-color: #e8e8e8;
    padding: 5px;
}

.PanelDefault {
    background-color: #e8e8e8;
}

.PanelPage {
    margin: 0 auto;
    background-color: white;
    -moz-box-shadow: 0 0 20px #888;
    -webkit-box-shadow: 0 0 20px #888;
    box-shadow: 0 0 20px #888;
}

.PanelLanguage {
    height: 30px;
    background-color: #042D7F;
}

.PanelMain {
    width: 600px;
    height: 100%;
    margin: 0 auto;
}

.PanelLeft {
    width: 200px;
    height: 100%;
    margin: 0 auto;
}

    .PanelLeft td {
        height: 55px;
        vertical-align: bottom;
    }

    .PanelLeft img {
        width: 150px;
        height: auto;
    }

.PanelRight {
    height: 100%;
    margin: 0 auto;
}

    .PanelRight td {
        vertical-align: bottom;
    }

.PanelRightSpacer {
}

    .PanelRightSpacer img {
        width: auto;
        height: 1px;
    }

.PanelHeader {
    margin: 0 auto;
}

.PanelFooter {
    height: 30px;
    margin: 0 auto;
}

.PanelHeaderCell {

}

.HrClass {
    border: 1px solid #e8e8e8;
}

.ModalPopup {
    max-width: 550px;
    width: calc(100vw - 50px); /* 100% von den Viewport minus 50px */
    width: -webkit-calc(100vw - 50px); /* 100% von den Viewport minus 50px */
    background-color: white;
    padding: 10px;
    margin: auto;
}

.ModalBackground {
    background-color: Black;
    filter: alpha(opacity=50);
    opacity: 0.5;
    background-attachment: scroll;
}

.ModalPopupTitle {
    background-color: #D9DADC;
    padding: 5px;
}

.ModalPopupContent {
    max-height: calc(100vh - 150px); /* 100% von den Viewport minus 150px */
    max-height: -webkit-calc(80vh - 150px); /* 100% von den Viewport minus 150px */
    overflow: auto;
    padding: 0px;
}

.UpdateProgressBackground {
    background-color: Black;
    filter: alpha(opacity=50);
    opacity: 0.5;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    cursor: wait;
    position: absolute;
}

.UpdateProgress {
    max-width: 90%;
    width: 550px;
    max-height: 90%;
    min-height: 80px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 5px;
    background-color: white;
    cursor: wait;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style: normal;
}

.UpdateProgressTitle {
    background-color: #D9DADC;
    padding: 5px;
    width: auto;
    height: auto;
}

.UpdateProgressContent {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.HyperLink {
    font-size: 12px;
    line-height: 15px;
    display: block;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #042d7f;
    margin-left: 10px;
}

    .HyperLink:active {
        color: #A0C0EF;
    }

    .HyperLink:hover {
        color: #A0C0EF;
    }

.ButtonLanguage {
    font-size: 12px;
    line-height: 15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: white;
}

.ButtonLanguageTableRow {
    width: 25px;
    text-align: center;
}

.RadioButtonOnWhite label, input[type="radio"] {
    font-size: 12px;
    line-height: 15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #042d7f;
    vertical-align: middle;
    margin-top: 0px;
    margin-bottom: 0px;
}

.RadioButtonOnColor2 label, input[type="radio"] {
    font-size: 12px;
    line-height: 15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #042d7f;
    vertical-align: middle;
    margin-top: 0px;
    margin-bottom: 0px;
}

.RadioButtonOnColor label, input[type="radio"] {
    font-size: 12px;
    line-height: 15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #042d7f;
    vertical-align: middle;
    margin-top: 0px;
    margin-bottom: 0px;
}

.TableCellData {
    width: 250px;
}

.TableFixed {
    display: table !important;
}

.TableRowFixed {
    display: table-row !important;
}

.TableCellFixed {
    display: table-cell !important;
}

.IframeContainer {
    position: relative;
    padding-bottom: calc(100vh - 125px); /* 141.42%; ratio 16x9 */
    height: 0;
    overflow: hidden;
    width: 100%;
    height: auto;
}

    .IframeContainer iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.uldash {
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
    text-indent: -0.9em;
}

.lidash:before {
    content: "-";
    padding-right: 5px;
}

.PhoneTextBoxC1 {
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 15px;
    color: #042d7f;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 0px;
    padding-left: 0px;
}

.PhoneTextBoxC2 {
    text-align: left;
    width: 170px;
    min-width: 170px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 15px;
    color: #042d7f;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 0px;
    padding-left: 0px;
}

.PhoneTextBoxC3 {
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 15px;
    color: #042d7f;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 0px;
    padding-left: 5px;
}

.MailTextBoxC1 {
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 15px;
    color: #042d7f;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 0px;
    padding-left: 0px;
}

.MailTextBoxC2 {
    text-align: left;
    width: 260px;
    min-width: 260px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 15px;
    color: #042d7f;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 0px;
    padding-left: 0px;
}

.MailTextBoxC3 {
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 15px;
    color: #042d7f;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 0px;
    padding-left: 5px;
}

.MailTextBox {
    width: 260px;
    background-color: #A0C0EF;
}

.MailTextBoxError {
    width: 260px;
    background-color: #A0C0EF;
}

.MailTextBoxDisabled {
    width: 260px;
    background-color: #e8e8e8;
}

.PswTextBoxC1 {
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 15px;
    color: #042d7f;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 0px;
    padding-left: 0px;
}

.PswTextBoxC2 {
    text-align: left;
    width: 170px;
    min-width: 170px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 15px;
    color: #042d7f;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 0px;
    padding-left: 0px;
}

.PswTextBoxC3 {
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 15px;
    color: #042d7f;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 0px;
    padding-left: 5px;
}

.PswTextBox {
    width: 170px;
    background-color: #A0C0EF;
}

.PswTextBoxError {
    width: 170px;
    background-color: #A0C0EF;
}

.PswTextBoxDisabled {
    width: 170px;
    background-color: #e8e8e8;
}

.ButtonIDP {
    border: 0px;
    width: 170px;
    height: 40px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #EB0000;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    font-size: 11px;
    cursor: pointer;
    z-index: 100;
    margin: 1em 0;
}

    .ButtonIDP:active {
        background-color: #A50101;
        color: #ffffff;
    }

    .ButtonIDP:hover {
        background-color: #A50101;
        color: #ffffff;
    }


.CheckBoxOnColor input[type="checkbox"] + label {
    font-size: 12px;
    line-height: 15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #042d7f;
    vertical-align: middle;
    margin-top: 0px;
    margin-bottom: 0px;
}

.CheckBoxOnColor input[type="checkbox"]:checked + label {
    font-size: 12px;
    line-height: 15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #042d7f;
    vertical-align: middle;
    margin-top: 0px;
    margin-bottom: 0px;
}

@media (max-width:375px) {
    .FooterButtons {
        display: block !important;
    }
}
/*******************************************************************************************************/
/*** CSS By IDs                                                                                      ***/
/*******************************************************************************************************/