/**********************************************************************
*          Calendar JavaScript [DOM] v3.1 by Michael Loesler           *
************************************************************************
* Copyright (C) 2005-10 by Michael Loesler, http//derletztekick.com    *
*                                                                      *
*                                                                      *
* This program is free software; you can redistribute it and/or modify *
* it under the terms of the GNU General Public License as published by *
* the Free Software Foundation; either version 3 of the License, or    *
* (at your option) any later version.                                  *
*                                                                      *
* This program is distributed in the hope that it will be useful,      *
* but WITHOUT ANY WARRANTY; without even the implied warranty of       *
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the        *
* GNU General Public License for more details.                         *
*                                                                      *
* You should have received a copy of the GNU General Public License    *
* along with this program; if not, see <http://www.gnu.org/licenses/>  *
* or write to the                                                      *
* Free Software Foundation, Inc.,                                      *
* 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.            *
*                                                                      *
 **********************************************************************/

@import url(style.css);

/* div mit Kalender als Tabelle -> wird von js erzeugt */
#calendar {
  width: 95%;
  margin: 2.25%;
}

/* Formatoierung der Tabelle - allgemein */
#calendar table {
  width: 90%;
  border-collapse: collapse;
  border: solid var(--sienna100) 0.11em;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  background-color: #f6f6f6;
}

/* Zellen im Tabellenkopf - allgemein */
#calendar table thead th {
  font-weight: bold;
  font-size: 0.75em;
  line-height: 1.5em;
  color: var(--darkturtoise100);
  text-align: center;
  background-color: var(--weisz80);
}

/* Zellen im Tabellenkopf - Wochentage */
#calendar table thead th.weekday {
  font-weight: bold;
  font-size: 0.5em;
  line-height: 1.5em;
  color: var(--darkturtoise100);
  text-align: center;
  background-color: var(--weisz80);
  border: solid var(--sienna100) 0.1em;
}

/* Zellen im Tabellenbody und Tabellenfusz - allgemein */
#calendar table tbody td,
#calendar table tfoot td {
  font-weight: normal;
  font-size: 0.5em;
  line-height: 1.5em;
  width: 2em;
  padding-left: 0.6em;
  padding-right: 0.6em;
  color: var(--darkturtoise100);
  text-align: right;
  border: solid var(--sienna100) 0.1em;
}

/* Zellen im Tabellenbody - Anzeige Text Datum Wochenende */
#calendar table tbody td.weekend {
  color: #9a2525;
}
/* Zellen im Tabellenbody - Anzeige Text Datum Sonntag, zusätzlich fett */
#calendar table tbody td.sunday {
  font-weight: bolder;
}

/* Zellen im Tabellenbody - Anzeige Hintergrund für aktuelles Datum */
#calendar table tbody td.today {
  background-color: #ff0;
}

/* Zellen im Tabellenfusz - Font groeszer, Border entfernt */
#calendar table tfoot td {
  font-size: 0.65em;
  border: none;
}

/* Zellen im Tabellenfusz - Anzeige der Kalenderwoche */
#calendar table tfoot td.calendar_week {
  text-align: left;
}

/* Zellen im Tabellenfusz - Anzeige der Jahr vor/ zurueck-Icons */
#calendar table thead th.prev_year,
#calendar table thead th.next_year {
  margin: 0.1em;
  padding: 0.1em;
  line-height: 0.75em;
  font-size: 0.65em;
}

/* Zellen im Tabellenfusz - Anzeige der Tage des vorherigen/ nächsten Monats */
#calendar table tbody td.last_month,
#calendar table tbody td.next_month {
  color: #a3afc4;
}