body {
    font-family: Calibri, 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, Sans-Serif;
    margin: 0px;
    /*background-image: url("/Bilder/bg.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-attachment: fixed;*/
}


input[type="checkbox"] {
    vertical-align: middle;
}
input[type="checkbox"] + label {
    vertical-align: middle;
}

.RadInput .riTextBox, .RadInputMgr {
    padding: 4px 4px !important;
}

a.anchor {
    display: block;
    position: relative;
    top: -130px;
    visibility: hidden;
}

.MenuItem {
    font-family: Calibri, 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, Sans-Serif;
    font-size: 24px;
    font-weight: bold;
}

.TopBar {
    width: 100%;
    background-color: #b6ff00;
}

.RadGrid a {
    color: #000000 !important;
}

a:link {
    color: #0000ff
}

a:visited {
    color: #0000ff
}

.tabelleZeile {
    color: #000000;
    font-family: Verdana,Arial,sans-serif;
    font-size: 10px;
    vertical-align: middle;
    padding-top: 10px;
    padding-bottom: 10px;
}

.tabelleKopf {
    font-weight: bold;
    padding-right: 20px;
    vertical-align: top;
}

.tabelleZelle {
    padding-left: 20px;
    padding-right: 40px;
}


.ItemGroup {
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: rgb(164, 171, 178);
    padding-top: 2px;
    padding-left: 8px;
    padding-bottom: 5px;
    border-collapse: separate;
    border-spacing: 0px;
    color: rgb(59, 59, 59);
    font-size: 14px;
    font-family: "segoe ui",arial,sans-serif;
    font-weight: 400;
    vertical-align: top;
}

.ItemGroupHeader {
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: rgb(164, 171, 178);
    color: rgb(59, 59, 59);
    font-size: 12px;
    font-family: "segoe ui",arial,sans-serif;
    font-weight: 400;
    background: url('Grid/sprite.png');
    height: 25px;
    line-height: 16px;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgb(219, 223, 228);
    background-origin: padding-box;
    background-position: 0px -2300px;
    background-repeat: repeat-x;
    background-size: auto auto;
    padding-top: 10px;
    padding-left: 8px;
    padding-right: 7px;
    padding-bottom: 1px;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-collapse: separate;
    border-spacing: 0px;
}

.ItemGroupHeaderMainMenu {
    border: 1px solid;
    border-color: rgb(118, 118, 118);
    color: #ffffff;
    font-size: 16px;
    font-family: "segoe ui",arial,sans-serif;
    font-weight: bold;
    height: 25px;
    background-color: rgb(118, 118, 118);
}

.ItemGroupMainMenu {
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: rgb(118, 118, 118);
    padding-top: 2px;
    padding-left: 0px;
    padding-bottom: 5px;
    border-collapse: separate;
    border-spacing: 0px;
    color: rgb(59, 59, 59);
    font-size: 14px;
    font-family: "segoe ui",arial,sans-serif;
    font-weight: 400;
    vertical-align: top;
}



.ItemGroupHeaderBig {
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: rgb(164, 171, 178);
    color: rgb(59, 59, 59);
    font-size: 12px;
    font-family: "segoe ui",arial,sans-serif;
    font-weight: 400;
    background: url('Grid/sprite.png');
    height: 30px;
    line-height: 16px;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgb(219, 223, 228);
    background-origin: padding-box;
    background-position: 0px -2300px;
    background-repeat: repeat-x;
    background-size: auto auto;
    padding-top: 5px;
    padding-left: 8px;
    padding-right: 7px;
    padding-bottom: 1px;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-collapse: separate;
    border-spacing: 0px;
}


.UnterItemHeader {
    border: 1px solid rgb(164, 171, 178);
    background-color: rgb(164, 171, 178);
    font-weight: bold;
    padding-left: 2px;
    padding-right: 2px;
    margin-right: 2px;
}

.UnterItemGroup {
    border: 1px solid rgb(164, 171, 178);
    padding: 2px;
    margin-bottom: 15px;
    margin-right: 2px;
}


.Warning {
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: rgb(164, 171, 178);
    background-color: red;
    margin-bottom: 10px;
    width: 100%;
}

.KundeAlternativ {
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: rgb(164, 171, 178);
    background-color: deepskyblue;
    width: 100%;
}


.Copyright {
    border-top: 1px solid #808080;
    margin-top: 10px;
    padding-top: 10px;
    font-size: 8pt;
    text-align: center;
    padding: 5px;
}

.DefaultButton {
    height: 30px;
    -webkit-appearance: none;
}


input[type="submit"],
input[type="button"],
.GridButton,
.rbDecorated {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #b8b8b8));
    background: -moz-linear-gradient(top, #f9f9f9 5%, #b8b8b8 100%);
    background: -webkit-linear-gradient(top, #f9f9f9 5%, #b8b8b8 100%);
    background: -o-linear-gradient(top, #f9f9f9 5%, #b8b8b8 100%);
    background: -ms-linear-gradient(top, #f9f9f9 5%, #b8b8b8 100%);
    background: linear-gradient(to bottom, #f9f9f9 5%, #b8b8b8 100%);
    -moz-box-shadow: inset 0px 0px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 0px 0px 0px #ffffff;
    box-shadow: inset 0px 0px 0px 0px #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#b8b8b8',GradientType=0);
    background-color: #f9f9f9;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px !important;
    border: 1px solid #dcdcdc !important;
    display: inline-block;
    cursor: pointer;
    color: #000000;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 5px;
    text-decoration: none;
}


    input[type="submit"]:disabled,
    input[type="button"]:disabled,
    .GridButton:disabled,
    .rbDecorated:disabled {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #b8b8b8));
        background: -moz-linear-gradient(top, #f9f9f9 5%, #e6e6e6 100%);
        background: -webkit-linear-gradient(top, #f9f9f9 5%, #e6e6e6 100%);
        background: -o-linear-gradient(top, #f9f9f9 5%, #e6e6e6 100%);
        background: -ms-linear-gradient(top, #f9f9f9 5%, #e6e6e6 100%);
        background: linear-gradient(to bottom, #f9f9f9 5%, #e6e6e6 100%);
        -moz-box-shadow: inset 0px 0px 0px 0px #ffffff;
        -webkit-box-shadow: inset 0px 0px 0px 0px #ffffff;
        box-shadow: inset 0px 0px 0px 0px #ffffff;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#b8b8b8',GradientType=0);
        background-color: #f9f9f9;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px !important;
        border: 1px solid #dcdcdc !important;
        display: inline-block;
        cursor: pointer;
        color: #b8b8b8;
        font-family: arial;
        font-size: 12px;
        font-weight: bold;
        padding: 5px 5px;
        text-decoration: none;
    }


.buttonGreen {
    background: none !important;
    background-color: #b6ff00 !important;
}

.buttonRed {
    background: none !important;
    background-color: #ff0000 !important;
    color: #000000 !important;
}

.buttonPruefung {
    background: none !important;
    background-color: #ff0000 !important;
    color: #000000 !important;
    width: 140px !important;
    height: 40px !important;
    filter: none !important;
}

.buttonGreenZef {
    background: none !important;
    background-color: #b6ff00 !important;
    width: 120px !important;
    height: 70px !important;
    filter: none !important;
}

.buttonRedZef {
    background: none !important;
    background-color: #ff0000 !important;
    color: #000000 !important;
    width: 120px !important;
    height: 70px !important;
    filter: none !important;
}

.clear {
    clear: both;
}

.rtChk {
    height: 18px !important;
    margin: 0 3px;
    padding: 0;
    width: 18px !important;
}

.roundCorner {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px !important;
}


.EditBoxYellow {
    float: left;
    vertical-align: top;
    background-image: linear-gradient(white, lightgoldenrodyellow);
    border: 1px solid darkgrey;
    padding: 5px;
    box-shadow: 0 0 24px rgba(10, 10, 10, 0.15);
}

.EditBoxGreen {
    float: left;
    vertical-align: top;
    background-image: linear-gradient(white, rgb(196, 239, 182));
    border: 1px solid darkgrey;
    padding: 5px;
    box-shadow: 0 0 24px rgba(10, 10, 10, 0.15);
}

.EditBoxRed {
    float: left;
    vertical-align: top;
    background-image: linear-gradient(white, rgb(239, 182, 182));
    border: 1px solid darkgrey;
    padding: 5px;
    box-shadow: 0 0 24px rgba(10, 10, 10, 0.15);
}


.ButtonBoxGray {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #b8b8b8));
    background: -moz-linear-gradient(top, #f9f9f9 5%, #b8b8b8 100%);
    background: -webkit-linear-gradient(top, #f9f9f9 5%, #b8b8b8 100%);
    background: -o-linear-gradient(top, #f9f9f9 5%, #b8b8b8 100%);
    background: -ms-linear-gradient(top, #f9f9f9 5%, #b8b8b8 100%);
    background: linear-gradient(to bottom, #f9f9f9 5%, #b8b8b8 100%);
    -moz-box-shadow: inset 0px 0px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 0px 0px 0px #ffffff;
    box-shadow: inset 0px 0px 0px 0px #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#b8b8b8',GradientType=0);
    background-color: #f9f9f9;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px !important;
    border: 1px solid #dcdcdc !important;
    display: inline-block;
    cursor: pointer;
    color: #000000;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 5px;
    text-decoration: none;
}


.EditBoxWhite {
    float: left;
    vertical-align: top;
    border: 1px solid darkgrey;
    padding: 5px;
    box-shadow: 0 0 24px rgba(10, 10, 10, 0.15);
}

.EditBoxBlue {
    float: left;
    vertical-align: top;
    background-image: linear-gradient(white, lightsteelblue);
    border: 1px solid darkgrey;
    padding: 5px;
    box-shadow: 0 0 24px rgba(10, 10, 10, 0.15);
}


.EditBoxLine {
    border-top: 1px solid #c0c0c0;
    margin-top: 15px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    padding-top: 10px;
}

.EditBoxHeading {
    text-align: center;
    margin-bottom: 10px;
    padding-bottom: 5px;
    font-weight: bold;
    background-image: linear-gradient(white, lightyellow);
    border-bottom: 1px solid lightgray;
}

.SearchBox {
    position: fixed;
    left: 50%;
    top: 20px;
    text-align: center;
    width: 700px;
    background-image: linear-gradient(rgb(252, 242, 229), antiquewhite);
    border: 1px solid darkgrey;
    padding: 5px;
    margin: 0 0 0 -350px;
    box-shadow: 0 0 24px rgba(10, 10, 10, 0.8);
}


.MeldungBg {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(255,255,255,0.7);
    text-align: center;
    z-index: 9999999999;
}

.MeldungText {
    position: fixed;
    left: 50%;
    top: 50%;
    text-align: center;
    width: 400px;
    margin: -200px 0 0 -200px;
    font-size: 25px;
    font-weight: bold;
    z-index: 99999999999;
}

.MeldungStatus {
    width: 200px;
    height: 300px;
    position: absolute;
    left: 50%; /* centers the loading animation horizontally one the screen */
    top: 50%; /* centers the loading animation vertically one the screen */
    background-image: url(../../Images/Check-256.png); /* path to your loading animation */
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px; /* is width and height divided by two */
    text-align: center;
    z-index: 99999999999;
}

.MeldBg {
}


.Toolstrip {
    float: left;
    vertical-align: top;
    background-image: linear-gradient(white, lightgray);
    border-top: 1px solid darkgrey;
    border-bottom: 1px solid darkgrey;
    box-shadow: 0 0 24px rgba(10, 10, 10, 0.15);
    width: calc(100% - 4px);
    padding: 2px;
    margin-bottom: 10px;
}

.ToolStripImage {
    float: left;
    width: 32px;
    height: 32px;
    margin: 3px;
    border: 1px solid white;
}

.ToolStripItem {
    border: solid;
    border-color: gray;
    border-radius: 3px;
    border-width: 1px;
    float: left;
    width: 24px;
    height: 24px;
    padding: 5px;
    background-color: white;
    margin-right: 5px;
    background-image: linear-gradient(lightgray, white);
}

    .ToolStripItem:hover {
        background-color: lightyellow;
        background-image: linear-gradient(yellow, white);
    }

.ToolStripTextItem {
    float: left;
    vertical-align: middle;
    height: 24px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-right: 7px;
    padding-left: 7px;
}

.ToolStripItemColorRed {
    background-image: linear-gradient(white, red);
}

.ToolStripItemColorYellow {
    background-image: linear-gradient(white, lightgoldenrodyellow);
}

.ToolStripItemColorOrange {
    background-image: linear-gradient(white, orange);
}

.ToolStripItemColorGreen {
    background-image: linear-gradient(white, lightgreen);
}

.ToolStripItemColorBlue {
    background-image: linear-gradient(white, lightskyblue);
}


/* https://stackoverflow.com/a/13909292 */
img.grayscale {
    /* Firefox 10+, Firefox on Android */
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    /* IE6-9 */
    filter: gray;
    /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    -webkit-filter: grayscale(100%);
}


.HauptmenueFrame {
    border-radius: 5px;
    width: 80px;
    min-height: 80px;
    margin: 2px;
    display: inline-block;
    float: left;
    text-align: center;
    padding: 1px;
    font-size: 8pt;
    font-weight: bold;
    background-color: white;
    color: black;
}

    .HauptmenueFrame:hover {
        background-image: linear-gradient(white, yellow);
    }


.HauptmenueButton {
    border-radius: 5px;
    border: 1px solid lightgray;
    width: 40px;
    height: 45px;
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
    padding-right: 20px;
    background-image: linear-gradient(white, lightgray);
}

    .HauptmenueButton:hover {
        background-image: linear-gradient(lightgray, white);
    }


.LizenzName {
    position: absolute;
    right: 0;
    display: inline-block;
    text-align: right;
    font-size: 9pt;
    padding-right: 5px;
    padding-top: 4px;
}


@media only screen and (max-width: 500px) {

    .LizenzName {
        display: none;
    }
}


table.dsgvo_checklist {
    width: 516px;
    font-family: Helvetica, sans-serif;
    font-size: 10pt;
}

    table.dsgvo_checklist td:nth-child(2n+1) {
        width: 25px;
        padding: 0px;
        vertical-align: top;
    }

    table.dsgvo_checklist td:nth-child(2n) {
        width: 495px;
        padding: 5px;
        text-align: justify;
    }

    table.dsgvo_checklist span.p-i-checkbox-checked {
        color: initial !important;
    }

.rainbow {
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, orange, yellow, green, cyan, blue, violet); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, orange, yellow, green, cyan, blue, violet); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, orange, yellow, green, cyan, blue, violet); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, orange, yellow, green, cyan, blue, violet); /* Standard syntax (must be last) */
}