/** appmenu **/
@layer alteWelt {
    ul.appmenu {
        display: block;
        position: relative;
        padding: 0;
        margin: 0;
        height: 32px;
        width: 100%;
        color: #000;
        background-color: #ffffff;
        font-family: arial, helvetica, sans-serif;
        line-height: 32px;
    }

    .appmenu li.appmenu-item-top {
        box-sizing: border-box;
        display: inline-block;
        width: 33px;
        height: 100%;
        font-size: 8pt;
        font-weight: normal;
        color: #ffffff;
        border-top: 1px solid #5B92D3;
        border-left: 1px solid #5B92D3;
        border-right: 1px solid #5B92D3;
        border-bottom: 1px solid #5B92D3;
        background-color: #5B92D3;
        text-align: center;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .appmenu li.appmenu-item-top.appmenu-item-selected {
        background-color: #FFFFFF;
        font-weight: bold;
        color: #ededed;
    }

    ul.appmenu li.appmenu-item-top.appmenu-item-selected:after {
        content: "";
        display: block;
        position: relative;
        background-color: #FFFFFF;
        width: 100%;
        z-index: 10;
    }

    ul.appmenu ul.appmenu-subitems {
        box-sizing: border-box;
        display: none;
        padding: 0 0 0 0;
        margin: 3px 0 0 0;
        width: 100%;
        border: 1px solid #5B92D3;
        background-color: white;
        color: black;
        font-weight: normal;
        text-align: left;
        z-index: 5;
    }

    .appmenu li.appmenu-item-top.appmenu-item-selected ul.appmenu-subitems {
        display: block;
        position: absolute;
        left: 0;
        height: 20px;
    }

    ul.appmenu li.appmenu-item-top:hover ul.appmenu-subitems {
        z-index: 10;
    }

    ul.appmenu-subitems li.appmenu-subitem {
        display: inline-block;
        text-align: center;
        font-size: 9pt;
        margin-left: 20px;
    }

    .appmenu-subitems li.appmenu-subitem:hover {
        color: #5B92D3;
    }

    .appmenu-subitems .appmenu-subitem-selected {
        font-weight: bold;
    }

    ul.appmenu li a {
        display: block;
        text-decoration: none;
        height: 100%;
        width: 100%;
        color: inherit;
        cursor: pointer;
    }

    ul.appmenu li a span {
        display: none;
        vertical-align: middle;
    }

    .appmenu .appmenu-item-top > a span:before {
        display: inline-block;
        vertical-align: top;
        margin-top: 1px;
        width: 22px;
        height: 14px;
    }

    .topitem-profile {
        background-image: url('../../pages/images/appmenu/home-white.png');
    }

    .topitem-profile.appmenu-item-selected, .topitem-profile:hover {
        background-image: url('../../pages/images/appmenu/home.png');
    }

    .topitem-pv {
        background-image: url('../../pages/images/appmenu/pv-white.png');
    }

    .topitem-pv.appmenu-item-selected, .topitem-pv:hover {
        background-image: url('../../pages/images/appmenu/pv.png');
    }

    .topitem-lehrgangsverwaltung {
        background-image: url('../../pages/images/appmenu/user-training-white.png');
    }

    .topitem-personalverwaltung {
        background-image: url('../../pages/images/appmenu/user-group-white.png');
    }

    .topitem-lehrgangsverwaltung.appmenu-item-selected, .topitem-lehrgangsverwaltung:hover {
        background-image: url('../../pages/images/appmenu/user-training.png');
    }

    .topitem-personalverwaltung.appmenu-item-selected, .topitem-personalverwaltung:hover {
        background-image: url('../../pages/images/appmenu/user-group.png');
    }

    .topitem-ws {
        background-image: url('../../pages/images/appmenu/technik-white.png');
    }

    .topitem-ws.appmenu-item-selected, .topitem-ws:hover {
        background-image: url('../../pages/images/appmenu/technik.png');
    }

    .topitem-ea-itf-search {
        background-image: url('../../pages/images/appmenu/ea-white.png');
    }

    .topitem-ea-itf-search.appmenu-item-selected, .topitem-ea-itf-search:hover {
        background-image: url('../../pages/images/appmenu/ea.png');
    }

    .topitem-ea-standard-search {
        background-image: url('../../pages/images/appmenu/ea-white.png');
    }

    .topitem-ea-standard-search.appmenu-item-selected, .topitem-ea-standard-search:hover {
        background-image: url('../../pages/images/appmenu/ea.png');
    }

    .topitem-addresses-main {
        background-image: url('../images/appmenu/adr-white.png');
    }

    .topitem-addresses-main.appmenu-item-selected, .topitem-addresses-main:hover {
        background-image: url('../images/appmenu/adr.png');
    }

    .topitem-settings {
        background-image: url('../../pages/images/appmenu/settings-white.png');
    }

    .topitem-settings.appmenu-item-selected, .topitem-settings:hover {
        background-image: url('../../pages/images/appmenu/settings.png');
    }

    .topitem-recycle-bin {
        background-image: url('../../pages/images/appmenu/archiv-white.png');
    }

    .topitem-recycle-bin.appmenu-item-selected, .topitem-recycle-bin:hover {
        background-image: url('../../pages/images/appmenu/archiv.png');
    }

    /**appmenu end **/

    .appmenu-username {
        font-weight: bold;
        color: #5B92D3;
    }

    /** tabpane **/
    div.tabpane {
        display: block;
        padding: 0;
        margin: 0;
        height: 42px;
    }

    ul.tabpane {
        display: block;
        position: relative;
        padding: 0;
        margin: 0;
        width: 100%;
        color: #000;
        background-color: #FFF;
        font-family: arial, helvetica, sans-serif;
    }

    ul.tabpane li.tabpane-topitem {
        box-sizing: content-box;
        display: inline-block;
        font-size: 11px;
        text-align: center;
        background-color: #5B92D3;
        width: auto;
        color: #fff;
        padding: 0 5px;
    }

    ul.tabpane li.tabpane-topitem.tabpane-topitem-selected {
        border-top: 1px solid #5B92D3;
        border-left: 1px solid #5B92D3;
        border-right: 1px solid #5B92D3;
        background-color: #ffffff;
        color: #5B92D3;
    }

    ul.tabpane li.tabpane-topitem.tabpane-topitem-selected {
        font-weight: bold;
    }

    ul.tabpane li.tabpane-topitem:hover {
        background-color: #ffffff;
        color: #5B92D3;
        /** border-bottom: 1px solid #5B92D3; **/
    }

    ul.tabpane li.tabpane-topitem.tabpane-topitem-selected:after {
        box-sizing: content-box;
        content: "";
        display: block;
        position: relative;
        height: 5px;
        width: 100%;
        background-color: #ffffff;
        z-index: 99;
        margin-left: -5px;
        padding: 0 5px;
    }

    ul.tabpane ul.tabpane-subitems {
        box-sizing: content-box;
        display: none;
        padding: 0 0 0 0;
        margin: 3px 0 0 0;
        width: 100%;
        border: 1px solid #5B92D3;
        text-align: left;
        z-index: 98;
        font-weight: normal;
        background-color: #ffffff;
        color: #000;
    }

    ul.tabpane li.tabpane-topitem.tabpane-topitem-selected ul.tabpane-subitems {
        display: block;
        position: absolute;
        left: 0;
        height: 17px;
    }

    ul.tabpane li.tabpane-topitem:hover ul.tabpane-subitems {
        z-index: 99;
    }

    ul.tabpane ul.tabpane-subitems li.tabpane-subitem {
        display: inline-block;
        text-align: center;
        font-size: 11px;
        margin-left: 10px;
    }

    ul.tabpane ul.tabpane-subitems li.tabpane-subitem:hover {
        color: #5B92D3;
    }

    ul.tabpane ul.tabpane-subitems li.tabpane-subitem-selected {
        font-weight: bold;
    }

    ul.tabpane ul.tabpane-subitems li.tabpane-subitem-disabled {
        pointer-events: none;
        opacity: 0.5;
        vertical-align: middle;
        margin-top: 2px;
        margin-bottom: 1px;
    }

    ul.tabpane li span, ul.tabpane li a {
        display: inline-block;
        text-decoration: none;
        height: 100%;
        width: 100%;
        color: inherit;
        cursor: pointer;
    }

    ul.tabpane li a span {
        vertical-align: middle;
        display: inline;
        line-height: 17px;
    }

    a:link, a:visited {
        color: #5b92d3;
    }

    a:hover {
        color: #5e5e5e;
    }

    .archiv-header {
        background-color: #5B92D3;
        color: white;
        font-weight: bold;
        padding-left: 4pt;
        height: 20px;
    }


    .profile-header {
        background-color: #5B92D3;
        color: white;
        padding-left: 4pt;
        height: 16px;
    }

    .profile-header a:link, .profile-header a:visited {
        font-family: arial, helvetica, sans-serif;
        background-color: transparent;
        text-decoration: none;
        color: #FFFFFF;
    }

    .profile-item {
        padding: 4px 0 4px 0;
        float: left;
        margin: 5px;
    }

    .profile-item a:link, .profile-item a:visited {
        display: block;
        font-family: arial, helvetica, sans-serif;
        font-size: 9pt;
        background-color: transparent;
        padding-top: 0;
        padding-left: 0;
        margin: 0;
        text-decoration: underline;
        color: #5B92D3;
    }

    .profile-item a:hover, .profile-item a:active {
        display: block;
        font-family: arial, helvetica, sans-serif;
        font-size: 9pt;
        background-color: transparent;
        padding-top: 0;
        padding-left: 0;
        margin: 0;
        text-decoration: none;
        color: #f6a800;
    }

    table.termin {
        border-collapse: collapse;
        width: 100%;
        margin-bottom: 8pt;
    }

    .dokumente-loeschen {
        border: 1px solid gray;
        font-size: 9pt;
    }

    td.termin {
        border: 1px solid gray;
    }

    .termin-ueberfaellig {
        border: 1px solid gray;
        color: red;
    }

    .termin-header {
        color: gray;
        background-color: #DDDDDD;
        font-style: italic;
        border: 1px solid gray;
        margin-top: 2px;
    }

    .termin-noborder {
        font-weight: bold;
        padding-top: 8pt;
    }

    table.history {
        border-collapse: collapse;
        width: 100%;
        margin-bottom: 8pt;
        font-size: 9pt;
    }

    table.history tr {
        border: 1px solid gray;
    }

    td.history {
        vertical-align: top;
        border: 1px solid gray;
    }

    .history-date {
        box-sizing: border-box;
        vertical-align: top;
        border: 1px solid gray;
        width: 16ex;
    }

    .history-changes {
        vertical-align: top;
        border: 1px solid gray;
        font-family: 'Courier New', monospace;
    }

    .history-header {
        vertical-align: top;
        color: gray;
        background-color: #DDDDDD;
        font-style: italic;
        border: 1px solid gray;
    }

    .history-header-date {
        vertical-align: top;
        color: gray;
        background-color: #DDDDDD;
        font-style: italic;
        border: 1px solid gray;
        width: 16ex;
    }

    /* ======================================================================= */
    /* New design */
    /* ======================================================================= */

    /* COMMON STUFF */

    /* dark color border */
    .border1 {
        border: 1px solid #BDBEC0;
    }

    /* table cell with dark background color */
    .bg-color1 {
        background-color: #BDBEC0;
        border-color: #BDBEC0;
    }

    /* table cell with lighter background (orange, used for appmenu subitems) */
    .bg-color2 {
        background-color: #f6a800;
        border-color: #f6a800;
    }

    .popUpPageHeader {
        font-size: 13pt;
        color: #000000;
        font-family: arial, helvetica, sans-serif;
        text-decoration: none;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        position: fixed;
        right: 400px;
        left: 120px;
    }

    /* caption of organization*/
    .orgCaption {
        font-size: 13pt;
        color: #000000;
        font-family: arial, helvetica, sans-serif;
        text-decoration: none;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        position: fixed;
        right: 400px;
        left: 370px;
    }

    /* caption of organization*/
    .orgCaptionAdrNew {
        font-size: 13pt;
        color: #000000;
        font-family: arial, helvetica, sans-serif;
        white-space: nowrap;
        margin-left: 48px;
    }

    .orgCaptionPrefixYellow {
        background-color: yellow;
        padding: 4px;
    }

    .orgCaptionPrefixRed {
        background-color: red;
        padding: 4px;
    }

    /* largest type of caption */
    .caption1 {
        font-size: 13pt;
        color: #5B92D3;
        font-family: arial, helvetica, sans-serif;
        text-decoration: none;
    }

    /* smaller caption */
    .caption2 {
        font-size: 10pt;
        color: #5B92D3;
        font-family: arial, helvetica, sans-serif;
        text-decoration: none;
    }

    /* NAVIGATION */

    /* navigation area top bar */
    .balken-oben {
        z-index: 1;
        display: block;
        position: relative;
        height: 15px;
    }

    /* navigation area bottom bar */
    .balken-unten {
        z-index: 1;
        position: relative;
        height: 3px;
    }

    .balken-unten-login {
        z-index: 1;
        display: block;
        position: relative;
        height: 15px;
    }


    .header {
        background-image: url('../../pages/images/logo-draeger.gif');
        background-size: 80px 45px;
        background-position: 10px 0;
        background-repeat: no-repeat;
        margin-bottom: 5px;
        line-height: 50px;
        height: 50px;
    }

    .header .header-content {
        display: flex;
    }

    .header .header-content .header-content-left-text {
        position: fixed;
        font-size: 32px;
        padding-left: 10px;
        font-weight: bold;
    }

    .header .header-content .header-content-left {
        padding-left: 100px;
        flex-grow: 1;
    }

    .header .header-content .header-content-left div {
        display: inline-block;
        vertical-align: middle;
    }

    .header .header-content .header-content-right div {
        display: inline-block;
        vertical-align: middle;
        max-width: 691px;
    }

    .header .header-content .header-content-center div {
        display: inline-block;
        vertical-align: middle;
        width: 100px;
    }

    .header .header-content .appmenu-main {
        display: inline-block;
    }

    .header.login .header-content {
        /* TODO: facelift - make this relative when all absolute tags in header are refactored!
          position: relative; */
        display: block;
        height: 116px;
        width: 100%;
    }

    /* large background image for navigation area */
    .menu-image {
        z-index: 1;
        margin-top: 5px;
    }


    /* application version number overlay over menu image */
    .appversion-login {
        z-index: 2;
        padding-top: 70px;
        left: 5px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 9pt;
        color: #686565;
        width: 200px;
    }

    .appversion {
        z-index: 2;
        display: inline-block;
        top: 0;
        margin-left: 5px;
        margin-right: 5px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 9pt;
        color: #686565;
        background-color: white;
    }

    .impressum {
        z-index: 2;
        top: 0;
        display: inline-block;
    }

    .hilfe {
        z-index: 2;
        top: 0;
        display: inline-block;
        margin-left: 30px;
        margin-right: 5px;
    }

    .mail-div {
        z-index: 2;
        top: 0;
        width: 32px;
        height: 32px;
        display: inline-block;
        background-image: url('../../pages/images/mail.jpg');
        background-size: 32px 32px;
        text-align: center;
        line-height: 32px;
        cursor: pointer;
    }

    .mail-div:hover {
        color: #5B92D3;
    }

    .mail-div span {
        background: rgba(255, 255, 255, .3);
        width: 100%;
        height: 100%;
        display: block;
    }

    .org-div {
        z-index: 2;
        display: inline-block;
        margin-left: 15px;
        margin-right: 5px;
        height: 50px;
    }


    .org-div-login {
        z-index: 2;
        display: inline-block;
        margin-top: 10px;
        width: 200px;
        text-align: right;
    }

    .appversion {
        text-align: center;
        font-size: 8pt;
        color: #54595C;
    }

    /* tabpane lines */
    .bg-nav-rahmen {
        background-color: #ffffff;
    }

    .tabpane-bg-nav {
        background-color: #ffffff;
    }

    .tabpane-bg-inhalt {
        background-color: #ffffff;
    }

    /* for content of page below tabpane */
    .pageWithTabpane {
        z-index: 1;
        position: relative;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    /* for content of page without tabpane */
    .pageWithoutTabpane {
        position: relative;
        z-index: 90;
    }

    /* not active tabpane top-level item */
    .nav5 a, .nav5 a:link, .nav5 a:visited {
        display: inline;
        font-family: arial, helvetica, sans-serif;
        font-size: 9pt;
        background-color: #5B92D3;
        height: 17px;
        padding: 0;
        margin: 0;
        text-decoration: none;
        color: #ffffff;
        cursor: pointer;
    }

    .nav5 a:hover, .nav5 a:active {
        display: inline;
        font-family: arial, helvetica, sans-serif;
        font-size: 9pt;
        background-color: #ffffff;
        height: 17px;
        padding: 0;
        margin: 0;
        text-decoration: none;
        color: #5B92D3;
        cursor: pointer;
    }

    /* active tabpane top-level item */
    .tabpane-top-selected {
        font-family: arial, helvetica, sans-serif;
        font-size: 9pt;
        text-decoration: none;
        color: #5B92D3;
    }

    .zentral-abfrage {
        font-family: arial, helvetica, sans-serif;
        font-size: 9pt;
        text-decoration: none;
        color: #5B92D3;
        font-weight: bold;
    }

    /* tabpane sub-level item */

    .tabpane-sub-selected {
        font-size: 8pt;
        color: #000000;
        font-family: arial, helvetica, sans-serif;
        text-decoration: none;
        height: 17px;
        padding: 0;
        margin: 0;
    }

    .nav7 a, .nav7 a:link, .nav7 a:visited {
        display: inline;
        font-family: arial, helvetica, sans-serif;
        font-size: 8pt;
        background-color: #ffffff;
        height: 17px;
        padding: 0;
        margin: 0;
        text-decoration: none;
        color: #000000;
        cursor: pointer;
    }

    .nav7 a:hover, .nav7 a:active {
        display: inline;
        font-family: arial, helvetica, sans-serif;
        font-size: 8pt;
        background-color: #ffffff;
        height: 17px;
        padding: 0;
        margin: 0;
        text-decoration: none;
        color: #5B92D3;
        cursor: pointer;
    }

    .disabled_subpane {
        display: inline;
        font-family: arial, helvetica, sans-serif;
        font-size: 8pt;
        font-weight: lighter;
        background-color: #ffffff;
        height: 17px;
        padding: 0;
        margin: 0;
        text-decoration: none;
        color: grey;
        cursor: default;
    }

    .list-item a:link, .list-item a:visited {
        display: block;
        font-family: arial, helvetica, sans-serif;
        font-size: 9pt;
        background-color: transparent;
        padding-top: 1pt;
        padding-bottom: 1pt;
        padding-left: 0;
        margin: 0;
        text-decoration: underline;
        color: #5b92d3;
    }

    .list-item a:hover, .list-item a:active {
        display: block;
        font-family: arial, helvetica, sans-serif;
        font-size: 9pt;
        background-color: transparent;
        padding-top: 1pt;
        padding-bottom: 1pt;
        padding-left: 0;
        margin: 0;
        text-decoration: none;
        color: #f6a800;
    }

    /* childrecordList Header color and color for odd(1) and even(2) row */
    .bg-tabelleHead {
        background-color: #cccccc;
    }

    .bg-tabelle1 {
        background-color: #ffffff;
    }

    .bg-tabelle2 {
        background-color: #f3f3f3;
    }

    /* new record list tag */

    .recordListTable {
        background-color: #ffffff;
        border: 0;
        empty-cells: show;
        font-size: 9pt;
    }

    .recordListTableOld {
        background-color: #ffffff;
        border: 0;
        table-layout: fixed;
        empty-cells: show;
        font-size: 9pt;
    }

    .recordListHeaderRow {
        background-color: #cccccc;
    }

    .recordListHeaderCell {
        font-weight: bold;
        font-size: 9pt;
        padding: 2px;
        background-color: #cccccc;
    }

    .recordListHeaderCellSortable {
        font-weight: bold;
        font-size: 9pt;
        padding: 2px;
        background-color: #cccccc;
        cursor: pointer;
    }

    .recordListItemDiv {
        box-sizing: border-box;
        overflow-x: scroll;
        overflow-y: scroll;
        width: 98%;
        height: 165px;
        margin: 0;
        padding: 0;
        background-color: #ffffff;
        border: 1px solid #5B92D3;
        font-size: 9pt;
    }

    .recordListItemDivOhneHoehe {
        box-sizing: border-box;
        overflow-x: scroll;
        overflow-y: scroll;
        width: 98%;
        font-size: 9pt;
        margin: 0;
        padding: 0;
        background-color: #ffffff;
        border: 1px solid #5B92D3;
    }

    .recordListItemRow1 {
        background-color: #ffffff;
    }

    .recordListItemRow2 {
        background-color: #f3f3f3;
    }

    .recordListItemCell {
        font-weight: normal;
        font-size: 9pt;
        padding: 2px;
    }

    .recordListItemCell a:link, .recordListItemCell a:visited {
        display: block;
        text-decoration: underline;
        color: #000000;
    }

    .recordListItemCell a:hover, .recordListItemCell a:active {
        display: block;
        text-decoration: none;
        color: #f6a800;
    }

    .warnLevel1 {
        background-color: #00FF00;
    }

    .warnLevel2 {
        background-color: #FFFF00;
    }

    .warnLevel3 {
        background-color: #FF9900;
    }

    .warnLevel4 {
        background-color: #FF0000;
    }

    @media screen {
        .footer {
            font-size: 8pt;
            position: absolute;
            bottom: 0;
            height: 18px;
            width: 100%;
            color: #54595C;
            text-align: center;
        }
    }

    @media print {
        .footer {
            display: none;
        }
    }

    .footer .footerinner {
        display: inline;
    }

    .footer a:link, .footer a:visited {
        padding-top: 0;
        padding-left: 0;
        margin: 0;
        text-decoration: underline;
        color: #54595C;
    }

    .footer a:hover, .footer a:active {
        padding-top: 0;
        padding-left: 0;
        margin: 0;
        text-decoration: none;
        color: #54595C;
    }

    .explanation {
        font-size: 7pt;
        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
        font-weight: normal;
    }

    .bereitschBox {
        padding: 2px;
        color: black;
        font-weight: bold;
        font-size: 10pt;
        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
        background: pink no-repeat;
        border: 1px solid #5B92D3;
    }

    .menulist {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    .eahinweisbericht {
        font-weight: bold;
        font-size: 16pt;
        color: red;
    }

    .jahresbericht {
        border-collapse: collapse;
        margin: 10px;
    }

    table.jahresbericht td {
        padding-left: 4px;
    }

    .tableWithBorder {
        border-collapse: collapse;
        width: 100%;
        margin-bottom: 8pt;
        font-size: 8pt;
    }


    .tableWithBorder-leftBorderNone {
        vertical-align: top;
        border-right: 1px solid gray;
        border-left: none;
        border-top: 1px solid gray;
        border-bottom: 1px solid gray;
    }

    .tableWithBorder-checkbox {
        box-sizing: border-box;
        vertical-align: top;
        border-right: none;
        border-left: 1px solid gray;
        border-top: 1px solid gray;
        border-bottom: 1px solid gray;
        width: 10px;
    }

    .tableWithBorder-border {
        vertical-align: top;
        border-right: 1px solid gray;
        border-left: 1px solid gray;
        border-top: 1px solid gray;
        border-bottom: 1px solid gray;
    }

    .tableWithBorder-header {
        vertical-align: top;
        border: 1px solid gray;
        padding-left: 5px;
        background-color: #dddddd;
    }


    .tableInDiv {
        border-collapse: collapse;
        width: 100%;
        margin-bottom: 8pt;
        font-size: 8pt;
    }

    .divWithBorder {
        box-sizing: border-box;
        border-collapse: collapse;
        width: 100%;
        margin-bottom: 8pt;
        font-size: 8pt;
        border-right: 1px solid gray;
        border-left: 1px solid gray;
        border-top: 1px solid gray;
        border-bottom: 1px solid gray;
        overflow: auto;
    }

    .contentInner {
        margin: 10px 10px 0 10px;
        height: calc(100% - 16px);
        position: relative;
    }

    /* TODO: facelift without float! maybe inline-block or sidebarmenu! */
    .iss-sidebar {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        width: 280px;
        height: 100%;
        float: left;
    }

    .iss-side-list {
        position: relative;
        display: block;
        width: 280px;
        height: 50%;
        overflow: auto;
    }


    .iss-sidebar-menu {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        width: 380px;
        height: 100%;
        float: left;
    }

    .iss-side-list-menu {
        position: relative;
        display: block;
        width: 380px;
        height: 50%;
        overflow: auto;
    }

    .pagewithtreecontent-menu {
        position: relative;
        display: block;
        top: 0;
        margin-left: 10px;
        float: left;
        width: calc(100% - 395px);
    }

    .useradmin-iss-side-list {
        height: 75%;
    }

    .iss-side-tree {
        position: relative;
        display: block;
        width: 100%;
        height: 50%;
    }


    .settings-iss-side-tree {
        height: 100%;
    }

    .useradmin-iss-side-tree {
        height: 20%;
    }

    .gebuehrenverzeichnis-iss-side-list {
        height: 0;
    }

    .gebuehrenverzeichnis-iss-side-tree {
        height: 100%;
    }

    .pagewithtreecontent {
        position: relative;
        display: block;
        top: 0;
        width: calc(100% - 295px);
        margin-left: 10px;
        float: left;
    }

    .reportParameterSidebar {
        width: 320px;
    }

    .login-header {
        box-sizing: border-box;
        display: flex;
        background-image: url('../../pages/images/draeger-logo.gif');
        background-size: 116px 67px;
        background-repeat: no-repeat;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 10px;
        text-align: left;
        line-height: 25px;
        border-bottom: 1px solid #d4d4d4;
        height: 100px;
        justify-content: space-between;
    }

    .zms-sidebar {
        margin: 5px;
    }

    .zms-splitter {
        border: none;
    }

    .pvSearchDivBorderNone, .adrSearchDivBorderNone, .eaSearchDivBorderNone {
        border: none;
        margin-top: 10px;
        margin-bottom: 15px;
    }

    .pvSearchDivBorderNone .issbutton, .adrSearchDivBorderNone .issbutton, .eaSearchDivBorderNone .issbutton {
        margin-top: 5px;
    }

    #deprecatedInfo {
        margin: 5px;
        background-color: rgb(252, 245, 95);
        padding: 5px 10px;
        max-width: 1010px;
        position: relative;
    }

    .close_deprecated {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 16px;
        padding: 5px;
        cursor: pointer;
    }

    .hidden {
        display: none;
    }

    .deprecatedInfo_link {
        font-weight: bold;
        text-decoration: underline;
        cursor: pointer;
    }
}