@charset 'UTF-8';

@media screen {


.calEvent,.calEventPrivate{
	position: absolute;	
	left: 0px;
	right: 0px;
	overflow: hidden;
	z-index: 20;
	border-width: 1px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.calEventHeader,.calEventHeaderSmall{
	position: relative;	
	font-weight: bold;
	font-size: 9pt;
	text-align: left;
	left: 0px;
	right: 0px;
	padding-left: 2px;
}

.calEventHeaderSmall{
	font-size: 8pt;
	line-height: 10pt;
}

.calEventAllAccepted {
	border-style: solid;
	border-width: 1px;
}

.calEventIcons{
	position: absolute;
	right: 0px;
	top: 0px;
}

.calEventHeaderSmall .calEventIcons img{
	height: 13px;
}

.calEventBody,.calEventBodySmall{
	padding: 0px 3px 0px;
	left: 2px;
	right: 2px;
	height: 99%;
}

.calEventBodySmall{
	font-size: 95%;
}

.calEventTooltip{
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	max-height: 400px;
	overflow: auto;
}


div.calAddEvent{
	position: absolute;
	width: 100%;
	z-index: 10;
}

div.calAddEvent:hover{
	background-color: silver;
	cursor: pointer;
}

/* Spaltenfarbe festlegen */
.Event_on{
	background-color: #F2F2F2;
}

.calEvent:hover{
	cursor: pointer;
}

.calEventTitle{
	font-weight: bold;
	font-size: 110%;
}

.DatumSpalten{
	position: absolute;
	width: 100%;
	text-align:right;
	z-index: 10;
}


/* überschrift für die Monate */
.monatsspalteKopf{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	right: 0px;	/* does not work in IE, but looks better in other browsers then width:100% */
	text-align: center;
	font-size: 100%;
	white-space: nowrap;
	border-bottom: 1px solid silver;
	border-right: 1px solid silver;
	border-top: 1px solid silver;
	height: 16px;
	line-height: 16px;
	z-index: 30;
}
/* contains (multiple) eventCol's */
.monatsspalte{
	position: absolute;
	top: 0px;
	height: 100%;
/* set via inline style on runtime:
 *  left:
 *  width:
 */
	border-left: 1px solid silver;
}


/* header for the dayCol */
.calDayColHeader{
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	right: 0px;	/* does not work in IE, but looks better in other browsers then width:100% */
	text-align: center;
	font-size: 100%;
	white-space: nowrap;
	border-bottom: 1px solid silver;
	border-right: 1px solid silver;

	height: 16px;
	line-height: 16px;
	z-index: 30;
	
	
}

.calDayCol{
	position: absolute;
	top: 0px;
	height: 100%;
	border-left: 1px solid silver;
}


/* Für tabellenstruktur */

.calDayCols,.calDayCols12h,.calDayColsNoGrid{
	position: absolute;
	top: 0px;
/*	bottom: 0px; does NOT work in IE, IE needs height: 100%! */
	height: 100%;
	left: 45px;
	right: 0px;
}


.calDayColHeader img {
	vertical-align: middle;
}


.calToday{
	background: #ffffcc;
}
/* marks a day in the colum-header as holiday
 */
.calHoliday{
	background: #dac0c0;
}

/* kalenderdiv, hier sind alle timeRow's and dayCol's drin */
.kalenderdiv{
	position: relative;
	top: 0px;
	left: 0px;
	border:1px solid green;
	width: 80%;
	text-align: center;	
/* set via inline style on runtime:
 *  height:
 */
}


/* time in a timeRow
 */
.calTimeRowTime{
	padding-left: 5px;
	height: 100%;
	line-height: 14px;
	font-size:8pt;
	text-align: left;
}



.calTimeRow{
/*	background-color: silver; */

}

/* time in a timeRow
 */
.calTimeRowTime{
	padding-left: 5px;
	height: 100%;
	line-height: 14px;
	font-size:8pt;
	text-align: left;
}

.row_on{
	background-color: #F4F4F4;
}

.plarzhalter{
	
}

.calEventLabel{
	font-weight: bold;
	font-size: 90%;
}


.hochrunterbutton {
position: absolute;
bottom: 0;
width: 100%;
line-height: 1.5em;
text-align: center;
#background: #8B8878;
} 







}