/***** Kalender *****/
#kalender {
	height: 1000px;
}

#kalender .kalROW {
	height: 201px;
}

#kalender .kalSPACE {
	height: 24px;
}

#kalender .month {
	float: left;
	border: 1px solid #c6c6c6;
	position: relative;
	padding: 1px;
	font-family: Arial;
	font-size: 10px;
	background-color: #FFFFFF;
	height: 201px;
	width: 176px;
}

#kalender .monthSPACE {
	width: 19px;
	height: 201px;
	float: left;
}

#kalender .month td {
	width: 24px;
	height: 24px;
	text-align: center;
}

#kalender .month td.head {
	background-image: url('../images/content/cal-head.png');
	padding-left: 8px;
	text-align: left;
}

#kalender .month td.head span{
	font-size: 13px;
	font-weight: bold;
	color: #882D1A;
}

#kalender .month td.day {
	background-image: url('../images/content/cal-day.png');
	font-weight: bold;
}

td.emtpy { }
td.kalCELLorange { background-image: url('../images/content/cal-orange.png'); }
td.kalCELLrot { background-image: url('../images/content/cal-rot.png'); }
td.kalCELLgruen { background-image: url('../images/content/cal-gruen.png'); }
td.kalCELLrotorange { background-image: url('../images/content/cal-rot-orange.png'); }
td.kalCELLgruenorange { background-image: url('../images/content/cal-gruen-orange.png'); }


#kalender #legend .head {
	background-color: #FFFFFF;
	height: 20px;
	border-bottom: 2px #882D1A solid;
	padding-left: 8px;
	text-align: left;
	padding-top: 5px;
}

#kalender #legend .head span {
	font-size: 12px;
	font-weight: bold;
	color: #383838;
	font-family: Arial;
}


#kal_navi {
	margin: 10px 0 10px 0;
	height: 20px;
}

#kal_navi #left {
	position: relative;
	float: left;
	text-align: right;
	height: 20px;
}

#kal_navi #right {
	position: relative;
	float: left;
	text-align: left;
	height: 20px;
}


#kal_navi #left a {	background: url('../images/content/button-start-left.png') no-repeat; }
#kal_navi #right a { background: url('../images/content/button-start-right.png') no-repeat; }

#kal_navi a span.outer:hover {background-position:right -19px; text-decoration: underline; }
#kal_navi a span.outer span:hover, #kal_navi #right a:hover { background-position:0 -19px; text-decoration: underline; }



#kal_navi #left  a, #kal_navi #right  a{
	line-height: 19px;
	font-weight: bold;
	padding-left: 18px;
	text-decoration: none;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	color: #882D1A;
}

#kal_navi a span.outer {
	background: url('../images/content/button-end.png') no-repeat top right;
	cursor: pointer;
}

#kal_navi a span.outer span {
	background: url('../images/content/button-center.png');
	cursor: pointer;
	padding-left: 5px;
	margin-right: 5px;
	height: 20px;
}