body
{
	background-color: #ffffff;
	font-family: Helvetica, Arial, Verdana, Sans-serif;
	color: #fffffd;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	word-spacing: 1pt;
	text-decoration: none;
}

/* 
(ist mit .hover klasse gelöst)
a:link { font-family:Helvetica, Arial, Verdana, Sans-serif; font-size:24pt; color:#fffffd; font-variant:normal; font-style:normal; font-weight:bold; word-spacing:1mm; text-decoration:none }
a:visited { font-family:Helvetica, Arial, Verdana, Sans-serif; font-size:24pt; color:#fffffd; font-variant:normal; font-style:normal; font-weight:bold; word-spacing:1mm; text-decoration:none }
a:active { font-family:Helvetica, Arial, Verdana, Sans-serif; font-size:24pt; color:#fffffd; font-variant:normal; font-style:normal; font-weight:bold; word-spacing:1mm; text-decoration:none }
a:hover { font-family:Helvetica, Arial, Verdana, Sans-serif; font-size:24pt; color:#e31f1e; font-variant:normal; font-style:normal; font-weight:bold; word-spacing:1mm; text-decoration:none ; border-width:0px; }
*/


.Footer
{
    font-family: Helvetica, Arial, Verdana, Sans-serif;
    font-size:14pt;
    font-style:italic;
    color:#e35f1e;
    font-weight:bold;
    vertical-align:bottom;
    text-align:right;
}

.Title
{   
    height: 177px;
		vertical-align: bottom;
}
.Title DIV
{
	font-weight: bold;
	text-align: left;
	font-size: 24pt;
	color: #e35f1e; 
	/*padding-top: 35pt;*/
	padding-left: 20pt; 
	padding-right: 20pt;
}

.Text_1
{
	height: 200px;
	vertical-align: top;
}
.Text_1 DIV
{
	text-align: left;
	font-size: 10pt;
	color: #e35f1e;
	font-weight: bold;
	padding-left: 20pt; 
	padding-right: 40pt;
}

.Text_2
{   
  height: 213px;
	vertical-align: bottom;
}

.Text_2 DIV
{
	font-size: 9pt;
	color: #555555;
	padding-left: 20pt;
	padding-bottom: 45pt;
}

.legendImage
{
	margin-right: 6px;
}


/* Kalender */

.Caltop /* Zellendefinition der Vormonatszellen */
{
	background-image: url(../images/bg_top.gif);
	height: 40px;
	vertical-align: top;
}

.Caltop #calendarHeader, .Caltop #formHeader
{
	text-align: left;
	font-size: 20pt;
	color: #fffffd;
	font-weight: bold;
	padding-top: 5pt;
	padding-left: 5pt;
}

.DayCell /* generelle Zellendefinition */
{
	width: 40px;
	vertical-align: top;
	text-align: center;
	font-size: 22pt;
	font-weight: bold;
	padding-top: 11pt;
	background-repeat: no-repeat;
}

.Nomonth /* Zellendefinition der Vormonatszellen */
{
	background-image: url(../images/bg_a.gif);
	color: #999999;
	font-weight: normal;
}

.Month /* Zellendefinition der Monatszellen */
{
	background-image: url(../images/bg_b.gif);
	color: #c9c9c9;
}

.Available /* Zellendefinition der definierten Tagen */
{
	background-image: url(../images/bg_free.jpg);
	color: #fffffd;
	cursor: pointer;
}

.Booked /* Zellendefinition der gebuchten tagen */
{
	background-image:url(../images/bg_booked.jpg);
	color: #999999;
}

.sixRowsBooked
{
	background-image: url(../images/bg_booked_kl.jpg);
}

.sixRowsAvailable
{
	background-image: url(../images/bg_free_kl.jpg);
}

.hover
{
	color: #e31f1e;
}

/* Formular */

.bookingLeftImg
{
	background-image: url(../images/bg_img_02_left.jpg)
}

.confirmationLeftImg
{
	background-image: url(../images/bg_img_03_left.jpg)
}

.formLabel /* Formular Label */
{
	font-size: 9pt;
	color: #555556;
}

.formInput /* Formularzellen mit Rahmen */
{
	width: 100%;
	border-width: 1px;
	border-style: solid;
	border-color: #666666;
	margin-top: 2px;
	margin-bottom: 15px; 
}

.formInputReadOnly /* Formularzellen in der Confirm Ansicht */
{
	width: 100%;
	border-width: 0px;
	margin-top: 2px;
	margin-bottom: 12px; 
	font-size: 13pt;
	color: #e35f1e;
	background-color: #ffffff;
	cursor: default;
}
/*	
*/
#bookButton
{
	width: 100px;
	height: 22px;
}