/*************/
/* aCalendar */
/*************/

/* Picker */

.aCalendarPicker { position: relative; z-index: 999; margin: -5px 0 0 -2px;	} /* absolute */

.aCalendarPicker .calclose {
	background: transparent url('../images/widget_close.png') no-repeat top center;
	width: 28px;
	height: 28px;
	position: absolute;
	z-index: 1000;
	left: -7px;
	top: -3px;
	cursor: pointer;
}
/* Background for IE6 - code does not validate as it is a hack */
*html .aCalendarPicker .calclose { background-image: url('../images/widget_close.gif'); }

/* this is a fun ie6 hack to get drop downs to stay behind the popup window.  This should
always be just underneath .calendar_date_select */
.ie6_blocker { position: absolute; z-index: 998; background-color: #fff; border: none;  
width: 192px; height: 156px; margin-top: -1px; margin-left: 2px; 
filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; }

.aCalendarPicker .pickerBackground, .aCalendarPicker .pickerBackgroundClose {
	/* background: transparent url('../images/calendar_background.png') no-repeat top center; */
	padding: 6px; /* 16px; */
	height: 130px;
	width: 166px;
	/* only IE6 - without DOCTYPE { _width: 198px;_height: 162px; } */
	overflow: hidden;
}
.aCalendarPicker .pickerBackgroundClose { /* background-image: url('../images/calendar_background+.png'); */ height: 145px; }

/* Background for IE6 - code does not validate as it is a hack */
/* *html .aCalendarPicker .pickerBackground { background-image: url('../images/calendar_background.gif'); } */

/* Main calendar */

.aCalendar, .aCalendar table {
	font-family: arial, sans-serif !important;
	color: black;
	font-size: 12px !important;
	line-height: 12px !important;
}

.aCalendar { display: block; width: 168px; }
.aCalendar .container, .aCalendar .container div {
	width: 168px;
	height: 118px;
	text-align: left;
	position: absolute;
	overflow: hidden;
	left: 15px;
}
.aCalendar .container div { left: 0px; }

.aCalendar span.indication { display: block; text-align: center; height: 16px; }
.aCalendar span.bottomIndication { display: block; margin-top: 120px; }

.aCalendar table {
	margin-top: 8px;
	text-align: right;
	border-collapse: collapse;
	background-color: white; /* <- IE ugly text in transition fix  */
}

.aCalendar .picker td { cursor: pointer; }

/* Label & arrows */

.aCalendar table.label { width: 100%; /* 168px; */ margin: 0px; text-align: center;	background-color: transparent; }
.aCalendar table.label td { text-align: center; }
.aCalendar .label, .aCalendar .calclose {
	height: 12px;
	vertical-align: middle;
	color: black; 
	text-decoration: none;
}
.aCalendar .schoolVacation { display: block; float: left; }
.aCalendar .calclose {
	padding-right: 50px;
	margin-right: 5px;
	background: transparent url('../images/close.gif') no-repeat right center;
	float: right; 
}
.aCalendar .calclose:hover { background-image: url(../images/close_hover.gif); }	
.aCalendar .label:hover, .aCalendar .calclose:hover {
	color: #0066cc;
	text-decoration: none;	
	cursor: pointer;
}
.aCalendar .noHover:hover { color: black; cursor: default; }

.aCalendar .arrowLeft, .aCalendar .arrowRight { 
  position: absolute; background: transparent url('../images/arrows.gif') no-repeat center; height: 12px; width: 13px; cursor: pointer;	
}
/*
.aCalendar .arrowLeft { left: 21px; } 
.aCalendar .arrowLeft:hover { background-image: url('../images/arrowleft_hover.gif'); }
.aCalendar .arrowRight { right: 21px; background-image: url('../images/arrowright.gif'); }
.aCalendar .arrowRight:hover { background-image: url('../images/arrowright_hover.gif'); }
*/

.aCalendar .hide, .aCalendar .hide:hover { top: -999px; /* cursor: default; background-image: none; */ }



/* Month */

.month th {
	text-align: center;
	font-weight: normal;
	width: 24px;
	padding-bottom: 1px;
	border-bottom: 1px solid #888;
}

.month td, .month td {
	color: black;
	padding-right: 4px;
	width: 19px; 
	height: 15px;
	text-align: right;
}

.month a { display: block; width: 19px; _width: 23px; height: 15px; margin-right: -4px; padding-right: 4px; }
.month a:hover { text-decoration: underline; }

.month tr.r0 td { padding-top: 2px; }

.month .today { }
.month .wd6 { color: #777; } /* saturday */
.h2 .month .wd6 { color: #0030ce; } /* saturday */
.month .oh { color: red; } /* offical holiday (Feiertag) */
.month .lh { color: #f88; } /* local holiday (regionaler Feiertag) */
.month .wd0 { color: red; } /* sunday; Ÿberschreibt evtl. Feiertage */
.month .oor, .month .oom { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; cursor: default; }



.month td, .month a { background: transparent url(../images/trw.png) no-repeat top left; } 
.month a:hover { background-position: -25px 0; } /* .month td:hover, */
.month .legend { background: none; text-align: left; padding-left: .5em; white-space: nowrap; }
.month .blank { width: 19px; margin-right: 4px; }

.month .v, .month .oov, .month .oov:hover { background-position: 0 -15px; }
.month .o, .month .ooo, .month .ooo:hover { background-position: 0 -30px; }
.month .r, .month .oor, .month .oor:hover { background-position: 0 -45px; }
.month .c, .month .ooc, .month .ooc:hover { background-position: 0 -60px; }
.month .vc, .month .oovc, .month .oovc:hover { background-position: 0 -75px; }
.month .oc, .month .oooc, .month .oooc:hover { background-position: 0 -90px; }
.month .rc, .month .oorc, .month .oorc:hover { background-position: 0 -105px; }
.month .t, .month .oot, .month .oot:hover { background-position: 0 -120px; }
.month .vt, .month .oovt, .month .oovt:hover { background-position: 0 -135px; }
.month .ot, .month .ooot, .month .ooot:hover { background-position: 0 -150px; }
.month .rt, .month .oort, .month .oort:hover { background-position: 0 -165px; }
.month .tc, .month .ootc, .month .ootc:hover { background-position: 0 -180px; }
.month .vtc, .month .oovtc, .month .oovtc:hover { background-position: 0 -195px; }
.month .otc, .month .oootc, .month .oootc:hover { background-position: 0 -210px; }
.month .rtc, .month .oortc, .month .oortc:hover { background-position: 0 -225px; }

.h2 .month .t, .h2 .month .oot, .h2 .month .oot:hover,
.h2 .month .vt, .h2 .month .oovt, .h2 .month .oovt:hover,
.h2 .month .ot, .h2 .month .ooot, .h2 .month .ooot:hover,
.h2 .month .rt, .h2 .month .oort, .h2 .month .oort:hover,
.h2 .month .tc, .h2 .month .ootc, .h2 .month .ootc:hover,
.h2 .month .vtc, .h2 .month .oovtc, .h2 .month .oovtc:hover,
.h2 .month .otc, .h2 .month .oootc, .h2 .month .oootc:hover,
.h2 .month .rtc, .h2 .month .oortc, .h2 .month .oortc:hover { background-position: 0 -195px; }

.month .v:hover { background-position: -25px -15px; }
.month .o:hover { background-position: -25px -30px; }
.month .r:hover { background-position: -25px -45px; }
.month .c:hover { background-position: -25px -60px; }
.month .vc:hover { background-position: -25px -75px; }
.month .oc:hover { background-position: -25px -90px; }
.month .rc:hover { background-position: -25px -105px; }
.month .t:hover { background-position: -25px -120px; }
.month .vt:hover { background-position: -25px -135px; }
.month .ot:hover { background-position: -25px -150px; }
.month .rt:hover { background-position: -25px -165px; }
.month .tc:hover { background-position: -25px -180px; }
.month .vtc:hover { background-position: -25px -195px; }
.month .otc:hover { background-position: -25px -210px; }
.month .rtc:hover { background-position: -25px -225px; }

.h2 .month .t:hover, .h2 .month .vt:hover, .h2 .month .ot:hover, .h2 .month .rt:hover { background-position: 0 -195px; }
.h2 .month .tc:hover, .h2 .month .vtc:hover, .h2 .month .otc:hover, .h2 .month .rtc:hover { background-position: -25px -195px; }

.month .s, .month .oos, .month .oos:hover { background-position: -50px 0; padding-bottom: 0px; }
.month .vs, .month .oovs, .month .oovs:hover { background-position: -50px -15px; }
.month .os, .month .ooos, .month .ooos:hover { background-position: -50px -30px; }
.month .rs, .month .oors, .month .oors:hover { background-position: -50px -45px; }
.month .cs, .month .oocs, .month .oocs:hover { background-position: -50px -60px; }
.month .vcs, .month .oovcs, .month .oovcs:hover { background-position: -50px -75px; }
.month .ocs, .month .ooocs, .month .ooocs:hover { background-position: -50px -90px; }
.month .rcs, .month .oorcs, .month .oorcs:hover { background-position: -50px -105px; }
.month .ts, .month .oots, .month .oots:hover { background-position: -50px -120px; }
.month .vts, .month .oovts, .month .oovts:hover { background-position: -50px -135px; }
.month .ots, .month .ooots, .month .ooots:hover { background-position: -50px -150px; }
.month .rts, .month .oorts, .month .oorts:hover { background-position: -50px -165px; }
.month .tcs, .month .ootcs, .month .ootcs:hover { background-position: -50px -180px; }
.month .vtcs, .month .oovtcs, .month .oovtcs:hover { background-position: -50px -195px; }
.month .otcs, .month .oootcs, .month .oootcs:hover { background-position: -50px -210px; }
.month .rtcs, .month .oortcs, .month .oortcs:hover { background-position: -50px -225px; }

.h2 .month .ts, .h2 .month .oots, .h2 .month .oots:hover,
.h2 .month .vts, .h2 .month .oovts, .h2 .month .oovts:hover,
.h2 .month .ots, .h2 .month .ooots, .h2 .month .ooots:hover,
.h2 .month .rts, .h2 .month .oorts, .h2 .month .oorts:hover,
.h2 .month .tcs, .h2 .month .ootcs, .h2 .month .ootcs:hover,
.h2 .month .vtcs, .h2 .month .oovtcs, .h2 .month .oovtcs:hover,
.h2 .month .otcs, .h2 .month .oootcs, .h2 .month .oootcs:hover,
.h2 .month .rtcs, .h2 .month .oortcs, .h2 .month .oortcs:hover { background-position: -50px -195px; }

.month .s:hover { background-position: -75px 0; }
.month .vs:hover { background-position: -75px -15px; }
.month .os:hover { background-position: -75px -30px; }
.month .rs:hover { background-position: -75px -45px; }
.month .cs:hover { background-position: -75px -60px; }
.month .vcs:hover { background-position: -75px -75px; }
.month .ocs:hover { background-position: -75px -90px; }
.month .rcs:hover { background-position: -75px -105px; }
.month .ts:hover { background-position: -75px -120px; }
.month .vts:hover { background-position: -75px -135px; }
.month .ots:hover { background-position: -75px -150px; }
.month .rts:hover { background-position: -75px -165px; }
.month .tcs:hover { background-position: -75px -180px; }
.month .vtcs:hover { background-position: -75px -195px; }
.month .otcs:hover { background-position: -75px -210px; }
.month .rtcs:hover { background-position: -75px -225px; }

.h2 .month .ts:hover, .h2 .month .vts:hover, .h2 .month .ots:hover, .h2 .month .rts:hover { background-position: -50px -195px; }
.h2 .month .tcs:hover, .h2 .month .vtcs:hover, .h2 .month .otcs:hover, .h2 .month .rtcs:hover { background-position: -75px -195px; }

.month td, .month a { cursor: default; }
.month .c, .month .vc, .month .oc, .month .rc, 
.month .tc, .month .vtc, .month .otc, .month .rtc,
.month .cs, .month .vcs, .month .ocs, .month .rcs,
.month .tcs, .month .vtcs, .month .otcs, .month .rtcs { cursor: pointer; }



div.aCalLegend { float: right; padding: 4em 4em 0 0; }



/* Year & decade */

.aCalendar .year, .aCalendar .decade { margin-left: 2px; }

.aCalendar .year td, .aCalendar .year a, .aCalendar .decade td, .aCalendar .decade a {
	color: black; 
	text-decoration: none;	
	width: 40px;
	height: 35px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-position: center bottom; background-repeat: no-repeat;
}

.aCalendar .year.oor, .aCalendar .year.ooy { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; cursor: default; }
.aCalendar .year td:hover { background: url('../images/month_hover.gif') center bottom no-repeat; }
.aCalendar .year.oor:hover, .aCalendar .year.ooy:hover { background-image: none; } /* kein hover fuer outOf-Elemente */

.aCalendar .decade.oor, .aCalendar .decade.ood { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; cursor: default; }
.aCalendar .decade td:hover { background: url('../images/month_hover.gif') center bottom no-repeat; }
.aCalendar .decade.oor:hover, .aCalendar .decade.ood:hover { background-image: none; } /* kein hover fuer outOf-Elemente */



/********************** aCal-h2.css   (START) *****************************************************/

div.h2 { width: 370px; } /* 380px; */

.h2 .pickerBackground, .h2 .aCalendar, .h2 .container, .h2 .container div { width: 340px; }
.h3 .pickerBackground, .h3 .aCalendar, .h3 .container, .h3 .container div { width: 510px; }
.h2 .ie6_blocker { width: 364px; }
.h3 .ie6_blocker { width: 534px; }

.h2 .pickerBackground, .h2 .pickerBackgroundClose {
	/* only IE6 - without DOCTYPE  */
	_width: 372px; _height: 162px; 
}

/* this is a fun ie6 hack to get drop downs to stay behind the popup window.  This should
always be just underneath .calendar_date_select */

.h2 .pickerBackground { background-image: none; /* background-image: url(../images/calendar_background2.png); */ }

/* Background for IE6 - code does not validate as it is a hack */
/* *html .h2 .pickerBackground { background-image: url('../images/calendar_background2.gif'); } */

.h2 .container table, .h3 .container table { float: left; background-color: transparent; }
.h2 .label { color: #0030ce; }
.h2 .label:hover { color: #ff4005; }
.h2 table.t0, .h3 table.t0, .h3 table.t1 { border-right: 1px solid #888; }
.h2 table.label td { width: 50%; }
.h3 table.label td { width: 33%; }
.h2 .noHover:hover, .h3 .noHover:hover { color: #0030ce; cursor: default; }

/* .h2 .arrowLeft, .h2 .arrowRight { background: transparent url('../images/arrows.gif') no-repeat 0px 50%; } */
.h2 .arrowLeft { background-position: -3600px 50%; left: 21px; }
.h2 .arrowLeft:hover { background-position: -4000px 50%; }
.h2 .arrowRight { background-position: -1200px 50%; left: 340px; }
.h2 .arrowRight:hover { background-position: -1600px 50%; }

/* .h2 .month td.wd6 { color: #0030ce; } */
/* .h2 .t0 td.post, .h2 .t1 td.pre, .h3 .t0 td.post, .h3 .t1 td.pre, .h3 .t1 td.post, .h3 .t2 td.pre { visibility: hidden; } */
/* td.pre, td.post { visibility: hidden; } */

/* .h2 .month td, .h2 .month td:hover { cursor: pointer; } */

.h2 .month td.oor, .h2 .month td.oom { filter:alpha(opacity=20); -moz-opacity: 0.2; opacity: 0.2; cursor: default; }
/* .h2 .month td:hover { background: url('../images/reisewelten/day_hover.gif') center bottom no-repeat; } */

/********************** aCal-h2.css   (END) *******************************************************/