@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#Reservierungformular {
	margin:0 0 20px 0;
	padding:0 0 10px 0;
}


/* ---------- Shared styles for labels, input fields, textareas, select lists  ---------- */
form#Reservierungformular label, form#Reservierungformular input, form#Reservierungformular textarea, form#Reservierungformular select {	
	color:#321b0f;
	font:1em Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
	padding:2px;
	width:233px;

	/* ---- These are here for a reason - don't remove if not necessary ---- */
	display:block;
	float:left;
	font-weight:bold;
}


/* ---------- Special styles for input fields, select lists and textareas only ---------- */
form#Reservierungformular input, form#Reservierungformular textarea , form#Reservierungformular select{
	background:none;
	border:1px solid #000000;
}

form#Reservierungformular textarea {
	height:150px;
	overflow: auto;
}

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



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


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


/* ---------- Fieldsets can be made visible by removing the default style here ---------- */
form#Reservierungformular fieldset {
	border:none;
}



/* ---------- Radio buttons ---------- */
form#Reservierungformular input.radio {
	background:transparent;
	border:none;
	width:20px;
}

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



/* ---------- Checkboxes ---------- */
form#Reservierungformular input.checkbox {
	background:transparent;
	border:none;
	width:20px;
}

form#Reservierungformular label.checkbox {	
	width:90px;
}


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





/* ---------- Submit button ---------- */
form#Reservierungformular input#submit {
	background:#ed7a10;
	border:none;
	color:#000000;
	cursor:pointer;
	font-size:1.2em;
	font-weight:bold;
	
	/* Watch out! IE6 will double the left margin if the submit button is floated. To prevent this, either provide only half the margin value to IE6 or set the button to display:inline. */
	display:inline;
	margin:0 0 0 174px;
	
	padding:5px;
	width:12em;
	width:115px;
}
* html form#Reservierungformular input#submit {
	margin:10px 0 0 174px;
}
*+html form#Reservierungformular input#submit {
	margin:10px 0 0 174px;
}

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

/* ---------- Reset button ---------- */
form#Reservierungformular input#reset {
	background:#ed7a10;
	border:none;
	color:#000000;
	cursor:pointer;
	font-size:1.2em;
	font-weight:bold;
	
	/* Watch out! IE6 will double the left margin if the submit button is floated. To prevent this, either provide only half the margin value to IE6 or set the button to display:inline. */
	display:inline;
	margin:0 0 0 10px;
	
	padding:5px;
	width:12em;
	width:115px;
}
* html form#Reservierungformular input#reset {
	margin:10px 0 0 10px;
}
*+html form#Reservierungformular input#reset {
	margin:10px 0 0 10px;
}

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






/* ---------- Remove the following styles if you don't need the field "Rueckruf" ---------- */

form#Reservierungformular label#label-rueckruf {
	width:72px;
}






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



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



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



/* ---------- Since by default labels and form fields are floated, the cleared br elements are required to keep them all in place ---------- */
form#Reservierungformular 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#Reservierungformular fieldset.hidden, form#Reservierungformular input[type=hidden] {
	display:none;
	border:0;
	padding:0;
}