/**
 * Style sheet xForm
 * Copyright (C) 2005 Leo Feyer, licensed under LGPL
 */
 

/**
 * Fieldset
 */
fieldset
{
	width:600px;
	display:block;
	margin:12px 0px 24px 0px;
	padding:12px 12px 0px 12px;
}

* html fieldset
{
	margin-top:12px;
}

*:first-child+html fieldset
{
	margin-top:12px;
}

legend
{
	font-size:16px;
	color:#416482;
	font-weight:bold;
}

* html legend
{
	margin-top:-24px;
	padding:12px 0px;
}

*:first-child+html legend
{
	margin-top:-24px;
	padding:12px 0px;
}


/**
 * Text fields
 */
input.text,
input.password
{
	width:250px;
	height:20px;
	margin:1px 0px 1px 0px;
	border:#CCC 1px solid;
}

input.captcha {
	width:125px;
	height:20px;
	margin:1px 0px 1px 0px;
	border:#CCC 1px solid;
}

input.submit {
	margin:10px 0;
}

input:focus,
textarea:focus {
	background-color:#F7F7F7;
}

* html input.text,
* html input.password
{
	margin:0px;
}


*:first-child+html input.text,
*:first-child+html input.password
{
	margin:0px;
}


/**
 * Textarea
 */
textarea
{
	width:250px;
	height:125px;
	margin:1px 0px 1px 0px;
	border:#CCC 1px solid;
}

* html textarea
{
	width:358px;
}


/**
 * Drop-down menu
 */
select
{
	width:204px;
	margin:1px 0px 1px 0px;
}

* html select
{
	width:206px;
}


/**
 * Radio buttons
 */
div.radio_container
{
	margin:0px 0px 1px 0px;
}

* html div.radio_container
{
	margin:2px 0px -1px 0px;
}

*:first-child+html div.radio_container
{
	margin:2px 0px -1px 0px;
}

div.radio_container span
{
	padding-right:6px;
	display:block;
}

input.radio
{
	margin:1px 2px 0px 1px;
	padding:0px;
	position:relative;
	top:2px;
}

* html input.radio
{
	margin:-4px -1px 0px -3px;
	position:relative;
	top:1px;
}

*:first-child+html input.radio
{
	margin:-4px 0px 0px -3px;
	position:relative;
	top:1px;
}


/**
 * Checkboxes
 */
div.checkbox_container
{
	margin:0px 0px 1px 0px;
}

* html div.checkbox_container
{
	margin:2px 0px -1px 0px;
}

*:first-child+html div.checkbox_container
{
	margin:2px 0px -1px 0px;
}

div.checkbox_container span
{
	padding-right:6px;
	display:block;
}

input.checkbox
{
	margin:3px 3px 0px 1px;
	padding:0px;
}

* html input.checkbox
{
	margin:-4px 0px 0px -3px;
	position:relative;
	top:1px;
}

*:first-child+html input.checkbox
{
	margin:-4px 0px 0px -3px;
	position:relative;
	top:1px;
}


/**
 * File upload
 */
input.file
{
	margin:1px 0px 1px 0px;
}

* html input.file
{
	margin:0px;
}

*:first-child+html input.file
{
	margin:0px;
}


/**
 * Error message
 */
div.error
{
	color:#ff0000;
}

.col_0 {
	width:125px;
}

.explanation p {
	color:#999;
	margin:10px 0;
}





/*  Reservationsform  */
.mod_reservationform .article,
.mod_reservationcarform .article {
	background-color:#EEEFEE;
	border-bottom:#CCCCCC 1px dotted;
	margin-bottom:5px;
	padding:10px;
	display:block;
	float:left;
	width:650px;
}

.mod_reservationform .image_container,
.mod_reservationcarform .image_container {
	border:0px;
	float:left;
	margin-right:10px;
	min-height:150px;
}

.mod_reservationform .description,
.mod_reservationcarform .description {
	width:600px;
	line-height:18px;
	}

.mod_reservationform label,
.mod_reservationcarform label {
	margin:20px 0 10px 0;
	width:520px;
	border:0px;
	font-weight:bold;
	font-size:15px;
	color:#416482;
	display:block;
	}
	
.mod_reservationform input,
.mod_reservationcarform input {
	width:200px;
	line-height:25px;
	left:0px;
	float:left;
	}

.mod_reservationform .value,
.mod_reservationcarform .value {
	color:#416482;
	font-weight:bold;
	}
	
.mod_reservationform .formdata,
.mod_reservationcarform .formdata {
	border-top:#CCCCCC 1px dotted;
	border-bottom:#CCCCCC 1px dotted;
	font-size:16px;
	margin:5px 0;
}

.mod_reservationform .formbody,
.mod_reservationcarform .formbody {
	border-top:#CCCCCC 1px dotted;
	border-bottom:#CCCCCC 1px dotted;
	padding-bottom:50px;
}

#step1,
#formWrapper,
fieldset {
	border:0px;
}

#step1 legend {
	visibility:hidden;
	}
	
#step1 input,
#step2 input {
	width:auto;
	}
	

.mod_reservationform #step2 label:after,
.mod_reservationcarform #step2 label:after {
	content:"Anzahl bestellen:";
	color:#cccccc;
	display:block;
	font-size:10px;
	margin-top:5px;
}

.mod_reservationform #step2 label.notavailable:after,
.mod_reservationcarform #step2 label.notavailable:after {
	content:"";
	color:#cccccc;
	display:block;
	font-size:10px;
	margin-top:0px;
}

#ctrl_delivery label { font-size:12px; font-weight:normal; }
#field-11 { }


#field-0 { float:left; width:290px;}
#field-9 { margin-bottom:40px;}
.mod_reservationform .rightbox,
.mod_reservationcarform .rightbox { width:250px;position:absolute; right:100px;}


/* ======== Mini-Kalendar ============================== */
	
	.mod_calendar
	{
		width:170px;
		border:1px solid #888; 
		margin:20px 20px 20px 0;
	}
	
	.mod_calendar table
	{
		width:100%;
		background-color:#fbfbea;
	}
	
	.mod_calendar td
	{
		width:14%;
		padding-top:2px;
		padding-bottom:3px;
		text-align:center;
		background-color:#ffffff;
		border-right:1px solid #cccccc;
		border-bottom:1px solid #cccccc;
	}

	.mod_calendar .label
	{
		padding-top:2px;
		padding-bottom:3px;
		text-align:center;
		border-bottom:1px solid #cccccc;
		font-size:10px;
		color:#333;
	}
	
	.mod_calendar .head
	{
		padding-top:3px;
		padding-bottom:4px;
		text-align:center;
		background-color:#5D93C3;
		color:#FFF;
	}
	
	.mod_calendar td, .mod_calendar td.active a, .mod_calendar td.current a
	{
		font-size:11px;
	}
	
	.mod_calendar td.active { background-color:#CCC; }
	.mod_calendar td.current {  background-color:#ffffcc; }
	
	.mod_calendar td.active a  { color:#333; font-weight:bold; }

	.mod_calendar td.current a {color:#736f08; font-weight:bold; }
	
	.mod_calendar .weekend { background-color:#f6f6f6; }
	
	.mod_calendar td.today { background-color:#CCC; color:#736f08;	}
	
	.mod_calendar td.today a {color:#736f08;}
	
/* ======== Liste ============================== */
	.mod_list
	{
		margin-top:20px;
		margin-bottom:20px;		
	}
	
	.mod_list a {font-size:10px;}

	
	.mod_list table
	{
		width:97%;
		background-color:#F7F7F7;
		text-align:left;
		margin-bottom:10px;
	}
	
	.mod_list .head
	{
	 text-align:left;
	 padding:2px 5px;
	 background-color:#5D93C3;
	 color:#FFF;
	}
	
	.mod_list td
	{
		padding:4px 0px;
		vertical-align:top;	
	}
	
	.mod_list .odd { background-color:#E9E9E9;}
	.mod_list .odd.half .data { border-top:1px dashed #FFF;}
	.mod_list .even.half .data { border-top:1px dashed #CFCFA8;}*/
	
body.home_odd .odd {
	background-color:#ffffff;
}
	
	.mod_list tr
	{
		border-bottom:1px solid #CCC
	}
	
	.mod_list .count { padding:3px; width:20px;}
	.mod_list .date { font-size:11px; color:#333; font-weight:bold; width:100px; padding:3px; text-align:left;}
	.mod_list .date span { font-size:10px; color:#AFAF78; vertical-align:top; font-weight:normal;}
	
	.mod_list .res 
	{ 
		color:#999; 
		padding:3px 6px; 
		margin:2px 2px; 
		margin-right:20px; 
		text-align:left; 
		float:left; 
		background-color:#FFF;
	}
	
	.mod_list .res.normal {}
	
	.mod_list .res.Spezial:before,
	.mod_list .res.Veranstaltung:before,
	.mod_list .res.Gruppe:before 
	{ 
		font-weight:bold; 
		text-transform:uppercase; 
		font-size:10px; 
		margin-right:10px; 
		padding:3px 4px; 
		padding-top:4px;
	}
	
	.mod_list .res.Spezial,
	.mod_list .res.Veranstaltung,
	.mod_list .res.Gruppe { padding-left:0; }
	
	
	.mod_list .res.Spezial { background-color:#EDEF00; }
	.mod_list .res.Spezial:before {content: 'Spezial'; background-color:#8E8F00;color:#EDEF00; }
	
	.mod_list .res.Veranstaltung { background-color:#FABFFF}
	.mod_list .res.Veranstaltung:before {content: 'Veranstaltung'; background-color:#A957AF;color:#FABFFF; }
	
	.mod_list .res.Gruppe { background-color:#AFFFF6}
	.mod_list .res.Gruppe:before {content: 'Gruppe'; background-color:#40CFBF;color:#AFFFF6; }
	
	.mod_list .res a span { font-weight:bold;font-size:10px; }
	.mod_list .res a span.status { font-size:10px; padding:0 3px; font-weight:normal;}
	
	.mod_list .phone,
	#legend {display:none;}