/*******************************************************************************************************/
/*** CSS File für PFS Version                                                                ***/
/*******************************************************************************************************/

@import url(https://fonts.googleapis.com/css?family=Raleway);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

/*******************************************************************************************************/
/*** CSS By Klassen                                                                                  ***/
/*******************************************************************************************************/

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

.PageTitle {
    font-size: 16px;
    line-height: 24px;
    font-family: "Raleway",sans-serif;
    color: black;
}

.UnitsTextBoxC1 {
}

.UnitsTextBoxC2 {
}

.UnitsTextBoxC3 {
    color: black;
}

.PageSection {
    border: 1px solid #a49e9c;
}

.TextBold {
    font-size: 13px;
    font-family: "Raleway","Open Sans",Arial,sans-serif;
    color: black;
}

.Text {
    font-size: 13px;
    display: block;
    font-family: "Raleway","Open Sans",Arial,sans-serif;
    color: black;
}

.HilfeText {
    font-size: 13px;
    display: block;
    font-family: "Raleway","Open Sans",Arial,sans-serif;
    color: black;
}

.TextLabel {
    font-size: 13px;
    display: block;
    font-family: "Raleway","Open Sans",Arial,sans-serif;
    color: black;
}

.TextSmall {
    font-family: "Raleway","Open Sans",Arial,sans-serif;
    color: black;
}

.TextNonBlock {
    font-size: 13px;
    font-family: "Raleway","Open Sans",Arial,sans-serif;
    color: black;
}

.TextBox {
    background-color: #84bde3;
}

.TextBoxError {
    background-color: #84bde3;
}

.TextBoxDisabled {
    background-color: #a49e9c;
}

.TextBoxLong {
    background-color: #84bde3;
}

.TextBoxLongError {
    background-color: #84bde3;
}

.TextBoxLongDisabled {
    background-color: #a49e9c;
}

.TextBoxAlt {
    background-color: #84bde3;
}

.TextBoxAltError {
    background-color: #84bde3;
}

.TextBoxAltDisabled {
    background-color: #a49e9c;
}

.DropDownList {
    background-color: #84bde3;
}

.DropDownListError {
    background-color: #84bde3;
}

.DropDownListDisabled {
    background-color: #a49e9c;
}

.DropDownListLong {
    background-color: #84bde3;
}

.DropDownListLongError {
    background-color: #84bde3;
}

.DropDownListLongDisabled {
    background-color: #a49e9c;
}

.ButtonDefault {
    font-family: "Raleway","Open Sans",Arial,sans-serif;
    background-color: #a82036;
    color: white;
}

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

    .ButtonDefault:hover {
        background-color: #a82036;
        color: black;
    }

.ButtonDefaultSmall {
    font-family: "Raleway","Open Sans",Arial,sans-serif;
    background-color: #a82036;
}

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

    .ButtonDefaultSmall:hover {
        background-color: #a82036;
        color: black;
    }

.ButtonNormal {
    font-family: "Raleway","Open Sans",Arial,sans-serif;
    background-color: #a49e9c;
}

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

    .ButtonNormal:hover {
        background-color: #a82036;
        color: black;
    }

.ButtonNormalSmall {
    font-family: "Raleway","Open Sans",Arial,sans-serif;
    font-size: 11px;
    background-color: #a49e9c;
    color: black;
}

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

    .ButtonNormalSmall:hover {
        background-color: #a82036;
        color: black;
    }

.ButtonDefaultCross {
    font-family: "Raleway","Open Sans",Arial,sans-serif;
    background-color: #a82036;
}

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

    .ButtonDefaultCross:hover {
        background-color: #a82036;
        color: black;
    }

.ButtonDefaultLong {
    font-family: "Raleway","Open Sans",Arial,sans-serif;
    background-color: #a82036;
    color: white;
}

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

    .ButtonDefaultLong:hover {
        background-color: #a82036;
        color: black;
    }

.ButtonDefaultLongHelper {
    font-family: "Raleway","Open Sans",Arial,sans-serif;
    background-color: #a82036;
    color: white;
}

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

    .ButtonDefaultLongHelper:hover {
        background-color: #a82036;
        color: black;
    }


.CollapsiblePanelExtenderButton {
    font-size: 13px;
    font-family: "Raleway","Open Sans",Arial,sans-serif;
    background-color: #807874;
}

    .CollapsiblePanelExtenderButton:hover {
        color: black;
    }

.CollapsiblePanelExtenderButtonTargetGrau {
    background-color: #e8e8e8;
}

.CollapsiblePanelExtenderButtonText {
    font-size: 13px;
    line-height: 15px;
    display: block;
    font-family: "Raleway","Open Sans",Arial,sans-serif;
    color: white;
}

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

.PanelNormal {
    background-color: #a49e9c;
}

.PanelDefault {
    background-color: #a49e9c;
}

.PanelLanguage {
    background-color: #a82036;
}

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

.ModalPopup {
    background-color: #e8e8e8;
}

.ModalPopupTitle {
    background-color: #807874;
}

.UpdateProgress {
    font-size: 13px;
    font-family: "Raleway","Open Sans",Arial,sans-serif;
}

.UpdateProgressTitle {
    background-color: #807874;
}

.HyperLink {
    font-size: 13px;
    font-family: "Raleway","Open Sans",Arial,sans-serif;
    color: #AAAAAA;
}

    .HyperLink:active {
        color: #FF5656;
    }

    .HyperLink:hover {
        color: #FF5656;
    }

.ButtonLanguage {
    font-size: 13px;
    font-family: "Raleway","Open Sans",Arial,sans-serif;
    font-weight: bold;
    color: white;
}

.RadioButtonOnWhite label, input[type="radio"] {
    font-size: 13px;
    font-family: "Raleway","Open Sans",Arial,sans-serif;
    color: black;
}

.RadioButtonOnColor2 label, input[type="radio"] {
    font-size: 13px;
    font-family: "Raleway","Open Sans",Arial,sans-serif;
    color: black;
}

.RadioButtonOnColor label, input[type="radio"] {
    font-size: 13px;
    font-family: "Raleway","Open Sans",Arial,sans-serif;
    color: white;
}

@media (max-width:785px) {
    .PanelMain {
        width: auto;
        height: 100%;
        margin: 0 auto;
    }

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

    table, thead, tbody, th, td, tr {
        display: block;
    }

    .DatePicker {
        display: none;
    }

    .HilfePopUpContentCellRight {
        width: 99%;
    }
}

@media (min-width:785px) {
    .UnitsTextBoxC1 {
        min-width: 25px;
        width: 25px;
    }

    .PanelRight {
        width: 200px;
    }
}

/*******************************************************************************************************/
/*** CSS By IDs                                                                                      ***/
/*******************************************************************************************************/