﻿
/* Formatierung für die Kalender-Tabelle */
table.calendar {
	font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 12px;
	color: #ffffff;
	background-color: #000000;
	text-align: right;
	vertical-align: middle;
	width: 300px;
	display: block;
	border: 1px solid #3D9833
}

/* Das Kalender-Icon */
.calendar_icon {
	padding: 0px 0px 24px 24px;
	background: url(calendar_icon.png) no-repeat top center;
	position: relative;
}

/* Formatierung für zurück */
.back {
	font-size: 12px;
	color:#000000;
	padding: 1px 10px 1px 10px;
	/* background-color: #CCBBBB; */
	background: url(bg_head_2.png) top center;
}

/* Formatierung für vor */
.next {
	font-size: 12px;
	color:#000000;
	padding: 1px 10px 1px 10px;
	/* background-color: #CCBBBB; */
	background: url(bg_head_2.png) top center;
}

/* Titelzeile */
.title_bar {
	font-size: 13px;
	color: white;
	font-weight: bold;
	text-align: center;
	width: 300px;
	background: url(bg_head.png) top center;
	/* background-color: #AA9999; */
}

/* Mouse über einem Element der Titelzeile */
.title_bar span:hover {
  font-weight: bold;
  color: white;
  /* background-color: #AACCBB; */
}

/* Formatierung für den Monat */
.month {
	padding: 1px 10px 1px 10px;
}

/* Formatierung für abgekürzte Wochentage */
.weekday {
	color: white;
	font-weight: bold;
	/* background-color: #999999; */
	background: url(bg_head.png) top center;
}

.week {

}

td.week {
	height: 20px;	
}

/* Formatierung der Tageszelle über der der Mousepointer gerade ist */
.week td:hover {
  font-weight: bold;
  color: #1C1A1E;
  background-color: #9A969E;
}

/* Formatierung für Werktage */
.day {
	background-color: #000000;
}

/* Formatierung für das Wochenende */
.weekend {
	background-color: #3A383B;
}

/* Formatierung für den aktuellen Tag */
.now {
	background-color: black;
	color: white;
	border:solid 2px red
}

