/*************************
 * Monatsdarstellung
 *************************/

table.monat {
  color: black;
  background: black;
}

table.monat th.navigation {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  background: white;
  color: black;
  text-align: center;
  vertical-align: middle;
  height: 25px;
}

table.monat th.navigation a:link,
table.monat th.navigation a:visited,
table.monat th.navigation a:active {
  color: black;
  font-weight: bold;
  text-decoration: none;
}

table.monat th.navigation a:hover {
  color: red;
  font-weight: bold;
  text-decoration: none;
}

table.monat th.kw {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  color: black;
  height: 25px;
  width: 30px;
  background: #cccccc;
}

table.monat th.wochentag,
table.monat th.wochenende {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  height: 25px;
  width: 80px;
  background: #d;
}

table.monat td.kw {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  text-align: right;
  height: 80px;
  background: #cccccc;
  vertical-align: bottom;
  padding-right: 2px;
}

table.monat td.wochentag-frei {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  height: 80px;
  width: 80px;
  vertical-align: bottom;
  background: #FFFFCC;
  color: black;
}
table.monat td.wochentag-belegt {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  height: 80px;
  width: 80px;
  vertical-align: bottom;
/*   background: #9A9FFF; */
  background: #d10015;
  color: white;
}
table.monat td.wochentag-unbestaetigt {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  height: 80px;
  width: 80px;
  vertical-align: bottom;
  background: #9FCCFF;
  color: white;
}

table.monat td.wochentag-ndm-frei {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  height: 80px;
  width: 80px;
  vertical-align: bottom;
  background: white;
  color: #AAAAAA;
}
table.monat td.wochentag-ndm-belegt {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  height: 80px;
  width: 80px;
  vertical-align: bottom;
  background: #C9BDFF;
  color: #AAAAAA;
}
table.monat td.wochentag-ndm-unbestaetigt {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  height: 80px;
  width: 80px;
  vertical-align: bottom;
  background: #BDE1FF;
  color: #AAAAAA;
}

table.monat td.wochenende-frei {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  height: 80px;
  width: 80px;
  vertical-align: bottom;
  background: #FFCC66;
  color: black;
}
table.monat td.wochenende-belegt {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  height: 80px;
  width: 80px;
  vertical-align: bottom;
  background: /*#848AFF*/ #d10015;
  color: white;
}
table.monat td.wochenende-unbestaetigt {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  height: 80px;
  width: 80px;
  vertical-align: bottom;
  background: #83DEFF;
  color: white;
}

table.monat td.wochenende-ndm-frei {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  height: 80px;
  width: 80px;
  vertical-align: bottom;
  background: white;
}
table.monat td.wochenende-ndm-belegt {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  height: 80px;
  width: 80px;
  vertical-align: bottom;
  background: #BEAAFF;
  color: #AAAAAA;
}
table.monat td.wochenende-ndm-unbestaetigt {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  height: 80px;
  width: 80px;
  vertical-align: bottom;
  background: #AFE7FF;
  color: #AAAAAA;
}

table.monat a.belegt:link,
table.monat a.belegt:visited,
table.monat a.belegt:active,
table.monat a.ndm-belegt:link,
table.monat a.ndm-belegt:visited,
table.monat a.ndm-belegt:active {
  color: black;
  font-weight: bold;
  text-decoration: none;
}
table.monat a.belegt:hover,
table.monat a.ndm-belegt:hover {
  color: black;
  font-weight: bold;
  text-decoration: underline;
}

table.monat a.unbestaetigt:link,
table.monat a.unbestaetigt:visited,
table.monat a.unbestaetigt:active,
table.monat a.ndm-unbestaetigt:link,
table.monat a.ndm-unbestaetigt:visited,
table.monat a.ndm-unbestaetigt:active {
  color: gray;
  font-weight: bold;
  text-decoration: none;
}
table.monat a.unbestaetigt:hover,
table.monat a.ndm-unbestaetigt:hover {
  color: gray;
  font-weight: bold;
  text-decoration: underline;
}


table.monat td.wochentag-frei .text,
table.monat td.wochenende-frei .text,
table.monat td.wochentag-belegt .text,
table.monat td.wochenende-belegt .text,
table.monat td.wochentag-unbestaetigt .text,
table.monat td.wochenende-unbestaetigt .text,
table.monat td.wochentag-ndm-frei .text,
table.monat td.wochenende-ndm-frei .text,
table.monat td.wochentag-ndm-belegt .text,
table.monat td.wochenende-ndm-belegt .text,
table.monat td.wochentag-ndm-unbestaetigt .text,
table.monat td.wochenende-ndm-unbestaetigt .text {
  height: 66px;
  text-align: left;
  overflow: auto;
  padding-left: 2px;
}
table.monat td.wochentag-frei .tag,
table.monat td.wochenende-frei .tag,
table.monat td.wochentag-belegt .tag,
table.monat td.wochenende-belegt .tag,
table.monat td.wochentag-unbestaetigt .tag,
table.monat td.wochenende-unbestaetigt .tag,
table.monat td.wochentag-ndm-frei .tag,
table.monat td.wochenende-ndm-frei .tag,
table.monat td.wochentag-ndm-belegt .tag,
table.monat td.wochenende-ndm-belegt .tag,
table.monat td.wochentag-ndm-unbestaetigt .tag,
table.monat td.wochenende-ndm-unbestaetigt .tag {
  height: 14px;
  text-align: right;
  font-size: 10px;
  padding-right: 2px;
}

/*************************
 * Jahresdarstellung
 *************************/
div.jahr {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  color: black;
  width: 590px;
}

div.jahr div.navigation {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  height: 20px;
}

div.jahr div.navigation a:link,
div.jahr div.navigation a:visited,
div.jahr div.navigation a:active {
  color: black;
  font-weight: bold;
  text-decoration: none;
}

div.jahr div.navigation a:hover {
  color: red;
  font-weight: bold;
  text-decoration: none;
}

div.jahr div.monat {
  width: 190px;
  float: left;
}

div.jahr div.v-space {
  width: 10px;
  font-size: 1px;
  float: left;
  height: 150px;
}
div.jahr div.h-space {
  height: 10px;
  font-size: 1px;
  clear: both;
}
div.jahr div.end {
  height: 10px;
  font-size: 1px;
  clear: both;
}

div.jahr div.monat table.monat {
  color: black;
  background: black;
  width: 190px; /* Muss nicht gesetzt sein - Ergibt sich aus den Zellenbreiten */
}

div.jahr div.monat table.monat th.kw {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  color: black;
  height: 20px;
  width: 15px;
  background: #cccccc;
}

div.jahr div.monat table.monat th.wochentag,
div.jahr div.monat table.monat th.wochenende {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  height: 20px;
  width: 25px;
  background: #cccccc;
}

div.jahr div.monat table.monat td.kw {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 10px;
  text-align: right;
  height: 20px;
  background: #cccccc;
  vertical-align: bottom;
  padding-right: 1px;
}

div.jahr div.monat table.monat td.wochentag-frei {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  height: 20px;
  width: 25px;
  vertical-align: bottom;
  background: #FFFFCC;
  color: black;
  text-align: right;
  padding-right:1px;
}
div.jahr div.monat table.monat td.wochentag-belegt {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  height: 20px;
  width: 25px;
  vertical-align: bottom;
  background: /*#9A9FFF*/ #d10015;
  color: white;
  text-align: right;
  padding-right:1px;
}
div.jahr div.monat table.monat td.wochentag-unbestaetigt {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  height: 20px;
  width: 25px;
  vertical-align: bottom;
  background: #9FCCFF;
  color: white;
  text-align: right;
  padding-right:1px;
}

div.jahr div.monat table.monat td.wochenende-frei {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  height: 20px;
  width: 25px;
  vertical-align: bottom;
  background: #FFCC66;
  color: black;
  text-align: right;
  padding-right:1px;
}
div.jahr div.monat table.monat td.wochenende-belegt {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  height: 20px;
  width: 25px;
  vertical-align: bottom;
  background: /*#848AFF*/ #d10015;
  color: white;
  text-align: right;
  padding-right:1px;
}
div.jahr div.monat table.monat td.wochenende-unbestaetigt {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  height: 20px;
  width: 25px;
  vertical-align: bottom;
  background: #83DEFF;
  color: white;
  text-align: right;
  padding-right:1px;
}

div.jahr div.monat table.monat td.tag-ndm {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  height: 20px;
  width: 25px;
  vertical-align: bottom;
  background: white;
  color: #AAAAAA;
  text-align: right;
  padding-right:1px;
}

/***************************************************
 * Kalender (Jahresdarstellung mit Links auf Monat)
 ***************************************************/
div.kalender {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  color: black;
  width: 590px;
}

div.kalender div.zur-jahresansicht {
  width: 100%;
  text-align: center;
  padding-top: 10px;
}