/* ----------------[ kalendar ]---------------- */
div.calendar {
	background-color: #f5f5f5;
	border: 1px solid #777;
	position: absolute;
	width: 245px;
	top: 40px;
	left: .5em;
	margin: 1px 0 1em;
	line-height: 14px;
	text-align: left;
	z-index: 30;
}

	div#container div.calendar tr.h { text-align: right; padding: .25em; font-size: 1em }
	div#container div.calendar table tr.h td { background-color: #B2BFD6; font-weight: bold; color: #fff; width: auto; }
	div#container div.calendar table tr.h td.emp { background-color: #d9643b; }
		div#container div.calendar tr.h a:link, div#container div.calendar tr.h a:visited { font-size: 1.65em; font-weight: bold; margin: 0; line-height: .9em; color: #fff; text-decoration: none; }
		div#container div.calendar tr.h a:hover { color: #ff6300; }
		div#container div.calendar tr.h select { font-size: 1em; margin: 0 .2em; }

	div#container div.calendar table { width: 100%; border-collapse: collapse; text-align: center; margin: 0; }
	div#container div.calendar table td  { border: 1px solid #fff; background-color: #f5f5f5; padding: .25em 0; font-size: 10px; width: 35px; text-align: center; }

	div#container div.calendar table tr.days td { background-color: #e5e5e5; font-weight: bold; }
	div#container div.calendar td.free { padding: 0; }
	div.calendar td.free a:link, div.calendar td.free a:visited { text-decoration: none; display: block; color: #006400; padding: .25em 0; }
	div.calendar td.selected a:link, div.calendar td.selected a:visited { background-color: #555; color: #fff; }
	div#container div.calendar .free a:hover { text-decoration: none; background-color: #ff6300; color: #ffffff; }
	div.calendar .taken { color: red; }

	* html div.calendar { position: relative; top: 0; left: 0; }
	* html div.calendar td.free a:link, * html div.calendar td.free a:visited  {
		height: 1%;
	}