html,
body {
    height: 100%;
    padding: 0;
    position: relative;
    width: 100%;
}

body {
    margin: 0;
    color: #00617e;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0;
    text-decoration: none;
}

input.button {
    background: #009dcc;
    font-family: inherit;
    text-align: center;
    color: #fff;
    border: none;
    border-radius: 0px;
    padding: 2px 5px;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 1);
    -moz-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 1);
    box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 1);

}

table {
    font-size: 10pt;
    font-family: inherit;
}

td {
    font-family: vardana, arial;
}

th {
    font-size: 11pt;
    font-family: inherit;
    text-decoration: none;
    font-weight: bold;
    text-align: left;
}

p {
    font-size: 10pt;
    font-family: inherit;
}

.ue_schrift {
    font-size: 16pt;
    font-family: inherit, sans-serif;
    text-align: center;
}

h1 {
    font-size: 16pt;
    font-family: inherit;
    text-align: center;
    font-weight: 400;
}

h2 {
    font-size: 14pt;
    font-family: inherit;
    text-align: center;
}

h3 {
    font-size: 12pt;
    font-family: inherit;
}

.center {
    text-align: center;
    margin: auto;
    display: table;
}

input,
textarea {
    padding: 2px;
    font-size: 9pt;
    font-family: inherit;
    border: 1px solid;
    margin: 1px;
}

A {
    color: #000000;
    text-decoration: none
}

A:link {
    color: #000000;
    text-decoration: none
}

A:hover {
    color: #222222;
    background-color: #ffffff;
    text-decoration: none
}

.navi {
    color: #009dcc
}

A.navi {
    color: #009dcc;
    text-decoration: none;
    font-weight: bold;
    font-size: 8pt
}

A.navi:link {
    color: #009dcc;
    text-decoration: none;
    font-weight: bold;
    font-size: 8pt
}

A.navi:hover {
    color: #ff0000;
    background-color: #ffffff;
    font-weight: bold;
    text-decoration: bold;
    font-size: 8pt
}

.naviklein {
    color: #009dcc
}

A.naviklein {
    color: #009dcc;
    text-decoration: none;
    font-size: 8pt
}

A.naviklein:link {
    color: #009dcc;
    text-decoration: none;
    font-size: 8pt
}

A.naviklein:hover {
    color: #ff0000;
    background-color: #ffffff;
    font-size: 8pt
}

.menuItem {
    background-color: #dddddd;
    text-align: center;
    width: 150px;
}

A.menuItem:link {
    background-color: #dddddd;
    text-align: center;
    width: 146px;
}

A.menuItem:hover {
    color: #222222;
    background-color: #ffffff;
    text-align: center;
    width: 146px;
}

.menuItem2 {
    background-color: #cccccc;
    text-align: center;
    width: 150px;
}

A.menuItem2:link {
    background-color: #cccccc;
    text-align: center;
    width: 146px;
}

A.menuItem2:hover {
    color: #222222;
    background-color: #ffffff;
    text-align: center;
    width: 146px;
}

.menuItem a,
.menuItem2 a {
    min-width: 145px !important;
    display: block;
}

.topklein {
    font-size: 8pt;
    font-weight: bold;
}

.klein {
    font-size: 8pt;
}

.weiss {
    color: #ffffff;
    font-size: 12pt;
}

.blau {
    color: #006AB3;
    font-size: 12pt;
}

#fehler,
.fehler {
    color: red;
    font-weight: bold;
}

.datatable tr:nth-child(even) {
    background: #CCCCCC
}

.datatable tr:nth-child(odd) {
    background: #DDDDDD
}

.datatable tr:hover {
    background: #fff;
}


.auswahl {
    cursor: pointer;
}

.rot {
    color: #DE2C31
}

.gruen {
    color: #008800 !important
}

.grau {
    color: #BDBEBD
}

.gross {
    font-size: 12pt
}

.menuHead {
    background-color: #009dcc;
    color: #ffffff;
    font-weight: bold;
}

.linecolor1 {
    background-color: #dddddd;
}

.linecolor2 {
    background-color: #eeeeee;
}

.linecolor3 {
    background-color: #ffff00;
}

.#PCL {
    font-family: Verdana, Arial, Helvetica;
    font-style: none;
    font-weight: normal;
    text-decoration: none;
    font-size: 8pt;
}

.#PTT {
    font-family: Verdana, Arial, Helvetica;
    font-size: 8pt;
}

.#PST {
    font-family: Verdana, Arial, Helvetica;
    font-size: 8pt;
}

.IEopacity1 {
    filter: alpha(opacity=50)
}

.IEopacity2 {
    filter: alpha(opacity=100)
}

.NSopacity1 {
    -moz-opacity: 0.5
}

.NSopacity2 {
    -moz-opacity: 1
}


.modal {
    display: none;
    position: fixed;
    z-index: 1050;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, .8) url('bilder/loading.gif') 50% 50% no-repeat;
}

.modal#spinnerModal {
    background: none;
}

body.loading {
    overflow: hidden;
}

body.loading .modal {
    display: block;
}

#ueberschrift {
    display: block;
    margin: auto;
    font-size: 16pt;
    text-align: center;
}

#sub_ueberschrift,
.sub_ueberschrift {
    display: block;
    margin: auto;
    font-size: 12pt;
    text-align: center;
}

.block-disable {
    pointer-events: none;
    opacity: 0.4;
}

.top-n2 {
    position: relative;
    top: -2px;
}

.bootstrap-select .dropdown-menu li[class^="optgroup"] a span.text {
    text-wrap: initial;
    display: inline-block;
    border-bottom: 1px dashed #adb5bd;
    width: 100%;
}

.bootstrap-select>.dropdown-toggle,
.bootstrap-select>.dropdown-toggle.bs-placeholder {
    background: #fff;
    border: 1px solid #ced4da;
}

.bootstrap-select>.dropdown-toggle.disabled {
    background: #e9ecef;
}