html {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}

body {
    background: #ddd none repeat scroll 0 0;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    font-size: 10pt;
    font-weight: normal;
    font-family: Tahoma, Arial;
}

body.blueBackground {
    background: #005da4;
}

body.graueBackground {
    background: #c1c1c1;
}

.text_right {
    text-align: right;
}

.text_left {
    text-align: left;
}

.text_center {
    text-align: center;
}

.textKursiv {
    font-style: italic;
}

.textFett {
    font-weight: bold;
}

.ui-dialog.setItFixed {
    position: fixed !important;
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

/* Standard-Aussehen von Links */
a {
    color: #000000;
}

a:hover {
}

a:focus {
}

/* Standard-Aussehen für HTML-Elemente */
input, select {
    background-color: #FFFFFF;
    border: 1px solid #0076B8;
    font-size: 9pt;
    width: 150px;
    height: 16px;
    padding: 1px;
    margin-top: 1px;
}

select {
    height: 20px;
}

th {
    font-weight: bold;
    text-align: center;
    padding-top: 2px;
    color: #fff
}

th.subHead {
    font-style: italic;
    font-size: 11px;
}

tr.inactive {
    display: none
}


/*@todo teaser Fixed top left null mit Hintergrundgrafik*/
#icons, #extended_icons {
    width: 998px;
    margin: 0 auto;
}

/* Standard-Layout */
#head {
    height: 100px;
    margin: 0 auto;
    position: fixed;
    width: 100%;
    z-index: 100;
}

#head hr {
    border: 0;
    height: 5px;
    margin-top: 15px;
    width: 1000px;
    background: #333;
    background-image: linear-gradient(to right, #0076B8, #005da4, #0076B8);
    box-shadow: 0 3px 4px #555;
}

#head .layout_head {
    background: #fff none no-repeat scroll 0 0;
    height: 100px;
    margin: 0 auto;
    max-width: 1024px;
    min-width: 1024px;
    padding-top: 10px;
}

.layout_base {
    background: #fff none no-repeat scroll 0 0;
    box-sizing: border-box;
    margin: 0 auto;
    min-width: 1024px;
    padding: 0 10px;
    width: 1000px;
    min-height: 900px;
    height: auto;
}

.layout_footer {
    background: #dce1f0 none no-repeat scroll 0 0;
    text-align: center;
    padding: 5px;
    position: relative;
}

.footer_square {
    background-color: #005da4;
    height: 32px;
    position: absolute;
    right: 25%;
    top: -24px;
    width: 32px;
}

#extended_head {
    background-image: none;
    width: 100%;
    height: 112px;
    top: 0;
    left: 0;
    display: none;
    position: fixed;
}

#extended_black_background {
    background-image: url(../bilder/head-bg.png?_=1495036165) no-repeat top center;
    height: 40px;
    width: 300px;
    margin: 39px 0 0 110px;
    position: fixed;
}

/* Standard-Layout innerhalb von #rightdiv */
#rightdiv {
    position: fixed;
    left: 50%;
    top: 110px;
    margin-left: 180px;
    width: 320px;
    height: 85% !important;
}

#contentdiv {
    width: 998px;
    margin: 0 auto;
    font-size: 11px;
    padding-top: 110px;
}

/* Standard-Layout innerhalb von #contentdiv */
#AdminBody {
    width: 665px;
    float: left;
}

/* Standard-Layout innerhalb von #AdminBody */
#AdminBody table {
    width: 100%;
    margin: 0 10px 0 0;
    border-collapse: collapse;
}

#AdminBody tr:first-child th {
    background: #005da4;
}

#AdminBody tr:nth-child(2) th {
    color: #000;
    background-color: #fff;
}

#AdminBody tr:first-child th:first-child {
    background-position: left top;
}

#AdminBody tr:first-child th:last-child {
    background-position: right top;
}

#AdminBody table * {
    white-space: nowrap;
}

#AdminBody td {
    border-top: 1px solid #e6e6f5;
    border-left: 1px solid #e6e6f5;
    font-size: 11px;
    background: #F7F7F7;
    padding-left: 3px;
}

#AdminBody td:first-child {
    border-left: none;
}

#AdminBody td.orange {
    background-color: #f9e98b;
}

#AdminBody tr.colorGray td {
    background-color: #DDDDDD;
}

#AdminBody tr.colorGreen td {
    background-color: #adddb3;
}

#AdminBody tr.colorYellow td {
    background-color: #dddd93;
}

#AdminBody .icons {
    padding: 0;
    width: 16px;
    vertical-align: bottom;
}

#AdminBody .icons a {
    color: transparent;
}

#AdminBody .vorname {
    width: 100px;
}

#AdminBody .durchwahl {
    width: 20px;
}

#AdminBody .raum {
    width: 20px;
    text-align: center;
}

#AdminBody .ort {
    width: 215px;
}

#AdminBody .status {
    width: 140px;
}

#AdminBody .companys {
    width: 80px;
}

#AdminBody .companys div {
    width: 80px;
    overflow: hidden;
}

#AdminBody .no_left_border {
    border-left: 0;
}

#AdminBody .geburtstag {
    width: 50px;
    text-align: center;
}

.external_queue {
    width: 50% !important;
}

.external_queue tbody td {
    text-align: center !important;
}

#listall .vorname {
    width: 55px;
}

#listall .nachname {
    width: 80px;
}

#listall,
#ListSearch,
#listdepartment > div {
    margin-bottom: 10px;
    border: 1px solid transparent;
}

#listdepartment .department {
    background: #005da4 no-repeat;
    padding: 2px 0 2px 10px;
    font-weight: bold;
    cursor: pointer;
    color: #FFF;
}

#listdepartment .notify {
    float: right;
    margin-top: -15px;
}

#listdepartment .company {
    display: none;
}

#listdepartment table {
    display: none;
}

#listdepartment tr:nth-child(2n) td,
#listall tr:nth-child(2n) td {
    background: #d5e2ec none repeat scroll 0 0;
}

#listdepartment td,
#listall td,
#ListSearch td {
    border: 1px solid transparent;
}


#logout {
    background: url(../bilder/logout.png?_=1495036165) transparent no-repeat 0 0;
    width: 48px;
    height: 48px;
    float: right;
    margin-top: 1px;
}

/* Standard-Layout innerhalb von #statusdiv */
#statusdiv table {
    border-spacing: 0;
    border-collapse: collapse;
}

#statusdiv td {
    padding: 0;
}

#statusdiv select {
    width: 300px;
}

#statusdiv input {
    width: 296px;
}

#statusdiv .inputButton {
    width: 300px;
}

/* Standard-Layout innerhalb von #bgdiv */
#widget_notifications {
    max-height: 200px;
    overflow-y: auto;
}

#widget_notifications div {
    padding-top: 5px;
}

#widget_notifications .notehead {
    padding: 2px;
    font-weight: bold;
    color: black;
    background-color: #D88484
}

#widget_notifications .notehead .delbutton {
    float: right;
}

#widget_notifications .blink {
    font-weight: bold;
    padding: 4px;
    background: #FFFFFF;
}

#widget_notifications .avaiability .notehead {
    display: none;
}

#widget_notifications .avaiability .blink {
    background-color: transparent;
    line-height: 20px;
    border: none;
}

#widget_notifications .avaiability .delbutton {
    background: transparent url("../bilder/new32n-and-hover.png?_=1495036165") scroll no-repeat -32px 0 !important;
    width: 32px !important;
    height: 32px;
    display: block;
    float: left;
    margin-right: 10px;
}

#widget_notifications .avaiability .delbutton:HOVER {
    background-position: -32px -32px !important;
}

#widget_notifications .avaiability .delbuttonX {
    background-position: -128px 0 !important;
}

#widget_notifications .avaiability .delbuttonX:HOVER {
    background-position: -128px -32px !important;
}

#widget_notifications .admin_message .blink {
    background-color: transparent;
    line-height: 20px;
    border: none;
}

#widget_notifications .admin_message .blink .canceled {
    color: red;
}

#widget_notifications .admin_message .delbutton {
    background: transparent url("../bilder/achtung.png?_=1495036165") scroll no-repeat 0 0 !important;
    width: 32px !important;
    height: 32px;
    display: block;
    float: left;
    margin-right: 10px;
}

#widget_notifications .admin_message .delbutton.important.hover,
#widget_notifications .admin_message .delbutton:HOVER {
    background-position: -32px 0 !important;
}

#widget_notifications .holiday_message .link {
    /*background: transparent url("../bilder/holiday.png") scroll  no-repeat 0 0  !important;*/
    background: url(../bilder/icons/sprite_orte_32.png?_=1522750024) no-repeat;
    background-position: -160px 0 !important;
    width: 34px !important; /* 32x32*/
    height: 28px;
    display: block;
    float: left;
    margin-right: 10px;
    border: 0;
}

#widget_notifications .holiday_message .link:HOVER {
    background-position: -352px -160px !important;
}

/* -32px*/
#widget_notifications .holiday_message .parking {
    background: transparent url("../bilder/parking.png?_=1495036165") scroll no-repeat 0 0 !important;
    width: 32px !important;
    height: 32px;
    display: block;
    float: left;
    margin-right: 10px;
    border: 0;
}

#widget_notifications .holiday_message .parking:HOVER {
    background-position: -32px 0 !important;
}

#widget_notifications .holiday_message {
    border: 1px solid #FFFFFF;
}

#widget_notifications .holiday_message:hover {
    border-color: #777777
}

#widget_daily_dish .canteenButton {
    background: #d5e2ec none repeat scroll 0 0;
    border: medium none !important;
    color: #005da4;
    font-weight: bold;
    padding: 6px;
    width: 100%;
}

#widget_daily_dish .canteenButton:HOVER {
    background-color: #888 !important;
    color: white;
}


/* Dialog */
#dialog {
    display: none;
    margin-top: -1px;
    padding: 0.5em 0.3em;
    border: medium none;
}

div.ui-dialog {
    box-shadow: none !important;
    border: 1px solid #005da4;
}

/* Standard-Layout für die Login-Seite */
#login {
    height: 100%;
    text-align: center;
    font-size: 12pt;
}

#login .logo {
    background: url(../bilder/panel.png?_=1495036165) no-repeat 0 0;
    height: 260px;
    width: 330px;
    margin-top: -119px;
    margin-left: -156px;
    position: absolute;
    left: 50%;
    top: 50%;
}

#login .inputButton {
    background: url(../bilder/button.gif?_=1495036165) no-repeat 0 0;
    width: 145px;
    height: 30px;
    border: none !important;
    color: #BBB;
    margin-top: -20px;
    font-size: 13px;
    font-weight: bold;
}

#login .logininput {
    border: none !important;
    background: url(../bilder/input.gif?_=1495036165) no-repeat 0 0;
    height: 30px;
    width: 228px;
    line-height: 30px;
    padding: 0 5px;
    font-size: 16px;
}

#login .loginlabel {
    color: #BBB;
    text-align: left;
    margin-left: 47px;
    font-size: 13px;
}

#login label.loginlabel {
    display: block;
}

#login #loginfieldset {
    margin-top: 30px;
}

#loginheading {
    background: url(../bilder/kundm-login.png?_=1495036165) no-repeat left top;
    height: 62px;
    font-size: 20px;
    color: #FFF;
    line-height: 62px;
    width: 150px;
    margin: 0 auto;
    text-align: left;
    padding-left: 60px;
}


/* Standard-Layout für Benachrichtigungs-Feature im Chrome */
#ChromeBlockLayer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50);
}

#ChromeNotificationPermission {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300px;
    height: 150px;
    margin: -75px 0 0 -150px;
    display: none;
    background-color: #E2EAF5;
    border: 1px solid #0076B8;
    padding: 5px;
}

/* Allgemein gültige Klassen */
.clearing {
    clear: both;
}

/* Row highlighting bei Tabellen */
.rowhover tr:hover td {
    background-color: #888 !important;
    color: white;
}

.inputButton, .linkButton, .absenceButton {
    background-color: #9FB8DD;
    padding: 2px;
}

.inputButton {
    width: 300px;
    height: 22px;
}

.linkButton {
    border: 1px solid #0076B8;
    font-size: 9pt;
    text-align: center;
    display: block;
    margin-top: 2px;
    text-decoration: none;
}

.absenceButton {
    border: 1px solid #0076B8;
    height: 22px;
}

.inputButton:hover, .linkButton:hover, .absenceButton:hover {
    background-color: #9DC1E1;
}

.inputButton:active, .linkButton:active, .absenceButton:active {
    border-top: 2px solid #555;
    border-left: 2px solid #555;
}

.linkButton:active {
    margin-top: 1px;
}

.linkButton.active {
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .4)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .4)), color-stop(.75, rgba(255, 255, 255, .4)), color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .4) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .4) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, .4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .4) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .4) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, .4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .4) 75%, transparent 75%, transparent);
}

/* Table-Head Icons */
.telephone, .email2, .atperson {
    background: url(../bilder/sprite.png?_=1495036165) no-repeat 0 0;
    height: 16px;
    width: 16px;
    margin: 0 auto 1px;
}

.telephone {
    background-position: -32px 0;
}

.notify {
    border: none;
    background: url(../bilder/sprite.png?_=1495036165) no-repeat -48px 0;
    cursor: pointer;
    height: 16px;
    width: 16px;
    margin-left: -2px;
}

.notify:hover {
    background-position: -48px -16px;
}

.success {
    background-position: -48px -32px !important;
}

.fail {
    background-position: -48px -48px !important;
}

.atperson {
    background-position: -64px -64px;
}

.warning {
    border: none;
    background: url(../bilder/sprite.png?_=1495036165) no-repeat -96px -64px;
    cursor: pointer;
    height: 16px;
    width: 16px;
    padding-left: 20px;
}

/* Ort und Status Farben */
.default {
    font-weight: bold !important;
    color: #00c000;
}

.blau {
    font-weight: bold !important;
    color: #0000ff;
}

.rot {
    font-weight: bold !important;
    color: #ff0000;
}

.orange {
    font-weight: bold !important;
    color: #ff9000;
}

.krank {
    font-weight: bold !important;
    color: #ff99ff;
}

.urlaub {
    font-weight: bold !important;
    color: #66ccff;
}

.dienstreise {
    font-weight: bold !important;
    color: #0000ff;
}

.seminar {
    font-weight: bold !important;
    color: #0000ff;
}

/* #e165c6, #df62c3, #da5db9, #d759b4 */
.pause {
    font-weight: bold !important;
    color: #da5db9;
}

/* Hintergrund Farben */

.redBg {
    background: #E2D0D1;
}

/* Zur Offline-Anzeige */
.offline {
    color: grey;
}

.offline .profil {
    background-position: -80px 0;
}

/* Zur Anzeige für beirets gekündigte*/
.canceled {
    color: red;
}

/* Missing-Anzeige */
.missing td {
    background-color: #FFFDDB !important;
}

/* Icons innerhalb der User-Tabelle */
.email, .profil, .setstatus {
    background: url(../bilder/sprite.png?_=1495036165) no-repeat -64px 0;
    height: 16px;
    width: 16px;
    display: block;
    margin-bottom: 1px;
    margin-right: 1px;
    margin-left: 1px;
}

.email:hover {
    background-position: -64px -16px;
    margin-bottom: 1px;
}

.profil {
    background-position: -80px -16px;
}

.profil:hover {
    background-position: -80px -32px;
}

.setstatus {
    background-position: -64px -32px;
}

.setstatus:hover {
    background-position: -64px -48px;
}


.addbutton, .delbutton, .editbutton {
    overflow: hidden;
    background: none no-repeat top right;
    border: none;
    padding: 0;
    height: 16px;
    width: 16px !important;
}

.addbutton {
    background-image: url(../bilder/add.png?_=1495036165);
}

.delbutton {
    background: url(../bilder/sprite.png?_=1495036165) no-repeat -48px -48px;
}

.editbutton {
    background: url(../bilder/sprite.png?_=1495036165) no-repeat -48px -32px;
}

/* Profil */
.widget_head {
    height: 20px;
    line-height: 20px;
    background: url(../bilder/profile-head.png?_=1495036165) no-repeat 0 0 !important;
    padding: 0 5px;
    color: #BBBBBB;
}

#profilepic {
    width: 150px;
    height: 200px;
    margin-right: 10px;
    background-repeat: no-repeat;
}

#profildata {
    margin-top: 10px;
}

#profildata table {
    border: none;
    border-collapse: collapse;
}

#profildata table.fixedHeader {
    border: 1px solid #000000;
    border-collapse: collapse;
}

#profildata table table {
    border: none;
}

#profildata td {
    width: 150px;
}

#profildata td.left {
    width: 90px;
    color: grey;
}

#profildata td.left_park {
    width: 90px;
}

#profildata input {
    width: 80px;
}

/*#profildata div            {width:260px;}*/
#profildata .profilemail {
    width: 150px;
}

#profildata table.no_border_collapse {
    border-collapse: separate;
}

#notifyHint {
    background: url(../bilder/sprite.png?_=1495036165) no-repeat 16px 16px;
    width: 16px;
    height: 16px;
    float: right;
}

#showprofiledata {
    width: 100%;
    margin-bottom: 3px;
}

.profile_open {
    cursor: pointer;
    font-size: 8pt;
}

.profile_open:HOVER {
    color: #2850FF;
}

#addteltype select {
    width: 98%;
}

#addmsgtype select {
    width: 98%;
}

#ProfileAbsence {
    margin-top: 7px;
}

#message {
    clear: both;
    padding-top: 9px;
}

#message button {
    background-color: #9FB8DD;
    border: 1px solid #0076B8;
    width: 50px;
    height: 22px;
    padding: 2px;
}

#area {
    width: 300px;
    height: 17px;
    margin: 2px 2px 0 0;
}

#message button.larger {
    width: 150px;
}


.sendcallback, .profilehotlink, .largernotify, .closedialog, #savedialog, .sendprivatemessage {
    background: transparent url(../bilder/new32n-and-hover.png?_=1495036165) no-repeat 0 0;
    width: 32px;
    height: 32px;
    border: none;
}

.sendcallback, .profilehotlink, .largernotify, .sendprivatemessage {
    font-size: 0 !important;
    text-indent: -100px;
    margin-bottom: 9px;
}

.profilebuttonshover {
    font-size: 10px !important;
}

.sendcallback {
}

.sendcallback:HOVER {
    background-position: 0 -32px;
}

.sendcallbackchecked {
    background-position: 0 -32px;
}

.profilehotlink {
    background-position: -160px 0;
}

.profilehotlink:HOVER {
    background-position: -160px -32px;
}

.largernotify {
    background-position: -32px 0;
}

.largernotify:HOVER {
    background-position: -32px -32px;
}

.largernotifychecked {
    background-position: -32px -32px;
}

.largernotify.delbutton {
    background-position: -48px -96px;
    width: 48px !important;
}

.largernotify.delbutton:HOVER {
    background-position: -48px 0;
}

.sendprivatemessage {
    background-position: -64px 0;
}

.sendprivatemessage:HOVER {
    background-position: -64px -32px;
}

.vacation_responsibilities_button {
    background: transparent url(../bilder/icons/sprite_orte_32.png?_=1522750024) no-repeat 0 0;
    background-position: -160px 0 !important;
    width: 32px;
    height: 32px;
    border: none;
    font-size: 0 !important;
    text-indent: -100px;
    margin-bottom: 9px;
}

.vacation_responsibilities_button:HOVER {
}

#actionbuttons .largernotify.delbutton:HOVER {
    background-position: -48px -96px;
}

#profiletext {
    width: 80px;
    margin-top: -170px;
    float: right;
    overflow: hidden;
    font-size: 8pt;
    margin-right: 10px;
}

.closedialog {
    background-position: -128px 0;
    float: right;
    margin-right: 4px;
}

.closedialog:HOVER {
    background-position: -128px -32px;
}

#savedialog {
    background-position: -96px 0;
    float: right;
    margin-right: 5px;
}

#savedialog:HOVER {
    background-position: -96px -32px;
}

#profilebuttons {
    float: right;
    width: 38px;
    height: 168px;
    margin-top: -167px;
    margin-right: 1px;
}

#profile_user_name {
    float: right;
    width: 160px;
    margin-top: -200px;
    overflow: hidden;
    white-space: nowrap;
}


#raum {
    background: #fff url(../bilder/plan.png?_=1522750024) no-repeat top left;
    width: 304px;
    height: 136px;
}

#raum.building6og {
    background-position: -20px -155px;
}

#raum.building1og,
#raum.building2og,
#raum.building5og {
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: url(../bilder/plan.png?_=1522750024),
    linear-gradient(to right, #ffffff 0%, #ffffff 50%, #bbbbbb 51%, #bbbbbb 99%, rgba(0, 0, 0, 0) 99%);
    background-size: 100%;
}

/* Notification List */
#notifylist {
    width: 100%;
    border: 1px solid #0076B8;
    margin: 0 10px 0 0;
    border-collapse: collapse;
}

#notifylist th {
    background: #0076B8;
}

#notifylist td {
    border-left: 1px solid #0076B8;
    border-top: 1px solid #0076B8;
    font-size: 11px;
    background: #FFFFFF;
    padding-left: 3px;
    text-align: center;
}

/* Punkt für raumposition Setzten*/
#raum > span {
    position: relative;
    font-size: 18px;
    font-family: Verdana;
    color: red;
}

/* 6. OG */
#raum > span.raum617 {
    top: 35px;
    left: 260px;
}

#raum > span.raum618 {
    top: 5px;
    left: 260px;
}

#raum > span.raum619 {
    top: 4px;
    left: 235px;
}

#raum > span.raum620 {
    top: 2px;
    left: 210px;
}

#raum > span.raum621 {
    top: 2px;
    left: 185px;
}

#raum > span.raum622 {
    top: 2px;
    left: 165px;
}

#raum > span.raum623 {
    top: 2px;
    left: 140px;
}

#raum > span.raum607 {
    top: 78px;
    left: 247px;
}

#raum > span.raum606 {
    top: 100px;
    left: 250px;
}

#raum > span.raum605 {
    top: 100px;
    left: 220px;
}

#raum > span.raum604 {
    top: 100px;
    left: 200px;
}

#raum > span.raum603 {
    top: 100px;
    left: 180px;
}

#raum > span.raum602 {
    top: 85px;
    left: 155px;
}

#raum > span.raum601 {
    top: 75px;
    left: 140px;
}

#raum > span.raum600 {
    top: 36px;
    left: 207px;
}

/* 5. OG */

/* 4. OG */

/* 3. OG */

/* 2. OG */
#raum > span.raum216 {
    top: 36px;
    left: 10px;
}

#raum > span.raum215 {
    top: 36px;
    left: 30px;
}

#raum > span.raum214 {
    top: 36px;
    left: 55px;
}

#raum > span.raum213 {
    top: 36px;
    left: 85px;
}

#raum > span.raum212 {
    top: 36px;
    left: 105px;
}

#raum > span.raum211 {
    top: 36px;
    left: 135px;
}

#raum > span.raum204 {
    top: 0;
    left: 80px;
}

#raum > span.raum203 {
    top: 0;
    left: 95px;
}

#raum > span.raum202 {
    top: 0;
    left: 110px;
}

#raum > span.raum201 {
    top: 0;
    left: 125px;
}

#raum > span.raum200 {
    top: 0;
    left: 140px;
}

/* 1. OG */
#raum > span.raum116 {
    top: 36px;
    left: 10px;
}

#raum > span.raum115 {
    top: 36px;
    left: 30px;
}

#raum > span.raum114 {
    top: 36px;
    left: 55px;
}

#raum > span.raum113 {
    top: 36px;
    left: 75px;
}

#raum > span.raum112 {
    top: 36px;
    left: 90px;
}

#raum > span.raum111 {
    top: 36px;
    left: 105px;
}

#raum > span.raum110 {
    top: 36px;
    left: 120px;
}

#raum > span.raum109 {
    top: 36px;
    left: 135px;
}

#raum > span.raum108 {
    top: 36px;
    left: 135px;
}

#raum > span.raum102 {
    top: 0;
    left: 85px;
}

#raum > span.raum101 {
    top: 0;
    left: 105px;
}

#raum > span.raum100 {
    top: 0;
    left: 135px;
}

/* EG */
#raum > span.raum23 {
    top: 19px;
    left: 270px;
}

#geschoss {
    margin: -40px 0 0 30px;
    width: 100px;
    height: 40px;
    font-size: 18px;
    font-family: Verdana;
    color: grey;
}

/* Benachrichtigung an Alle */
#dialog textarea {
    width: 100%;
    height: 70px;
}

/* Admin-Bereich */
#AdminHead {
    background: #005da4 none no-repeat scroll 0 0;
    width: 100%;
    height: 40px;
    text-align: center;
    padding-top: 10px;
    margin-bottom: 10px;
}

/*#AdminHead    {background:url(../bilder/Hintergrund_KM-Verlauf.jpg) no-repeat fixed 50% 70%;width:100%; position:fixed; height:25px;text-align:center; padding-top: 10px; margin-bottom: 20px;}*/

#AdminMenu {
    list-style-type: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
}

#AdminMenu li {
    float: left;
    margin-right: 10px;
}

#AdminSubMenu {
    margin-bottom: 10px;
    height: 30px;
}

#AdminSubMenu ul {
    list-style-type: none;
    padding: 0;
    margin: 0 auto;
}

#AdminSubMenu li {
    float: left;
    margin-right: 5px;
}

#AdminSubMenu a {
    background-color: #BBBBBB;
    border-color: #999;
}

#AdminSubMenu a:HOVER {
    background-color: #CCC;
}

#AdminSubMenu a.active {
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .4)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .4)), color-stop(.75, rgba(255, 255, 255, .4)), color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .4) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .4) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, .4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .4) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .4) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, .4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .4) 75%, transparent 75%, transparent);
}

.editimg {
    background: url(../bilder/sprite.png?_=1495036165) no-repeat -80px -48px;
    height: 16px;
    width: 16px;
    display: block;
    margin-bottom: 1px;
    margin-right: 1px;
    margin-left: 1px;
}

.uploadimg {
    background: url(../bilder/sprite.png?_=1495036165) no-repeat -96px -48px;
    height: 16px;
    width: 16px;
    display: block;
    margin-bottom: 1px;
    margin-right: 1px;
    margin-left: 1px;
}

.cfgimg {
    background: url(../bilder/sprite.png?_=1495036165) no-repeat -96px -32px;
    height: 16px;
    width: 16px;
    display: block;
    margin-bottom: 1px;
    margin-right: 1px;
    margin-left: 1px;
}

.admindelete {
    background: url(../bilder/sprite.png?_=1495036165) no-repeat -80px -64px;
    height: 16px;
    width: 16px;
    display: block;
    margin-bottom: 1px;
    margin-right: 1px;
    margin-left: 1px;
}

.absenceimg {
    background: url(../bilder/sprite.png?_=1495036165) no-repeat -96px -16px;
    height: 16px;
    width: 16px;
    display: block;
    margin-bottom: 1px;
    margin-right: 1px;
    margin-left: 1px;
}

#admincontent {
    width: 998px;
    margin: 0 auto;
}

#admincontent #AdminBody {
    width: 100%;
}

#admincontent #AdminBody td {
    font-size: 10pt;
}

#admincontent th {
    background-image: none;
    background-color: #000000;
}

#admincontent a:hover {
    text-decoration: none;
}

#admincontent input {
    width: 231px;
    margin: 0;
    font-family: Arial;
}

#admincontent input[name="datei"] {
    width: auto;
    height: auto;
}

#SabbaticalAdd input[name="year"], #SabbaticalAdd input[name="amount"] {
    width: 80px;
    text-align: right;
}

#SabbaticalAdd input[name="comment"] {
     width: 500px;
     text-align: right;
 }

#admincontent select {
    width: 235px;
    margin: 0;
}

.widgetdate {
    width: 100px !important;
}

.widgettime {
    width: 60px !important;
    margin-left: -5px !important;
}

.deltdwidget {
    text-align: center;
    padding-left: 0 !important;
}

.widgetamount {
    width: 30px !important;
    text-align: center;
}

.widget_portion {
    width: 20px !important;
}

#absent tr.error td {
    background-color: #FFAAAA;
}

#absent tr.success td {
    background-color: #00cc66;
}

#absent select, #absent input {
    width: 120px;
}

#absent .kind {
    width: 150px;
    font-weight: bold;
    color: #000000;
    text-align: center;
}

#absent .time {
    width: 70px;
    color: #00c000;
    text-align: center;
}

#absent .redFont {
    color: #c00000;
}

#absent .bold {
    font-weight: bold;
}

#absent .date {
    width: 100px;
    color: #000000;
    text-align: center;
}

#absent .absent_name {
    text-align: left;
    padding-left: 10px;
}

#absent .underline th {
    border: 1px solid black;
    padding-bottom: 10px;
}

#absent th {
    color: #000;
}

#admincontent #absent th {
    color: #FFF;
}

.parking_edit {
    width: 30px !important;
}

.admincheckmsg, .logincheck {
    border: 1px solid black;
    padding: 2px;
    background: #9FB8DD;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}

.logincheck {
    background: #B1B1B1;
}

/* Fehlermeldung */
.errorMessage {
    width: 900px;
    padding: 5px;
    margin: 15px auto;
}

.errorMessage > div,
.errorMessage > span {
    margin-bottom: 10px;
    border: 1px solid red;
    padding: 3px;
    background-color: #FFAAAA;
    font-weight: bold;
    position: absolute;
}

.errorMessage > a {
    margin-right: 10px;
}


/* Warningmeldung */
.warningMessage {
    width: 900px;
    padding: 5px;
    margin: 15px auto;
}

.warningMessage > div {
    margin-bottom: 10px;
    border: 1px solid yellow;
    padding: 3px;
    background-color: #FFE12C;
    font-weight: bold;
}

div.warningMessage {
    width: auto;
    border: 1px solid yellow;
    padding: 3px;
    background-color: #FFE12C;
    font-weight: bold;
}

/* Widgets */
.weekdaywidth {
    width: 15px;
}

#widgetdiv {
    font-size: 11px;
}

.widget, .widget_disabled {
    font-weight: bold;
    margin: 0 auto;
    margin-bottom: 10px;
}

.widget_disabled {
    display: none;
}

.widget_head {
    height: 20px;
    line-height: 20px;
    background: #005da4 no-repeat 0 0 !important;
    padding: 0 5px;
    color: #fff;
}

.widget_body {
    background: #FFFFFF;
}

.widget_table {
    background: #d5e2ec none repeat scroll 0 0;
    border-collapse: collapse;
    width: auto;
}

.widget_table .dish_list {
    list-style-type: decimal;
}

.widget_table td {
    border-bottom: 1px solid #FFFFFF;
}

td.widget_table_column_date {
    width: 120px;
}

td.widget_table_column_title {
    width: 180px;
}

td.widget_table_col_daily_dish ul {
    margin: 2px 0;
    padding-left: 20px;
}

td.widget_table_col_daily_dish ul li {
    padding-bottom: 2px;
}

.widget_foot {
    background: url(../bilder/widget-body.png?_=1495036165) no-repeat bottom left;
    height: 9px;
}

#widget_daily_dish > div {
    padding: 0 0 3px;
}

.widget_table_col_daily_dish_date {
    width: 40px;
    font-weight: bold;
    padding: 5px;
}

.widget_table_col_daily_dish {
    font-weight: normal;
    width: 100%;
}

.foodhead {
    color: grey;
}

.foodcontent {
    background-color: #FFFFFF;
    padding: 2px 0 2px 0;
    font-weight: normal;
    color: #000000;
}

#widget_birthdays,
#widget_vacation,
#widget_holiday {
    max-height: 200px;
    overflow-y: auto;
    /*line-height: 16px; padding: 5px;*/
}

/* Wenn Geburtstage immer anzeigt werden sollen, Wert ändern */
#widget_birthdays > div,
#widget_vacation > div,
#widget_holiday > div {
    float: none;
    clear: both;
    white-space: nowrap;
}

#widget_birthdays .icon {
    background: url(../bilder/sprite.png?_=1495036165) no-repeat 0 -32px;
    display: block;
    float: left;
    margin-right: 3px;
    height: 16px;
    width: 16px;
}

#widget_birthdays .bday {
    color: #888;
}

#widget_intranet,
#widget_vacation,
#widget_holiday {
    font-weight: normal;
}

#widget_vacation .icon {
    background: url(../bilder/sprite.png?_=1495036165) no-repeat 0 -48px;
    display: block;
    float: left;
    margin-right: 3px;
    height: 16px;
    width: 16px;
}

#widget_holiday .icon {
    background: url(../bilder/sprite.png?_=1495036165) no-repeat 0 -64px;
    display: block;
    float: left;
    margin-right: 3px;
    height: 16px;
    width: 16px;
}

#widget_profile_picture {
    text-align: center;
}

#widget_profile_picture img {
    display: none;
    margin: 3px 3px 0 3px;
}

#widget_parking > div {
    padding: 3px;
}

.widget_parkingplace {
    padding: 4px;
}

.widget_head_parking {
    color: grey;
}

#icons, #extended_icons {
    margin-top: 7px;
}

/* HEADER _BUTTONS */
#head ul, #extended_head ul, #dialog ul, #profilestatus ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    height: 32px;
    float: left;
}

#head button, #extended_head button, #dialog li button, #profilestatus button, #StatusDialog li button {
    font-size: 0;
}

#head ul button, #profilestatus button {
    background: url(../bilder/icons/sprite_orte_32.png?_=1522750024) no-repeat;
    width: 100%;
    height: 100%;
    border: none;
}

#extended_head ul button {
    background: url(../bilder/icons/sprite_intranet_32.png?_=1495443326) no-repeat;
    width: 100%;
    height: 100%;
    border: none;
}

#head li, #extended_head li, #dialog li, #profilestatus li {
    float: left;
    width: 32px;
    height: 32px;
    margin-right: 2px;
}

#dialog li {
    float: left;
    width: 80px;
    height: 80px;
    margin-right: 2px;
}

#upper_head_content_div,
#extended_first_head {
    width: 800px;
    text-align: right;
    color: white;
    line-height: 32px;
    height: 42px;
}

#head_logo {
    background: url(../bilder/head-logo.png?_=1495036165) no-repeat 0 0 !important;
    float: right;
    width: 220px;
    height: 30px;
}

#extended_head li {
}

/* Button zur anzeige des Aktuellen status */
#current_location_button, #current_location_extended_list {
    background: url(../bilder/icons/sprite_orte_80.png?_=1522750024) no-repeat 0 0;
    width: 80px;
    height: 80px;
    border: none;
    float: left;
    margin-right: 20px;
    display: block;
}

#current_location_extended_list {
    background-image: url('../bilder/icons/sprite_utility_intranet_80.png?_=1495443326');
}

#current_location_button.extended {
    background-image: url('../bilder/icons/sprite_orte_2_80.png?_=1532413729');
}

#current_location_button.utility {
    background-image: url('../bilder/icons/sprite_utility_intranet_80.png?_=1495443326');
}

#current_status_button {
    background: url(../bilder/icons/sprite_stati_80.png?_=1514992680) no-repeat 0 -80px;
    width: 80px;
    height: 80px;
    border: none;
    float: right;
    display: block;
}

#current_status_button.hover {
    background-position: 0 -80px;
}

/* extended_intranet_second_head_buttons_ul */
.parking_overview {
    background-position: -96px -160px !important;
}

.movies_overview {
    background-position: -128px -160px !important;
}

/* utility_buttons_ul */
.kundm_button {
    background-position: 0 0 !important;
}

.view_button {
    background-position: -32px 0 !important;
}

.notifictions_button {
    background-position: -64px 0 !important;
}

.widgets_button {
    background-position: -96px 0 !important;
}

.business_travel_button {
    background-position: -128px 0 !important;
}

.vacation_request_button {
    background-position: -160px 0 !important;
}

.management_button {
    background-position: -192px 0 !important;
}

.help_button {
    background-position: -224px 0 !important;
}

/* first_aid_buttons_ul */
#first_aid_buttons_ul .first_aid_button {
    background: url(../bilder/icons/erste-hilfe.jpg?_=1495036165) no-repeat center;
    background-size: cover;
    height: 32px;
    width: 32px;
}

#first_aid_buttons_ul .fire_protection_button {
    background: url(../bilder/icons/feuer.jpg?_=1495036165) no-repeat center;
    background-size: cover;
    height: 32px;
    width: 32px;
}

/* Buttons zur bestimmung des Aufenthaltsortes */

#location_buttons_ul {
    margin-right: 28px !important;
}

.externally_button {
    background-position: 0 -32px !important;
}

.away_till_button {
    background-position: -32px -32px !important;
}

.kdw_button {
    background-position: -288px -160px !important;
}

.toilet_button {
    background-position: -64px -32px !important;
}

.kitchen_button {
    background-position: -96px -32px !important;
}

.print_room_button {
    background-position: -128px -32px !important;
}

.ug_buttons_ul {
    background-position: -160px -32px !important;
}

.eg_buttons_ul {
    background-position: -192px -32px !important;
}

.og1_buttons_ul {
    background-position: -320px -32px !important;
}

.og2_buttons_ul {
    background-position: -352px -32px !important;
}

.og3_buttons_ul {
    background-position: -224px -32px !important;
}

.og5_buttons_ul {
    background-position: -256px -32px !important;
}

.og6_buttons_ul {
    background-position: -288px -32px !important;
}

.empty_button {
    background-position: -352px -160px !important;
}

/* hotlink_buttons_ul */
#hotlink_buttons_ul,
#utility_buttons_ul {
    margin-right: 28px !important;
}

.undefined_hotlink {
    background-position: -352px -160px !important;
}

/* status_buttons_ul */
#status_buttons_ul {
    margin-right: 28px !important;
}

#status_buttons_ul button {
    background-image: url('../bilder/icons/sprite_stati_32.png?_=1514992680') !important;
}

.in_conference_button {
    background-position: -32px 0 !important;
}

.not_contactable_button {
    background-position: -64px 0 !important;
}

.pause_button {
    background-position: -96px 0 !important;
}

.file_handle_button {
    background-position: -160px 0 !important;
}

/*.contactable_button {background-position:0 -64px !important;}*/
/*.by_handy_button {background-position:-96px -64px !important;}*/
/*.by_phone_button {background-position:-128px -64px !important;}*/

/* ug_buttons_ul */
.underground_basement_button {
    background-position: 0 -64px !important;
}

.underground_garage_button {
    background-position: -32px -64px !important;
}

.underground_server_room100_button {
    background-position: -64px -64px !important;
}

.underground_telephone_system_button {
    background-position: -96px -64px !important;
}

/* eg_buttons_ul */
.main_gate_button {
    background-position: -128px -64px !important;
}

.car_park_gate_front_button {
    background-position: -160px -64px !important;
}

.car_park_gate_back_button {
    background-position: -192px -64px !important;
}

.canteen_button {
    background-position: -224px -64px !important;
}

.reception_button {
    background-position: -256px -64px !important;
}

/* og1_buttons_ul */
.conference_room_1_button {
    background-position: -320px -128px !important;
}

.technical_room_1rst_button {
    background-position: -328px 0 !important;
}

/* og2_buttons_ul */
.conference_room_2_button {
    background-position: -352px -128px !important;
}

.flypper_creative_room_button {
    background-position: -320px -160px !important;
}

.technical_room_2nd_button {
    background-position: -296px 0 !important;
}

/* og3_buttons_ul */
.lounge_button {
    background-position: 0 -96px !important;
}

.mail_room_button {
    background-position: -32px -96px !important;
}

.warehouse_dm_button {
    background-position: -64px -96px !important;
}

.warehouse_marketing_button {
    background-position: -96px -96px !important;
}

.warehouse_1_button {
    background-position: -128px -96px !important;
}

.warehouse_2_button {
    background-position: -160px -96px !important;
}

.it_warehouse_button {
    background-position: -192px -96px !important;
}

.it_workshop_button {
    background-position: -224px -96px !important;
}

.server_room_3rd_button {
    background-position: -256px -96px !important;
}

.technical_room_3rd_button {
    background-position: -288px -96px !important;
}

.shredder_button {
    background-position: -192px -128px !important;
}

.first_aid_room_button {
    background-position: -288px -128px !important;
}

/* og5_buttons_ul */
.conference_room_5_button {
    background-position: 0 -128px !important;
}

.coaching_room_button {
    background-position: -288px -64px !important;
}

/* og6_buttons_ul */
.conference_room_6_button {
    background-position: -64px -128px !important;
}

.mariosoft_conferece_room_button {
    background-position: -32px -128px !important;
}

.technical_room_button {
    background-position: -128px -128px !important;
}

.archive_button {
    background-position: -160px -128px !important;
}

/* misc-buttons */
.cleaning_room_button {
    background-position: -256px -128px !important;
}

.store_room_button {
    background-position: -224px -128px !important;
}

/* Logout */
#logout_button {
    background: url('../bilder/icons/sprite_stati_32.png?_=1514992680') no-repeat -128px 0;
    width: 32px;
    height: 32px;
    border: none;
}

.holiday_overview {
    background-position: -64px 0 !important;
}

#head button.extended_list + ul {
    background-color: white;
    display: none;
    border: 1px solid blue;
    position: absolute;
    width: 266px;
}

#head button.extended_list + ul li {
    display: block;
    width: 100%;
    padding: 1px;
}

#head button.extended_list + ul li button {
    width: 32px;
    height: 32px;
}

#head button.extended_list + ul li label {
    margin-left: 5px;
    line-height: 32px;
    vertical-align: bottom;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    width: 205px;
}

#head button.extended_list + ul li input {
    display: none;
    border: none;
    background: none;
    width: 16px;
}

#description {
    display: none;
    margin: 0;
    padding: 0;
    float: left
}

#description_text_left {
    color: #000;
    width: 49%;
    height: 32px;
    line-height: 32px;
    padding-left: 5px;
    float: left;
}

#description_text_right {
    color: #000;
    width: 49%;
    height: 32px;
    line-height: 32px;
    float: right;
    text-align: right;
}

.description_top {
    width: 800px;
    margin-top: -36px !important;
}

.description_bottom {
    width: 368px;
}

/*Aktuelle Statusmeldung*/
.extended_hotlink_checkbox {
    float: right;
    margin-top: 9px;
}

#profilestatus {
    background-color: white;
    width: 70px;
    height: 200px;
}

#profilestatus ul {
    margin-top: 50%;
    margin-left: 25%;
    width: 32px;
}

#additionalInfo {
    margin-top: 5px;
}

.showexternal {
    display: none;
}

.center {
    text-align: center;
}

.comboaddextrafield {
    display: none;
}

.comboaddextrafield {
    display: none;
}

.show_next.hide {
    display: none;
}

#absenceadd input {
    width: 176px;
    margin: 0;
    font-family: Arial
}

#absenceadd select {
    width: 180px;
    margin: 0;
}

#absenceadd table {
    width: 270px;
    margin: 0;
}

#absenceadd .inputButton {
    width: 270px !important;
}

#admincontent #absenceadd .inputButton {
    width: 240px;
}


#absenceCommentHistory {
    background: black;
    position: absolute;
    color: #bbbbbb;
    background-color: #000000;
    border: 1px solid #bbbbbb;
    z-index: 9999;
}

#absenceCommentHistory table td:last-child {
    font-weight: bold;
    padding-left: 10px;
}

.commentHistoryButton {
    background: url('../bilder/history_icon.png?_=1495036165');
    border: none;
    cursor: pointer;
}

.commentHistoryButton:disabled {
    background: url('../bilder/history_icon_disabled.png?_=1495036165');
    cursor: default;
    cursor: not-allowed;
}


.commentHistoryButton.hintIcon:disabled {
    background: none;
    cursor: default;
    background-color: #999;
    cursor: not-allowed;
}

.holidayHistory,
.flexTimeHistory {
    background: url('../bilder/history_icon.png?_=1495036165') no-repeat 0 0;
    width: 20px;
    height: 20px;
    border: none;
}

.totalExtra {
    cursor: pointer;
}

a.config {
    background: url(../bilder/sprite.png?_=1495036165) no-repeat -96px -32px;
    padding-left: 20px;
    margin-left: 5px;
    font-size: 14px;
}

.editHoliday {
    display: inline;
    border: none;
}

.admincoreworktime {
    width: 60px !important;
}

.statusChangesStatsWork td {
    background-color: #DDF7D4 !important;
}

.statusChangesStatsPause td {
    background-color: #F99F9F !important;
}

.statusChangesStatsIgnore td {
    background-color: #999 !important;
}

#deleterang {
    width: 120px;
}

#showrang {
    width: 100px;
}

.places {
    width: 750px !important;
}

#places_table {
    width: 200px;
}

#showplaceinfo {
    text-align: center;
    border: 1px solid black;
    width: 200px;
    margin-left: 420px;
}

.carplacedetail {
    position: absolute;
    left: 35%;
    top: 3px;
    width: 250px;
    border: 1px solid black;
    padding: 5px;
    color: black;
    display: none;
}

#admincontent .carplacedetail {
    top: 0.5px;
    padding: 2px;
    font-size: 12px;
    width: 300px;
}

.carplacedetail {
    background-repeat: no-repeat;
    background-position: top right;
}

.admindetails {
    cursor: pointer;
}

#contentdiv #parking_place, #contentdiv #parking_place2 {
    background-color: #FFF;
    height: 700px;
}

.parking_picture_au, .admin_parking_picture_au {
    background: url(../bilder/parking/AU2.png?_=1513000971) no-repeat top left;
    width: 1000px;
    height: 700px;
    position: relative;
}

.parking_picture_tg, .admin_parking_picture_tg {
    background: url(../bilder/parking/TG.png?_=1513000971) no-repeat top left;
    width: 1000px;
    height: 600px;
    display: none;
    position: relative;
}

.parking_picture_tg {
    background-position: 21px 35px;
}

.admin_parking_picture_tg {
    height: 700px;
    margin-left: 0;
    position: relative;
    background-position: 21px 28px;
}

.admin_parking_picture_au, .admin_parking_picture_tg {
    background-color: #FFFFFF;
}

.carCustomers {
    display: none;
}

.carplace {
    position: absolute;
    font-family: Verdana;
    color: red;
    width: 25px;
    height: 44px;
    text-align: center;
    font-weight: bold;
    padding-top: 2px;
}

#contentdiv .parking_picture_tg .carplace {
    line-height: 20px;
}

.admin_parking_picture_au .place1,
.parking_picture_au .place1 {
    top: 233px;
    left: 657px;
}

.admin_parking_picture_au .place2,
.parking_picture_au .place2 {
    top: 233px;
    left: 79px;
}

.admin_parking_picture_au .place3,
.parking_picture_au .place3 {
    top: 233px;
    left: 53px;
}

.admin_parking_picture_au .place4,
.parking_picture_au .place4 {
    top: 233px;
    left: 26px;
}

.admin_parking_picture_au .place5,
.parking_picture_au .place5 {
    top: 133px;
    left: 26px;
}

.admin_parking_picture_au .place6,
.parking_picture_au .place6 {
    top: 133px;
    left: 53px;
}

.admin_parking_picture_au .place7,
.parking_picture_au .place7 {
    top: 133px;
    left: 79px;
}

.admin_parking_picture_au .place8,
.parking_picture_au .place8 {
    top: 133px;
    left: 107px;
}

.admin_parking_picture_au .place9,
.parking_picture_au .place9 {
    top: 133px;
    left: 133px;
}

.admin_parking_picture_au .place10,
.parking_picture_au .place10 {
    top: 133px;
    left: 161px;
}

.admin_parking_picture_au .place11,
.parking_picture_au .place11 {
    top: 133px;
    left: 187px;
}

.admin_parking_picture_au .place12,
.parking_picture_au .place12 {
    top: 133px;
    left: 215px;
}

.admin_parking_picture_au .place13,
.parking_picture_au .place13 {
    top: 133px;
    left: 241px;
}

.admin_parking_picture_au .place14,
.parking_picture_au .place14 {
    top: 133px;
    left: 269px;
}

.admin_parking_picture_au .place15,
.parking_picture_au .place15 {
    top: 133px;
    left: 295px;
}

.admin_parking_picture_au .place16,
.parking_picture_au .place16 {
    top: 133px;
    left: 323px;
}

.admin_parking_picture_au .place17,
.parking_picture_au .place17 {
    top: 133px;
    left: 350px;
}

.admin_parking_picture_au .place18,
.parking_picture_au .place18 {
    top: 133px;
    left: 673px;
}

.admin_parking_picture_au .place19,
.parking_picture_au .place19 {
    top: 233px;
    left: 630px;
}

.admin_parking_picture_au .place20,
.parking_picture_au .place20 {
    top: 233px;
    left: 708px;
}

.admin_parking_picture_tg .place1,
.parking_picture_tg .place1 {
    top: 263px;
    left: 721px;
}

.admin_parking_picture_tg .place2,
.parking_picture_tg .place2 {
    top: 263px;
    left: 695px;
}

.admin_parking_picture_tg .place3,
.parking_picture_tg .place3 {
    top: 263px;
    left: 666px;
}

.admin_parking_picture_tg .place4,
.parking_picture_tg .place4 {
    top: 263px;
    left: 640px;
}

.admin_parking_picture_tg .place5,
.parking_picture_tg .place5 {
    top: 263px;
    left: 614px;
}

.admin_parking_picture_tg .place6,
.parking_picture_tg .place6 {
    top: 263px;
    left: 584px;
}

.admin_parking_picture_tg .place7,
.parking_picture_tg .place7 {
    top: 263px;
    left: 559px;
}

.admin_parking_picture_tg .place8,
.parking_picture_tg .place8 {
    top: 263px;
    left: 533px;
}

.admin_parking_picture_tg .place9,
.parking_picture_tg .place9 {
    top: 263px;
    left: 503px;
}

.admin_parking_picture_tg .place10,
.parking_picture_tg .place10 {
    top: 263px;
    left: 422px;
}

.admin_parking_picture_tg .place11,
.parking_picture_tg .place11 {
    top: 263px;
    left: 396px;
}

.admin_parking_picture_tg .place12,
.parking_picture_tg .place12 {
    top: 263px;
    left: 370px;
}

.admin_parking_picture_tg .place13,
.parking_picture_tg .place13 {
    top: 263px;
    left: 341px;
}

.admin_parking_picture_tg .place14,
.parking_picture_tg .place14 {
    top: 263px;
    left: 314px;
}

.admin_parking_picture_tg .place15,
.parking_picture_tg .place15 {
    top: 163px;
    left: 451px;
}

.admin_parking_picture_tg .place16,
.parking_picture_tg .place16 {
    top: 163px;
    left: 478px;
}

.admin_parking_picture_tg .place17,
.parking_picture_tg .place17 {
    top: 163px;
    left: 503px;
}

.admin_parking_picture_tg .place18,
.parking_picture_tg .place18 {
    top: 163px;
    left: 532px;
}

.admin_parking_picture_tg .place19,
.parking_picture_tg .place19 {
    top: 163px;
    left: 559px;
}

.admin_parking_picture_tg .place20,
.parking_picture_tg .place20 {
    top: 163px;
    left: 584px;
}

.admin_parking_picture_tg .place21,
.parking_picture_tg .place21 {
    top: 163px;
    left: 613px;
}

.admin_parking_picture_tg .place22,
.parking_picture_tg .place22 {
    top: 163px;
    left: 640px;
}

.admin_parking_picture_tg .place23,
.parking_picture_tg .place23 {
    top: 163px;
    left: 423px;
}

.admin_parking_picture_tg .place24,
.parking_picture_tg .place24 {
    top: 163px;
    left: 397px;
}

.admin_parking_picture_tg .place25,
.parking_picture_tg .place25 {
    top: 163px;
    left: 371px;
}

.admin_parking_picture_tg .place26,
.parking_picture_tg .place26 {
    top: 163px;
    left: 343px;
}

.admin_parking_picture_tg .place27,
.parking_picture_tg .place27 {
    top: 163px;
    left: 316px;
}

.admin_parking_picture_tg .place28,
.parking_picture_tg .place28 {
    top: 263px;
    left: 290px;
}

.admin_parking_picture_tg .place29,
.parking_picture_tg .place29 {
    top: 263px;
    left: 260px;
}

.admin_parking_picture_tg .place30,
.parking_picture_tg .place30 {
    top: 263px;
    left: 235px;
}

.admin_parking_picture_tg .place31,
.parking_picture_tg .place31 {
    top: 263px;
    left: 210px;
}

.admin_parking_picture_tg .place32,
.parking_picture_tg .place32 {
    top: 263px;
    left: 180px;
}

.admin_parking_picture_tg .place33,
.parking_picture_tg .place33 {
    top: 263px;
    left: 155px;
}

.admin_parking_picture_tg .place34,
.parking_picture_tg .place34 {
    top: 263px;
    left: 129px;
}

#admin_button_changeview, #admin_car_save, #admin_button_changeday {
    border: none;
    cursor: pointer;
    margin-bottom: 10px;
}

#admin_car_save {
    margin-bottom: 0;
}

.parkingselect {
    width: 150px !important;
}

.admin_parking_save {
    margin: 5px 0 0 7px !important;
    width: 68px !important;
}

.cancel_parking_save {
    margin: 5px 0 0 7px !important;
    width: 75px !important;
}

.car_title {
    margin-bottom: 5px;
}

#customer_car_park_table .delbutton {
    font-size: 0;
}

.external_rang_td {
    background-color: #91FF87 !important;
}

.external_rang_deactive {
    background-color: #C6C6C6 !important;
}


.optionalDailyInput {
    width: 200px;
}

/* --- Movies --- */
#MovieList a {
    background: transparent url('../bilder/E48n.png?_=1495036165') no-repeat -192px 0;
    color: transparent;
    font-size: 0;
    display: inline-block;
    width: 48px;
    height: 48px;
    vertical-align: middle;
}

#MovieList a:hover {
    background-position: -192px -48px;
}

#MovieList {
    float: left;
}

#MovieList th {
    background: #005da4 none no-repeat scroll 0 0 !important;
}

#widget_movies {
    font-weight: normal;
    padding: 5px 8px 0 5px;
}

#widget_movies .rules {
    font-weight: bold;
    color: #F00;
}

#dialog #absencediv {
    /*height: 374px;*/
    /*width:789px;*/
    max-height: 314px;
    overflow-y: scroll;
    overflow-x: hidden;
}


/*
#dialog #absencediv.adjustabsencewidth{
	margin-left: -10px;
	width:810px;
}*/

/* --- Zuständigkeiten/FAQ --- */

#responstable th {
    height: 28px;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    padding-left: 10px;
    color: white;
}

.adminresponstable th, .adminaddresp th {
    background-color: #005DA4 !important;
}

.frontresponstable {
    width: 1059px !important;
    margin-left: -35px !important;
    margin-top: 31px !important;
}

.frontresponstable td {
    font-size: 12px !important;
    border-left: 1px solid #FFFFFF !important;
    border-top: 1px solid #FFFFFF !important;
}

#responstable tr {
    background: none;
}

#responstable td {
    padding: 2px 10px;
}

.lightblue td, .rowhover tr.lightblue:hover td.firstChar {
    background-color: #DBEBFF !important;
    color: black;
}

.darkblue td, .rowhover tr.darkblue:hover td.firstChar {
    background-color: #C4DEFF !important;
    color: black;
}

.adminresponstable {
    margin-left: -240px !important;
}

.contentInput {
    width: 470px !important;
}

.respSelect {
    width: 200px !important;
}

.resAddTextarea {
    width: 230px;
}

#responseFixHeader {
    position: fixed;
    margin-top: -31px;
}

#responseFixHeader td {
    width: 315px !important;
}

.table-head-response {
    background: url(../bilder/table-head-response.png?_=1495036165) no-repeat 0 0 !important;
    padding: 0 5px;
    color: #BBBBBB;
}

.disableNoWrap {
    white-space: normal !important;
}

#responstable a:hover {
    cursor: pointer;
}

#responstable a {
    text-decoration: underline;
}

#widget_intranet a {
    text-decoration: none;
}

#scrollableTableHead {
    background: #777777 url(../bilder/table-head-response.png?_=1495036165) no-repeat center bottom !important;
    position: fixed;
    height: 45px;
    margin-top: -14px;
    margin-left: -35px;
    white-space: nowrap;
    overflow: hidden;
}

#scrollableTableHead div {
    color: #BBBBBB;
    font-weight: bold;
    padding-top: 19px;
    font-size: 10pt;
    text-align: center;
    width: 200px;
    float: left;
    white-space: nowrap !important;
}

#canteen input {
    width: 80px;
    text-align: center;
}

#canteen td {
    text-align: center;
    padding: 3px;
}

.weekendTd > td {
    background-color: #E8A0A0 !important;
}

#dish {
    width: 35% !important;
}

#dish th {
    width: 100px;
}

#dish td {
    width: 100px;
    padding: 4px !important;
}

#dish .activeDish {
    width: 28px !important;
    margin-top: 3px;
}

.inactiveTd {
    background-color: #E8A0A0 !important;
}

#a_la_carte_dish_table .dish_table_head td {
    background-color: black;
    color: white;
    border: none;
    font-weight: bold;
    font-size: 11pt !important;
    border-bottom: 1px solid white;
}

.canteen_order_column_width {
    width: 150px;
}

#reservationDiv {
    margin-left: 4px;
}

#reservationDiv th {
    color: #000000;
}

#widget_daily_dish .reservationPortion {
    font-size: 11pt;
}

#widget_daily_dish .reservationPortion input {
    width: 20px;
    vertical-align: middle;
}

#widget_daily_dish .portionsize {
    font-size: 9pt;
}

.reservationDishInWidget {
    padding: 4px 0 0 9px !important;
}

#reservationTime {
    width: 96px;
}

.extended_description {
    background-color: transparent;
    height: 39px;
    margin-left: 39px;
    width: 336px;
    text-align: left;
    padding-top: 5px;
}

.maximalDishes {
    background-color: #FFB5B5;
}

.reservationError {
    background-color: #FFB5B5;
    text-align: center;
}

#reservPortion {
    border: none;
}

.cuttingline {
    border-top: 1px solid black;
    width: 314px !important;
}

.widgetDailyDishDiv {
    margin-left: 7px;
}

.firstDishTh {
    width: 449px;
    padding-left: 88px;
}

.secondDishTh {
    padding-right: 66px;
}

.firstNormalDishTd {
    width: 193px;
}

.dishdelbutton {
    padding-top: 5px;
    margin-left: 4px;
    vertical-align: middle;
    margin-bottom: 1px;
    cursor: pointer;
}

#failDelete {
    margin-top: 14px;
}

.ie8fix {
    display: inline-block;
    width: 150px;
    overflow: hidden;
}

.dutymarker {
    color: red;
    font-size: 10pt;
}

#userAddTable {
    width: 350px;
}

#submitUserAdd {
    margin-right: 19px !important;
}

#tabs .ui-tabs-nav {
    height: 22px;
    margin: 5px;
    padding: 1px;
    min-width: 290px;
}

#tabs .ui-tabs-nav li {
    width: 66px;
    height: 18px;
    margin: 3px 2px;
    font-weight: normal;
    font-size: 11px;
}

#tabs .ui-tabs-nav a {
    width: 100%;
    text-align: center;
    font-size: 90%;
    padding-top: 4px;
    cursor: pointer;
}

#tabs .ui-state-active {
    background: #fff !important;
}

#tabs .ui-state-default {
    background: #e6e6f5;
    border: 1px solid #005DA4;
    padding: 0;
}

#tabs .ui-widget-header {
    background: #005da4 !important;
    border: 1px solid #005DA4 !important;
}

#tabs .ui-corner-top {
    border-radius: 0px !important;
}

#show_room {
    font-size: 90%;
}

#toggleButton {
    padding: 5px;
    background-color: #005DA4;
    color: #DDDDDD;
    border: solid thin activeborder;
    text-decoration: none;
    font-size: 13px;
    float: right;
    margin-top: -5px;
    transition: 0.3s;
}

#toggleButton:hover {
    background-color: #9FB8DD;
    color: black;
}

#highlight,
.highlighting {
    color: #9DC1E1;
    text-shadow: 0 0 3px black;
}

td.highlighting {
    background: #005da4 !important;
}

/* ---  --- */

#AdminHolidayResponsibilities td {
    text-align: center;
    min-width: 45px;
}

#AdminHolidayResponsibilities td:first-of-type {
    text-align: left;
}

#AdminHolidayResponsibilities input {
    width: 100px;
}

#AdminHolidayResponsibilities input[type='checkbox'] {
    width: 45px;
}

#AdminBody .responsibility_user td {
    background: #d3d3d3;
}

#AdminBody .responsibility_user > td:first-child {
    padding-left: 20px;
}


.horizontalSpacer {
    margin: 40px 0;
}

table #AdminHolidayResponsibilitiesAssignment {
    margin-top: 5px;
}

#AdminHolidayResponsibilitiesAssignment td {
    text-align: center;
}

#AdminHolidayResponsibilitiesAssignment input {
    width: 100px;
}

table #AdminHolidayAbsences {
    margin: 10px 0;
}

/* ---  --- */

#UserOverviewGroupAssignment table {
    margin: 5px 0;
}

#UserOverviewGroupAssignment .tightTd {
    width: 0px;
}

/* ---  --- */

table #AdminResponsibilitiesDepartment {
    margin-bottom: 10px;
}

/* ---  --- */

.hidden {
    display: none;
}


select#PdfYearSelect,
select#PdfCompanySelect,
select#PdfUserSelect {
    width: 200px;
}

.inline {
    display: inline;
}

select#OnlyView {
    width: auto;
}

.actualStand {
    color: #000000;
    background-color: lightcyan;
    padding: 2px;
    border: 1px solid darkgreen;
    display: block;
    font-size: 9pt;
    margin-top: 2px;
    text-align: center;
    text-decoration: none;
}

.invisible {
    visibility: hidden;
}

#VacationRequest table h2 span,
.requestForm h2 span {
    float: right;
    font-weight: normal;
    font-size: 12px;
}

#VacationRequest input[type="checkbox"] {
    width: auto;
    vertical-align: middle;
}

.requestForm, #Sell {
    padding: 10px;
    background-color: white;
    border: 1px solid #005da4;
}

#VacationRequest .leftColumn {
    margin-bottom: 0;
}

td.warning, td.tightTd {
    text-align: center;
}

span.warningMessage {
    padding: 0 0 0 20px;
}

a.disabled {
    pointer-events: none;
    cursor: default;
    background-color: lightgrey;
    color: grey;
    border-color: grey;
}

tr.error input,
input.error {
    border-color: red;
    color: red;
}


#MsgShower {
    font-size: 1.1em;
    font-weight: bold;
    white-space: normal;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-left: -415px;
    padding: 13px;
    position: fixed;
    text-align: left;
    width: 800px;
    height: auto;
    z-index: 101;
    top: -9999px;
    left: 50%;
    -webkit-transition: top 1s; /* For Safari 3.1 to 6.0 */
    transition: top 1s;
}

#MsgShower.slide {
    top: 0;
}

#MsgShower.error,
#MsgShower.error > div {
    background: #ff5f4a;
    color: #FFF;
}

#MsgShower.success {
    background: #6ec066;
    color: #FFF;
}

#MsgShower.warningMessage,
#MsgShower.warning {
    background: #ffef4c;
    color: #000;
}

input:disabled, input[readonly] {
    background-color: rgb(217, 217, 217);
}

td.right {
    text-align: right;
    width: 98px;
}

select[multiple] {
    height: auto;
}

.hint {
    color: blue;
    font-size: 9px;
}

.probation {
    margin-top: -5px;
}

p.hint > span.warning, p.probation > span.warning {
    font-size: 13px;
}

div.hint {
    min-width: 200px;
    max-width: 1000px;
    background-color: #777777;
    padding: 0 5px;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: normal;
    border: 1px solid #FFFFFF;
    border-radius: 3px;
    white-space: normal !important;
}

.hintIcon {
    background: none repeat scroll 0 0 #00abff;
    border-radius: 70px;
    border: 2px solid #999;
    font-size: 13px;
    font-weight: bolder;
    cursor: pointer;
}

.hintIcon:after {
    padding-right: 4px;
    content: "?";
}

.commentHistoryButton.hintIcon:after {
    padding-right: 0px;
    content: "";
}

.hintIcon.info:after {
    padding-right: 6px;
    padding-left: 6px;
    content: "i";
    font-family: icon;
}

td.info .hintIcon.info:after,
.commentHistoryButton.hintIcon.info:after {
    padding-left: 3px;
}

span.hintIcon.disabled {
    background-color: #999;
    cursor: not-allowed;
}

span.parking:after {
    content: "?";
    font-size: 15px;
}

.hintIcon .hint, #VacationRequest .hint {
    position: absolute;
    top: -9999px;
    left: -9999px;
}


.cancelIcon {
    background: none repeat scroll 0 0 #000;
    border-radius: 70px;
    border: 2px solid #999;
    font-size: 13px;
    font-weight: bolder;
    cursor: pointer;
}

.cancelIcon:after {
    padding-right: 4px;
    color: #fff;
    content: "S";
}

.leftColumn {
    width: 50%;
    float: left;
}

.rightColumn {
    overflow: hidden;
}

.rightColumn > input {
    width: 270px;
}

.leftColumn, .rightColumn {
    margin-bottom: 2em;
}

/* Tabs Urlaubsverwaltung*/
#TabContainer {
    padding: 3px;
}

#TabContainer li.ui-corner-top {
    padding: 0 3px;
    border-radius: 0;
    border: 0px !important;
}

#TabContainer .ui-state-active {
    background: #005da4 none repeat scroll 0 0 !important;
}

#TabContainer .ui-state-active a {
    color: #fff;
    font-weight: bold;
}

#TabContainer ul.ui-tabs-nav {
    padding-left: 0;
}


.tabContainer.ui-tabs,
.tabContainer.ui-tabs .ui-tabs-panel {
    padding: 0;
}

.tabContainer.ui-widget-content,
.tabContainer ul.ui-widget-header {
    background: none;
    border: none;
}

.tabContainer ul.ui-helper-reset {
    font-size: 10pt;
    line-height: 1.3;
}

#VacationRequest #TabContainer0 {
    margin-top: 10px;
}

/*#VacationRequest #TabContainer0 > ul {*/
/*border: 1px solid #d3e2f8;*/
/*border-radius: 4px;*/
/*border-bottom-left-radius: 0;*/
/*border-bottom-right-radius: 0;*/
/*}*/

#VacationRequest > .tabContainer table.overview {
    display: table;
}

#VacationRequest > .tabContainer table.overview td {
    background: #d5e2ec none repeat scroll 0 0;
    border-bottom: 1px solid #ffffff;
}

/* Ende*/

/* Farbe für Urlaub-Status-Anzeige*/

.absence_state_100 {
    background-color: yellow;
}

.absence_state_200 {
    background-color: green;
}

.absence_state_201 {
    background-color: red;
}

.absence_state_101 {
    background: none repeat scroll 0 0 #000;
    height: 31px;
    margin: -27px 0 -3px 18px;
    transform: rotate(66deg);
    width: 3px;
}

.absence_state_101:before {
    background: none repeat scroll 0 0 #000;
    content: "";
    height: 3px;
    left: -13px;
    margin: 9px 0 0 -1px;
    position: absolute;
    top: 5px;
    transform: rotate(-40deg);
    width: 31px;
}

#AdminBody table.overview td.state, #AdminBody table.overview td:last-child {
    padding: 0;
}

table.overview td.state span {
    display: block;
    width: 100%;
    height: 22px;
}

table.overview th.state {
    width: 37px;
}

/* Farbe für Urlaub-Status-Anzeige*/

/*Einstellungen für AbsenceHistory anzeige*/

#AbsenceHistory,
#HolidayWorktimeHistory,
#TotalExtra {
    padding: 10px;
    border: 1px solid #000000;
    background-color: #FFF;
}

#AbsenceHistory,
#HolidayWorktimeHistory,
#TotalExtra,
#TabRoom {
    position: fixed;
    /*opacity: 0.9;*/
    /*z-index: 8888;*/
}

#AbsenceHistory table,
#HolidayWorktimeHistory table,
#TotalExtra table {
    border-collapse: collapse;
    width: 100%;
}


#AbsenceHistory th,
#HolidayWorktimeHistory th,
#TotalExtra th {
    background: none repeat scroll 0 0 #777777;
    border-left: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    color: #ffffff;
    padding: 0 5px;
}

#AbsenceHistory td,
#HolidayWorktimeHistory td,
#TotalExtra td {
    background: none repeat scroll 0 0 #dddddd;
    border-left: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    font-size: 11px;
    padding-left: 3px;
    color: #000000;
}

#TotalExtra th {
    padding: 0 5px;
}

#TotalExtra td {
    padding-right: 3px;
}

#AbsenceOverview tr:nth-child(2n) td,
#AbsenceHistory tr:nth-child(2n) td,
#HolidayWorktimeHistory tr:nth-child(2n) td,
#TotalExtra tr:nth-child(2n) td,
#FlexTimeOverview tr:nth-child(2n) td {
    background: #c7c7c7;
}

#Total tr > th {
    font-weight: normal;
}

#Total tr.currentYear > td {
    font-weight: bold;
}

#HolidayTabs a {
    display: block;
    float: left;
    padding: 10px 15px;
    background: #aaa;
    border: 1px solid #777;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    margin-right: 1px;
    color: #000;
    text-decoration: none;
}

#HolidayTabs a:hover {
    background: #CCC;
}

#HolidayTabs a.active {
    color: #FFF;
}

#FilterTable tr td {
    background: #777777;
    border: none;
}

#FilterTable input {
    width: auto;
    padding-top: 2px;
}

input#FineDate {
    width: 20px;
}

select#FilterType, select#FilterCompany {
    width: auto;
}

#HolidayManagement input,
#HolidayManagement select {
    width: 140px;
}


tr.restriction td {
    background-color: rgb(255, 210, 52) !important;
}

.restrictionMarker {
    display: inline-block;
    padding-left: 20px;
    margin: 5px 10px 5px 0;
    background: rgb(255, 210, 52);
}

.restrictionDelete input {
    width: auto;
}

#VacationRequest .transferInfo {
    background: url('../bilder/history_icon.png?_=1495036165');
}

#Total .noPadding {
    padding-right: 0;
}

#Total .specialVacation td {
    background-color: #ebebeb;
}

table#Total td {
    background: #d5e2ec none repeat scroll 0 0;
    border-bottom: 1px solid #ffffff;
}

.pointer {
    cursor: pointer;
}

.left_border {
    border-left: 1px solid #ffffff !important;
}

/* ---- HOLIDAY CONFIG ----- */

#HolidayConfig tr.success td {
    background-color: #86ff88;
}

#HolidayConfig tr.error td {
    color: #d90001;
    border-top: none;
    font-weight: bold;
}


/*-- Abwesenheitsübersicht --*/

div.absenceOverviewSelect {
    font-size: x-small;
    margin-bottom: 5px;
}

.absenceOverviewSelect > select {
    width: 90px;
    margin: 0 2px 0 3px;
}

.fixedHeader thead {
    background-color: #9b9b9b;
}

.fixedHeader thead tr {
    display: block;
    position: relative;
    color: #ffffff;
}

.fixedHeader thead th {
    color: #ffffff;
}

.fixedHeader tbody {
    display: block;
    overflow: auto;
    width: 100%;
    max-height: 100px;
}

.fixedHeader th:nth-child(1),
.fixedHeader th:nth-child(2) {
    min-width: 70px;
}

.fixedHeader th:nth-child(3) {
    min-width: 100px;
}

.fixedHeader th:nth-child(4) {
    min-width: 45px;
}

#HolidayConfig input {
    width: 400px;
}


#HolidayConfig table.adminConfig td,
#HolidayConfig table.adminConfig input {
    width: 70px;
}

#UploadOrganigram input {
    width: auto;
    height: auto;
}

#TabContainer0 a {
    text-align: center;
    width: 120px;
}


#AdminBody table tr.editCurrentHoliday * {
    white-space: normal;
}

.editCurrentHoliday div {
    padding: 0 10px;
}


#admincontent .parkingCause {
    width: auto;
}

select#ParkingCause {
    width: auto;
}

label[for=ParkingCause] {
    display: inline-block;
    width: 221px;
}

.selectCompanyAndUser > select {
    height: 500px;
    padding: 10px 0 0 10px;
}

.errorParkingCause {
    color: #8f000c;
}

.attendanceGroup {

    font-weight: 800;
    font-family: "Tahoma black", Tahoma;
    font-size: inherit;
}

.subList {
    font-weight: normal !important;
}

select[multiple] > option.subList:before {
    content: "•";
    padding: 0 3px;
}

.selectCompanyAndUser {
    margin-top: -20px;
    width: 234px;
}

#WorkingTimeEfficiency .selectCompanyAndUser {
    margin-left: -100px;
}

/* Alle-Anwesend-Anzeige */

.allpresent td {
    background-color: #b4ffc0 !important;
}

#ResultAttendance .left_right_padding {
    padding: 0 10px;
}

#ResultAttendance,
.dateInputs {
    margin-left: 245px;
}

#Attendance .dateInputs input {
    width: 150px;
}

#ResultAttendance {
    margin-top: -470px;
    max-width: 950px;
    max-height: 470px;
    overflow: auto;
    white-space: normal;
}

#ResultEfficiency {
    margin-top: -470px;
    margin-left: 150px;
}

#ResultAttendance tr:first-child th {
    background: #b9b9b9;
    color: #000000;
    white-space: normal;
    padding: 5px;
    border: solid 1px #555555;
}

td.not_work_day {
    background-color: #9b9b9b !important;
}

.toDeleted td {
    background-color: #ff524b !important;
}

.responsibility_company, .responsibility_user {
    border-bottom: medium solid #545454;
}

#HolidayWorktimeHistory {
    margin-top: 15px;
    z-index: 1;
    position: absolute;
    max-width: 325px;
    overflow-x: auto;
}


#Legend > table {
    width: auto;
    margin: 32px 0 0 140px;
    z-index: 2;
    position: absolute;
}

#Legend tr.legend td {
    padding: 2px 4px;
}

/* Farbe für Legend von Effizienz-Auswertung */
#Legend .excellent,
#ResultEfficiency .excellent {
    background-color: #7dcca0 !important;
}

#Legend .normal,
#ResultEfficiency .normal {
    background-color: #6989cc !important;
}

#Legend .observe,
#ResultEfficiency .observe {
    background-color: #ccbe4a !important;
}

#Legend .bad,
#ResultEfficiency .bad {
    background-color: #cc6461 !important;
}

/* Ende -> Farbe für Legend von Effizienz-Auswertung */
#Attendance ul, #WorkingTimeEfficiency ul {
    list-style-type: none;
    padding: 0;
    margin: -20px 1px;
}

#Attendance li, #WorkingTimeEfficiency li {
    float: left;
    margin-right: 5px;
}

.inProgress {
    z-index: 2;
    position: absolute;
    text-align: center;
    margin: 300px 560px;
}

/* Dialog_Buttons*/
#StatusDialog {
    background-color: rgba(0, 0, 0, 0.65);
}

#StatusDialog ul button {
    width: 80px;
    height: 80px;
    border-width: 0;
    background: url('../bilder/icons/sprite_stati_80.png?_=1514992680') no-repeat !important;
}

#StatusDialog > #current_status_button {
    background-position: 0 0;
}

#StatusDialog .file_handle_button {
    background-position: -400px 0 !important;
}

#StatusDialog .in_conference_button {
    background-position: -80px 0 !important;
}

#StatusDialog .not_contactable_button {
    background-position: -160px 0 !important;
}

#StatusDialog .pause_button {
    background-position: -240px 0 !important;
}

#StatusDialog .close {
    background-position: -320px 0 !important;
}

#StatusDialog {
    position: fixed;
    top: 0;
    z-index: 101;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.65);
}

#StatusDialog ul {
    position: absolute;
    left: 50%;
    top: 40%;
    margin-left: -160px;
    list-style-type: none;
    padding: 0;
}

#StatusDialog li {
    float: left;
    margin-right: 2px;
}

#FlexTimeOverview table {
    width: 90%;
}

.flexTimeState101,
.flexTimeState202 {
    background-color: #ffffff;
}

.flexTimeState102,
.flexTimeState201,
.flexTimeState302 {
    background-color: #00ffa0;
}

.flexTimeState301 {
    background-color: #ff524b;
}

.flexTimeAction {
    margin-top: 5px;
    text-align: left;
}

#OpenRequest .flexTimeInput,
#OpenRequest .flexTimeInput input {
    width: 120px;
}

.negative {
    color: #cd0a0a;
}

.positive {
    color: #009900;
}

.positive:before {
    content: '+';
}

.neutral {
    color: #000000;
}

.dayOverview {
    cursor: pointer;
}

#ResultFlexTime {
    float: right;
    margin: 5px 5px 25px 0;
    width: 750px;
}

#ResultFlexTime .timeHint {
    margin-top: 5px;
}

#AdminBody #ResultFlexTime th.noBorderNoBackground {
    padding-top: 10px;
    background: none;
    border: none;
    color: #000000;
}

#admincontent input.status_change {
    width: 50px;
    margin: 0 5px;
}

#admincontent .dateInputs > select {
    width: 160px;
}

#HandleStatusChange > select {
    width: 190px;
}

/* Missachtung KernArbeitszeit InfoHistoryTabelle*/
#HistoryInfo {
    padding: 10px;
    border: 1px solid #000000;
    background-color: #FFF;
    position: absolute;
}


#HistoryInfo table {
    border-collapse: collapse;
    width: 100%;
}


#HistoryInfo th {
    background: none repeat scroll 0 0 #777777;
    border-left: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    color: #ffffff;
    padding: 0 5px;
}

#HistoryInfo td {
    background: none repeat scroll 0 0 #dddddd;
    border-left: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    font-size: 11px;
    padding-left: 3px;
    color: #000000;
}

#HistoryInfo tr:nth-child(2n) td {
    background: #c7c7c7;
}

#DebitHour {
    background-color: #fff;
    border: 1px solid #0076b8;
    padding: 0 5px;
}

#admincontent input.addPayment {
    width: 150px;
}

#PaymantArrangeTbl .linkButton {
    display: inline-block;
}

.labelTextTop {
    position: absolute;
    margin-top: -20px;
}

.labelTextTopSpecial {
    display: block;
    padding-left: 6px;
    margin-bottom: 2px;
}

#ResultDailyWorkingTimeStats, #ResultAccountTime {
    margin-top: -470px;
    max-height: 470px;
    overflow: auto;
    white-space: normal;
    margin-left: 245px;
}

#StatusChangesDayOverview input.accept_change,
#StatusChangesDayOverview input.accept_change_all {
    width: 30px;
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

/*TimeLine*/
.bar {
    height: 4px;
    background: #eee;
    width: 100%;
    position: relative;
    top: 13px;
    left: 0;
}

.timeline {
    white-space: nowrap;
    padding: 30px 0 10px 0;
    position: relative;
}

.entry {
    display: inline-block;
    vertical-align: top;
    background: #13519C;
    color: #fff;
    padding: 10px;
    font-size: 12px;
    text-align: center;
    position: relative;
    border-top: 4px solid #06182E;
    border-radius: 3px;
    min-width: 20px;
    max-width: 50px;
}

#StatusChangeStart {
    padding-top: 3px;
}

#FlexTimeManagement {
    margin: 20px 10px;
}

#FilterTable select {
    max-width: 230px;
    margin-bottom: 10px;
}


#FilterSettings {
    left: 583px;
    position: relative;
    top: -20px;
    width: 415px;
}

#FilterSettings select {
    width: 150px;
}

input#ShowAllUser {
    width: 40px;
}

.showIcon,
.hideIcon {
    font-size: 13px;
    font-weight: bolder;
    cursor: pointer;
    padding-right: 4px;
}

.showIcon:after {
    content: "▲";
}

.hideIcon:after {
    content: "▼";
}

.movie {
    float: right;
    width: 50%;
}

#StatusChangesDayOverview tr.unaccept td {
    background-color: #E8A0A0;
}

div.scrollbar {
    width: 100%;
    height: 200px;
    overflow-y: scroll;
}

textarea#StatusChangesComment {
    width: 620px;
    margin: 20px 0 0 5px;
}

.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #0076b8;
    border-bottom: 16px solid #0076b8;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.lastAbsences {
    color: #005da4;
    cursor: pointer;
    margin: 5px;
}


div.banner {
    background: transparent url("../bilder/default_banner.png?_=1514969816") no-repeat top !important;
    height: 100px;
    width: 100%;
    position: fixed;
    z-index: 101;
}

#head.withBanner {
    margin-top: 75px;
}

#rightdiv.withBanner {
    top: 190px;
}

#contentdiv.withBanner {
    padding-top: 190px;
}

/*Suchfeld(Frontend)*/
.clearable {
    background: #fff url(data:image/gif;base64,R0lGODlhBwAHAIAAAP///5KSkiH5BAAAAAAALAAAAAAHAAcAAAIMTICmsGrIXnLxuDMLADs=) no-repeat right -10px center;
    border: 1px solid #005da4;
    padding: 3px 18px 3px 4px; /* Use the same right padding (18) in jQ! */
    /*border-radius: 3px;*/
    transition: background 0.4s;
    margin-bottom: 10px;
    width: 295px;
}

.clearable.x {
    background-position: right 5px center;
}

.clearable.onX {
    cursor: pointer;
}

.clearable::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}


/* Gleitzeitübersicht(Frontend)*/
#widget_flextime_overview table {
    white-space: nowrap;
    border-collapse: collapse;
    width: 100%;
}

#widget_flextime_overview tr th {
    background-color: #a9a9a9;
    color: #000;
    text-align: left;
    width: 43%;
}

#widget_flextime_overview tr th:last-child {
    width: 17%;
}

#widget_flextime_overview tr td {
    border-top: 1px solid #e6e6f5;
}

#widget_flextime_overview div.colorGreen,
#widget_flextime_overview div.colorYellow {
    display: inline-block;
    margin: 0 2px;
}


#widget_flextime_overview div.colorGreen {
    background-color: #adddb3;
}

#widget_flextime_overview div.colorYellow {
    background-color: #dddd93;
}

div.summary_left {
    float: left;
    width: 208px;
    padding: 0 5px;
}

div.summary_right {
    float: right;
    text-align: right;
    width: 88px;
    padding: 0 5px;
}

/* Gleitzeitübersicht(Frontend) => End*/