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

/************************************************************************************
fonts
*************************************************************************************/
/* first for Internet Explorer < 9 */
@font-face {
    font-family: StradaWeb;
    src: url("../../Images/BPK/Kunde/StradaWeb/StradaWeb.eot");
}
/* then for WOFF-capable browsers */
@font-face {
    font-family: StradaWeb;
    src: url("../../Images/BPK/Kunde/StradaWeb/StradaWeb.woff") format("woff");
}

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

.PageTitle {
    font-family: StradaWeb, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    color: rgb(77, 77, 77);
}

.UnitsTextBoxC1 {
    width: 34px;
    min-width: 34px;
    text-align: center;
    color: rgb(77, 77, 77);
    font-family: StradaWeb, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    line-height: 18px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 0px;
    padding-left: 0px;
}

.UnitsTextBoxC2 {
    text-align: left;
    width: 170px;
    min-width: 170px;
    color: rgb(77, 77, 77);
    font-family: StradaWeb, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    line-height: 18px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 0px;
    padding-left: 0px;
}

.UnitsTextBoxC3 {
    text-align: left;
    color: rgb(77, 77, 77);
    font-family: StradaWeb, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    line-height: 18px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 0px;
    padding-left: 5px;
}

.TextBold {
    color: rgb(77, 77, 77);
    font-family: StradaWeb, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    line-height: 18px;
}

.Text {
    color: rgb(77, 77, 77);
    font-family: StradaWeb, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    line-height: 18px;
}

.HilfeText {
    color: rgb(77, 77, 77);
    font-family: StradaWeb, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    line-height: 18px;
}

.TextLabel {
    color: rgb(77, 77, 77);
    font-family: StradaWeb, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    line-height: 18px;
}

.TextSmall {
    color: rgb(77, 77, 77);
    font-family: StradaWeb, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    line-height: 18px;
}

.TextNonBlock {
    color: rgb(77, 77, 77);
    font-family: StradaWeb, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    line-height: 18px;
}

.TextBox {
    border-color: rgb(204, 204, 204);
    border-style: solid;
    border-width: 1px;
    background-color: rgb(255, 255, 255);
    box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
    padding: 6.53px;
    width: 150px;
}

    .TextBox:focus {
        box-shadow: 0px 0px 5px #999999;
    }

.TextBoxError {
    border-color: #FF0000;
    border-style: solid;
    border-width: 3px;
    background-color: rgb(255, 255, 255);
    box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
    padding: 6.53px;
    width: 150px;
}

    .TextBoxError:focus {
        box-shadow: 0px 0px 5px #999999;
    }

.TextBoxDisabled {
    border-color: rgb(204, 204, 204);
    border-style: solid;
    border-width: 1px;
    background-color: #e8e8e8;
    box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
    padding: 6.53px;
    width: 150px;
}

.TextBoxLong {
    border-color: rgb(204, 204, 204);
    border-style: solid;
    border-width: 1px;
    background-color: rgb(255, 255, 255);
    box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
    padding: 6.53px;
    width: 150px;
}

    .TextBoxLong:focus {
        box-shadow: 0px 0px 5px #999999;
    }

.TextBoxLongError {
    border-color: #FF0000;
    border-style: solid;
    border-width: 3px;
    background-color: rgb(255, 255, 255);
    box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
    padding: 6.53px;
    width: 150px;
}

    .TextBoxLongError:focus {
        box-shadow: 0px 0px 5px #999999;
    }

.TextBoxLongDisabled {
    border-color: rgb(204, 204, 204);
    border-style: solid;
    border-width: 1px;
    background-color: #e8e8e8;
    box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
    padding: 6.53px;
    width: 150px;
}

.TextBoxAlt {
    border-color: rgb(204, 204, 204);
    border-style: solid;
    border-width: 1px;
    background-color: rgb(255, 255, 255);
    box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
    padding: 6.53px;
    width: 150px;
}

    .TextBoxAlt:focus {
        box-shadow: 0px 0px 5px #999999;
    }

.TextBoxAltError {
    border-color: #FF0000;
    border-style: solid;
    border-width: 3px;
    background-color: rgb(255, 255, 255);
    box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
    padding: 6.53px;
    width: 150px;
}

    .TextBoxAltError:focus {
        box-shadow: 0px 0px 5px #999999;
    }

.TextBoxAltDisabled {
    border-color: rgb(204, 204, 204);
    border-style: solid;
    border-width: 1px;
    background-color: #e8e8e8;
    box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
    padding: 6.53px;
    width: 150px;
}

.DropDownList {
    border-color: rgb(204, 204, 204);
    border-style: solid;
    border-width: 1px;
    background-color: rgb(255, 255, 255);
    box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
    padding-bottom: 4.53px;
    padding-top: 4.53px;
    padding-left: 6.53px;
    padding-right: 6.53px;
    width: 165.06px;
}

    .DropDownList:focus {
        box-shadow: 0px 0px 5px #999999;
    }

.DropDownListError {
    border-color: #FF0000;
    border-style: solid;
    border-width: 3px;
    background-color: rgb(255, 255, 255);
    box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
    padding-bottom: 4.53px;
    padding-top: 4.53px;
    padding-left: 6.53px;
    padding-right: 6.53px;
    width: 165.06px;
}

    .DropDownListError:focus {
        box-shadow: 0px 0px 5px #999999;
    }

.DropDownListDisabled {
    border-color: rgb(204, 204, 204);
    border-style: solid;
    border-width: 1px;
    background-color: rgb(255, 255, 255);
    box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
    padding-bottom: 4.53px;
    padding-top: 4.53px;
    padding-left: 6.53px;
    padding-right: 6.53px;
    width: 165.06px;
}

.DropDownListLong {
    border-color: rgb(204, 204, 204);
    border-style: solid;
    border-width: 1px;
    background-color: rgb(255, 255, 255);
    box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
    padding-bottom: 4.53px;
    padding-top: 4.53px;
    padding-left: 6.53px;
    padding-right: 6.53px;
    width: 165.06px;
}

    .DropDownListLong:focus {
        box-shadow: 0px 0px 5px #999999;
    }

.DropDownListLongError {
    border-color: #FF0000;
    border-style: solid;
    border-width: 3px;
    background-color: rgb(255, 255, 255);
    box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
    padding-bottom: 4.53px;
    padding-top: 4.53px;
    padding-left: 6.53px;
    padding-right: 6.53px;
    width: 165.06px;
}

    .DropDownListLongError:focus {
        box-shadow: 0px 0px 5px #999999;
    }

.DropDownListLongDisabled {
    border-color: rgb(204, 204, 204);
    border-style: solid;
    border-width: 1px;
    background-color: rgb(255, 255, 255);
    box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
    padding-bottom: 4.53px;
    padding-top: 4.53px;
    padding-left: 6.53px;
    padding-right: 6.53px;
    width: 165.06px;
}

.ButtonDefault {
    background-attachment: fixed;
    background-color: #ECECEC;
    background: -ms-linear-gradient(#ECECEC, #D5D5D5) !important; /* For IE */
    background: -webkit-linear-gradient(#ECECEC, #D5D5D5) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ECECEC, #D5D5D5) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ECECEC, #D5D5D5) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ECECEC, #D5D5D5) !important; /* Standard syntax */
    border: 1px solid;
    box-sizing: border-box;
    color: rgb(34, 34, 34);
    cursor: pointer;
    direction: ltr;
    font-family: sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    line-height: normal;
    padding: 3px;
    text-shadow: none;
    vertical-align: baseline;
}

    .ButtonDefault:active {
        border: 1px solid;
        background-color: rgb(240, 240, 240);
        color: rgb(34, 34, 34);
    }

    .ButtonDefault:hover {
        border: 1px solid;
        background-attachment: fixed;
        background-color: #ECECEC;
        background: -ms-linear-gradient(#ECECEC, #D5D5D5) !important; /* For IE */
        background: -webkit-linear-gradient(#ECECEC, #D5D5D5) !important; /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#ECECEC, #D5D5D5) !important; /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#ECECEC, #D5D5D5) !important; /* For Firefox 3.6 to 15 */
        background: linear-gradient(#ECECEC, #D5D5D5) !important; /* Standard syntax */
        color: rgb(34, 34, 34);
    }

.ButtonDefaultMehrstufig {
    background: -ms-linear-gradient(#ECECEC, #D5D5D5); /* For IE */
    background: -webkit-linear-gradient(#ECECEC, #D5D5D5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ECECEC, #D5D5D5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ECECEC, #D5D5D5); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ECECEC, #D5D5D5); /* Standard syntax */
    border: 1px solid;
    box-sizing: border-box;
    color: rgb(34, 34, 34);
    cursor: pointer;
    direction: ltr;
    font-family: sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    line-height: normal;
    padding: 3px;
    text-shadow: none;
    vertical-align: baseline;
    z-index: 100;
    margin: 20px 0 0 0;
    width: 170px;
    text-decoration: none;
    text-align: center;
}

    .ButtonDefaultMehrstufig:active {
        border: 1px solid;
        background-color: rgb(240, 240, 240);
        color: rgb(34, 34, 34);
    }

    .ButtonDefaultMehrstufig:hover {
        border: 1px solid;
        background-color: rgb(240, 240, 240);
        color: rgb(34, 34, 34);
    }

    .ButtonDefaultMehrstufig:disabled {
        border: 1px solid;
        background-color: rgb(240, 240, 240);
        color: rgba(16, 16, 16, 0.3);
    }

    .ButtonDefaultMehrstufig:disabled:hover {
            cursor: not-allowed;
        }

.ButtonDefaultSmall {
    background: -ms-linear-gradient(#ECECEC, #D5D5D5); /* For IE */
    background: -webkit-linear-gradient(#ECECEC, #D5D5D5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ECECEC, #D5D5D5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ECECEC, #D5D5D5); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ECECEC, #D5D5D5); /* Standard syntax */
    border: 1px solid;
    box-sizing: border-box;
    color: rgb(34, 34, 34);
    cursor: pointer;
    direction: ltr;
    font-family: sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    line-height: normal;
    padding: 3px;
    text-shadow: none;
    vertical-align: baseline;
}

    .ButtonDefaultSmall:active {
        border: 1px solid;
        background-color: rgb(240, 240, 240);
        color: rgb(34, 34, 34);
    }

    .ButtonDefaultSmall:hover {
        border: 1px solid;
        background-color: rgb(240, 240, 240);
        color: rgb(34, 34, 34);
    }

.ButtonNormal {
    background: -ms-linear-gradient(#ECECEC, #D5D5D5); /* For IE */
    background: -webkit-linear-gradient(#ECECEC, #D5D5D5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ECECEC, #D5D5D5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ECECEC, #D5D5D5); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ECECEC, #D5D5D5); /* Standard syntax */
    border: 1px solid;
    box-sizing: border-box;
    color: rgb(34, 34, 34);
    cursor: pointer;
    direction: ltr;
    font-family: sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    line-height: normal;
    padding: 3px;
    text-shadow: none;
    vertical-align: baseline;
}

    .ButtonNormal:active {
        border: 1px solid;
        background-color: rgb(240, 240, 240);
        color: rgb(34, 34, 34);
    }

    .ButtonNormal:hover {
        border: 1px solid;
        background-color: rgb(240, 240, 240);
        color: rgb(34, 34, 34);
    }

.ButtonNormalSmall {
    background: -ms-linear-gradient(#ECECEC, #D5D5D5); /* For IE */
    background: -webkit-linear-gradient(#ECECEC, #D5D5D5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ECECEC, #D5D5D5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ECECEC, #D5D5D5); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ECECEC, #D5D5D5); /* Standard syntax */
    border: 1px solid;
    box-sizing: border-box;
    color: rgb(34, 34, 34);
    cursor: pointer;
    direction: ltr;
    font-family: sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    line-height: normal;
    padding: 3px;
    text-shadow: none;
    vertical-align: baseline;
}

    .ButtonNormalSmall:active {
        border: 1px solid;
        background-color: rgb(240, 240, 240);
        color: rgb(34, 34, 34);
    }

    .ButtonNormalSmall:hover {
        border: 1px solid;
        background-color: rgb(240, 240, 240);
        color: rgb(34, 34, 34);
    }

.ButtonDefaultCross {
    background: -ms-linear-gradient(#ECECEC, #D5D5D5); /* For IE */
    background: -webkit-linear-gradient(#ECECEC, #D5D5D5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ECECEC, #D5D5D5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ECECEC, #D5D5D5); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ECECEC, #D5D5D5); /* Standard syntax */
    border: 1px solid;
    box-sizing: border-box;
    color: rgb(34, 34, 34);
    cursor: pointer;
    direction: ltr;
    font-family: sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    line-height: normal;
    padding: 3px;
    text-shadow: none;
    vertical-align: baseline;
}

    .ButtonDefaultCross:active {
        border: 1px solid;
        background-color: rgb(240, 240, 240);
        color: rgb(34, 34, 34);
    }

    .ButtonDefaultCross:hover {
        border: 1px solid;
        background-color: rgb(240, 240, 240);
        color: rgb(34, 34, 34);
    }

.ButtonDefaultLong {
    background: -ms-linear-gradient(#ECECEC, #D5D5D5); /* For IE */
    background: -webkit-linear-gradient(#ECECEC, #D5D5D5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ECECEC, #D5D5D5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ECECEC, #D5D5D5); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ECECEC, #D5D5D5); /* Standard syntax */
    border: 1px solid;
    box-sizing: border-box;
    color: rgb(34, 34, 34);
    cursor: pointer;
    direction: ltr;
    font-family: sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    line-height: normal;
    padding: 3px;
    text-shadow: none;
    vertical-align: baseline;
}

    .ButtonDefaultLong:active {
        border: 1px solid;
        background-color: rgb(240, 240, 240);
        color: rgb(34, 34, 34);
    }

    .ButtonDefaultLong:hover {
        border: 1px solid;
        background-color: rgb(240, 240, 240);
        color: rgb(34, 34, 34);
    }

.ButtonDefaultLongHelper {
    background: -ms-linear-gradient(#ECECEC, #D5D5D5); /* For IE */
    background: -webkit-linear-gradient(#ECECEC, #D5D5D5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ECECEC, #D5D5D5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ECECEC, #D5D5D5); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ECECEC, #D5D5D5); /* Standard syntax */
    border: 1px solid;
    box-sizing: border-box;
    color: rgb(34, 34, 34);
    cursor: pointer;
    direction: ltr;
    font-family: sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    line-height: normal;
    padding: 3px;
    text-shadow: none;
    vertical-align: baseline;
}

    .ButtonDefaultLongHelper:active {
        border: 1px solid;
        background-color: rgb(240, 240, 240);
        color: rgb(34, 34, 34);
    }

    .ButtonDefaultLongHelper:hover {
        border: 1px solid;
        background-color: rgb(240, 240, 240);
        color: rgb(34, 34, 34);
    }

.CollapsiblePanelExtender {
    border: 1px solid #bababa;
    background-color: transparent;
    margin: 0px;
    padding-top: 5px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 5px;
}

.CollapsiblePanelExtenderButton {
    border: none;
    background-color: transparent;
    margin: 0px;
    padding: 0px;
}

    .CollapsiblePanelExtenderButton:hover {
    }

.CollapsiblePanelExtenderButtonTargetGrau {
    border: none;
    background-color: transparent;
    margin: 0px;
    padding: 5px;
}

.CollapsiblePanelExtenderButtonText {
    font-family: StradaWeb, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    display: block;
    color: rgb(94, 94, 94);
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
}

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

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


.RadioButtonOnWhite label, input[type="radio"] {
    color: rgb(77, 77, 77);
    font-family: StradaWeb, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    line-height: 18px;
    vertical-align: middle;
    margin-top: 0px;
    margin-bottom: 0px;
}

.RadioButtonOnColor2 label, input[type="radio"] {
    color: rgb(77, 77, 77);
    font-family: StradaWeb, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    line-height: 18px;
    vertical-align: middle;
    margin-top: 0px;
    margin-bottom: 0px;
}

.RadioButtonOnColor label, input[type="radio"] {
    color: rgb(77, 77, 77);
    font-family: StradaWeb, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    line-height: 18px;
    vertical-align: middle;
    margin-top: 0px;
    margin-bottom: 0px;
}

.IframeContainer {
    padding-bottom: calc(100vh - 250px); /* 141.42%; ratio 16x9 */
}

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

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

    .DatePicker {
        display: none;
    }

    .UnitsTextBoxC1 {
        width: auto !important;
        min-width: 0px !important;
    }

    .HilfePopUpContentCellRight {
        width: 99%;
    }
}

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

    .PanelRight {
        width: 200px;
    }
}

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