body {
    text-align: center; /* Zentrierung IE */
    font-size: 14px;
    font-family: Arial, sans-serif;
}

h1, h2, h3, h4, h5 {
    font-weight: bold;
}

h1 {
    font-size: 18px;
    color: #666;
    padding: 5px 6px 6px 15px;
    margin: 0 0 .2em 0;
}

#calendar table {
    width: 100%;
}

/* Calendar Header hell auf dunkel blau */
#calendar table tr th {
    text-align: center;
    font-size: 14px;
    background-color: #316497;
    color: #99ccff;
}

#calendar table tr td {
    width: 10%;
    border: 1px solid #555;
    vertical-align: top;
    height: 80px;
    padding: 2px;
    background-color: #FFFFFF;
}

/* Calendar Header hell auf dunkel blau */
#summenKostenstelle table tr th {
    text-align: center;
    font-size: 14px;
    background-color: #316497;
    color: #99ccff;
}

#summenKostenstelle table tr td {
    border: 1px solid #555;
    vertical-align: top;
    height: 20px;
    padding: 2px;
    background-color: #FFFFFF;
}

/* Calendar Header hell auf dunkel blau */
#verwaltung table tr th {
    text-align: center;
    font-size: 14px;
    background-color: #316497;
    color: #99ccff;
}

#verwaltung table tr td {
    border: 1px solid #555;
    vertical-align: top;
    height: 20px;
    padding: 2px;
    background-color: #FFFFFF;
}

/* Tages Eintrag */
#calendar table.day tr.day td.day {
    border: 0px solid #555;
    vertical-align: middle;
    background-color: #F0F8FF;
    height: 10px;
    padding: 0px;
    text-align: center;
}

#calendar td.dayStunden {
    border: 0px solid #555;
    vertical-align: middle;
    text-align: center;
    background-color: #F0F8FF;
    height: 23px;
    padding: 0 10px;
    width: 2%;
}

#calendar td.dayKostenstelleReadOnly {
    border: 0px solid #555;
    vertical-align: middle;
    background-color: #F0F8FF;
    height: 23px;
    padding: 0 10px;
}

#calendar td.dayKostenstelle {
    border: 0px solid #555;
    vertical-align: middle;
    background-color: #F0F8FF;
    height: 23px;
    padding: 0 10px;
}

#calendar td.kostenstelle {
    border: 0px solid #555;
    vertical-align: middle;
    background-color: #F0F8FF;
    height: 23px;
    padding: 0 10px;
    color: #707070;
}

#calendar td.dayButton {
    border: 0px solid #555;
    vertical-align: middle;
    text-align: center;
    height: 23px;
    width: 1%;
    padding: 0px;
}

#calendar td.krank {
    background-color: #A52A2A;
    vertical-align: middle;
    color: white;
    font-weight: bold;
    height: 23px;
    padding: 0px;
    text-align: center;
}

#calendar td.sonstiges {
    background-color: red;
    color: white;
    vertical-align: middle;
    font-weight: bold;
    height: 23px;
    padding: 0px;
    text-align: center;
}

/* Sonstiges Tages Ereignisse */
/* AD grün */
#calendar td.AP {
    background-color: #00FF00;
    color: black;
}

/*Uebersundenabbau*/
#calendar td.UEA {
    background-color: #00FF00;
    vertical-align: middle;
    color: black;
    font-weight: bold;
    height: 15px;
    padding: 0px;
    text-align: center;
}

/*Ueberbetrieblich*/
#calendar td.UEBL {
    background-color: #BDBDBD;
    vertical-align: middle;
    color: black;
    font-weight: bold;
    height: 15px;
    padding: 0px;
    text-align: center;
}

/*Berufsschule*/
#calendar td.BS {
    background-color: #FFFFFF;
    vertical-align: middle;
    color: black;
    font-weight: bold;
    height: 15px;
    padding: 0px;
    text-align: center;
}

/*Reisekosten*/
#calendar td.RK {
    background-color: #006600;
    vertical-align: middle;
    color: white;
    font-weight: bold;
    height: 15px;
    padding: 0px;
    text-align: center;
}

/*Kurzarbeitergeld*/
#calendar td.KUG {
    background-color: #6600ff;
    vertical-align: middle;
    color: white;
    font-weight: bold;
    height: 15px;
    padding: 0px;
    text-align: center;
}

/*Corona-Tage*/
#calendar td.COR {
    background-color: #ff66cc;
    vertical-align: middle;
    color: white;
    font-weight: bold;
    height: 15px;
    padding: 0px;
    text-align: center;
}

/*Elternzeit-Tage*/
#calendar td.EZ {
    background-color: #ff8700;
    vertical-align: middle;
    color: white;
    font-weight: bold;
    height: 15px;
    padding: 0px;
    text-align: center;
}

#calendar td.ereignis {
    background-color: #00FA9A;
    vertical-align: middle;
    color: black;
    font-weight: bold;
    height: 23px;
    padding: 0px;
    text-align: center;
}

#calendar td.urlaub {
    background-color: yellow;
    vertical-align: middle;
    color: black;
    font-weight: bold;
    height: 15px;
    padding: 0px;
    text-align: center;
}

#calendar td.sond_urlaub {
    background-color: #FFFF99;
    vertical-align: middle;
    color: black;
    font-weight: bold;
    height: 15px;
    padding: 0px;
    text-align: center;
}

#calendar td.unb_urlaub {
    background-color: #FFFFCC;
    vertical-align: middle;
    color: black;
    font-weight: bold;
    height: 15px;
    padding: 0px;
    text-align: center;
}

/* unbezahlt */
#calendar td.UN {
    background-color: #e94fff;
    vertical-align: middle;
    color: black;
    font-weight: bold;
    height: 15px;
    padding: 0px;
    text-align: center;
}

#calendar td.noday {
    background-color: #eee;
}

#calendar td.filled {
    background-color: #99ccff;
}

#calendar td.gesperrt {
    background-color: #E0E0E0;
}

#calendar td.today, #verwaltung td.today {
    border: 4px solid #316497;
}

#verwaltung td.today_halb {
    border-left: 4px solid #316497;
    border-right: 4px solid #316497;
}

#calendar .dayNumber {
    font-size: 14px !important;
    font-weight: bold;
}

#calendar td.sat {
    background-color: #FFFACD;
}

#calendar td.sun {
    background-color: #FFFACD;
}

#summenMonat td.edit {
    background-color: #FFFFFF;
}

#seitenbereich {
    text-align: left; /* Inhalt wieder links */
    margin: 0 auto; /* Zentrierung mitte */
    width: 100%;
    background-color: silver;
}

/* HEADER */

#kopfzeile {
    /* background: grey; */
    color: #ffc;
    overflow: hidden;
}

#kopfzeile a:link, #kopfzeile a:visited {
    color: white;
}

#kopfzeile a:hover {
    text-decoration: underline;
}

#branding h1 {
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    color: #f4f379;
}

#user-tools {
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px 20px;
    font-size: 14px;
    text-align: right;
}

#user-tools .selected a {
    color: white;
    background-color: #316497;
}

#user-tools a {
    -moz-box-shadow: 1px 1px 8px gray;
    -webkit-box-shadow: 1px 1px 8px gray;
    box-shadow: 1px 1px 8px gray;
    border-radius: 10px;
    color: #666 ! important;
    background-color: #99ccff;
    padding: 2px 10px 2px 10px;
}

/* END HEADER */

#fusszeile {
    clear: both;
    background-color: #FFFFFF;
    border-top: 2px solid black;
    height: 20em
}

#inhalte {
    margin-left: 15em;
    background-color: lightblue;
}

#navigationMonat ul {
    display: table;
    width: 100%;
    margin: 0em;
    padding-left: 0;
}

#navigationMonat li {
    float: left;
    display: table-cell;
    table-layout: fixed;
    margin: 0;
    border-spacing: 0;
}

#navigationMonat li.toMonthAktMonat {
    float: left;
    display: table-cell;
    table-layout: fixed;
    margin-right: 0.2em;
    margin-left: 0.2em;
    vertical-align: middle;
    text-align: center;
    line-height: 1.5em;
    background-color: #316497;
    border-radius: 10px;
    padding-right: 3px;
    padding-left: 3px;
}

#navigationMonat li.toMonthAktMonat a {
    color: white;
}

#navigationMonat li.toMonth {
    float: left;
    display: table-cell;
    table-layout: fixed;
    margin-right: 0.2em;
    margin-left: 0.2em;
    vertical-align: middle;
    text-align: center;
    line-height: 1.5em;
    background-color: silver;
    border-radius: 10px;
    padding-right: 3px;
    padding-left: 3px;
}

#navigationMonat a {
    color: #666;
}

#navi {
    float: left;
    width: 15em;
    background-color: silver;
}

#navi ul {
    padding-left: 0;
    display: table;
    width: 100%;
    margin: 5px;
}

#navi li {
    float: left;
    clear: both;
    display: table-cell;
    table-layout: fixed;
    margin: 0px;
    margin-bottom: 5px;
    z-index: 1;
    position: relative;
}

#navi li.selected a {
    color: white;
    background-color: #316497;
}

#navi li a {
    float: left;
    display: table-cell;
    table-layout: fixed;
    margin-right: 0.2em;
    margin-left: 0.2em;
    vertical-align: middle;
    line-height: 1.5em;
    text-align: center;
    background-color: #99ccff;
    color: #666;
    border-radius: 10px;
    padding-right: 5px;
    padding-left: 5px;
}

#navi .deleteMitarbeiterMru {
    float: left;
    display: table-cell;
    table-layout: fixed;
    margin-right: 0.2em;
    margin-left: 0.2em;
    vertical-align: middle;
    line-height: 1.5em;
    text-align: center;
    background-color: silver;
    border-radius: 10px;
    padding-right: 5px;
    padding-left: 5px;
}

#navi .deleteMitarbeiterMru:hover {
    color: black;
    background-color: yellow;
}

a:link, a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

#summenMonat {
    width: 100%;
    border: 0px solid #555;
    border-bottom: 1px solid black;
}

#summenMonat table {
    border: 0px solid #555;
    border-bottom: 1px solid black;
    width: 100%;
}

#summenMonat table tr td {
    border: 1px solid #555;
    vertical-align: top;
    padding: 2px;
    background-color: #FFFFFF;
}

#summenMonat table thead tr th {
    text-align: center;
    background-color: #316497;
    color: #99ccff;
}

#summenMonat table thead tr th.small {
    text-align: center;
    font-size: 2px;
    background-color: #316497;
    color: #99ccff;
}

#summenMonat ul {
    display: table;
    width: 100%;
    margin: 0em;
    padding-left: 0;
}

#summenMonat li {
    width: 2%;
    display: table-cell;
    table-layout: fixed;
    border-spacing: 0px;
}

.change {
    background: url(../../images/icon_changelink.gif) 0 .2em no-repeat;
}

.changeInNavi {
    background: url(../../images/icon_changelink.gif) 146px .2em no-repeat;
    width: 160px;
}

.editable_textarea_mitarbeiter_bemerkung {
    color: #444;
    float: left;
    height: 20px;
    horiz-align: center;
    margin-top: 8px;
}

.editable_textarea_verwaltung {
    color: #444;
    float: left;
}

.changeMitarbeiterBemerkung {
    background: url(../../images/icon_changelink.gif) .5em .2em no-repeat;
    float: right;
}

/* Add Menu */
#addmenu {
    font-size: 14px;
    position: absolute;
    padding: 0em 45px;
}

#addmenu ul {
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

#addmenu li.topaddmenu {
    float: left;
}

#addmenu li.topaddmenu2 {
    float: left;
}

.topaddmenu a {
    float: left;
    width: 10px;
    text-align: center;
}

.topaddmenu ul {
    display: none;
}

.topaddmenu a {
    font-size: 12px;
    padding: 0px 5px;
    border-radius: 8px;
    border: 1px solid silver;
    border-collapse: collapse;
    color: silver;
    font-weight: bold;
    text-decoration: none;
    background-color: white;
    margin: 0;
}

.topaddmenu2 a {
    float: left;
    width: 10px;
    text-align: center;
}

.topaddmenu2 ul {
    display: none;
}

.topaddmenu2 a {
    font-size: 12px;
    padding: 0px 5px;
    border-radius: 8px;
    border: 1px solid silver;
    border-collapse: collapse;
    color: silver;
    font-weight: bold;
    text-decoration: none;
    background-color: white;
    margin: 0;
}

.subaddmenu a {
    font-size: 14px;
    width: 80px;
    position: relative;
    clear: both; /* special IE6 */
    background-color: black;
}

.subaddmenu .addByKostenstelle {
    padding: 0px 5px;
    border-radius: 8px;
    border: 1px solid silver;
    border-collapse: collapse;
    color: silver;
    font-weight: bold;
    text-decoration: none;
    background-color: white;
    margin: 0;
    font-size: 14px;
    width: 40px;
    position: relative;
    clear: both; /* special IE6 */
    background-color: black;
}

.subaddmenu .addByKostenstelle:hover {
    color: #4C4C4C;
    background-color: #ffddbb !important;
    cursor: pointer;
}

#addmenu a:hover, .topaddmenu.on a, .topaddmenu2.on a {
    color: #4C4C4C;
    background-color: #ffddbb !important;
}

.topaddmenu:hover ul {
    display: block;
    z-index: 500;
}

.topaddmenu2:hover ul {
    display: block;
    z-index: 500;
}

/* Platzhalter Zeileneditor */

.kostenstelle {
    float: left;
    line-height: 19px;
    padding: 0 10px;
    color: #707070;
    text-align: center;
}

.editable_cal {
    border-radius: 8px;
    border: 1px dotted silver;
    padding: 0;
    text-align: center;
}

.editableCalNoButton form,
.editableCalNoButton input {
    font: inherit;
    color: inherit;
    background: inherit;
    border: inherit;
    font-size: 14px;
}

.editable_cal form,
.editable_cal input {
    font: inherit;
    color: inherit;
    background: inherit;
    border: inherit;
    font-size: 14px;
}

.editable_cal button {
    border: 1px solid #dddddd;
    color: #38385c;
}

/* MESSAGES & ERRORS */

ul.messagelist {
    padding: 0 0 5px 0;
    margin: 0;
}

ul.messagelist li {
    font-size: 12px;
    display: block;
    padding: 4px 5px 4px 25px;
    margin: 0 0 3px 0;
    border-bottom: 1px solid #ddd;
    color: #666;
    background: #ffc url(../../images/icon_success.gif) 5px .3em no-repeat;
}

ul.messagelist li.warning {
    background-image: url(../../images/icon_alert.gif);
}

ul.messagelist li.error {
    background-image: url(../../images/icon_error.gif);
}

ul.messagelist li.info {
    background-image: url(../../images/icon_info.gif);
}

.errornote {
    font-size: 12px !important;
    display: block;
    padding: 4px 5px 4px 25px;
    margin: 0 0 3px 0;
    border: 1px solid red;
    color: red;
    background: #ffc url(../../images/icon_error.gif) 5px .3em no-repeat;
}

ul.errorlist {
    margin: 0 !important;
    padding: 0 !important;
}

.errorlist li {
    font-size: 12px !important;
    display: block;
    padding: 4px 5px 4px 25px;
    margin: 0 0 3px 0;
    border: 1px solid red;
    color: white;
    background: red url(../../images/icon_alert.gif) 5px .3em no-repeat;
}

.errorlist li a {
    color: white;
    text-decoration: underline;
}

td ul.errorlist {
    margin: 0 !important;
    padding: 0 !important;
}

td ul.errorlist li {
    margin: 0 !important;
}

.errors {
    background: #ffc;
}

.errors input, .errors select, .errors textarea {
    border: 1px solid red;
}

div.system-message {
    background: #ffc;
    margin: 10px;
    padding: 6px 8px;
    font-size: .8em;
}

div.system-message p.system-message-title {
    padding: 4px 5px 4px 25px;
    margin: 0;
    color: red;
    background: #ffc url(../../images/icon_error.gif) 5px .3em no-repeat;
}

.description {
    font-size: 12px;
    padding: 5px 0 0 12px;
}

.rot {
    color: red;
}

.gruen {
    color: green;
}

.nav-mitarbeiter {
    /* Size and position */
    position: relative; /* Enable absolute positioning for children and pseudo elements */
    margin: 0 auto;
    padding: 5px 5px;
    font-size: 14px;
    color: grey;

    /* Styles */
    border-left: 0px solid grey;
    cursor: pointer;
    outline: none;
}

.nav-mitarbeiter-hidden {
    /* Size and position */
    position: relative; /* Enable absolute positioning for children and pseudo elements */
    margin: 0 auto;
    padding: 5px 5px;
    font-size: 14px;
    color: grey;

    /* Styles */
    border-left: 0px solid grey;
    cursor: pointer;
    outline: none;
}

.nav-mitarbeiter:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: 0px;
    border-width: 0px 6px 6px 6px;
    border-style: solid;
    border-color: grey transparent;
}

.nav-mitarbeiter-hidden:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -3px;
    border-width: 6px 6px 0px 6px;
    border-style: solid;
    border-color: grey transparent;
}

.no-wrapper-dropdown-2 {
    /* Size and position */
    position: relative; /* Enable absolute positioning for children and pseudo elements */
    margin: 0 auto;
    padding: 5px 5px;
    font-size: 14px;

    /* Styles */
    border-left: 0px solid grey;
    outline: none;
}

.wrapper-dropdown-2 {
    /* Size and position */
    position: relative; /* Enable absolute positioning for children and pseudo elements */
    margin: 0 auto;
    padding: 5px 5px;
    font-size: 14px;

    /* Styles */
    border-left: 0px solid grey;
    cursor: pointer;
    outline: none;
}

.wrapper-dropdown-2:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -3px;
    border-width: 4px 4px 0 4px;
    border-style: solid;
    border-color: grey transparent;
}

.wrapper-dropdown-2 .dropdown {
    /* Size & position */
    position: absolute;
    top: 20px;
    left: 25px;
    right: -10px;

    /* Styles */
    background: #eee;
    transition: all 0.3s ease-out;
    list-style: none;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: black;

    /* Hiding */
    opacity: 0;
    z-index: -99;
    pointer-events: none;
}

.wrapper-dropdown-2 .dropdown li {
    margin-left: -25px;
}

.wrapper-dropdown-2 .dropdown li a {
    display: block;
    text-decoration: none;
    color: #333;
    border-left: 5px solid;
    padding: 5px 5px;
    transition: all 0.3s ease-out;
}

/* Ueberstunden abfeiern */
.wrapper-dropdown-2 .dropdown li:nth-child(1) a {
    border-left-color: #00FF00;
}

/* Berufsschule */
.wrapper-dropdown-2 .dropdown li:nth-child(2) a {
    border-left-color: #FFFFFF;
}

/* Ueberbetrieblich */
.wrapper-dropdown-2 .dropdown li:nth-child(3) a {
    border-left-color: #BDBDBD;
}

/* Reiselosten */
.wrapper-dropdown-2 .dropdown li:nth-child(4) a {
    border-left-color: #006600;
}

/* -- nur für Verwaltung Mitarbeiter*/

/* Urlaub */
.wrapper-dropdown-2 .dropdown li:nth-child(6) a {
    border-left-color: yellow;
}

/* Krank */
.wrapper-dropdown-2 .dropdown li:nth-child(7) a {
    border-left-color: #A52A2A;
}

/* LK */
.wrapper-dropdown-2 .dropdown li:nth-child(8) a {
    border-left-color: #A52A2A;
}

/* SU */
.wrapper-dropdown-2 .dropdown li:nth-child(9) a {
    border-left-color: #FFFF99;
}

/* UU */
.wrapper-dropdown-2 .dropdown li:nth-child(10) a {
    border-left-color: #FFFFCC;
}

/* UN */
.wrapper-dropdown-2 .dropdown li:nth-child(11) a {
    border-left-color: #e94fff;
}

/* KUG */
.wrapper-dropdown-2 .dropdown li:nth-child(12) a {
    border-left-color: #6600ff;
}

/* COR */
.wrapper-dropdown-2 .dropdown li:nth-child(13) a {
    border-left-color: #ff66cc;
}

/* EZ */
.wrapper-dropdown-2 .dropdown li:nth-child(14) a {
    border-left-color: #ff8700;
}

/* -- */

.wrapper-dropdown-2 .dropdown li:nth-child(15) a {
    border-left-color: #00ACED;
}

.wrapper-dropdown-2 .dropdown li:nth-child(16) a {
    border-left-color: #4183C4;
}

.wrapper-dropdown-2 .dropdown li:nth-child(17) a {
    border-left-color: #00ACED;
}

.wrapper-dropdown-2 .dropdown li:nth-child(18) a {
    border-left-color: #4183C4;
}

.wrapper-dropdown-2 .dropdown li:nth-child(19) a {
    border-left-color: #00ACED;
}

.wrapper-dropdown-2 .dropdown li:nth-child(20) a {
    border-left-color: #4183C4;
}

.wrapper-dropdown-2 .dropdown li:nth-child(21) a {
    border-left-color: #00ACED;
}

.wrapper-dropdown-2 .dropdown li:nth-child(22) a {
    border-left-color: #4183C4;
}

.wrapper-dropdown-2 .dropdown li:nth-child(23) a {
    border-left-color: #00ACED;
}

.wrapper-dropdown-2 .dropdown li:nth-child(24) a {
    border-left-color: #4183C4;
}

.wrapper-dropdown-2 .dropdown li:nth-child(25) a {
    border-left-color: #00ACED;
}

.wrapper-dropdown-2 .dropdown li:nth-child(26) a {
    border-left-color: #4183C4;
}

.wrapper-dropdown-2 .dropdown li:nth-child(27) a {
    border-left-color: #00ACED;
}

.wrapper-dropdown-2 .dropdown li:nth-child(28) a {
    border-left-color: #4183C4;
}

.wrapper-dropdown-2 .dropdown li:nth-child(29) a {
    border-left-color: #00ACED;
}

.wrapper-dropdown-2 .dropdown li:nth-child(30) a {
    border-left-color: #4183C4;
}

.wrapper-dropdown-2 .dropdown li:nth-child(31) a {
    border-left-color: #00ACED;
}

.wrapper-dropdown-2 .dropdown li:nth-child(32) a {
    border-left-color: #4183C4;
}

.wrapper-dropdown-2 .dropdown li:nth-child(33) a {
    border-left-color: #00ACED;
}

.wrapper-dropdown-2 .dropdown li:nth-child(34) a {
    border-left-color: #4183C4;
}

.wrapper-dropdown-2 .dropdown li:nth-child(35) a {
    border-left-color: #4183C4;
}

.wrapper-dropdown-2 .dropdown li i {
    margin-right: 5px;
    color: inherit;
    vertical-align: middle;
}

/* Hover state */
.wrapper-dropdown-2 .dropdown li:hover a {
    color: white;
    background: #316497;
}

.wrapper-dropdown-2.active:after {
    border-width: 0 6px 6px 6px;
}

.wrapper-dropdown-2.active .dropdown {
    opacity: 1;
    pointer-events: auto;
    z-index: 99;
}

.hasDatepicker {
    width: 65px;
    padding: 0px 5px;
    background: silver;
    border: 0px solid #ddd;
}

.shadow_navi {
    -moz-box-shadow: 1px 1px 8px gray;
    -webkit-box-shadow: 1px 1px 8px gray;
    box-shadow: 1px 1px 8px gray;
    border-radius: 10px;
}

#verwaltung td.gesperrt, #summenKostenstelle td.gesperrt {
    background-color: #E0E0E0;
}

#calendar td.gesperrt_halb, #verwaltung td.gesperrt_halb, #summenKostenstelle td.gesperrt_halb {
    background: linear-gradient(
            to right,
            #E0E0E0 50.00%, white 50.00%
    );
}

#calendar td.highlight, #verwaltung td.highlight, #summenKostenstelle td.highlight {
    border-top: 4px solid #316497;
    border-bottom: 4px solid #316497;
}

#calendar td.column_highlight, #verwaltung td.column_highlight, #summenKostenstelle td.column_highlight {
    border-left: 4px solid #316497;
    border-right: 4px solid #316497;
}

#calendar td.highlight_full, #verwaltung td.highlight_full, #summenKostenstelle td.highlight_full {
    background: #F5F5DC;
}

#verwaltung td.filled {
    background-color: #99ccff;
}

#verwaltung td.krank {
    background-color: #A52A2A;
    color: white;
    font-weight: bold;
}

#verwaltung td.urlaub {
    background-color: yellow;
}

#summenKostenstelle td.sonstiges {
    background-color: red;
    color: white;
    font-weight: bold;
}

#summenKostenstelle td.krank {
    background-color: #A52A2A;
    color: white;
    font-weight: bold;
}

#summenKostenstelle td.today {
    border: 4px solid #316497;
}

#summenKostenstelle td.sun {
    background-color: #FFFACD;
}

#summenKostenstelle td.sat {
    background-color: #FFFACD;
}

#summenKostenstelle td.urlaub {
    background-color: yellow;
}

#verwaltung td.highlight_full_mouse, #summenKostenstelle td.highlight_full_mouse {
    background: #F0F8FF;
}

#verwaltung td a, #summenKostenstelle td a {
    color: black;
}

#verwaltung td.krank a, #summenKostenstelle td.krank a {
    color: white;
}

#verwaltung td.highlight_full_mouse a, #summenKostenstelle td.highlight_full_mouse a {
    color: black;
}

#calendar td.auswahl, #summenMonat td.auswahl, #verwaltung td.auswahl, #summenKostenstelle td.auswahl {
    border: 2px dashed #316497;
    background-color: #FFCC33;
}

#verwaltung td.ereignis, #summenKostenstelle td.ereignis {
    background-color: #00FA9A;
}

#verwaltung th.auswahl, #summenKostenstelle th.auswahl {
    border: 2px dashed #316497;
    background-color: #FFCC33;
    color: black;
}

#verwaltung table.day tr.day td.day {
    border: 0px;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    text-align: right;
}

/*
div.ui-datepicker{
     font-size:14px;
}
*/

a:hover.deleteLink {
    color: white;
    background-color: red;
    font-weight: bold;
}

.report-krankenstand {
    table-layout: fixed;
    width: 100%;
}

.report-krankenstand th {
    overflow: hidden;
    text-overflow: ellipsis;
}

.th-breit {
    width: 100px;
    white-space: normal;
    text-overflow: clip;
}

.vertical-center {
  margin: 0;
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* Mitarbeiter Merkmale (Zusatz-Infos zum Mitarbeiter) */

.mitarbeiter_merkmal_alarm_info {
    background-color: yellow;
    padding: 5px;
    background-clip: padding-box;
    border: dotted darkred;
    font-weight: bold;
}

.mitarbeiter_merkmal_alarm_warnung {
    background-color: orange;
    padding: 5px;
    background-clip: padding-box;
    border: dotted darkred;
    font-weight: bold;
}

.mitarbeiter_merkmal_alarm_kritisch {
    background-color: red;
    padding: 5px;
    background-clip: padding-box;
    border: dotted darkred;
    font-weight: bold;
}

.mitarbeiter_merkmal_cell_alarm_info {
    background-color: yellow;
    font-weight: bold;
}

.mitarbeiter_merkmal_cell_alarm_warnung {
    background-color: orange;
    font-weight: bold;
}

.mitarbeiter_merkmal_cell_alarm_kritisch {
    background-color: red;
    font-weight: bold;
}
.mitarbeiter_merkmal_bold {
    font-weight: bold;
}

.month_cal_header td {
    height: 25px;
    line-height: 0;
}