td {

	font-family: Arial, Veranda, sans-serif;

	padding: 3px;

}



#calback {

	background: #FFF url('kalendar/calWaiting.gif') no-repeat 50% 100px;

	margin: 3px auto;

	width: 162px;

}



#calendar {

	width: 100%;

	height: 100%;

}



.cal {

	background: #ce915a;

	width: 100%; 

}



.calhead {

	width: 100%;

	font-weight: bold;

	color: #FFF;

	font-size: 10px;      

}



.calhead img {

	border: none;

	vertical-align: middle;

}



.dayhead {

	height: 15px;

	background: #DDD;

}



.dayhead td {

	text-align: center;

	color: #000;

}



.dayrow {

	background: #FFF;

	height: 20px;

}



.dayrow td {

	width: 10px;

	color: #000;

	font-size: 1em;



}



.day {

	float: right;

}



.dayout {

	background: #FFF;

}



.dayout:hover {

	background: #eee;

	color: #333;

	cursor: default;

}



.dayout-event {

	background: #faa;

	color: green;

}



.dayout-event:hover {

	background: #fdd;

	color: #333;

	cursor: pointer;

}



.dayout-event-match {

	background: #C6FAC7;

	color: green;

}



.dayout-event-match:hover {

	background: #EAFBEB;

	color: #333;

	cursor: pointer;

}



.dayout-event-date {

	background: #faa;

	color: green;

}



.dayout-event-date:hover {

	background: #fdd;

	color: #333;

	cursor: pointer;

}



.dayout-event-both {

	background: #FBF9B7;

	color: green;

}



.dayout-event-both:hover {

	background: #FBFAD8;

	color: #333;

	cursor: pointer;

}



.dayout-event-old {

	background: #eaeaea;

	color: green;

}



.dayout-event-old:hover {

	background: #fafafa;

	color: #333;

	cursor: pointer;

}