/* --------------- BEGINN Kalender --------------- */

.tx-kfrmanagement-kalender {
	font-family		    : Arial, Helvetica, sans-serif;
	text-align		    : center;
}

/* Bei Änderung der width oder height Werte muss die css definitionen von windowlayer sowie die
 * TypoScript Einstellung - popupBoxHeight - um den gleichen Wert geändert werden.
*/
.kalenderBox {
	width			: 150px;
	height			: 200px;
	border-top		: 1px solid #ddd;
	border-bottom		: 1px solid #ddd;
	padding			: 0px;
	margin			: 0px;
	margin-bottom		: 10px;
	text-align		: center;
}

.kalenderTitle {
	background-image	: url(../images/basis/bg_u_menu.jpg);
	height			: 15px;
	font-weight		: bold;
	line-height		: 12px;
	color			: #333;
	padding			: 4px 10px 4px 10px;
}

/* Monatsname */
.kalenderSubTitle {
	font-size		: 12px;
	font-style		: normal;
	font-weight		: normal;
	color			: #FF9933;
	padding			: 2px 2px 2px 2px;
	margin			: 11px 0px 5px 0px;
}

.kalenderTage {
	width			: 144px;
	text-align		: center;
	padding			: 2px 2px 2px 2px;
	margin			: 0px 0px 5px 0px;
}

.kalenderTable {
	width             	: 140px;
	padding			: 2px 2px 2px 2px;
	margin-bottom		: 10px;
}

.kalenderTable td {
	width             	: 16px;
	height             	: 16px;
	padding			: 2px;
	margin			: 2px;
}

.kalenderTicker	{
	font-size		: 11px;
	font-style		: normal;
	font-weight		: normal;
	color			: #FF9933;
	padding			: 2px 2px 2px 2px;
	margin-bottom		: 5px;
}

.Wochentag{
	font-size		: 10px;
	font-style		: normal;
	font-weight		: normal;
  	color             	: #666;
	text-align		: center;
  	border           	: 1px solid #fff;
}

.Samstag{
	font-size		: 10px;
	font-style		: normal;
	font-weight		: normal;
  	color             	: #000;
	text-align		: center;
  	border           	: 1px solid #fff;
}

.Sonntag{
	font-size		: 10px;
	font-style		: normal;
	font-weight		: normal;
  	color             	: #cc0000;
	text-align		: center;
  	border           	: 1px solid #fff;
}

.today{
  	border           	: 1px solid #cc0000;
}

.eventPresent{
	background		: #DDD;
	cursor			: pointer;
}

/* Hover Box mit Veranstaltungsdaten */
.hoverBox{
	overflow		: hidden;
	border			: 1px dashed #ddd;
	background-color	: #fff;
	color			: #666;
	font-size		: 10px;
	font-family		: Verdana;
	width			: 220px;
	visibility		: hidden;
}

.hoverBoxTable{
}

.hoverBoxTitel{
	font-size		    	: 11px;
	font-style		    	: normal;
	font-weight		    	: normal;
	color			    	: #FF9933;
	border-bottom			: 1px solid #ccc;
	background-color		: #fff;
	text-align			: left;
	padding				: 2px 5px 2px 5px;
}

.hoverBoxText{
	text-align			: left;
	padding				: 2px 5px 2px 5px;
}


/* Popup Box*/
.popupBox{
	z-index				: 10;
        position			: absolute;
	overflow			: hidden;
	visibility			: hidden;
	width				: 0px;
	height				: 0px;
	border				: 1px solid #ddd;
	background-color		: #fff;
	color				: #000;
	font-size			: 14px;
	font-family			: Verdana;
   	padding				: 0px;
   	margin				: 25px 0px 0px 1px;
}

.closer{
	text-align			: right;
	cursor				: pointer;
}


/* Bei Änderung der width oder height Werte muss die css definitionen von kalenderBox sowie die
 * TypoScript Einstellung - popupBoxHeight - um den gleichen Wert geändert werden.
*/
.windowlayer{
	overflow			: hidden;
	position			: relative;
	width				: 145px;
	height				: 151px;
	/* background-color	: #ffdd00; */
    	padding				: 0px;
   	 margin				: 0px;
}

.popupBoxContainer{
	position			: absolute;
	width				: 145px;
	/* background-color	: #ff0000; */
    	padding				: 0px;
    	margin				: 0px;
}

/* --------------- ENDE Kalender --------------- */
