html
{
    background: rgb(255, 255, 255);
    margin: 0px;
    width: 100%;
    height: 100%;
    color: rgb(102, 102, 102);
    font-family: "Questrial", sans-serif;
    font-weight: 400;
}

body
{
    background: rgb(255, 255, 255);
    margin: 0px;
    height: 100%;
    color: rgb(102, 102, 102);
    font-family: "Questrial", sans-serif;
    font-weight: 400;
}

.spaltelinks
{
    margin: 0px;
    padding: 0px;
    width: 260px;
    height: auto;
    float: left;
}

.logo
{
    padding: 15px 0px 5px;
    width: 100%;
    height: auto;
}

.schnellsuche
{
    margin: 0px;
    padding: 0px 0px 0px 0px;
    width: 220px;
    height: 30px;
    line-height: 30px;
    border-top-color: rgb(235, 235, 235);
    border-right-color: rgb(235, 235, 235);
    border-bottom-color: rgb(235, 235, 235);
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    float: left;
}

    .schnellsuche input
    {
        border: 0px currentColor;
        border-image: none;
        width: 95%;
        height: 90%;
        color: rgb(106, 172, 218);
        font-family: "Questrial", sans-serif;
        font-size: 13px;
        font-weight: 400;
    }

.direktbestellung
{
    margin: 0px;
    padding: 0px 0px 0px 0px;
    width: 220px;
    height: 30px;
    line-height: 30px;
    border-top-color: rgb(235, 235, 235);
    border-right-color: rgb(235, 235, 235);
    border-bottom-color: rgb(235, 235, 235);
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    float: left;
}

    .direktbestellung input
    {
        border: 0px currentColor;
        border-image: none;
        width: 95%;
        height: 90%;
        color: rgb(106, 172, 218);
        font-family: "Questrial", sans-serif;
        font-size: 13px;
        font-weight: 400;
        text-align: center;
    }

.suchlinks
{
    margin: 0px;
    padding: 0px 0px 5px 5px;
    width: 254px;
    line-height: 20px;
    border-top-color: rgb(235, 235, 235);
    border-right-color: rgb(235, 235, 235);
    border-bottom-color: rgb(235, 235, 235);
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    color: rgb(153, 153, 153);
    font-family: "Questrial", sans-serif;
    font-size: 13px;
    font-weight: 400;
    float: left;
}

    .suchlinks a
    {
        text-decoration: none !important;
    }

        .suchlinks a:hover
        {
            text-decoration: underline !important;
        }

.detailsuche
{
    margin: 0px;
    padding: 0px 0px 0px 0px;
    width: 220px;
    height: 30px;
    line-height: 30px;
    border-top-color: rgb(235, 235, 235);
    border-right-color: rgb(235, 235, 235);
    border-bottom-color: rgb(235, 235, 235);
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    float: left;
}

    .detailsuche input
    {
        border-left-color: rgb(235, 235, 235);
        border-left-width: 1px;
        border-left-style: solid;
        border-right-width: 0px;
        border-top-width: 0px;
        width: 30%;
        height: 90%;
        color: rgb(106, 172, 218);
        font-family: "Questrial", sans-serif;
        font-size: 13px;
        font-weight: 400;
        text-align: center;
    }

.kategorie_aktuell
{
    background: rgb(0, 82, 134);
    margin: 0px;
    padding: 0px 0px 0px 20px;
    width: 240px;
    height: 30px;
    color: rgb(255, 255, 255);
    line-height: 30px;
    font-family: "Questrial", sans-serif;
    font-size: 17px;
    font-weight: 400;
    float: left;
}

.produktnavigation
{
    margin: 0px;
    padding: 0px;
    width: 258px;
    height: auto;
    color: rgb(153, 153, 153);
    line-height: 28px;
    font-family: "Questrial", sans-serif;
    font-size: 13px;
    font-weight: 400;
    float: left;
}

.kontakt_links
{
    background: rgb(0, 82, 134);
    margin: 0px;
    padding: 0px 0px 0px 10px;
    width: 250px;
    height: auto;
    color: rgb(255, 255, 255);
    line-height: 13px;
    font-family: "Questrial", sans-serif;
    font-size: 13px;
    font-weight: 400;
    float: left;
}

.service_chat_links
{
    margin: 20px 0px 0px;
    padding: 0px;
    width: 260px;
    height: auto;
    color: rgb(48, 48, 48);
    line-height: 13px;
    font-family: "Questrial", sans-serif;
    font-size: 13px;
    font-weight: 400;
    float: left;
}

.service_chat_links_headline
{
    background: rgb(0, 82, 134);
    margin: 0px;
    padding: 0px 0px 0px 20px;
    width: 240px;
    height: 30px;
    color: rgb(255, 255, 255);
    line-height: 30px;
    font-family: "Questrial", sans-serif;
    font-size: 17px;
    font-weight: 400;
    float: left;
}

.service_chat_links_text
{
    background: rgb(235, 235, 235);
    margin: 0px;
    padding: 10px 10px 10px 20px;
    width: 230px;
    height: auto;
    color: rgb(48, 48, 48);
    font-family: "Questrial", sans-serif;
    font-size: 12px;
    font-weight: 400;
    float: left;
}

.service_chat_links_input
{
    margin: 0px;
    padding: 8px 10px 7px 20px;
    width: 190px;
    height: auto;
    border-bottom-color: rgb(235, 235, 235);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    float: left;
}

    .service_chat_links_input input
    {
        border: 0px currentColor;
        border-image: none;
        width: 95%;
        height: 95%;
        color: rgb(106, 172, 218);
        font-family: "Questrial", sans-serif;
        font-size: 13px;
        font-weight: 400;
    }

.service_chat_links_senden
{
    background: rgb(0, 82, 134);
    margin: 0px;
    padding: 0px 0px 0px 10px;
    width: 30px;
    height: 32px;
    color: rgb(255, 255, 255);
    line-height: 30px;
    border-bottom-color: rgb(235, 235, 235);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    float: left;
}

.submenue_links_headline
{
    background: rgb(0, 82, 134);
    margin: 10px 0px 0px;
    padding: 0px 0px 0px 20px;
    width: 240px;
    height: 30px;
    color: rgb(255, 255, 255);
    line-height: 30px;
    font-family: "Questrial", sans-serif;
    font-size: 17px;
    font-weight: 400;
    float: left;
}

.submenue_links
{
    margin: 0px;
    padding: 0px;
    width: 260px;
    height: auto;
    color: rgb(153, 153, 153);
    line-height: 17px;
    font-family: "Questrial", sans-serif;
    font-size: 13px;
    font-weight: 400;
    float: left;
}

    .submenue_links ul
    {
        list-style: square;
        width: 220px;
        display: block;
    }

    .submenue_links li
    {
        width: 100%;
        text-decoration: none;
    }

        .submenue_links li a
        {
            text-decoration: none;
        }

.clear
{
    clear: both;
}

@media screen and (min-width:1400px)
{
    .spalte_mitte
    {
        margin: 0px;
        padding: 0px;
        left: 280px;
        width: 65%;
        position: absolute;
        min-height: 600px;
    }
}

@media screen and (max-width:1400px)
{
    .spalte_mitte
    {
        margin: 0px;
        padding: 0px;
        left: 280px;
        width: 70%;
        position: absolute;
        min-height: 600px;
    }
}

.dach_menue
{
    background: rgb(255, 255, 255);
    margin: 0px;
    padding: 0px;
    width: 99.99%;
    height: 26px;
    color: rgb(153, 153, 153);
    font-family: "Questrial", sans-serif;
    font-size: 11px;
    font-weight: 400;
    float: left;
}

    .dach_menue ul
    {
        list-style: none;
        float: right;
        display: inline;
    }

    .dach_menue li
    {
        margin: 0px;
        padding: 0px 10px 0px 0px;
        float: left;
    }

        .dach_menue li a
        {
            color: rgb(153, 153, 153);
            text-decoration: none !important;
        }

        .dach_menue li a:hover
        {
            color: rgb(168, 168, 168);
            text-decoration: underline !important;
        }

.top_menue
{
    background: rgb(0, 82, 134);
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 60px;
    color: rgb(255, 255, 255);
    line-height: 60px;
    font-family: "Questrial", sans-serif;
    font-size: 13px;
    font-weight: 400;
    float: left;
}

.suche_klassisch
{
    background: url("../Images/suche_button.png") no-repeat 5px rgb(255, 255, 255);
    margin: 15px 15px 0px 0px;
    padding: 0px;
    width: 200px;
    height: 30px;
    line-height: 30px;
    float: right;
}

    .suche_klassisch input
    {
        border: 0px currentColor;
        border-image: none;
        width: 88%;
        height: 88%;
        color: rgb(106, 172, 218);
        font-family: "Questrial", sans-serif;
        font-size: 13px;
        font-weight: 400;
    }

@media screen and (max-width:980px)
{
    .suche_klassisch
    {
        display: none;
    }
}

.col-md-1
{
    border: 1px solid rgb(221, 221, 221);
    border-image: none;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0.9%;
    margin-left: 0.9%;
    min-width: 182px;
    background-color: rgb(255, 255, 255);
}

.wrapper
{
    min-height: 500px;
}

.col-md-12-footer
{
    background: rgb(255, 255, 255);
    padding: 20px;
    border: 1px solid rgb(235, 235, 235);
    border-image: none;
    font-size: 11px;
}

.container_footer a
{
    text-decoration: none !important;
}

    .container_footer a:hover
    {
        text-decoration: underline !important;
    }

.footer
{
    background: rgb(255, 255, 255);
    margin: -20px 0px 0px;
    padding: 0px;
    border: 1px solid rgb(235, 235, 235);
    border-image: none;
    font-size: 13px;
    min-height: 140px;
}

.col-md-5
{
    background: url("../Images/bghinfuehrung.jpg") no-repeat right top rgb(255, 255, 255);
    margin: 0px 0px 0px 10px;
    padding: 0px;
    height: 70px;
    line-height: 14px;
    font-size: 14px;
    border-bottom-color: rgb(235, 235, 235);
    border-bottom-width: 3px;
    border-bottom-style: solid;
}

    .col-md-5 img
    {
        margin: 0px 10px 0px -15px;
        padding: 0px;
        float: left;
    }

.liste
{
    padding: 10px 20px 0px 0px;
    height: auto;
    text-align: left;
}

.col-md-4
{
    line-height: 20px;
    font-size: 12px;
}

.col-md-6
{
    line-height: 14px;
    font-size: 12px;
}

.col-md-11
{
    line-height: 14px;
    font-size: 12px;
}

.matrixtabelle
{
    background: rgb(255, 255, 255);
    width: 100%;
}

.inputmenge
{
    background: url("../Images/mengen.png") no-repeat right rgb(255, 255, 255);
    border: 1px solid rgb(204, 204, 204);
    border-image: none;
    height: 16px;
    color: rgb(102, 102, 102);
    line-height: 12px;
    font-family: "Questrial", sans-serif;
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
}

.col-xs-1
{
    background: rgb(204, 204, 204);
    margin: 0px 0px 0px 15px;
    color: rgb(48, 48, 48);
    font-size: 12px;
}

    .col-xs-1 td
    {
        padding: 2px 5px;
    }

.col-xs-9
{
    background: rgb(255, 255, 255);
    font-size: 12px;
    white-space: nowrap;
    -ms-overflow-x: scroll;
}

    .col-xs-9 td
    {
        padding: 2px 20px;
        text-align: center;
    }

.activefarbe1
{
    background: rgb(255, 0, 0);
    color: rgb(255, 255, 255);
}

.activefarbe2
{
    background: rgb(255, 255, 0);
    color: rgb(48, 48, 48);
}

.activefarbe3
{
    background: rgb(255, 102, 0);
    color: rgb(255, 255, 255);
}

.activefarbe4
{
    background: rgb(204, 204, 204);
    color: rgb(48, 48, 48);
}

.activefarbe5
{
    background: rgb(48, 48, 48);
    color: rgb(255, 255, 255);
}

.activefarbe6
{
    background: rgb(0, 0, 255);
    color: rgb(255, 255, 255);
}

.activefarbe7
{
    background: rgb(0, 153, 0);
    color: rgb(255, 255, 255);
}

.tdgeld
{
    text-align: right;
    font-weight: bold;
}

@media screen and (min-width:1550px)
{
    .spalte_rechts
    {
        margin: 0px;
        padding: 0px;
        top: 0px;
        width: 260px;
        right: 1px;
        border-bottom-color: rgb(235, 235, 235);
        border-left-color: rgb(235, 235, 235);
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-bottom-style: solid;
        border-left-style: solid;
        position: absolute;
    }
}

@media screen and (min-width:1550px)
{
    .warenkorb-headline
    {
        background: rgb(0, 82, 134);
        margin: 0px;
        padding: 0px 0px 0px 10px;
        width: 250px;
        height: 30px;
        color: rgb(255, 255, 255);
        line-height: 20px;
        font-family: "Questrial", sans-serif;
        font-size: 17px;
        font-weight: 400;
        float: left;
    }

        .warenkorb-headline a
        {
            text-decoration:none !important;
        }

            .warenkorb-headline a:hover
            {
                text-decoration:underline !important;
            }

    .kundenbewertung-headline
    {
        background: rgb(0, 82, 134);
        margin: 0px 0px 0px;
        padding: 0px 0px 0px 20px;
        width: 240px;
        height: 30px;
        color: rgb(255, 255, 255);
        line-height: 30px;
        font-family: "Questrial", sans-serif;
        font-size: 17px;
        font-weight: 400;
        float: left;
    }

    .zertifizierung-headline
    {
        background: rgb(0, 82, 134);
        margin: 10px 0px 0px;
        padding: 0px 0px 0px 20px;
        width: 240px;
        height: 30px;
        color: rgb(255, 255, 255);
        line-height: 30px;
        font-family: "Questrial", sans-serif;
        font-size: 17px;
        font-weight: 400;
        float: left;
    }
}

.direktbestellung-headline
    {
        background: rgb(0, 82, 134);
        margin: 0px 0px 0px;
        padding: 0px 0px 0px 20px;
        width: 240px;
        height: 30px;
        color: rgb(255, 255, 255);
        line-height: 30px;
        font-family: "Questrial", sans-serif;
        font-size: 17px;
        font-weight: 400;
        float: left;
    }

@media screen and (max-width:1550px)
{
    .warenkorb-headline
    {
        width: 0px;
        height: 0px;
        overflow: hidden;
        display: none;
    }

    .kundenbewertung-headline
    {
        width: 0px;
        height: 0px;
        overflow: hidden;
        display: none;
    }

    .zertifizierung-headline
    {
        width: 0px;
        height: 0px;
        overflow: hidden;
        display: none;
    }
}

@media screen and (min-width:1550px)
{
    .warenkorb-checkout
    {
        background: rgb(235, 235, 235);
        margin: 0px;
        padding: 5px 0px 0px;
        width: 260px;
        height: 20px;
        text-align: center;
        color: rgb(0, 82, 134);
        line-height: 13px;
        font-family: "Questrial", sans-serif;
        font-size: 13px;
        font-weight: 400;
        float: left;
    }
        .warenkorb-checkout a
        {
            text-decoration:none !important;
        }

            .warenkorb-checkout a:hover
            {
                text-decoration:underline !important;
            }
}

@media screen and (max-width:1550px)
{
    .warenkorb-checkout
    {
        width: 0px;
        height: 0px;
        overflow: hidden;
        display: none;
    }
}

@media screen and (min-width:1550px)
{
    .warenkorb-anzahl
    {
        margin: 0px;
        padding: 5px 5px 0px 0px;
        border: 1px solid rgb(235, 235, 235);
        border-image: none;
        width: 40px;
        height: 40px;
        text-align: right;
        overflow: hidden;
        font-family: "Questrial", sans-serif;
        font-size: 13px;
        font-weight: 400;
        float: left;
    }
}

@media screen and (max-width:1550px)
{
    .warenkorb-anzahl
    {
        width: 0px;
        height: 0px;
        overflow: hidden;
        display: none;
    }
}

@media screen and (min-width:1550px)
{
    .warenkorb-artikel
    {
        margin: 0px 0px 10px;
        padding: 0px;
        width: 260px;
        overflow: auto;
        font-family: "Questrial", sans-serif;
        font-size: 13px;
        font-weight: 400;
        max-height: 505px;
    }

        .warenkorb-artikel table
        {
        }

        .warenkorb-artikel td
        {
            vertical-align: top;
        }

        .warenkorb-artikel hr
        {
            margin: 3px 0px 1px;
            border: 1px solid rgb(235, 235, 235);
            border-image: none;
            width: 75%;
            height: 1px;
            size: 1px;
        }
}

@media screen and (max-width:1550px)
{
    .warenkorb-artikel
    {
        width: 0px;
        height: 0px;
        overflow: hidden;
        display: none;
    }
}

@media screen and (min-width:1550px)
{
    .warenkorb-line
    {
        width: 100%;
        border-bottom-color: rgb(0, 82, 134);
        border-bottom-width: 5px;
        border-bottom-style: solid;
    }
}

.warenkorb-anzahl
{
    margin: 0px;
    padding: 5px 5px 0px 0px;
    width: 40px;
    height: 40px;
    text-align: right;
    overflow: hidden;
    font-family: "Questrial", sans-serif;
    font-size: 13px;
    font-weight: 400;
    float: left;
}

@media screen and (min-width:1550px)
{
    .warenkorb-summe
    {
        background: rgb(235, 235, 235);
        margin: 0px;
        padding: 5px 0px 0px 5px;
        width: 255px;
        height: 40px;
        color: rgb(0, 82, 134);
        line-height: 40px;
        overflow: hidden;
        font-family: "Questrial", sans-serif;
        font-size: 13px;
        font-weight: bold;
        border-top-color: rgb(235, 235, 235);
        border-bottom-color: rgb(235, 235, 235);
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-top-style: solid;
        border-bottom-style: solid;
    }
}

@media screen and (max-width:1550px)
{
    .warenkorb-summe
    {
        width: 0px;
        height: 0px;
        overflow: hidden;
        display: none;
    }
}

.spacer
{
    height: 1px;
    clear: both;
}

@media screen and (max-width:1550px)
{
    .tabbed-area
    {
        width: 0px;
        height: 0px;
        display: none;
    }
}

.tabs
{
    list-style: none;
}

    .tabs li
    {
        display: inline;
        background: rgb(0, 82, 134);
        padding: 7px 10px;
        color: rgb(255, 255, 255);
        text-decoration: none;
        margin-bottom: -16px;
        margin-right: 1px;
        float: left;
        display: block;
        position: relative;
        cursor: pointer;
    }

.group::after
{
    height: 0px;
    clear: both;
    font-size: 0px;
    display: block;
    visibility: hidden;
    content: " ";
}

.tabbed-area div div
{
    background: rgb(255, 255, 255);
    padding: 10px;
    left: 0px;
    top: -1px;
    width: 240px;
}

.tabbed-area div div
{
    border-top-color: rgb(235, 235, 235);
    border-bottom-color: rgb(235, 235, 235);
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
}

.tabs li a
{
    border-top-color: rgb(235, 235, 235);
    border-bottom-color: rgb(235, 235, 235);
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
}

:target#box-one
{
    z-index: 1;
}

:target#box-two
{
    z-index: 1;
}

:target#box-three
{
    z-index: 1;
}

@media screen and (min-width:1550px)
{
    .zertifizierung
    {
        margin: 15px 0px 0px;
        padding: 5px 0px 0px 5px;
        width: 253px;
        height: auto;
        overflow: hidden;
    }

    .kundenbewertung
    {
        margin: 15px 0px 0px;
        padding: 8px 0px 0px 0px;
        width: 253px;
        height: auto;
        overflow: hidden;
    }

    .topNeuZuletzt
    {
        margin: 10px 0px 0px;
        padding: 5px 0px 0px 5px;
        width: 253px;
        height: auto;
        overflow: hidden;
    }
}

@media screen and (max-width:1550px)
{
    .zertifizierung
    {
        width: 0px;
        height: 0px;
        overflow: hidden;
        display: none;
    }

    .kundenbewertung
    {
        width: 0px;
        height: 0px;
        overflow: hidden;
        display: none;
    }

    .topNeuZuletzt
    {
        width: 0px;
        height: 0px;
        overflow: hidden;
        display: none;
    }
}

.kundenbewertung div
{
    border-top-color: rgb(235, 235, 235);
    border-top-width: 1px;
    border-top-style: solid;
    padding: 5px;
}

h1
{
    font-family: "Questrial", sans-serif;
    font-weight: 400;
}

h2
{
    font-family: "Questrial", sans-serif;
    font-weight: 400;
}

h3
{
    font-family: "Questrial", sans-serif;
    font-weight: 400;
}

h4
{
    font-family: "Questrial", sans-serif;
    font-weight: 400;
}

h5
{
    font-family: "Questrial", sans-serif;
    font-weight: 400;
}

h6
{
    font-family: "Questrial", sans-serif;
    font-weight: 400;
}

h2
{
    color: rgb(255, 255, 255);
    font-size: 17px;
}

h3
{
    color: rgb(0, 82, 134);
    font-size: 17px;
}

h4
{
    font-size: 17px;
}

a
{
    color: rgb(0, 82, 134);
    text-decoration: underline;
}

    a:link
    {
        color: rgb(0, 82, 134);
        text-decoration: underline;
    }

    a:hover
    {
        color: rgb(48, 48, 48);
        text-decoration: none;
    }

    a:active
    {
        color: rgb(0, 82, 134);
        text-decoration: underline;
    }

    a:visited
    {
        color: rgb(0, 82, 134);
        text-decoration: underline;
    }

.input1
{
    background: rgb(204, 204, 204);
    padding: 8px;
    border: 0px currentColor;
    border-image: none;
    color: rgb(51, 51, 51);
    font-family: "Questrial", sans-serif;
    font-weight: 400;
}

.input2
{
    background: rgb(0, 82, 134);
    padding: 8px;
    border: 0px currentColor;
    border-image: none;
    color: rgb(255, 255, 255);
    font-family: "Questrial", sans-serif;
    font-weight: 400;
}

.input3
{
    background: rgb(236, 117, 26);
    padding: 8px;
    border: 0px currentColor;
    border-image: none;
    color: rgb(48, 48, 48);
    font-family: "Questrial", sans-serif;
    font-weight: 400;
}

.input4
{
    background: rgb(106, 172, 218);
    padding: 8px;
    border: 0px currentColor;
    border-image: none;
    color: rgb(48, 48, 48);
    font-family: "Questrial", sans-serif;
    font-weight: 400;
}

.input5
{
    background: rgb(255, 255, 255);
    border: 1px solid rgb(204, 204, 204);
    border-image: none;
    height: 16px;
    color: rgb(102, 102, 102);
    line-height: 12px;
    font-family: "Questrial", sans-serif;
    font-size: 12px;
    font-weight: 400;
    cursor: text;
}

.input1small
{
    background: rgb(204, 204, 204);
    padding: 3px;
    border: 0px currentColor;
    border-image: none;
    color: rgb(51, 51, 51);
    font-family: "Questrial", sans-serif;
    font-weight: 400;
}

.input2small
{
    background: rgb(0, 82, 134);
    padding: 3px;
    border: 0px currentColor;
    border-image: none;
    color: rgb(255, 255, 255);
    font-family: "Questrial", sans-serif;
    font-weight: 400;
}

.input3small
{
    background: rgb(236, 117, 26);
    padding: 3px;
    border: 0px currentColor;
    border-image: none;
    color: rgb(48, 48, 48);
    font-family: "Questrial", sans-serif;
    font-weight: 400;
}

.input4small
{
    background: rgb(106, 172, 218);
    padding: 3px;
    border: 0px currentColor;
    border-image: none;
    color: rgb(48, 48, 48);
    font-family: "Questrial", sans-serif;
    font-weight: 400;
}

.input5small
{
    background: rgb(255, 255, 255);
    border: 1px solid rgb(204, 204, 204);
    border-image: none;
    height: 16px;
    color: rgb(102, 102, 102);
    line-height: 12px;
    font-family: "Questrial", sans-serif;
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
}

ul
{
    list-style-type: square;
    list-style-position: outside;
}

li
{
}

.minheight170
{
    min-height: 170px !important;
    padding: 0px !important;
}

    .minheight170 img
    {
        max-width: 100% !important;
    }


/********************************/
/* Ab hier Ehemalige styles.css */
/********************************/


/* Ehemalige css.css */
@font-face {
    font-family: Questrial;
    font-display: swap;
    src: local("Questrial"), local("Questrial-Regular"), url(/Layout/Fonts/Questrial_Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
}
/*********************/


/* Ehemalige produktnavigation.css */
.produktnavigation {
	background: rgb(255, 255, 255); border: 1px solid rgb(235, 235, 235); border-image: none; line-height: 24px;
}
.produktnavigation a {
	font-size: 13px; text-decoration: none;
}
.navpunkt {
	list-style: none inside; border-bottom-color: rgb(235, 235, 235); border-bottom-width: 1px; border-bottom-style: solid;
}
.nav {
	text-decoration: none;
}
.cur {
	color: rgb(48, 48, 48); text-decoration: none;
}
/************************************/


th
{
    vertical-align: top;
}

.gridView
{
    font-size: x-small;
    text-align: center;
}

.errorMessage
{
    color: red;
    width: 100%;
    text-align: center;
}

.successMessage
{
    color: green;
    width: 100%;
    text-align: center;
}

.tableItemStyle
{
    background-color: white;
}

.tableAlternatingItemStyle
{
    background-color: #005286;
    color: white;
}

.navigationTableItemStyle
{
    background-color: white;
}

.navigationTableAlternatingItemStyle
{
    background-color: whitesmoke;
}

.defaultWidth
{
    width: 97.5%;
}

.aspxInlineTable
{
    display: inline-table;
}

.pivotCellBgColor
{
    background-color: white;
}

    .pivotCellBgColor:hover
    {
        background-color: rgb(83, 181, 255);
    }

.pivotFieldValueBgColor
{
    background-color: lightgray;
}

    .pivotFieldValueBgColor:hover
    {
        background-color: rgb(83, 181, 255);
    }

.pivotLink
{
    text-decoration: none;
}

    .pivotLink a
    {
        text-decoration: none;
    }

        .pivotLink a:hover
        {
            text-decoration: underline;
        }

.btnInline
{
    display: inline-block;
}

.tm_text
{
    text-align: center;
}

.abmQsel
{
    font-family: 'Courier New', Courier, mono;
    font-size: 12px;
    font-style: normal;
}

.wstQsel
{
    font-family: 'Courier New', Courier, mono;
    font-size: 12px;
    font-style: normal;
}

.wstQ10
{
    background-color: #FED905;
    color: #000000;
}

.wstQ20
{
    background-color: #FFFFFF;
    color: #000000;
}

.wstQ30
{
    background-color: #808080;
    color: #FFFFFF;
}

.wstQ40
{
    background-color: #23D504;
    color: #FFFFFF;
}

.wstQ50
{
    background-color: #0080FF;
    color: #FFFFFF;
}

.wstQ60
{
    background-color: #FF0000;
    color: #FFFFFF;
}

.transparentButton
{
    background: transparent;
    border: none !important;
}

​ .menuLinkStyle
{
    color: white;
    text-decoration: none;
}

.menuLinkStyle a
{
    color: white;
    text-decoration: none;
}

    .menuLinkStyle a:link
    {
        color: white;
        text-decoration: none;
    }

    .menuLinkStyle a:hover
    {
        color: white;
        text-decoration: underline;
    }

    .menuLinkStyle a:active
    {
        color: white;
        text-decoration: none;
    }

    .menuLinkStyle a:visited
    {
        color: white;
        text-decoration: none;
    }

/* MasterPage - Hauptmenü */
.menuContainer
{
    margin: 20px;
    background-color: #005286;
    color: white;
    width: 40%;
}

.menuContainerRight
{
    margin: 20px;
    background-color: #005286;
    color: white;
    width: 20%;
}

.mainMenu,
.mainMenuPopup,
.mainMenuPopup a
{
    font-size: 14px;
    background-color: #005286;
    width: 100%;
    text-decoration: none;
}

    .mainMenuPopup a:hover
    {
        font-size: 14px;
        background-color: #005286;
        width: 100%;
        text-decoration: underline;
    }

.mainMenuPopup
{
    background-color: #005286;
    width: 100%;
    min-height: 360px;
}

    .mainMenuPopup .SubMenuContent
    {
        margin: 0 auto;
        background-color: #005286;
        width: 100%;
    }

    .mainMenuPopup .SubMenuTextContent
    {
        padding: 20px;
        text-align: center;
        background-color: #005286;
    }

    .mainMenuPopup .SubMenuContent a
    {
        display: block;
        padding: 2px 0;
        background-color: #005286;
        color: white;
        width: 100%;
    }

    .mainMenuPopup .Group
    {
        float: left;
        padding: 20px 8px;
        background-color: #005286;
        color: white;
    }

    .mainMenuPopup .GroupContainer
    {
        float: left;
        padding: 0 8px;
        background-color: #005286;
        color: white;
    }

    .mainMenuPopup .GroupTitle
    {
        font-size: 1.2em;
        color: #333333;
        padding: 0 20px 20px 0;
        background-color: #005286;
        color: white;
        font-weight: bolder;
        font-size: medium;
        text-align: center;
    }

    .mainMenuPopup .GroupColumn
    {
        float: left;
        padding: 0 40px 0 0;
        background-color: #005286;
        color: white;
    }

    .mainMenuPopup .CategoryTitle
    {
        color: #FFFFFF;
        padding: 0 0 6px;
        background-color: #005286;
    }

    .mainMenuPopup .CategoryBreak
    {
        padding: 8px 0;
        background-color: #005286;
    }

/* DevExpress-Fix, sollte das Menü in der breite nicht dem Content sondern der gesamten Seite entsprechen
 * Nötig seit v15.1
 * Nicht mehr nötig seit v15.1.8

@media screen and (min-width:1400px) {
    .mainMenuPopup {
        max-width: 65%;
        left: 280px !important;
    }
}

@media screen and (max-width:1400px) {
    .mainMenuPopup {
        max-width: 70%;
        left: 280px !important;
    }
}

*/

.clear
{
    clear: both;
}

.body-content
{
    margin: 0 auto;
    padding: 0 10px 40px;
    width: 80%;
    min-width: 200px;
    line-height: 150%;
    text-align: center;
    background-color: #005286;
    width: 100%;
}

    .body-content h3
    {
        font-size: 1.2em;
        color: white;
        padding: 40px 0 20px;
        background-color: #005286;
    }

.defaultLink
{
    text-decoration: none;
}

	.defaultLink a
	{
		color: rgb(0, 82, 134);
		text-decoration: none;
	}

		.defaultLink a:link
		{
			color: rgb(0, 82, 134);
			text-decoration: none;
		}

		.defaultLink a:hover
		{
			color: rgb(0, 82, 134);
			text-decoration: underline;
		}

		.defaultLink a:active
		{
			color: rgb(0, 82, 134);
			text-decoration: underline;
		}

		.defaultLink a:visited
		{
			color: rgb(0, 82, 134);
			text-decoration: none;
		}

#wrapper {
    width: 100%;
    margin: 0 auto;
}

.mitteGrau
{
    background: rgb(235, 235, 235);
}

.highlighted {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    border: 1px solid #DDDDDD;
}
 
.highlighted input[type=text]:focus {
    box-shadow: 0 0 5px rgba(236, 117, 26, 1);
    border: 1px solid rgba(236, 117, 26, 1);
}

.highlighted {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    border: 1px solid #DDDDDD;
}

.highlighted textarea:focus {
    box-shadow: 0 0 5px rgba(236, 117, 26, 1);
    border: 1px solid rgba(236, 117, 26, 1);
}