
.rbb_calendar_in, .rbb_calendar_out { width: 250px;
	top: 40px;
	left: 0px;
	background: #FFF;
	border: 1px solid silver;
	box-shadow: 3px 3px 3px silver;
	position: absolute;
	display: none;
	z-index: 110;	
	}


.rbb_calendar_out { 
	right: 0px;	
	}	

#find_cal_start:hover #fcs_pict_start {  }
#find_cal_finish:hover #fcs_pict_finish {  }


.fcs_text	{ margin: 12px 0 0 5px;
	font-size: 1.5em;
	}

#fcs_pict_start, #fcs_pict_finish { width: 25px;
	height: 26px;
	top: 8px;
	right: 3px;
	background: url(../picture_library/main/kalendar-aktiv.svg) no-repeat;
	position: absolute;
	z-index: 100;
	}	


#calendar1 {
	width: 100%;
	font-family: Arial;
	line-height: 1.4em;
	font-size: 2em;
	text-align: center;
	border-collapse: collapse;
}

#calendar1 td {
	font-family: Arial;
	width: 32px;
	height: 35px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	font-size: 1.4em;	
	position: relative;
	}

.cl_in	{ width: 95%;
	height: 5px;
	left: 0px;
	bottom: 15px;
	font-family: Arial;
	color: #FFF;
	text-align: center;
	font-size: 0.7em;
	display: none;
	position: absolute;
	z-index: 30;
	}

#calendar1 thead tr:last-child {
	font-size: 1em;
	color: rgb(85, 85, 85);
}

#calendar1 thead tr:nth-child(1) td:nth-child(2) {
	font-size: 2em;
	color: rgb(50, 50, 50);
}

#calendar1 thead tr:nth-child(1) td:nth-child(1):hover, #calendar1 thead tr:nth-child(1) td:nth-child(3):hover {
	cursor: pointer;
}


.cal_cell_freely {
	color: rgb(44, 86, 122); 	
	background: #C4E2B2;
	border: 1px solid transparent;
	cursor: pointer;	
	}

.cal_cell_freely:hover {
	color: #FFF;
	background: #0A5F9F;
	border-radius: 4px;
	}
	

.cal_cell_occupied	{
	color: rgb(44, 86, 122);	
	background: #F7F7F7; 
	}

#calendar1 tbody td:nth-child(n+6), #calendar1.holiday {
	color: rgb(231, 140, 92);
}

/*
#calendar1 tbody td.today {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	font-size: 1.4em;
	color: red;
}
*/


#calendar1 tbody td.today:hover {
	color: #FFF;
	cursor: pointer;
	background: #0A5F9F;
	border-radius: 4px;
	}

.no_today {
	background: rgb(240, 240, 240);
	color: rgb(44, 86, 122);
	cursor: default;
	
}


#calendar2 {
	width: 100%;
	font-family: Arial;
	line-height: 1.4em;
	font-size: 2em;
	text-align: center;
	border-collapse: collapse;
}


#calendar2 td { 
	font-family: Arial;
	width: 32px;
	height: 35px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	font-size: 1.4em;
	position: relative;
	}


.cl_in	{ width: 95%;
	height: 5px;
	left: 0px;
	bottom: 15px;
	font-family: Arial;
	color: #FFF;
	text-align: center;
	font-size: 0.7em;
	display: none;
	position: absolute;
	z-index: 30;
	}


#calendar2 thead tr:last-child {
	font-size: 1em;
	color: rgb(85, 85, 85);
}

#calendar2 thead tr:nth-child(1) td:nth-child(2) {
	font-size: 2em;
	color: rgb(50, 50, 50);
}

#calendar2 thead tr:nth-child(1) td:nth-child(1):hover, #calendar1 thead tr:nth-child(1) td:nth-child(3):hover {
	cursor: pointer;
}


.cal_cell {
	font-family: Arial;
	width: 32px;
	height: 35px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	font-size: 1.4em;
	color: rgb(44, 86, 122);
	}

.cal_cell:hover {
	color: #FFF;
	cursor: pointer;
	background: #0A5F9F;
	border-radius: 4px;
	}

#calendar2 tbody td:nth-child(n+6), #calendar1.holiday {
	color: rgb(231, 140, 92);
}

#calendar2 tbody td.today {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	font-size: 1.4em;
	color: red;
}


#calendar2 tbody td.today:hover {
	color: #FFF;
	cursor: pointer;
	background: #0A5F9F;
	border-radius: 4px;
	}

#calendar2 tbody td.no_today {
	background: rgb(240, 240, 240);
	color: rgb(44, 86, 122);
	cursor: default;
}

