﻿.Goldbackground {
    background-color: #DC9E2F;
}

.Goldbackground .arrow_startbox:after {
    background-image: url("../../images/arrow_right_25.png");
    background-repeat: no-repeat;
    margin-top: -24px !important;
    margin-left: 252px !important;
}

.DarkGrey {
    background-color: #414042;
}

.DarkGrey .counter_span {
    color: #414042;
}

.labDashboardBox{
    color: #fff;
    font-size: 13px;
    font-family: Arial;
}

.labDashboardBoxDark{
    color: #414042;
    font-size: 13px;
    font-family: Arial;
}

.labDashboardBoxHeadline{
    color: #fff;
    font-size: 16px;
    font-family: Arial;
    font-weight:400;
}

.labDashboardBoxHeadlineDark{
    color: #414042;
    font-size: 16px;
    font-family: Arial;
    font-weight:400;
}

.textWhiteStartBox {
    color: #fff;
}

    .textWhiteStartBox h2 {
        color: #fff;
        line-height: 16px;
    }

    .textWhiteStartBox div {
        color: #fff;
    }

    .textWhiteStartBox .arrow_startbox:after {
        background-image: url("../../images/arrow_right_25.png");
        background-repeat: no-repeat;
        margin-top: -28px !important;
        margin-left: 243px !important;
    }

    .textWhiteStartBox .arrow_startbox:hover:after {
        margin-left: 253px !important;
    }

    .textWhiteStartBox .startBoxSplitLine {
        float: left;
        height: 1px !important;
        width: 246px;
        margin: -1px 20px 1px 15px;
        background-color: #FFF;
    }

    .textWhiteStartBox .counter_span {
        background-color: #FFF;
    }

.box445_double.box295 {
    width: 296px;
}

    .box445_double.box295 div:after {
        margin: -28px 0 0 243px;
        width: 22px;
    }

    .box445_double.box295 div:hover:after {
        margin: -28px 0 0 253px;
    }

    .box445_double.box295 div {
        height: 30px;
        line-height: 30px;
    }

    .box445_double.box295 .homeArrowLink div {
        padding-top: 1px;
    }

    .box445_double.box295 h2 {
        margin-top: 13px;
        margin-bottom: 10px;
    }

    .box445_double h2 {
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 15px;
    margin-left: 15px;
    width: calc(100% - 15px);
    font-weight: normal;
}

.box445_double {
    position: relative;
    float: left;
    width: 445px;
    min-height: 100px;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    margin-top: 0;
    font-family: "DPDLight",sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 16px;
    text-decoration: none;
}

    .box445_double a {
        width: 100%;
        float: left;
        text-decoration: none;
    }

    .box445_double div {
        font-size: 13px;
        padding-left: 15px;
        height: 50px;
        line-height: 50px;
        text-decoration: none;
    }

        .box445_double div:after {
            width: 15px;
            height: 20px;
            display: block;
            content: "\00a0";
            background-position: 0 0px;
            background-repeat: no-repeat;
            margin: -40px 0 0 395px;
            padding-bottom: 20px;
            position: absolute;
            transition: 0.2s ease-out 0.2s;
            -webkit-transition: 0.2s 0.2s ease-out;
            -moz-transition: 0.2s 0.2s ease-out;
            -o-transition: 0.2s 0.2s ease-out;
        }

        .box445_double div:hover:after {
            margin: -40px 0 0 410px;
        }


    .box445_double.box330 {
        width: 330px;
    }

        .box445_double.box330 div:after {
            margin: -40px 0 0 270px;
        }

        .box445_double.box330 div:hover:after {
            margin: -40px 0 0 285px;
        }




















    .textBlackStartBox {
    color: #414042;
}

    .textBlackStartBox h2 {
        color: #414042;
        line-height: 16px;
    }

    .textBlackStartBox div {
        color: #414042;
    }

    .textBlackStartBox .arrow_startbox:after {
        background-image: url("../../images/arrow_9_16_warmgrey.png");
        background-repeat: no-repeat;
        margin-top: -24px !important;
        margin-left: 252px !important;
    }

    .textBlackStartBox .arrow_startbox:hover:after {
        margin-left: 262px !important;
    }

    .textBlackStartBox .startBoxSplitLine {
        float: left;
        height: 1px !important;
        width: 246px;
        margin: -1px 20px 1px 15px;
        background-color: #414042;
    }

    .textBlackStartBox .counter_span {
        background-color: #414042;
    }

.Lightgreybackground .arrow_startbox:after {
    background-image: url("../../images/arrow_9_16.gif");
    background-repeat: no-repeat;
    margin-top: -24px !important;
    margin-left: 252px !important;
}



    .divStartBoxItems {
    width: 100%;
    position: absolute;
    bottom: 0;
    padding-left: 0 !important;
    height: initial !important;
    margin-bottom: 6px;
}

    .divStartBoxItems a {
        height: 31px;
    }

.Whitebackground {
    background-color: #fff;
}

.DPDRedbackground {
    background-color: #dc0032;
}

.DarkRed {
    background-color: #a90034;
}

.Lightgreybackground {
    background-color: #e6e7e8;
}

.Warmgreybackground {
    background-color: #cac4be;
}

.Midgreybackground {
    background-color: #808285;
}

.textWhite {
    color: #fff;
}

.textDPDRed {
    color: #dc0032;
}

.textDPDDarkRed {
    color: #A90034;
}

.textLightgrey {
    color: #e6e7e8;
}

.textWarmgrey {
    color: #808285;
}

.textMidgrey {
    color: #808285;
}

.textDPDBlack {
    color: #414042;
}

.DPDRedbackground .counter_span {
    color: #DC0032;
}

.Warmgreybackground .counter_span {
    color: #CAC4BE;
}

.DarkRed .counter_span {
    color: #A90034;
}

.Lightgreybackground .counter_span {
    color: #E6E7E8;
}

.box445 {
    position: relative;
    float: left;
    width: 445px;
    min-height: 100px;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    margin-top: 0;
    box-sizing: border-box;
    font-family: "DPDLight",sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 16px;
}

    .box445 div {
        font-size: 13px;
        margin-left: 15px;
        min-height: 50px;
    }

    .box445 h2 {
        font-size: 18px;
        margin-bottom: 20px;
        margin-top: 15px;
        margin-left: 15px;
        width: calc(100% - 15px);
        font-weight: normal;
    }

    .box445:after {
        width: 15px;
        height: 20px;
        display: block;
        content: "\00a0";
        background-position: 0 11px;
        background-repeat: no-repeat;
        margin: 0 0 0 407px;
        padding-bottom: 20px;
        position: absolute;
        transition: 0.2s ease-out 0.2s;
        -webkit-transition: 0.2s 0.2s ease-out;
        -moz-transition: 0.2s 0.2s ease-out;
        -o-transition: 0.2s 0.2s ease-out;
    }

    .box445:hover:after {
        margin: 0 0 0 425px;
    }

    .box445.box330 {
        width: 330px;
    }

        .box445.box330:after {
            margin: 0 0 0 292px;
        }

        .box445.box330:hover:after {
            margin: 0 0 0 310px;
        }

.box455 {
    position: relative;
    float: left;
    width: 455px;
    min-height: 100px;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    margin-top: 0;
    box-sizing: border-box;
    font-family: "DPDLight",sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 16px;
}

    .box455 div {
        font-size: 13px;
        margin-left: 15px;
        min-height: 50px;
    }

    .box455 h2 {
        font-size: 18px;
        margin-bottom: 20px;
        margin-top: 15px;
        margin-left: 15px;
        width: calc(100% - 15px);
        font-weight: normal;
    }

    .box455:after {
        width: 15px;
        height: 20px;
        display: block;
        content: "\00a0";
        background-position: 0 11px;
        background-repeat: no-repeat;
        margin: 0 0 0 417px;
        padding-bottom: 20px;
        position: absolute;
        transition: 0.2s ease-out 0.2s;
        -webkit-transition: 0.2s 0.2s ease-out;
        -moz-transition: 0.2s 0.2s ease-out;
        -o-transition: 0.2s 0.2s ease-out;
    }

    .box455:hover:after {
        margin: 0 0 0 430px;
    }

.box335_double h2 {
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 15px;
    margin-left: 15px;
    width: calc(100% - 15px);
    font-weight: normal;
}

.box335_double {
    position: relative;
    float: left;
    width: 335px;
    min-height: 100px;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    margin-top: 0;
    font-family: "DPDLight",sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 16px;
    text-decoration: none;
}

    .box335_double a {
        width: 100%;
        float: left;
        text-decoration: none;
    }

    .box335_double div {
        font-size: 13px;
        padding-left: 15px;
        height: 59px;
        line-height: 50px;
        text-decoration: none;
    }

    .box335_double span {
        position: relative;
        top: 10px;
    }


    .box335_double div:after {
        width: 15px;
        height: 20px;
        display: block;
        content: "\00a0";
        background-position: 0 0px;
        background-repeat: no-repeat;
        margin: -30px 0 0 282px;
        padding-bottom: 20px;
        position: absolute;
        transition: 0.2s ease-out 0.2s;
        -webkit-transition: 0.2s 0.2s ease-out;
        -moz-transition: 0.2s 0.2s ease-out;
        -o-transition: 0.2s 0.2s ease-out;
    }


    .box335_double div:hover:after {
        margin: -30px 0 0 297px;
    }

.box455_double {
    position: relative;
    float: left;
    width: 455px;
    min-height: 100px;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    margin-top: 0;
    font-family: "DPDLight",sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 16px;
    text-decoration: none;
}

    .box455_double h2 {
        font-size: 18px;
        margin-bottom: 20px;
        margin-top: 15px;
        margin-left: 15px;
        width: calc(100% - 15px);
        font-weight: normal;
    }

    .box455_double a {
        width: 100%;
        float: left;
        text-decoration: none;
    }

    .box455_double div {
        font-size: 13px;
        padding-left: 15px;
        height: 50px;
        line-height: 50px;
        text-decoration: none;
    }

        .box455_double div:after {
            width: 15px;
            height: 20px;
            display: block;
            content: "\00a0";
            background-position: 0 0px;
            background-repeat: no-repeat;
            margin: -40px 0 0 405px;
            padding-bottom: 20px;
            position: absolute;
            transition: 0.2s ease-out 0.2s;
            -webkit-transition: 0.2s 0.2s ease-out;
            -moz-transition: 0.2s 0.2s ease-out;
            -o-transition: 0.2s 0.2s ease-out;
        }

        .box455_double div:hover:after {
            margin: -40px 0 0 420px;
        }

.box930 {
    position: relative;
    float: left;
    width: 930px;
    min-height: 100px;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    margin-top: 10px;
    box-sizing: border-box;
    font-family: "DPDLight",sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 16px;
}

    .box930 div {
        font-size: 13px;
        margin-left: 15px;
        min-height: 50px;
    }

    .box930 h2 {
        font-size: 18px;
        margin-bottom: 20px;
        margin-top: 15px;
        margin-left: 15px;
        width: calc(100% - 15px);
        font-weight: normal;
    }

    .box930:after {
        width: 15px;
        height: 20px;
        display: block;
        content: "\00a0";
        background-position: 0 11px;
        background-repeat: no-repeat;
        margin: 0 0 0 892px;
        padding-bottom: 20px;
        position: absolute;
        transition: 0.2s ease-out 0.2s;
        -webkit-transition: 0.2s 0.2s ease-out;
        -moz-transition: 0.2s 0.2s ease-out;
        -o-transition: 0.2s 0.2s ease-out;
    }

    .box930:hover:after {
        margin: 0 0 0 905px;
    }


    .box930.box680 {
        width: 680px;
    }

        .box930.box680:after {
            margin: 0 0 0 642px;
        }

        .box930.box680:hover:after {
            margin: 0 0 0 655px;
        }

.box930_multiple h2 {
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 15px;
    margin-left: 15px;
    width: calc(100% - 15px);
    font-weight: normal;
}

.box930_multiple {
    position: relative;
    float: left;
    width: 930px;
    min-height: 100px;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    margin-top: 0;
    font-family: "DPDLight",sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 16px;
    text-decoration: none;
}

    .box930_multiple a {
        width: 100%;
        float: left;
        text-decoration: none;
    }

    .box930_multiple div {
        font-size: 13px;
        padding-left: 15px;
        height: 40px;
        line-height: 46px;
        text-decoration: none;
    }

        .box930_multiple div:after {
            width: 15px;
            height: 20px;
            display: block;
            content: "\00a0";
            background-position: 0 0px;
            background-repeat: no-repeat;
            margin: -40px 0 0 875px;
            padding-bottom: 20px;
            position: absolute;
            transition: 0.2s ease-out 0.2s;
            -webkit-transition: 0.2s 0.2s ease-out;
            -moz-transition: 0.2s 0.2s ease-out;
            -o-transition: 0.2s 0.2s ease-out;
        }

        .box930_multiple div:hover:after {
            margin: -40px 0 0 890px;
        }

    .box930_multiple.box680 {
        width: 980px;
    }

        .box930_multiple.box680 div:after {
            margin: -40px 0 0 625px;
        }

        .box930_multiple.box680 div:hover:after {
            margin: -40px 0 0 640px;
        }

.box250_little {
    position: relative;
    float: left;
    width: 225px;
    height: 25px;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    margin-top: 0;
    font-family: "DPDLight",sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 16px;
    text-decoration: none;
}

    .box250_little a {
        width: 100%;
        float: left;
        text-decoration: none;
    }

    .box250_little div {
        font-size: 13px;
        padding-left: 15px;
        height: 25px;
        line-height: 25px;
        text-decoration: none;
    }

        .box250_little div:after {
            width: 25px;
            height: 20px;
            display: block;
            content: "\00a0";
            background-position: 0 0px;
            background-repeat: no-repeat;
            margin: -25px 0 0 210px;
            padding-bottom: 20px;
            position: absolute;
            transition: 0.2s ease-out 0.2s;
            -webkit-transition: 0.2s 0.2s ease-out;
            -moz-transition: 0.2s 0.2s ease-out;
            -o-transition: 0.2s 0.2s ease-out;
        }

        .box250_little div:hover:after {
            margin: -25px 0 0 215px;
        }


.greyarrow:after {
    background-image: url("../../images/arrow_right_grey_medium.png");
}

.whitearrow:after {
    background-image: url("../../images/arrow_right_white_medium.png");
}

.whitearrow_little:after {
    background-image: url("../../images/arrow_right_25.png");
}

.greyarrow_little:after {
    background-image: url("../../images/arrow_9_16_warmgrey.png");
    margin-top: -24px !important;
    margin-left: 252px !important;
}

.greyarrowlight_little:after {
    background-image: url("../../images/arrow_9_16.gif");
    margin-top: -24px !important;
    margin-left: 252px !important;
}

.greyarrow_little:hover:after, .counter.greyarrow_little:hover:after {
    margin-left: 262px !important;
}

.greyarrowlight_little:hover:after {
    margin-left: 262px !important;
}

.counter.greyarrow_little:after {
    margin-top: 6px !important;
    margin-left: 252px !important;
}

.counter_label {
    position: relative;
    font-size: 12px;
}

.counter_span {
    float: right;
    border-radius: 10px;
    min-width: 14px;
    height: 20px;
    margin-top: 4px;
    margin-right: 50px;
    text-align: center;
    padding-left: 3px;
    padding-right: 3px;
}