/* Allgemein ________________________________________________________________ */
	
	div.inlineapi												{ width: 496px; margin: 0px 0px 30px 0px; }
	div.inlineapi form											{ margin: 0px 0px 0px 0px; }
	
	div.inlineapi h1											{ font-size: 23px; font-family: Georgia,Verdana,Helvetica,Arial,Sans-serif; color: #536117; font-weight: normal; margin: 0px 0px 9px 0px; }
	div.inlineapi h2											{ font-size: 12px; font-weight: bold; color: #5F4A36; margin: 0px 0px 0px 0px; color: #536117; }
	div.inlineapi h3											{ font-size: 12px; font-weight: bold; color: #C97314; margin: 0px 0px 7px 0px; }
	
	div.inlineapi p.einleitung									{ line-height: 21px; margin: 10px 0px 10px 0px; }

	div.inlineapi a.button										{ color: #FFFFFF; cursor: pointer; }
	div.inlineapi a.button:hover								{ color: #B3E3F8; }
	div.inlineapi a.button span.links							{ background: url(/images/design/bg-buttonlinks.png) no-repeat left 0px; width: 5px; height: 22px; line-height: 22px; float: left; display: inline;}
	div.inlineapi a.button span.mitte							{ background: url(/images/design/bg-button.png) repeat-x 0px 0px; height: 22px; line-height: 22px; float: left; display: inline; padding: 0px 5px 0px 5px; }
	div.inlineapi a.button span.rechts							{ background: url(/images/design/bg-buttonrechts.png) no-repeat right 0px; height: 22px; line-height: 22px; float: left; display: inline; width: 5px; }

	div.inlineapi div.headline									{ font-size: 12px; font-weight: bold; color: #536117; background-color: #FBC100; width: 100%; border: solid 1px #FBC100; 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%; color: #687B40; background-color: #BBD481; border: solid 1px #BBD481; margin: 0px 0px 40px 0px; }
	div.inlineapi div.formular form								{ margin: 20px 20px 20px 20px; }
	div.inlineapi div.formular input.anabreise					{ line-height: 16px; }
	div.inlineapi div.formular div.boxformular					{ width: 165px; float: left; display: inline; margin: 0px 5px 10px 0px; }
	div.inlineapi div.formular div.ohnemargin					{ width: 286px; 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: 92px; }
	div.inlineapi div.formular form select.anzahlerwachsene		{ width: 284px; }
	div.inlineapi div.formular a.button							{ float: right; display: inline; margin: 0px 24px 20px 0px; }
	
	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: #D4CABF; 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 a.button							{ float: left; display: inline; }
	
	div.inlineapi div.angebotklein								{ width: 48%; background-color: #D4CABF; border: solid 1px #C9C0B6; color: #5F4A36; margin: 0px 0px 15px 3%; float: left; display: inline; }
	div.inlineapi div.erstes									{ margin: 0px 0px 15px 0px; }
	div.inlineapi div.angebotklein div.angebotinnen				{ margin: 9px 9px 9px 9px; font-size: 11px; }
	div.inlineapi div.angebotklein div.angebotinnen img			{ float: left; display: inline; margin: 0px 18px 0px 0px; }
	div.inlineapi div.angebotklein div.textangebot				{ line-height: 21px; }
	div.inlineapi div.angebotklein div.textangebot span.datum	{ float: left; display: inline; margin: 0px 0px 0px 0px; }
	div.inlineapi div.angebotklein div.textangebot span.preis	{ float: left; display: inline; margin: 0px 0px 0px 0px; }
	div.inlineapi div.angebotklein a.button						{ float: right; display: inline; }

	
	div.inlineapi div.headlineergebnis							{ font-size: 12px; font-weight: bold; color: #536117; background-color: #FBC100; width: 100%; border: solid 1px #FBC100; margin: 0px 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: #536117; text-decoration: none; font-weight: normal; padding: 0px 0px 0px 9px; line-height: 16px; }
	
	div.inlineapi table.ergebnis								{ width: 100%; margin: 0px 0px 20px 0px; }
	div.inlineapi table.ergebnis td								{ width: 35%; border-top: solid 0px #C9C0B6; height: 38px; }
	div.inlineapi table.ergebnis td	a.button					{ margin: 0px 5px 0px 0px; float: right; display: inline; font-weight: normal; }
	div.inlineapi table.ergebnis td.erstes						{ border-top: 0px; }
	div.inlineapi table.ergebnis td.preis						{ width: 30%; }
	div.inlineapi table.ergebnis td.bg							{  }
	div.inlineapi table.ergebnis td span.verpflegung			{ font-weight: bold; color: #536117; margin: 0px 0px 0px 12px; display: block; }
	div.inlineapi table.ergebnis td span.durchgestrichen		{ text-decoration: line-through; }
	
	div.inlineapi div.suchergebnis								{ margin: 0px 0px 15px 0px; }
	div.inlineapi div.suchergebnis div.suchergebnisoben			{ margin: 0px 0px 15px 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: #D4CABF; 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: #BBD481; width: 100%; border: solid 1px #BBD481; margin: 0px 0px 15px 0px; color: #687B40; }
	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: #687B40; }
	div.inlineapi span.buttonzusatzleistungen					{ float: right; display: inline; }
	
	
/* Buchen _________________________________________________________________________ */

	div.inlineapi div.gesamtpreis								{ background-color: #BBD481; 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: #F7F3EB; 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: #BBD481; }
	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			{ color: #687B40; text-decoration: none; padding: 6px 20px 6px 15px; display: block; }
	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: 102px; margin: 0px 0px 4px 0px; }
	form.otaanfrage textarea.anfrage							{ width: 331px; }
	form.otaanfrage h2											{ background-color: #FBC100; color: #536117; font-size: 13px; padding: 4px 8px 4px 8px; margin: 0px 0px 18px 0px; }
	form.otaanfrage a.alternativerzeitraum						{ font-size: 11px; }
	form.otaanfrage a.button									{ float: right; display: inline; margin: 0px 10px 0px 0px; }
	
	div.anfragedanke											{ width: 496px; }
	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 h2											{ background-color: #FBC100; color: #536117; font-size: 13px; padding: 4px 8px 4px 8px; margin: 0px 0px 8px 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; }