



/* forms */
.hsu {display: none;}
#op_submit, .btn {display: block; margin-left: 17px; position: relative; text-transform: uppercase; background: #cf132b; float: left; white-space: nowrap; padding: 0px; width: 160px; text-align: center; line-height: 31px; font-size: 15px; color: #fff; text-decoration: none; cursor: pointer;}
	#op_submit:hover, .btn:hover {background: #ee2048; color: #fff; text-decoration: none;}

.frm {position:relative; float: left; width: 100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
}
.frm input, .frm textarea, .frm select {border: 1px solid #ccc; background: #eee;}
.frm textarea {height: 92px;}

.frm h3 {color:#838383; font-size: 14px; text-transform:none; line-height:22px; padding: 13px 0 1px 0;}



.form_main {position: relative;}
.form_loader {position: absolute; z-index: 335; display: none; top: 0; left: 0; width: 100%; background: rgba(255,255,255,0.5) url('../img/ajax-loader.gif') no-repeat center center;}
	.loading .form_loader {display: block;}


.keine_sz {padding-top:20px}

.error input, .error .cbox, .error textarea {border-color: #940000;}
.error h3 {color: #940000;}
.error .cbx_row .cbx_cap {color: #940000}
.cbx_cap .etrig {top: 2px;}

.etrig {display: none; top: 15px; cursor: pointer; right: 0; position:absolute; background: url('../img/error.png') no-repeat center center; width: 16px; height:16px;}
.error .etrig {display: block;}
.emsg {display: none; font-family: Arial, sans-serif; z-index: 223; box-shadow: 0 0 5px 1px rgba(0,0,0,0.3); max-width: 220px; position:absolute; border: 1px solid #a75c5c; background: #fff; color: #940000; padding: 2px 10px; font-size: 12px; line-height: 16px;}

.frm_ort {width: 302px;}
.frm_cardmon {width: 110px; margin-right: 28px;}
.frm_cardyear {width: 164px; margin-right: 28px;}
.frm_plz, .frm_cardcvv {width: 110px;}
.frm_plz { margin-right: 28px;}

#anfrage {}
	#anfrage .frm_vorname {width: 340px; margin-right: 28px;}
	#anfrage .frm_nachname {width: 340px;}
	#anfrage .frm_adresse {width: 340px; margin-right: 28px;}
	#anfrage .frm_plz {margin-right: 28px;}
	#anfrage .frm_ort {width: 202px;}
	#anfrage .frm_phone {width: 340px; margin-right: 28px;}
	#anfrage .frm_fax {width: 340px;}
	#anfrage .frm_dfrom {width: 90px; margin-right: 28px; }
	#anfrage .frm_dto {width: 90px; margin-right: 28px; }
	#anfrage .frm_zahlungsart {width: 104px; margin-right: 28px;}
	#anfrage .frm_email {width: 340px;}
	#anfrage .frm_comment textarea {height: 160px;}
    #anfragebutton {padding: 20px 0 0 0; text-align: right;}
#anfrage_ok {margin: 20px 0; background: #f4f4f4; padding: 30px 10px; text-align: center;}

.angebote {width: 940px; margin: auto; padding-bottom: 50px; padding-top: 30px; font-family: Arial, sans-serif;}
	.angebote .left {float: left; min-height: 10px; width: 440px;}
	.angebote .dlm {float: left; width: 60px; min-height: 10px;}
	.angebote .right {float: left; min-height: 10px; width: 440px;}
	
	.angebot {border-top: 5px solid #152b74; padding-top: 20px;}
		.ang_desc {float: left; width: 600px; min-height: 10px; }
			.ang_desc h2 {padding: 0; font-size: 18px; line-height: 24px;}
			.ang_desc p {font-size: 14px; line-height:20px;}
			.ang_desc p.smallinfo, .angebot_form_desc {font-size: 12px; line-height:16px; color: #838383; padding: 0;}
			.ang_images {padding-top: 10px; margin-right: -24px; overflow: hidden;}
				.ang_images a {display: block; float: left; width: 80px; height: 80px; margin: 0 24px 24px 0;}
		.angebot .dlm {width: 20px;}
		.ang_form {float: left; min-height: 10px; float: left; width: 320px; text-align: center;}
			.ang_form label {font-weight: bold; display: block; padding-bottom: 10px;}
			.ang_price {width: 140px; float: left; min-height: 10px;}
				.angebot_baseprice {font-size: 14px;}
				.angebot_price {font-size: 18px; color: #cf132b;}
			.ang_qtty {width: 160px; float: left; min-height: 10px;}	
				.ang_qtty select {width: 100px;}
				.angebot_form_desc {padding-top: 5px;}

.bigcenter {padding-bottom: 0;}
	.parts_opener {cursor: pointer;}
	.parts_opener_open {display: block;}
	.parts_opener_close {display: none;}
	.next_parts {display: none;}
	.open .next_parts {display: block;}
	.open .parts_opener_close {display: block;}
	.open .parts_opener_open {display: none;}

	.ang_buttonrow {position: relative; padding: 0 20px; line-height: 49px; background: #152b74; color: #8191c4; font-size: 15px;}
		.ang_buttonrow .btn {top: 9px; position: absolute; right: 20px;}
		.summ_blk {float: left;}
			.ang_buttonrow label {display: block; float: left; margin-right: 5px;}
			.ang_buttonrow span {display: block; float: left; margin-right: 37px; color: #fff;}
	
	.cartrow, .fsline {border-top: 5px solid #152b74; padding: 14px 0; line-height: 27px}
		.cartline {font-size: 14px;}
			.cartline label {display: block; float: left; width: 153px;}
			.cartline span {display: block; float: left; white-space: nowrap;}
	.fsline {padding-bottom: 0;}
	.gesamt {font-size: 18px; font-weight: bold;}
	
	.room_nr_name {clear: both; font-weight: bold; padding: 25px 0 0 0;}
	
	.for_submit {padding-top: 15px;}
		.for_submit .btn {float: right; width: auto; padding: 0 15px;}
	.cart_finish_row {padding: 10px; background: #f4f4f4;}
		.cart_finish_row .dlm {float: none; width: auto;}
	
	.success_over, .errors_over {width: 700px; margin: auto; padding: 50px 0 30px 0; text-align: center;}
	
	.sec_7 .bigcenter {padding-bottom:0}
	.sec_7 .content {display: none; width: 700px; margin: auto;}
		.sec_7 .content .left {float: none; text-align: center; width: auto;}
		.sec_7 .content .right, .sec_7 .content .dlm {display: none;}
		
	.sh_cartrows {display: none;}

/* radiobuttons */
.frm_radio {margin-top: 20px; cursor: pointer; padding-left: 36px; position: relative;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;}
	.radio_row {background: #f0efef; padding: 10px 20px;}
	.radio_row h4 {font-size: 14px;}
	.frm_radio .icon {position: absolute; top: 2px; left: 0; width: 21px; height: 21px; background-image: url('../img/rbx.png');}
	.checked .icon {background-position: 0 -21px;}
.form_main .radiogroup .frm_radio {float: none;}




@media screen and (max-width: 1020px) {

	.angebote .left {float: none; width: auto;}
	.angebote .right {float: none; margin: auto; width: auto;}
	.angebote .dlm {float: none; height: 50px;}
	.angebote {width: auto; margin: 0 10px;}
	.bigcenter {padding-top: 80px;}
	
	.ang_desc {width: auto; float: none; overflow: hidden;}
	.ang_form {float: none; clear: both; position: relative; left: -10px;  margin: auto; padding-bottom: 15px; padding-top: 15px;}
	
	.ang_buttonrow {line-height: 30px; padding: 10px 20px;}
	.ang_buttonrow label {clear: both; width: 50%; margin: 0;}
	.ang_buttonrow span {width: 50%; margin: 0;}
	.summ_blk {float: none; width: auto; padding-bottom:5px;}
	.angebot .dlm {display: none;}
	.ang_form .dlm {display: block; float: left;}
	.ang_buttonrow .btn {position: relative; right: auto; float: none; width: auto; margin: auto; top: auto;}
	
	.ang_images {margin-right: -10px;}
	.ang_images a {margin: 0 10px 10px 0;}
	
	.success_over, .errors_over {width: auto; padding: 80px 10px 30px 10px;}
	
.bigcenter h1 {font-size: 30px; line-height: 35px;}
	
	.sec_7 .right {width: auto;}
	.cartrow {display: none;}
	
	.sh_cartrows {cursor: pointer; background: url('../img/arr_b_dn.png') no-repeat right center; line-height: 30px; cursor: #281d00; text-transform: uppercase; display: block; border-top: 5px solid #152b74;}
		.sh_cartrows .close {display: none;}
		.sh_cartrows_open {background-image: url('../img/arr_b_up.png');}
			.sh_cartrows_open .close {display: block;}
			.sh_cartrows_open .open {display: none;}

.frm {width: 100% !important; margin: 0;}

.for_submit .btn {float: none; margin: 0; width: auto;}
.bigcenter, .success_over, .errors_over {padding-top: 143px;}

}

@media screen and (max-width: 680px) {
	.bigcenter, .success_over, .errors_over {padding-top: 80px;}
	
}

@media screen and (max-width: 750px) {
	#op_opener {display: none; position: absolute; width: 100%; top: 49px; padding-bottom: 15px; background: #152b74;}
	#op_cap {padding:0; float: none; cursor: pointer; width: 284px;  background: url('../img/arr_w_dn.png') no-repeat right center; text-align: center; margin: auto;}
		#op_cap.down {background-image: url('../img/arr_w_up.png');}
	#op_opener .row {float: none; width: auto; position: relative; padding: 0 20px 15px 120px;}
		#op_opener span {float: none;}
		#op_opener .row #anreisetag, #op_opener .row #abreisetag {position: absolute; line-height: 31px; top: 0; left: 0; float: none;}
		#op_opener .row input {float: none; width: 100%; top: auto; background-position: right center;}
		#op_submit {float: none; margin: 0 15px; position: static; top: auto; width: auto;}
		
	#anfrage .frm {width: 100% !important; margin: 0; float: none;}
}

@media screen and (max-width: 450px) {
	.ang_form {width: 300px;}
	.ang_form .dlm  {display: none;}
}