html { height:100%; }
body { background-color:#c78c0e; height:100%; margin:0; padding:0; }
#box { text-align: center; width: 969px; height: 100%; margin-top: 0; margin-bottom: 0px;}
#box_header { background-image: url(../../images/header_top.jpg); text-align: center; width: 969px; height: 133px; overflow:auto }
#box_navi { background-image: url(../../images/header_navi.jpg); text-align: right; width: 969px; height: 47px; overflow:auto }
#box_middle { background-image: url(../../images/middle.jpg); background-repeat: repeat-y; width: 969px; height: auto; overflow:auto ; min-height: 500px; }
#box_middle_l { color: #242424; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 13px; text-align: left; letter-spacing: 1px; position: inherit; top: 0; left: 0; width: 630px; height: auto; float: left; margin-left: 50px; }
#box_middle_r { text-align: left; position: inherit; top: 0; right: 0; width: 243px; height: auto; float: right; margin-right: 30px; }
#box_footer { background-image: url(../../images/footer.jpg); width: 969px; height: 53px; overflow:auto }
.text_sidebox { color: #242424; font-size: 10px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 12px; text-align: left; letter-spacing: 1px; margin: 5px 12px; }
.text_content { color: #242424; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 14px; text-align: left; letter-spacing: 1px; }
/* Appearance of the Calendar-Modul */

.calendar
{
	width : 243px;
	height: 180px;
}

.calendar .headline { color: #ffffff; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(../../images/kalender_header.jpg); background-repeat: no-repeat; height: 47px;
/*	background : url(ice.jpg);*/
}

.calendar .headline A:link { color: #242424; font-size: 11px; text-decoration: none; }

.calendar .headline A:visited { color: #242424; font-size: 11px; text-decoration: none; }

.calendar .headline A:hover { color: #a13413; font-size: 11px; text-decoration: none; }

.calendar .headline .today_select  { color: #242424; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: normal; text-align : center; text-decoration: underline; font-size: 11px; background-image: url(../../images/kalender_header_today.jpg); background-position: 0 top; height: 25px; }


.calendar .overview { background-color: #fcfcf0; font-size: 80%; font-family: Arial, Helvetica, sans-serif; text-align : center; height: 100%; width: 100%; }

.calendar .overview A:link { color: #242424; font-size: 11px; text-decoration: none; }

.calendar .overview A:visited { color: #242424; font-size: 11px; text-decoration: none; }

.calendar .overview A:hover{ color: #242424; font-size: 11px; text-decoration: none; }

.calendar .overview .last_month { color: #cccccc; font-size: 11px; }

.calendar .overview .next_month { color: #cccccc; font-size: 11px; }

.calendar .overview #today { color: #242424; font-size: 11px; background-color: #a13413; }

.calendar .overview #selected { color: #ffffff; font-size: 11px; background-color: #a13413; margin-top: auto; margin-bottom: auto; }

.calendar .overview .dayname { font-size: 11px; background-color: #fefade; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

.calendar .overview .reserved {
	font-weight: bold;
	font-size: 11px;
	text-decoration: underline;
}

/* Appearance of the Eventlist */

.event_list_title   { font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #a13413; background-color: #ffffff; letter-spacing: 1px; }

.event_list { width : 98%; height: auto; background-color: #fcfcf0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.event_list_menu { color: #a13413; font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; width: auto; height: auto; }
.event_list_menu A { color: #a13413; font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; width: 100%; height: auto; }
.event_list .headings { font-weight: bold; color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url(../../images/event_list_header.jpg); height: 21px;
/*	background : url(ice.jpg);*/
}

.event_list .col_status { background-image: url(../../images/event_list_header.jpg); background-position: left 0; width: 50pt; }

.event_list .col_date { background-image: url(../../images/event_list_header.jpg); background-position: center 0; width: 100pt; }

.event_list .col_event { background-image: url(../../images/event_list_header.jpg); background-position: right 0; width: auto; }

.event_list .status { font-size: 80%; color: red; font-weight: bold; vertical-align : top; padding-top: 8px; padding-bottom: 3px; }

.event_list .date { font-size: 11px; color: #888888; font-family: Arial, Helvetica, sans-serif; padding-top: 8px; padding-bottom: 3px; }

.event_list .event { color: #242424; font-size: 11px; font-family: Arial, Helvetica, sans-serif; vertical-align : top; padding-top: 8px; padding-bottom: 3px; }

.event_list A  { color: #242424; text-decoration: none; }

.event_list A:hover  { color: #242424; font-size: 11px; text-decoration: underline; }

.event_list .error_message { font-size: 11px; font-family: Arial, Helvetica, sans-serif; margin-left : auto; margin-right : auto; background-color: #fcfcf0; padding: 10pt; }
	
.cal_view_select {
margin: 5px;
}
	

/* Appearance for Event-Infos */

.event_info { width : 630px; height: auto; background-color: #fcfcf0; font-family: Arial, Helvetica, sans-serif; font-size: 100%; }

.event_info .headings { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; font-size: 11px; background-image: url(../../images/event_header_info.jpg); background-position: right 0; height: 21px; padding: 5pt 20px;
/*	background : url(ice.jpg);*/
}

.event_info .title { font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

.event_info .date { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-image: url(../../images/event_header_date.jpg); background-position: left 0; width: 100pt; padding-left: 10px; }

.event_info .description { color: #242424; font-family: Arial, Helvetica, sans-serif; padding: 10pt; font-size: 80%; }

.line_color0 {
	background-color: #fcfcf0;
	padding-top:3pt;
	padding-bottom:3pt;
}

.line_color1 {
	background-color: #fcfcf0;
	padding-top:3pt;
	padding-bottom:3pt;
}

.author_info { font-size: 5px; color: #cccccc; font-family: Verdana, Arial, Helvetica, sans-serif; }

.author_info A { color: #cccccc; font-size: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; }

.next_event_select  { color: #242424; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color: #ffffff; text-align : left; }

.next_event_select A {
	font-size: 11px;
	color: #a13413;
	background-color: #ffffff;
	text-align : center;
	text-decoration: underline;
}


.qs_months, .qs_prev_years, .qs_next_years {
	zindex : 1000;
	position : absolute;
	width:50px;
	background-color: #77AADD;
	border: 1pt solid Black; 
	padding-left: 5px;
	padding-right: 5px;
	visibility: hidden;
}

.qs_months table, .qs_prev_years table, .qs_next_years table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
}

.qs_months table A, .qs_prev_years table A, .qs_next_years table A {
	display:block; width: 30px;
	text-decoration : none;
	color: black;
}

.qs_months table A:hover, .qs_prev_years table A:hover, .qs_next_years table A:hover {
	display:block; width: 30px;
	background-color: red;
	color: white;
}

