/* @override http://cms.nordsee-gaestehaus.de/typo3conf/ext/bg_datepicker_input/datepickercontrol/datepickercontrol.css */

/**
 * Style sheet for CalendarPickerControl
 * System-colors theme
 */

div.calendarbutton{
	width: 15px;
	height: 16px;
	background: url("calendar_icon.png") no-repeat center;
	padding: 5px;
}

#CALBUTTONDPC_calendar1_DD-MM-YYYY {
	float: left;
	clear: left;
	margin: -49px 0 0 305px;
}
#CALBUTTONDPC_calendar1b_DD-MM-YYYY {
	float: left;
	clear: left;
	margin: -27px 0 0 305px;
}

#CalendarPickerControl{
	width: 230px;
	height: 220px;
	margin-top: 5px;
}

#CalendarPickerControl table.calframe{
	width: 100%;
	text-align: center;
	color: white;
	padding: 3px;
	border: 5px solid white;

}

#CalendarPickerControl td.monthname{
	width: 100%;
	font: normal 12px Verdana;
	font-weight: bold;
	background-color: #d5e1bb;
	text-align: center;
	padding: 4px 5px;
	color: #4d670d;
}

#CalendarPickerControl td.monthnameLNX{
	width: 100%;
	font: normal 12px Verdana;
	font-weight: bold;
	background-color: white;
}

#CalendarPickerControl table.navigation{
	width: 100%;
	text-align: center;
	background-color: #cbe0f1;
}

#CalendarPickerControl td.navbutton{
	font: bold 14px Verdana;
	cursor: pointer;
	padding: 2px;
	background-color: white;
}

#CalendarPickerControl td.navbutton:hover{
	background-color: #b1b1b1;
	color: white;
}

#CalendarPickerControl td.navbuttonToday {
	font: normal 11px Verdana;
	font-weight: bold;
	cursor: pointer;
	padding: 2px;
	background-color: white;
}

#CalendarPickerControl td.navbuttonToday:hover{
	background-color: #b1b1b1;
	color: white;
}

#CalendarPickerControl span.yearbutton{
	cursor: pointer;
	padding: 4px;
	font-size: 14px;
}

#CalendarPickerControl span.yearbutton:hover{
	text-decoration: none;
	color: #000;
}

#CalendarPickerControl td.dayname{
	font: normal 11px Verdana;
	background-color: #cfe4f5;
	padding: 4px;
	height: 25px;

}

#CalendarPickerControl td.daynameLNX{
	font: normal 11px Verdana;
	height: 25px;
	background-color: white;
	padding: 4px;
}

#CalendarPickerControl td.today{
	font: normal 11px Verdana;
	text-decoration: none;
	cursor: pointer;
	height: 25px;
	color: #5fb8e0;
	background-color: white;
}

.slmonat {
	font: normal 12px Verdana;
	font-weight: bold;
	color: #000;
}

#CalendarPickerControl td.today:hover{
	text-decoration: none;
	background-color: #5fb8e0;
	color: white;
}

#CalendarPickerControl td.current{
	font: normal 11px Verdana;
	text-decoration: none;
	cursor: pointer;
	padding: 2px;
	background-color: #ebe2ca;
}

#CalendarPickerControl td.current:hover{
	background-color: gray;
	color: white;
}

#CalendarPickerControl td.day{
	font: normal 11px Verdana;
	text-decoration: none;
	cursor: pointer;
	padding: 4px;
	background-color: #ebe2ca;
	color: black;
}

#CalendarPickerControl td.day:hover{
	background-color: gray;
	color: white;
}

#CalendarPickerControl td.weekend{
	font: normal 11px Verdana;
	text-decoration: none;
	font-style: italic;
	cursor: pointer;
	padding: 4px;
	background-color: #ebe2ca;
	color: gray;
}

#CalendarPickerControl td.weekend:hover{
	background-color: gray;
	color: white;
}

#CalendarPickerControl td.dayothermonth{
	font:normal 11px Verdana;
	padding: 4px;
	background-color: #ebe2ca;
}

#CalendarPickerControl td.dayothermonth:hover{
	background-color: #b1b1b1;
	color: white;
}


#CalendarPickerControl td.weeknumber{
	font:normal 9px Verdana;
	background-color: white;
	padding: 4px;
}