
/* Allgemein ________________________________________________________________ */
	
	div.inlineapi												{ width: 447px; margin: 0px 0px 30px 0px; }
	div.inlineapi form											{ margin: 0px 0px 0px 0px; }
	
	div.inlineapi h1											{ font-size: 16px; margin: 0px 0px 12px 0px; padding: 0px 0px 0px 0px; color: #5E6701; }
	div.inlineapi h2											{ font-size: 12px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #C98100; }
	div.inlineapi h3											{ font-size: 12px; font-weight: bold; color: #5E6701; margin: 0px 0px 7px 0px; }
	
	div.inlineapi p.einleitung									{ line-height: 21px; margin: 30px 0px 26px 0px; }

	div.inlineapi a.button										{ cursor: pointer; background: #9AB87C url(/images/design/bg-senden-links.gif) no-repeat scroll 8px 8px; border: 1px solid #D81F32; color: #000000 !important; font-size: 10px; text-transform: uppercase; white-space: nowrap; }
	div.inlineapi a.button:hover								{ color: #FFFFFF; }
	div.inlineapi a.button span.links							{ display: none; width: 4px; height: 23px; line-height: 20px; float: left; }
	div.inlineapi a.button span.mitte							{ float: left; display: inline; padding: 0px 0px 0px 0px; margin: 2px 10px 2px 22px; }
	div.inlineapi a.button span.rechts							{ display: none; height: 23px; line-height: 20px; float: left; width: 6px; }

	div.inlineapi div.headline									{ font-size: 12px; font-weight: bold; color: #5E6701; background-color: #D4EABD; width: 100%; border: solid 1px #D4EABD; 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: #9AB87C; border: solid 1px #9AB87C; margin: 0px 0px 40px 0px; }
	div.inlineapi div.formular form								{ margin: 20px 10px 20px 10px; }
	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: 257px; 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: 83px; }
	div.inlineapi div.formular form input.anabreise				{ width: 130px; }
	div.inlineapi div.formular form select.anzahlerwachsene		{ width: 257px !important; }
	div.inlineapi div.formular a.button							{ float: right; display: inline; margin: 0px 10px 20px 0px; }
	
	div.inlineapi div.angebote									{ margin: 0px 0px 37px 0px; }
	div.inlineapi div.angebote h3								{ color: #5E6701; margin: 0px 0px 17px 0px; }
	div.inlineapi div.angebot									{ width: 445; border: solid 1px #9AB87C; 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 b					{ color: #5E6701; }
	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 0px 0px 0px; }
	div.inlineapi div.angebot a.button							{ float: right; display: inline; }
	
	div.inlineapi div.angebotklein								{ width: 48%; 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 b					{ color: #5E6701; }
	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: #5E6701; background-color: #D4EABD; width: 100%; border: solid 0px #C9C0B6; margin: 0px 0px 20px 0px; }
	div.inlineapi div.headlineergebnis span						{ margin: 9px 12px 9px 12px; float: left; display: inline; }
	div.inlineapi div.headlineergebnis a						{ 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: 16px; }
	
	div.inlineapi table.ergebnis								{ width: 100%; margin: 0px 0px 10px 0px; }
	div.inlineapi table.ergebnis td								{ width: 37%; border-top: solid 0px #C9C0B6; height: 38px; }
	div.inlineapi table.ergebnis td	span.nichtbuchbar			{ height: 20px; width: 100px; float: right; display: inline; margin: 4px 5px 0px 0px; text-align: center; }
	div.inlineapi table.ergebnis td	span.nichtbuchbar a.button	{ margin: 0px 0px 0px 0px; }
	div.inlineapi table.ergebnis td	a.button					{ width: 100px; margin: 4px 5px 0px 0px; float: right; display: inline; }
	div.inlineapi table.ergebnis td.erstes						{ border-top: 0px; }
	div.inlineapi table.ergebnis td.preis						{ width: 25%; text-align: center; }
	div.inlineapi table.ergebnis td.bg							{  }
	div.inlineapi table.ergebnis td span.verpflegung			{ font-weight: bold; color: #000000; margin: 0px 0px 0px 12px; }
	div.inlineapi table.ergebnis td span.durchgestrichen		{ text-decoration: line-through; }
	
	div.inlineapi div.suchergebnis								{ margin: 0px 0px 15px 0px; }
	div.inlineapi div.suchergebnis a.button						{ float: left; display: inline; 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: #9AB87C; border: solid 1px #9AB87C; 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	{ 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	{ 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: #F7F3EB; 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: #5E6701; }
	div.inlineapi span.buttonzusatzleistungen					{ float: right; display: inline; }
	
	
/* Buchen _________________________________________________________________________ */

	div.inlineapi div.gesamtpreis								{ background-color: #9AB87C; margin: 0px 0px 50px 0px; }
	div.inlineapi form.buchen									{ margin: 0px 0px 60px 0px; }
	div.inlineapi form select.anzahlerwachsenekinder 			{ width: 93px; margin: 0px 10px 4px 0px; }
	div.inlineapi form input.name								{ width: 108px; 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: #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: 198px; margin: 0px 10px 5px 0px; }	
	form.otaanfrage select.anzahlerwachsenekinder 				{ width: 93px; margin: 0px 10px 4px 0px; }
	form.otaanfrage select.anzahlerwachsene 					{ width: 93px; margin: 0px 0px 4px 0px; }
	form.otaanfrage textarea.anfrage							{ width: 302px; }
	form.otaanfrage h2											{ background-color: #D4EABD; color: #E28000; font-size: 13px; padding: 4px 8px 4px 8px; margin: 0px 24px 18px 0px; border: solid 0px #FFFFFF; }
	form.otaanfrage a.alternativerzeitraum						{ font-size: 11px; }
	form.otaanfrage a.button									{ float: right; display: inline; margin: 0px 0px 0px 0px; }
	
	div.anfragedanke											{ width: 447px; }
	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: #D4EABD; color: #E28000; font-size: 13px; padding: 4px 8px 4px 8px; margin: 0px 0px 8px 0px; border: solid 0px #FFFFFF; }
	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; }

	div.anfragebox												{ width: auto; background-color: #FFFBF2; border: solid 1px #E8CC9D; padding: 10px 10px 10px 10px; margin: 0px 0px 10px 0px; _height: 1px; }
	
	div.info													{ clear: both; background: #FFFBF2; border: solid 1px #E8CC9D; margin: 0px 0px 10px 0px; }
	div.info a													{ float: left; display: inline; margin: 10px 10px 10px 10px; }
	div.info b.headline											{ display: block; margin: 10px 0px 0px 0px; }
	div.info div.zeitraum										{ display: block; }
	div.info div.preis											{ display: block; margin: 10px 10px 0px 0px; }




	
