div.datepicker {
	/*** ZU BEGINN NICHT ANZEIGEN; WIRD BEIM KLICK INS INPUT-FELD ANGEZEIGT ***/
	display: none;
	position: absolute;
	
	width: 196px;
	height: 147px;

	top: 0px;
	left: 0;
	
	margin-left: -300px;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	z-index: 2;
}


/* Farbe für ganzen Kalender Hintergrung */
.datepickerContainer {
	background: #ffffff;
	position: absolute;
	top: 10px;
	left: 10px;
}
/*************************************************************************************
 *** Farbe für den Kalender-Rand (T für Top; B für Bottom; L für Left; R für Right ***
 *************************************************************************************/ 
.datepickerBorderT {
	position: absolute;
	left: 10px;
	top: 0;
	right: 10px;
	height: 10px;
	background: url(../images/datepicker_t.png);
}
.datepickerBorderB {
	position: absolute;
	left: 10px;
	bottom: 0;
	right: 10px;
	height: 10px;
	background: url(../images/datepicker_b.png);
}
.datepickerBorderL {
	position: absolute;
	left: 0;
	bottom: 10px;
	top: 10px;
	width: 10px;
	background: url(../images/datepicker_l.png);
}
.datepickerBorderR {
	position: absolute;
	right: 0;
	bottom: 10px;
	top: 10px;
	width: 10px;
	background: url(../images/datepicker_r.png);
}
.datepickerBorderTL {
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background: url(../images/datepicker_tl.png);
}
.datepickerBorderTR {
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 10px;
	background: url(../images/datepicker_tr.png);
}
.datepickerBorderBL {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background: url(../images/datepicker_bl.png);
}
.datepickerBorderBR {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 10px;
	height: 10px;
	background: url(../images/datepicker_br.png);
}
/*** Ende Rand ***/

.datepickerHidden {
	display: none;
}
div.datepicker table {
	border-collapse: collapse;
}
div.datepicker a {
	color: #000000;
	text-decoration: none;
	cursor: default;
	font-size: 14px;
	outline: none;
}
div.datepicker table td {
	text-align: right;
	padding: 0;
	margin: 0;
	
	border: 1px solid #000000;
}
/* Farbe für Tabellen-Header (KW Mo ...) */
div.datepicker table th {
	width: 10px !important;

	text-align: center;
	color: #000;
	font-weight: bold;
	font-size: 14px;
	
	border: 1px solid #000000;
}
div.datepicker tbody th {
	text-align: left;
}
div.datepicker tbody a {
	display: block;
	padding-left: 5px;
}
.datepickerDays a {
	width: 20px;
	line-height: 16px;
	height: 16px;
	padding-right: 2px;
}
.datepickerYears a,
.datepickerMonths a{
	width: 44px;
	line-height: 36px;
	height: 36px;
	text-align: center;
}
/* Farbe für Datums, die nicht im aktuellen Monat sind */
td.datepickerNotInMonth a {
	color: #666666;
}
tbody.datepickerDays td.datepickerSelected{
	background: #707070;
}
tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {
	background: #17384d;
}
tbody.datepickerYears td.datepickerSelected,
tbody.datepickerMonths td.datepickerSelected{
	background: #17384d;
}
/* Farbe für Datums-Zahl bei Mous-Over */ 
div.datepicker a:hover {
	color: #f0c900;
	font-weight: 800;
}
div.datepicker td.datepickerNotInMonth a:hover {
	color: #999;
}
div.datepicker tbody th {
	text-align: left;
}
.datepickerSpace div {
	width: 20px;
}
.datepickerGoNext a,
.datepickerGoPrev a,
.datepickerMonth a {
	text-align: center;
	height: 20px;
	line-height: 20px;
}
.datepickerGoNext a {
	float: right;
	width: 20px;
}
.datepickerGoPrev a {
	float: left;
	width: 20px;
}
table.datepickerViewDays tbody.datepickerMonths,
table.datepickerViewDays tbody.datepickerYears {
	display: none;
}
table.datepickerViewMonths tbody.datepickerDays,
table.datepickerViewMonths tbody.datepickerYears,
table.datepickerViewMonths tr.datepickerDoW {
	display: none;
}
table.datepickerViewYears tbody.datepickerDays,
table.datepickerViewYears tbody.datepickerMonths,
table.datepickerViewYears tr.datepickerDoW {
	display: none;
}
td.datepickerDisabled a,
td.datepickerDisabled.datepickerNotInMonth a{
	color: #333;
}
td.datepickerDisabled a:hover {
	color: #333;
}
td.datepickerSpecial a {
	background: #700;
}
td.datepickerSpecial.datepickerSelected a {
	background: #a00;
}