@charset "utf-8";
/* -------------- Contact form CSS -------------
##### Change these styles at whim to match your own site layout and look #### */



/* ---------- Styles for the form element itself  ---------- */
form#Anfrageformular {
	margin:0px 0 20px 0;
	padding:0 0 10px 0;
}


/* ---------- Shared styles for labels, input fields, textareas, select lists  ---------- */
form#Anfrageformular label, form#Anfrageformular input, form#Anfrageformular textarea, form#Anfrageformular select {	
	margin:0 0 10px 0;
	padding:2px;
	width:280px;
    font:inherit;
	/* ---- These are here for a reason - don't remove if not necessary ---- */
	display:block;
	float:left;
	color:#ede7dd;
}

#label-vertragsbedingungen {
	width:450px!important;
	float: left;

}

/* ---------- Special styles for input fields, select lists and textareas only ---------- */
form#Anfrageformular input, form#Anfrageformular textarea , form#Anfrageformular select{
	background:transparent;
	color: #7e2b2b \9;
	background: #f3e7e3 \9;
	border:1px solid #893332;
}

form#Anfrageformular textarea {
	height:100px;
	width:460px;
}

/* ---------- For better usability, change the look of your form fields when they are focused ---------- */
form#Anfrageformular input:focus, form#Anfrageformular textarea:focus {
	background:transparent;
	border:1px solid #b16564;	
}



/* ---------- Label styles ---------- */
form#Anfrageformular label {
	margin-right:5px;
	padding:2px 15px 2px 0;		
	width:160px;						
}


/* ---------- If you want to display legends, just remove the display:none here and add your own styles ---------- */
form#Anfrageformular legend {
	display:none;
}


/* ---------- Fieldsets can be made visible by removing the default style here ---------- */
form#Anfrageformular fieldset {
	border:none;
	padding-bottom:20px;
}

form#Anfrageformular fieldset#submitbox {
	padding-bottom:0!important;
}

/* ---------- Radio buttons ---------- */
form#Anfrageformular input.radio {
	background:transparent;
	border:none;
	width:20px;
	margin:0;
	margin-top:4px;
	_margin-top:-2px;
	*margin-top:-2px;
	margin-right:5px;

}

form#Anfrageformular label.radio {
	width:auto;
}



/* ---------- Checkboxes ---------- */
form#Anfrageformular input.checkbox {
	background:transparent;
	border:none;
	width:20px;
	margin:11px 15px 0 0;
	_margin-top:0px;
	*margin-top:0px;
	margin-right:5px;	
}

form#Anfrageformular label.checkbox {	
	width:90px;

	
}


/* ---------- Select lists - make them a bit larger than your input fields ---------- */
form#Anfrageformular select {
	width:286px;
}

form#Anfrageformular select.tiny {
	width:50px;
	float:left;
	margin-right:10px;
}
form#Anfrageformular select.big {
	width:195px;
	float:left;
}
form#Anfrageformular #label-erwachsene, form#Anfrageformular #label-kinder {
	float:left!important;
	width:auto!important;
}


/* ---------- Submit button ---------- */
form#Anfrageformular input#submit {
	background:#893332;
	border:none;
	color:#fff;
	cursor:pointer;
	font-size:12px;
	
	/* Watch out! IE6 will double the left margin if the submit button is floated. To prevent this, provide only half the margin value to IE6. */
	padding:5px;
	width:460px;
}


/* ---- Won't show in IE6 - but why should everyone else miss all the fun? ---- */
form#Anfrageformular input#submit:hover {
	background:#621c1c;
}


/* ---------- Class for required fields - add colors, an image, or whatever you wish ---------- */
form#Anfrageformular label.required {
	background:url(../images/kontakt/icon-required.gif) center right no-repeat;	
}



/* ---------- On user errors, required labels are style with these ---------- */
.error {
	font-weight:bold !important;
	color:#FFCC66!important;
}



/* ---------- The error message - make it huge and hard to miss! :) ---------- */
p#fehlermeldung {
	background:#983636;
	display:none;
	margin:0 0 15px 0;
	padding:20px;
	width:420px;
}



/* ---------- Since by default labels and form fields are floated, the cleared br elements are required to keep them all in place ---------- */
form#Anfrageformular br {
	clear:left;
}


/* ---------- Without these styles, some browsers show a huge gap where the hidden fields are. Don't remove them unless you know what you're doing! ---------- */
form#Anfrageformular fieldset.hidden, form#Anfrageformular input[type=hidden] {
	display:none;
	border:0;
	padding:0;
}


#kalender {
	width: 190px;
	padding: 0;
}
#kalenderform {
	line-height: normal;
	margin: 0;
}

#kalenderform fieldset {
	margin: 0 0 0px 0;
	border: none;
	width: 210px;
	padding: 2px 0 2px 0px;
}



form#kalenderform label.datepick {	
	margin: 0px;
	padding: 5px 0 0 0;
	float: left;
	width: 60px;
	line-height: 14px;
}


form#kalenderform label.anzahl {	
	margin: 0 0 5px 0;
	padding: 2px 0 0 25px;
	width: 80px;
	height: 18px;
	float: left;
}

#kalenderform input {
	font: 12px Tahoma, Helvetica, Arial, sans-serif;
	color: #ede7dd;
	background:transparent;
	border: 1px solid #994949;
	width: 100px;
	height: 18px;
	margin: 2px 2px 4px 0;
	padding-left: 5px;
}

#Anfrageformular input#anreisedatum, #Anfrageformular input#abreisedatum {
	margin-right:15px!important;
	width:250px!important;

}



#kalenderform select {
	font: 12px Tahoma, Helvetica, Arial, sans-serif;
	color: #ede7dd;
	background:transparent;
	color: #7e2b2b \9;
	background: #f3e7e3 \9;	
	border: 1px solid #994949;
	width: 100px;
	height: 18px;
	margin: 1px 0 4px 0;
}


#kalenderform img.imgkalender {
	vertical-align: top;
	margin: 4px 0 0 10px;	
	cursor: pointer;
}

#kalenderform fieldset label.room {
	letter-spacing: 0px;
	margin: 0px;
	padding: 5px 0 0 0;
	float: left;
	width: 120px;
	line-height: 14px;
}


#kalenderform select.big {
	height: 18px;
	margin: 1px 0 4px 20px;
	width: 139px;
	*height: 25px;
}

#kalenderform select.tiny {
	height: 18px;
	margin: 1px 0 4px 0;
	width: 40px;
	*height: 25px;
	float:left;
}

#kalenderform p {
	margin-left: 12px;
}

#kalenderform input.radio {
	width: auto;
	margin: 0 8px 0 0;
	padding: 0;
	background: none;
	border: none;
}

#kalenderform label.radio {
	vertical-align: top;
	margin: 0 2px 0 0;
}

#kalenderform fieldset#go{
	margin: 10px 0px 0 0;
	padding:0px;
	width: 233px;
	}


#kalenderform fieldset#go a.submit {
 padding: 2px 4px 3px 2px;
color:#ede7dd;
}
#kalenderform fieldset#go a.submit:hover {
	background: #6a2020; color: #ede7dd;
}

#kalenderform p.free {
	margin-top: 15px;
}
/*DateTimePicker*/
/* the div that holds the date picker calendar */
.dpDiv {
	background:transparent;
		width: 190px;

	
	/*border: 1px solid #791f19;*/
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	text-align: center;
	background-color: #e6dcc9;
	border: 1px solid #e6dcc9;
	width: 200px;
	color:#6d2222;
	position:relative;
	top:0;
	left:0;
	margin-left:-60px;
	}
	
	
	
	


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	font-weight: bold;
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR td{
	border-bottom: 1px solid #fff !important;
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	border-bottom: 1px solid #fff !important!;
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid transparent;
	width: 25px;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background:#fff;
	cursor: pointer;
	width: 25px;
	border: none;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	background: #d7ccb9;
		
	
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	background: #d7ccb9;
	
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	background: #e6dcc9;
	text-align: right;
	border-bottom: 1px solid #fff;
	
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #e6dcc9;

	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	color: #6d2222 !important;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	background: #d7ccb9;
	font-weight: bold;
	border: 1px solid #d7ccb9;
	}


/* the forward/backward buttons at the top */
.dpButton {
	background: none;
	border: none;
	cursor: pointer;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	background: #e6dcc9;
	border: none !important;
	cursor: pointer;
	font-weight: bold;

	}