/* Navigation 
	(c)	Ferdinand Berger
		Maximilian Biesel

	Umschrieben der UI Vorgaben von JQuery über diese Datei geplant
	(Farben, usw..)
		
*/

.ui-datepicker {
	background: #fff;
	border: 1px solid #000;
	width: 195px;
	padding: 3px 3px 0;
	display: none;
}

.ui-datepicker-header { /* Bereich hinter dem zurück und vor */
	border: 1px solid #dddddd;
	background: #dddddd;
	color: #444444;
	font-weight: bold;
	position:relative;
	padding: 3px 0;
}

.ui-datepicker-header a {
	color: #444444;
}

.ui-datepicker-prev { /* zurück */
	position:absolute;
	top: 2px;
	width: 28px;
	height: 28px;
	left:2px;
}

.ui-datepicker-next { /* vor */
	position:absolute;
	top: 2px;
	width: 28px;
	height: 28px;
	right:2px;
}

.ui-datepicker-title { /* Bereich wo Monat und Jahr ausgewählt werden können*/
	margin: 0 36px;
	line-height: 28px;
	text-align: center;
}

.ui-datepicker-month { /* Monatsauswahl */
}

.ui-datepicker-year { /* Jahesauswahl */
}

.ui-datepicker-calendar { /* Hintergrund des eigentlichen Kalenders mit Ausname freier Wochentage (Dienstag ist z.B. der Erste) und Sammstag/Sonntag */
}

.ui-datepicker-week-end { /* Wochenenden (inkl. Bezeichnung "Sa" "So" */
}

.ui-datepicker-other-month { /* freier Monatsbreich --> wenn Monat am Dienstag anfängt, Hintergrundfarbe von Montag */
}

.ui-datepicker-buttonpane { /* keine Ahnung */
	background-image: none;
	margin: .7em 0 0 0;
	padding:0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}

.ui-datepicker-current-day { /* keine Ahnung - vermutlich ausgewählter Tag */
	background-color: #ffbebe;
}

.ui-datepicker-today { /* keine Ahnung - vermutlich ausgewählter Tag */
	background-color: #66cdaa;
}

.ui-datepicker-close { /* keine Ahnung */
}

.ui-datepicker table { /* komplette Tabelle in der die Werte stehen */
	font-family:Verdana;
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin:0 0 .4em;
}

.ui-datepicker th { /* Kopf der Tabelle (Wochentage) */
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0; 
	font-size:10px;
}

.ui-datepicker td { /* Felder mit Datumswerten */
	border: 0;
}

.ui-datepicker td span, .ui-datepicker td a, .ui-datepicker td a:visited { /* KP */
	display: block;
	text-align: center;
	text-decoration: none;
	color: #403a3a;
	font-size:10px;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
/*.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
*/

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}