#Urlaubsuebersicht {
    overflow-x: scroll;
    text-align: left;
    /* i.e. too small for all the columns */
}

.pinned {
    position: fixed; /* i.e. not scrolled */
    background-color: White; /* prevent the scrolled columns showing through */
    z-index: 100; /* keep the pinned on top of the scrollables */
    padding: 3px;
    height: 22px;
}

.obsGridItem td.pinned {
    position: fixed; /* i.e. not scrolled */
    background-color: White; /* prevent the scrolled columns showing through */
    z-index: 100; /* keep the pinned on top of the scrollables */
    padding: 3px;
    height: 27px;
}

.scrolled {
    position: relative;
    left: 200px; /* i.e. col1 Width + col2 width */
    overflow: hidden;
    white-space: nowrap;
}
/*.col1
    {
        left: 600px;
        width: 5px;
    }
    .col2
    {
        left: 700px; /* i.e. col1 Width 
        width: 5px;
    }*/
.markedDay a {
    border: 1px solid yellow !important;
    background: yellow !important;
    color: black !important;
}

.markedDayFT a {
    border: 1px solid green !important;
}

#Urlaubsuebersicht td.markedDayFT {
    background: orange !important;
}

.markedDaySF a {
    border: 1px solid olive !important;
}


#Urlaubsuebersicht td.markedDaySF {
    background: orange !important;
}

.markedDayXF a {
    border: 1px solid forestgreen !important;
}

#Urlaubsuebersicht td.markedDayXF {
    background: orange !important;
}

.markedDayZF a {
    border: 1px solid cadetblue !important;
}

#Urlaubsuebersicht td.markedDayZF {
    background: orange !important;
}

.markedDayAT a {
    border: 1px solid black !important;
}

#Urlaubsuebersicht td.markedDayAT {
    background: black !important;
}

.markedDayFH a {
    border: 1px solid blue !important;
}

#Urlaubsuebersicht td.markedDayFH {
    background: orange !important;
}

.markedDayBR a {
    border: 1px solid yellow !important;
}

#Urlaubsuebersicht td.markedDayBR {
    background: orange !important;
}

.markedDaySA a {
    border: 1px solid orange !important;
}

#Urlaubsuebersicht td.markedDaySA {
    background: orange !important;
}

.markedDaySO a {
    border: 1px solid red !important;
}

#Urlaubsuebersicht td.markedDaySO {
    background: orange !important;
}

#Urlaubsuebersicht td.markedChange {
    background: yellow !important;
}

#UrlaubsuebersichtLeft td.markedChange {
    background: yellow !important;
}

.markedDaybeantragt a {
    border: 1px solid yellow !important;
    background: yellow !important;
    color: black !important;
}

#Urlaubsuebersicht td.markedDaybeantragt {
    border: 1px solid black !important;
    background: yellow !important;
    color: black !important;
}

.markedDay a {
    border: 1px solid green !important;
    background: green !important;
    color: black !important;
}

.markedDaygenehmigt a {
    border: 1px solid green !important;
    background: green !important;
    color: black !important;
}

#Urlaubsuebersicht td.markedDaygenehmigt {
    border: 1px solid black !important;
    background: green !important;
    color: black !important;
}

.markedDaygenehmigt_vorl a {
    border: 1px solid green !important;
    background: lightgreen !important;
    color: black !important;
}

#Urlaubsuebersicht td.markedDaygenehmigt_vorl {
    border: 1px solid black !important;
    background: lightgreen !important;
    color: black !important;
}

.markedDayabgelehnt a {
    border: 1px solid red !important;
    background: red !important;
    color: black !important;
}

.markedDaygeloescht a {
    border: 1px solid OrangeRed !important;
    background: OrangeRed !important;
    color: black !important;
}

.markedDaystorniert a {
    border: 1px solid blueviolet !important;
    background: blueviolet !important;
    color: black !important;
}

.markedDayFerienzeiten a {
    color: black !important;
    font-weight: bold !important;
}

.markedDayGrobplanung a {
    border: 1px solid rgb(225,0,220) !important;
    background: rgb(225,0,220) !important;
    color: black !important;
}

#Urlaubsuebersicht td.markedDayGrobplanung {
    border: 1px solid black !important;
    background: rgb(225,0,220) !important;
    color: black !important;
}

.selectedDay a {
    background: #ffffaa !important;
}

input:focus {
    background: lavender;
}

.obsAntragHeader {
    font-weight: bold;
    font-style: normal;
    font-size: 11px;
    color: #696969;
    background-color: #C8EEF1;
    text-decoration: none;
}


.obsAntragItem {
    border-right: #696969 1px solid;
    padding-right: 1px;
    border-top: #696969 1px solid;
    padding-left: 1px;
    font-weight: bold;
    font-size: 11px;
    color: #000000;
    padding-bottom: 1px;
    margin: 1px;
    border-left: #696969 1px solid;
    padding-top: 1px;
    border-bottom: #696969 1px solid;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #C8EEF1;
}

.obsAntragBreak {
    word-wrap: break-word;
    word-break: break-all;
}

.obsRahmenJA {
    border: 0px solid #000000;
}

.obsRahmenNEIN {
    border: 0px solid #FFFFFF;
}

.obsDisplayAnzeige {
    border: thin solid #000000;
    vertical-align: middle;
    font-weight: bold;
    font-size: 11px;
    color: #696969;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.obsLabel {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 11px;
    color: black;
    /* color: #696969; */
}

.obsList {
    font-weight: bold;
    font-size: 11px;
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: white;
}

.obsListauswahlKlein {
    font-weight: normal;
    font-size: 11px;
    color: black;
    background-color: white;
    font-family: 'Courier New', Verdana, Arial, Helvetica, sans-serif;
}

.obsGrid-prou td {
    border-right: #696969 1px solid;
    padding-right: 1px;
    border-top: #696969 1px solid;
    padding-left: 5px;
    font-size: 11px;
    color: black;
    padding-bottom: 1px;
    margin: 1px;
    border-left: #696969 1px solid;
    padding-top: 1px;
    border-bottom: #696969 1px solid;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: white;
}

.obsGrid-duet td {
    border-right: #696969 1px solid;
    padding-right: 1px;
    border-top: #696969 1px solid;
    padding-left: 5px;
    font-size: 11px;
    padding-bottom: 1px;
    margin: 1px;
    border-left: #696969 1px solid;
    color: black;
    padding-top: 1px;
    border-bottom: #696969 1px solid;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #c8ffc8;
}

.obsGrid-proe {
    border-right: #696969 1px solid;
    padding-right: 1px;
    border-top: #696969 1px solid;
    padding-left: 1px;
    font-weight: bold;
    font-size: 11px;
    color: black;
    padding-bottom: 1px;
    margin: 1px;
    border-left: #696969 1px solid;
    padding-top: 1px;
    border-bottom: #696969 1px solid;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #ccff99;
}

.obsGrid {
    background-color: #C8EEF1; /* Angleichung  07.06.12: #f5f5f5;  */
    color: Black; /* Navy; */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal; /* bold;   normal; */
    font-style: normal;
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
}

.obsGrid-Custom {
    background-color: #C8EEF1; /* Angleichung  07.06.12: #f5f5f5;  */
    color: Black; /* Navy; */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /*font-size: 9px; vra commenting the size, because it is set in the form directly, based on dropdown value*/
    font-weight: normal; /* bold;   normal; */
    font-style: normal;
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
}


.obsMarkedBooking {
    background-color: ghostwhite; /* 04.12.2014 */
}

.obsMarkedBookingStorno {
    text-decoration: line-through;
}

.obsGrid-NegativeTime {
    color: red;
}

.obsGrid-Yellow {
    background-color: yellow; 
    
}
.obsGrid-Red {
    background-color: red;
}
.obsGrid-Green {
    background-color: green;
}
.obsGrid-NegativeTimeBold {
    color: red;
    font-weight: bold;
}

.obsGrid-SKUebertrag {
    font-style: italic;
}

.obsGrid-SKKappung {
    font-style: italic;
}

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

.obsGridHeader {
    background-color: #C8EEF1; /* Angleichung 07.05.12: navy ;  */
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    color: Black /*  White */;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
}

.obsGridHeader-Custom {
    background-color: #C8EEF1; /* Angleichung 07.05.12: navy ;  */
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    color: Black /*  White */;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /*font-size: 11px;  vra commenting the size, because it is set in the form directly, based on dropdown value */        
    font-weight: bold;
    font-style: normal;
}

.obsGridHeaderXXXX a:link {
    color: white;
    font-size: 8t;
    font-weight: bold;
    font-style: normal;
}

.obsGridItem {
    background-color: #C8EEF1; /* Angleichung #dcdcdc;   */
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
}

    .obsGridItem.obsGridItemAlt {
        background-color: aliceblue;
    }

.obsGridAntrag {
    color: Navy;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
}

.obsGrid td {
    border-right: #696969 1px solid;
    padding-right: 1px;
    border-top: #696969 1px solid;
    padding-left: 1px;
    font-weight: bold;
    font-size: 11px;
    color: black;
    padding-bottom: 1px;
    margin: 1px;
    border-left: #696969 1px solid;
    padding-top: 1px;
    border-bottom: #696969 1px solid;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #C8EEF1;
}

.obsGrid-aze {
    border-right: #696969 1px solid;
    padding-right: 1px;
    border-top: #696969 1px solid;
    padding-left: 1px;
    font-weight: bold;
    font-size: 11px;
    color: Black; /* #0000FF; */
    padding-bottom: 1px;
    margin: 1px;
    border-left: #696969 1px solid;
    padding-top: 1px;
    border-bottom: #696969 1px solid;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #C8EEF1;
    overflow-wrap: break-word;
    word-break: break-all;
}

.obsListauswahlKlein {
    font-weight: normal;
    font-size: 11px;
    color: black;
    background-color: white;
}

.obsProjektBaum {
    font-weight: bold;
    color: #000099;
    font-family: 'Courier New';
    background-color: #ccffff;
}

.obsButton {
    font-weight: bold; /* normal; */
    color: black;
    background-color: #dcdcdc; /* gainsboro */
}

.obsButtonFunktion {
    font-weight: bold;
    color: black;
}

.obsButtonSelect {
    font-weight: bold;
    background-color: #ccff99;
}

.obsTexteingabe {
    font-weight: bold;
    /*font-size: 11pt;*/
    color: #000000;
    border-top-style: inset;
    border-right-style: inset;
    border-left-style: inset;
    background-color: #C8EEF1;
    border-bottom-style: inset;
}

.obsTextausgabe {
    font-weight: bolder;
    color: black;
    border-top-style: none;
    font-family: Arial;
    border-right-style: none;
    border-left-style: none;
    background-color: white;
    border-bottom-style: none;
}
.obsTextdisabled {
    font-weight: bolder;
    color: black;
    border-top-style: none;
    font-family: Arial;
    border-right-style: none;
    border-left-style: none;
    background-color: gray;
    border-bottom-style: none;
}
.obsOhneRahmen {
    border-top: 0px solid #D5D291;
    border-left: 0px solid #D5D291;
    border-right: 0px solid #D5D291;
    border-bottom: 0px solid #D5D291;
    background-color: White;
    border-color: #FFFFFF;
    vertical-align: top;
}

a:active {
    color: #000000;
    text-decoration: none;
}

a:link {
    color: #000000;
}

a:visited {
    color: #000000;
}

a:hover {
    color: #8b0000; /* darkred */
    text-decoration: none;
}


BODY {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    background-color: #edecd1;
}

.grid-header {
    font-size: 8px;
    color: #696969;
    background-color: #2AA9BC;
    text-decoration: none;
}

    .grid-header a:hover {
        color: #8b0000; /* darkred */
        text-decoration: none;
    }

.grid-edit {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #eee8aa; /* palegoldenrod */
}

.grid-edit-readonly {
    border: 0;
    font-size: 11px;
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.grid-edit-column {
    border-top: #696969 1px solid;
    border-bottom: #696969 1px solid;
    border-left: #696969 1px solid;
}

.grid-first-item {
    border-top: #696969 1px solid;
    border-right: #696969 1px solid;
    border-bottom: #696969 1px solid;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
    margin: 1px;
}

.grid-item {
    font-size: 10px;
    border-right: #696969 1px solid;
    padding-right: 4px;
    border-top: #696969 1px solid;
    padding-left: 4px;
    padding-bottom: 4px;
    margin: 1px;
    border-left: #696969 1px solid;
    padding-top: 4px;
    border-bottom: #696969 1px solid;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.grid-header {
    font-weight: bold;
    font-size: 11px;
    color: black;
    border-bottom: #696969 1px solid;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.grid-last-item {
    border-top: #696969 1px solid;
    border-left: #696969 1px solid;
    border-bottom: #696969 1px solid;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
    margin: 1px;
}

.header-black {
    font-weight: bold;
    font-size: 11px;
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.header-gray {
    font-weight: bold;
    font-size: 11px;
    color: #696969;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.header-lightgray {
    font-weight: bold;
    font-size: 11px;
    color: gray;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.standard-fett {
    font-weight: bold;
    font-size: 11px;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.standard-text {
    font-size: 11px;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.tab-active {
    border-right: #edecd1 1px solid;
    padding-right: 18px;
    border-top: #edecd1 0px;
    padding-left: 18px;
    font-weight: bold;
    font-size: 11px;
    padding-bottom: 3px;
    border-left: #edecd1 1px solid;
    color: #990000;
    padding-top: 3px;
    border-bottom: #edecd1 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #ffffff;
    text-align: center;
}

.tab-inactive {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
    border-bottom: 0px none #000000;
    background-color: #797979;
    text-align: center;
    padding-top: 3px;
    padding-right: 18px;
    padding-bottom: 3px;
    padding-left: 18px;
}

.tan-border {
    border-top: 1px solid #D5D291;
    border-left: 1px solid #D5D291;
    border-right: 1px solid #D5D291;
    border-bottom: 1px solid #D5D291;
    background-color: White;
    border-color: Black;
}

.tab-inactive a:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
}

.tab-inactive a:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
}

.tab-inactive a:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #C8EEF1;
    text-decoration: none;
}

.tab-inactive a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #C8EEF1;
    text-decoration: none;
}

td {
}