@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#Kontaktformular {
	color:#2A1601;
}


/* ---------- Shared styles for labels, input fields, textareas, select lists  ---------- */
form#Kontaktformular label, form#Kontaktformular input, form#Kontaktformular textarea, form#Kontaktformular select {	
	margin:0 0 5px 0;
	padding:5px;
	width:253px;
	_height:32px;

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


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

form#Kontaktformular textarea {
	height:150px;
}

/* ---------- For better usability, change the look of your form fields when they are focused ---------- */
form#Kontaktformular input:focus, form#Kontaktformular textarea:focus {
	background:#eee;
	border-color: #321B0A;	
}



/* ---------- Label styles ---------- */
form#Kontaktformular label {
	margin-right:0px;	
	width:253px;
	height:20px;
	background-color: #FFFFFF;
	border:1px solid #D3D3D3;	
}

form#Kontaktformular label#label-nachricht { }

label.frau { 
	border-width: 1px 0px 1px 0px !important;
	_height:32px !important;
}
label.herr { 
	border-width: 1px 1px 1px 0px !important;
	_height:32px !important;
}


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


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



/* ---------- Radio buttons ---------- */
form#Kontaktformular input.radio {
	background:transparent;
	border:none;
	width:23px;
	_height:10px !important;
	margin-top:4px;
}

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



/* ---------- Checkboxes ---------- */
form#Kontaktformular input.checkbox {
	background:transparent;
	border:none;
	width:20px;
	margin: 5px 3px 0px 3px !important;
}

form#Kontaktformular label.checkbox {	
	width:209px;
}


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





/* ---------- Submit button ---------- */
form#Kontaktformular input#submit {
	width:265px;
	height:33px;
	display:block;
	background:#cdd4d8;
	color:#04293C;	
	text-decoration:none;
	font-size:12px !important;
	border:none !important;
	cursor:pointer;
}

label#label-anrede { width: 178px; margin-bottom: 5px !important; _width:100px !important; _overflow:hidden; }


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

form#Kontaktformular textarea {
	margin:0px;
}



/* ---------- Remove the following styles if you don't need the field "Rueckruf" ---------- */
form#Kontaktformular label#label-telefon {}

input#Rueckruf { margin: 0px !important; margin-top: 1px !important; }
span#spanRueckruf { 
	display: block; 
	margin: 0px; padding: 0px; 
	float: left; 
	background-color: #FFFFFF; 
	padding: 3px;  _padding: 1px 1px 0px 5px;
	border-width: 1px 1px 1px 0px;
	border-style: solid;
	border-color: #DDDDDD;
}

form#Kontaktformular label#label-rueckruf { }

form#Kontaktformular input#Telefon { }

form#Kontaktformular label[for=Datenschutz] { 
height: 40px;
    float: left;
    max-width: 231px;
    width: 100%;
}

form#Kontaktformular input#Datenschutz {
width: auto;
margin-left: 10px; }






/* ---------- Class for required fields - add colors, an image, or whatever you wish ---------- */
form#Kontaktformular label.required {
	background: #FFFFFF url(../images/bg-required.gif) 5px 9px no-repeat;
	padding-left:20px;
	width:238px;
}



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



/* ---------- The error message - make it huge and hard to miss! :) ---------- */
p#fehlermeldung {
	margin:0 0 15px 0;
	display: none;
	padding:10px;
	color:#000;
	border:1px solid #cccccc;
	background:#fff;
}

p#fehlermeldung a#errorclose {
	display: block;
	margin-top: 10px;
}

p#fehlermeldung a#errorclose,
p#fehlermeldung a#errorclose strong { color: #006A6C; }



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



/* ################################################# BUCHUNGSANFRAGE ############################################## */

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


/* ---------- Shared styles for labels, input fields, textareas, select lists  ---------- */
form#Buchungsformular label, form#Buchungsformular input, form#Buchungsformular textarea, form#Buchungsformular select {	
	margin:0 0 5px 0;
	padding:5px;
	width:288px;

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


/* ---------- Special styles for input fields, select lists and textareas only ---------- */
form#Buchungsformular input, form#Buchungsformular textarea , form#Buchungsformular select{
	background:#ffffff;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #DDD;	
}

form#Buchungsformular textarea {
	height:150px;
}

/* ---------- For better usability, change the look of your form fields when they are focused ---------- */
form#Buchungsformular input:focus, form#Buchungsformular textarea:focus {
	background:#eee;	
}



/* ---------- Label styles ---------- */
form#Buchungsformular label {
	margin-right:0px; margin-bottom: 1px;
	padding:2px 0px 2px 10px;		
	width:288px;
	height: 16px;
	background-color: #0A4052;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #DDDDDD;
	color:#FFFFFF;			
}

form#Buchungsformular label#label-nachricht { }

label.frau { border-width: 1px 0px 1px 0px !important; }
label.herr { border-width: 1px 1px 1px 0px !important; }


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


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



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

form#Buchungsformular label.radio {
	width:auto;
	padding: 2px 5px;
	background-color: #FFFFFF;
	color: #0A4052;
}



/* ---------- Checkboxes ---------- */
form#Buchungsformular input.checkbox {
	background:transparent;
	border:none;
	width:20px;
	margin: 9px 3px 0px 3px;
}

form#Buchungsformular label.checkbox {	
	width:261px;
	border-right: 0px;
}


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





/* ---------- Submit button ---------- */
form#Buchungsformular input#submit {
	background:transparent url(images/bg-submit.gif) left top no-repeat;
	cursor:pointer;
	/* 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:block;
	width: 130px; height: 33px;
	border: none;
}

label#label-anrede { width: 137px !important ; margin-bottom: 5px !important; _width: 132px !important; }


/* ---- Won't show in IE6 - but why should everyone else miss all the fun? ---- */
form#Buchungsformular input#submit:hover {
	background:url(../images/bg-submit.png) 0 0 no-repeat;
}





/* ---------- Remove the following styles if you don't need the field "Rueckruf" ---------- */
form#Buchungsformular label#label-telefon {}

input#Rueckruf { margin: 0px !important; margin-top: 1px !important; }
span#spanRueckruf { 
	display: block; 
	margin: 0px; padding: 0px; 
	float: left; 
	background-color: #FFFFFF; 
	padding: 3px;  _padding: 1px 1px 0px 5px;
	border-width: 1px 1px 1px 0px;
	border-style: solid;
	border-color: #DDDDDD;
}

form#Buchungsformular label#label-rueckruf { }

form#Buchungsformular input#Telefon { }





/* ---------- Class for required fields - add colors, an image, or whatever you wish ---------- */
form#Buchungsformular label.required {
	background: #0A4052 url(../images/bg-required.gif) right 5px no-repeat;
	_padding-left: 20px; _width: 278px;
}



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



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

/* --------- Start- und Enddatum ---------- */

form#Buchungsformular input#startdatum, form#Buchungsformular input#enddatum {
	width: 70px;
	padding-left: 10px; padding-right: 10px;
}

form#Buchungsformular a.dp-choose-date {
	display: block;
	height: 25px; width: 22px;
	overflow: hidden;
	text-indent: -500px;
	background: #FFFFFF url(../images/datepicker.gif) 5px 4px no-repeat;
	float: left;
	margin-left: 1px; padding:0px 5px;
	border: 1px solid #DDDDDD;
}

span#aufenthaltszeitraum_bis { 
	display: block; 
	height: 27px; width: 36px; 
	float: left; 
	line-height: 27px; 
	background-color: #FFFFFF;
	text-align: center;
	margin: 0px 5px;
}