
/* Allgemein ________________________________________________________________ */
	
	div.inlineapi												{ width: 520px; margin: 0px 0px 30px 0px; }
	
	div.inlineapi h1											{ font-size: 23px; font-family: Helvetica, Arial, sans-serif; color: #E6952B; font-weight: normal; margin: 0px 0px 9px 0px; }
	div.inlineapi h2											{ font-size: 12px; font-weight: bold; color: #5F4A36; margin: 0px 0px 0px 0px; }
	div.inlineapi h3											{ font-size: 12px; font-weight: bold; color: #C97314; margin: 0px 0px 7px 0px; }
	
	div.inlineapi p.einleitung									{ line-height: 21px; margin: 30px 0px 26px 0px; }

	div.inlineapi a.button										{ color: #FFFFFF; cursor: pointer; display: block; }
	div.inlineapi a.button:hover								{ color: #FFFFFF; }
	div.inlineapi a.button span.links							{ background: url(/images/design/bg-anfragen-anfang.png) no-repeat 0px 0px; width: 8px; height: 23px; line-height: 20px; float: left; display: inline;}
	div.inlineapi a.button span.mitte							{ background: url(/images/design/bg-anfragen.png) repeat-x 0px 0px; height: 23px; line-height: 20px; float: left; display: inline; padding: 0px 5px 0px 5px; }
	div.inlineapi a.button span.rechts							{ background: url(/images/design/bg-anfragen-ende.png) no-repeat 0px 0px; height: 23px; line-height: 20px; float: left; display: inline; width: 8px; }

	div.inlineapi div.headline									{ font-size: 12px; font-weight: bold; color: #C97314; background-color: #FFFFFF; width: 100%; border: solid 1px #C9C0B6; margin: 0px 0px 20px 0px; }
	div.inlineapi div.headline span								{ margin: 9px 12px 9px 12px; display: block; }

	
/* Start & Ergebnis __________________________________________________________ */
	
	div.inlineapi div.formular									{ width: 100%; background-color: #F2EAD0; border: solid 1px #C9C0B6; margin: 0px 0px 40px 0px; }
	div.inlineapi div.formular form								{ margin: 20px 30px 20px 30px; }
	div.inlineapi div.formular input.anabreise					{ line-height: 16px; }
	div.inlineapi div.formular div.boxformular					{ font-size: 11px; float: left; display: inline; margin: 0px 40px 10px 0px; }
	div.inlineapi div.formular div.ohnemargin					{ margin: 0px 0px 10px 0px; }
	div.inlineapi div.formular div.boxformular .labelapi		{ display: block; margin: 0px 0px 2px 0px; }
	div.inlineapi div.formular form select.daymonth				{ width: 40px; margin: 0px 2px 0px 0px; }
	div.inlineapi div.formular form select.year					{ width: 55px; margin: 0px 0px 0px 0px; }
	div.inlineapi div.formular form img.kalender				{ position: absolute; right: -20px; top: 20px; }
	div.inlineapi div.formular form select.alterkinder			{ width: 85px; }
	div.inlineapi div.formular a.button							{ float: right; display: inline; margin: 0px 33px 20px 0px; }
	div.inlineapi div.formular select.anzahlerwachsene			{ width: 261px; }
	
	div.inlineapi div.angebote									{ margin: 0px 0px 37px 0px; }
	div.inlineapi div.angebote h3								{ margin: 0px 0px 17px 0px; }
	div.inlineapi div.angebot									{ width: 100%; background-color: #F2EAD0; border: solid 1px #C9C0B6; color: #5F4A36; margin: 0px 0px 15px 0px; }
	div.inlineapi div.angebot div.angebotinnen					{ margin: 9px 15px 9px 9px;  }
	div.inlineapi div.angebot div.angebotinnen img				{ float: left; display: inline; margin: 0px 18px 0px 0px; }
	div.inlineapi div.angebot div.textangebot					{ line-height: 21px; }
	div.inlineapi div.angebot div.textangebot span.datum		{ float: left; display: inline; margin: 0px 30px 0px 0px; }
	div.inlineapi div.angebot div.textangebot span.preis		{ float: left; display: inline; margin: 0px 69px 0px 0px; }
	div.inlineapi div.angebot span.button						{ float: left; display: inline; }
	
	div.inlineapi div.headlineergebnis							{ font-size: 12px; font-weight: bold; color: #C97314; background-color: #FFFFFF; width: 100%; border: solid 1px #C9C0B6; margin: 40px 0px 20px 0px; }
	div.inlineapi div.headlineergebnis span						{ margin: 9px 12px 9px 12px; float: left; display: inline; }
	div.inlineapi div.headlineergebnis a						{ background: url(images/bg-details.gif) no-repeat left bottom; margin: 10px 14px 0px 0px; float: right; display: inline; font-size: 11px; color: #C97314; text-decoration: none; font-weight: normal; padding: 0px 0px 0px 9px; line-height: 10px; }
	
	div.inlineapi table.ergebnis								{ width: 100%; margin: 0px 0px 0px 0px; }
	div.inlineapi table.ergebnis td								{ width: 35%; border-top: solid 1px #C9C0B6; height: 38px; }
	div.inlineapi table.ergebnis td	a.button					{ margin: 0px 5px 0px 0px; float: right; display: inline; }
	div.inlineapi table.ergebnis td.erstes						{ border-top: 0px; }
	div.inlineapi table.ergebnis td.preis						{ width: 30%; }
	div.inlineapi table.ergebnis td.bg							{ background-color: #F2EAD0; }
	div.inlineapi table.ergebnis td span.verpflegung			{ font-weight: bold; color: #C97314; margin: 0px 0px 0px 12px; }
	div.inlineapi table.ergebnis td span.durchgestrichen		{ text-decoration: line-through; }
	
	div.inlineapi div.suchergebnis								{ margin: 0px 0px 20px 0px; }
	
	
	
/* Kalender _____________________________________________________________________ */	
	
	div.calendar table tr td                  					{ line-height: 15px; }
	div.calendar table tr.headrow td         					{ line-height: 18px; }
	div.calendar .nav                          					{ font-size: 11px; }
	.edges 														{ border: 1px solid; border-color: #ADAA9C #FFFFFF #FFFFFF #ADAA9C; background-color: #FFFBEE; }
	.between 													{ background-color: #dccdb9; }  
	.calendar tbody .disabled 									{ text-decoration: line-through; color:#000000; }
	
	
/* Zusatzleistungen ______________________________________________________________ */
	
	
	div.inlineapi table.buchungsdaten							{ width: 100%; margin: 0px 0px 12px 0px; }
	div.inlineapi table.buchungsdaten td						{ vertical-align: top; width: 60%; border-top: solid 1px #C9C0B6; padding: 11px 0px 11px 12px; }
	div.inlineapi table.buchungsdaten td.erstes					{ border-top: 0px; }
	div.inlineapi table.buchungsdaten td.abstand				{ width: 10%; }
	div.inlineapi table.buchungsdaten td.details				{ width: 30%; }
	
	div.inlineapi div.zusatzleistungen							{ width: 100%; background-color: #F2EAD0; border: solid 1px #C9C0B6; margin: 0px 0px 0px 0px; }
	div.inlineapi div.zusatzleistungeninnen						{ padding: 22px 17px 18px 17px; }
	div.inlineapi div.zusatzleistungeninnen	span.headline		{ display: block; margin: 0px 0px 28px 0px; font-weight: bold; }
	div.inlineapi div.zusatzleistungeninnen	div.unterkategorie	{ line-height: 20px; }
	div.inlineapi div.zusatzleistungeninnen	div.hauptkategorie	{ padding: 0px 0px 20px 0px; }
	div.inlineapi div.zusatzleistungeninnen	a.hauptkategorie	{ background: url(images/bg-pfeil-zusatzleistungen.gif) no-repeat left 7px; font-weight: bold; color: #C97314; text-decoration: none; margin: 0px 0px 13px 0px; display: block; padding: 0px 0px 0px 12px; }
	div.inlineapi div.zusatzleistungeninnen	a.unterkategorie	{ background: url(images/bg-pfeil-zusatzleistungen.gif) no-repeat left 7px; color: #C97314; text-decoration: none; margin: 0px 0px 10px 29px; display: block; padding: 0px 0px 0px 12px; }
	div.inlineapi div.zusatzleistungen form input.details		{ width: 40px; margin: 0px 5px 10px 41px; float: left; display: inline; }
	
	div.inlineapi div.zusatzleistungenunten						{ background-color: #F2EAD0; width: 100%; border: solid 1px #C9C0B6; margin: 0px 0px 15px 0px; }
	div.inlineapi div.zusatzleistungenunten	span.gesamtpreis	{ float: left; display: inline; margin: 25px 0px 24px 20px; display: block; }
	div.inlineapi div.zusatzleistungenunten	span.preis			{ float: right; display: inline; margin: 40px 15px 0px 0px; font-size: 21px; color: #5F4A36; }
	div.inlineapi span.buttonzusatzleistungen					{ float: right; display: inline; }
	
	
/* Buchen _________________________________________________________________________ */

	div.inlineapi div.gesamtpreis								{ background-color: #F2EAD0; margin: 0px 0px 50px 0px; }
	div.inlineapi form.buchen									{ margin: 0px 0px 60px 0px; }
	div.inlineapi form select.anzahlerwachsenekinder 			{ width: 104px; margin: 0px 10px 4px 0px; }
	div.inlineapi form input.name								{ width: 130px; margin: 0px 5px 0px 0px; }
	div.inlineapi form input.alter								{ width: 75px; }
	div.inlineapi form.buchen a.button							{ float: right; display: inline; }
	div.inlineapi div.privacy									{ margin: 20px 0px 30px 0px; }
	div.inlineapi span.stern									{ color: #FF0000; }
	div.inlineapi div.bestaetigung a.button						{ float: right; display: inline; margin: 0px 0px 20px 0px; }
	

/* Angebot ________________________________________________________________________ */

	div.inlineapi div.angebotdetail								{ width: 100%; background-color: #F2EAD0; margin: 20px 0px 0px 0px; border: solid 1px #C9C0B6; color: #5F4A36; }
	div.inlineapi div.angebotdetail	img							{ float: left; display: inline; margin: 0px 22px 0px 0px; }
	div.inlineapi div.angebotdetail span.angebot				{ display: block; margin: 29px 0px 0px 0px; }
	div.inlineapi div.angebotdetail span.preis					{ display: block; margin: 25px 0px 0px 0px; }
	div.inlineapi div.formular select.anreiseangebot			{ width: 120px; }	
	div.inlineapi div.formular span.buttonangebot				{ float: right; display: inline; margin: 13px 10px 0px 0px; }	
	div.inlineapi div.details									{ margin: 0px 0px 15px 0px; }
	div.inlineapi div.details div.foto							{ float: left; display: inline; margin: 0px 18px 0px 0px; background-color: #C97314; }
	div.inlineapi div.details div.foto img						{ margin: 0px 0px 0px 0px; }
	div.inlineapi div.details div.foto span.skizze				{ width: 240px; display: block; margin: 0px 0px 0px 0px; }
	div.inlineapi div.details div.foto span.skizze a			{ background: url(images/bg-skizze.gif) no-repeat 0px 8px; color: #FFFFFF; text-decoration: none; padding: 6px 20px 6px 15px; display: block; margin: 0px 0px 0px 11px; }
	div.inlineapi div.details p									{ line-height: 23px; }
	
	
/* Anfrage _________________________________________________________________________ */

	form.otaanfrage select.zimmertyp 							{ width: 220px; margin: 0px 10px 5px 0px; }	
	form.otaanfrage select.anzahlerwachsenekinder 				{ width: 104px; margin: 0px 10px 4px 0px; }
	form.otaanfrage select.anzahlerwachsene 					{ width: 80px; margin: 0px 0px 4px 0px; }
	form.otaanfrage textarea.anfrage							{ width: 305px; }
	form.otaanfrage a.alternativerzeitraum						{ font-size: 11px; }
	form.otaanfrage a.button									{ float: right; display: inline; margin: 0px 10px 0px 0px; }
	
	div.anfragedanke											{ width: 540px; }
	div.anfragedanke div.onlyprint								{ display: none; border-bottom: solid 1px #C9C0B6; padding: 0px 0px 8px 0px; margin: 0px 0px 20px 0px; }
	div.anfragedanke div.onlyprint img.logolinks				{ float: left; display: inline; }
	div.anfragedanke div.onlyprint div.address					{ float: right; display: inline; text-align: right; margin: 0px 0px 0px 0px; }
	div.anfragedanke div.colum1									{ width: 30%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; float: left; }
	div.anfragedanke div.colum2									{ width: 70%; float: left; display: inline; }
	div.anfragedanke a.button									{ float: right; display: inline; margin: 0px 0px 23px 0px; }
	div.anfragedanke div.zeiledanke								{ border-top: solid 1px #C9C0B6; margin: 0px 0px 0px 0px; padding: 8px 0px 7px 0px; line-height: 21px; }
	div.anfragedanke div.zeiledankeohneborder					{ border-top: 0px; margin: 0px 0px 0px 0px; padding: 8px 0px 7px 0px; line-height: 21px; }
	div.anfragedanke div.abstand								{ height: 33px; }





	
