﻿/* Allgemein ________________________________________________________________ */
	
	div.inlineapi												{ width: 560px; margin: 0px 0px 30px 0px; }
	
	div.inlineapi p.einleitung									{ line-height: 21px; margin: 30px 0px 26px 0px; }

	div.inhalt div.inlineapi h2									{ padding: 6px 12px 6px 12px; }
	div.inlineapi div.headline									{ font-size: 12px; font-weight: bold; width: 100%; margin: 0px 0px 20px 0px; }
	div.inlineapi div.headline span								{ margin: 9px 12px 9px 12px; display: block; }

	
/* Start & Ergebnis __________________________________________________________ */
	
	#startcalendardiv											{ z-index: 50; }
	#endcalendardiv												{ z-index: 50; }
	div.inlineapi div.formular									{ width: 100%; margin: 0px 0px 40px 0px; padding: 0px 0px 20px 0px; }
	div.inlineapi div.formular form								{ margin: 20px 30px 20px 30px; }
	div.inlineapi div.formular div.boxformular					{ float: left; display: inline; margin: 0px 50px 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: 92px; }
	div.inlineapi div.formular a.button							{ float: right; display: inline; margin: 0px 53px 0px 0px; }
	
	div.inlineapi div.angebote									{ border: 0px !important; display: block; margin: 0px 0px 37px 0px; }
	div.inlineapi div.angebote h3								{ margin: 15px 0px 17px 0px; padding: 6px 12px 6px 12px; }
	div.inlineapi div.angebot									{ width: 100%; 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: right; display: inline; margin: 0px 0px 0px 0px; }
	
	div.inlineapi div.angebotklein								{ width: 48%; 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 10px 0px; }
	div.inlineapi div.angebotklein div.textangebot				{ line-height: 21px; width: 58%; float: left; display: inline;	}
	div.inlineapi div.angebotklein span.datum					{ float: left; display: inline; margin: 0px 0px 10px 0px; font-size: 10px; }
	div.inlineapi div.angebotklein span.preis					{ float: right; display: inline; margin: 0px 0px 10px 0px; }
	div.inlineapi div.angebotklein a.button						{ float: right; display: inline; margin: 0px 0px 0px 0px; }
	
	div.inlineapi div.headlineergebnis							{ font-size: 12px; font-weight: bold; width: 100%; margin: 40px 0px 20px 0px; }
	div.inlineapi div.headlineergebnis span						{ margin: 9px 12px 9px 12px; float: left; display: inline; }
	div.inlineapi div.headlineergebnis a						{ margin: 14px 14px 0px 0px; float: right; display: inline; font-size: 11px; text-decoration: none; font-weight: normal; padding: 0px 0px 0px 9px; line-height: 10px; }
	
	div.inlineapi table.ergebnis								{ width: 100%; margin: 0px 0px 10px 0px; }
	div.inlineapi table.ergebnis td								{ width: 30%; 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: 35%; }
	div.inlineapi table.ergebnis td.bg							{  }
	div.inlineapi table.ergebnis td span.verpflegung			{ font-weight: bold; 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 div.suchergebnisoben			{ margin: 0px 0px 0px 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; }
	div.calendar .edges 										{ border: 1px solid; border-color: #ADAA9C #FFFFFF #FFFFFF #ADAA9C; background-color: #FFFBEE; }
	div.calendar .between 										{ background-color: #dccdb9; }  
	div.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%; 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%; 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; text-decoration: none; margin: 0px 0px 13px 0px; display: block; padding: 0px 0px 0px 12px; }
	div.inlineapi div.zusatzleistungeninnen	a.unterkategorie	{ 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						{ width: 100%; 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; }
	div.inlineapi span.buttonzusatzleistungen					{ float: right; display: inline; }
	
	
/* Buchen _________________________________________________________________________ */

	div.inlineapi div.gesamtpreis								{ 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%; margin: 20px 0px 30px 0px; }
	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; }
	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			{ text-decoration: none; padding: 6px 20px 6px 15px; display: block; margin: 0px 0px 0px 11px; }
	div.inlineapi div.details p									{ line-height: 23px; }
	
	div.angebotsliste.filterv2 																	{ position: relative; }
	div.angebotsliste.filterv2 div.angebotfilter												{ margin: 0px 0px 30px 0px; }
	div.angebotsliste.filterv2 div.angebotfilter div.filterbox									{ margin: 0px 0px 15px 0px; }
	div.angebotsliste.filterv2 div.angebotfilter div.filterbox div.beschreibung					{ width: 100%; margin: 7px 0px 10px 15px; float: left; display: inline; font-size: 14px; line-height: 18px; }
	div.angebotsliste.filterv2 div.angebotfilter div.filterbox div.filter						{ float: left; display: inline; width: 100%; margin: 6px 0px 3px 0px; }
	div.angebotsliste.filterv2 div.angebotfilter div.filterbox div.filter div.checkbox			{ float: left; display: inline; width: 25%; margin: 0px 0px 3px 15px; }
	div.angebotsliste.filterv2 div.angebotfilter div.filterbox div.filter div.checkbox input	{ float: left; display: inline; width: 13px; height: 13px; margin: 4px 10px 0px 0px; }
	div.angebotsliste.filterv2 div.angebotfilter div.filterbox div.filter div.checkbox span		{ float: left; }
	
	div.angebotsliste.filterv2 div.angebotfilter div.scrollmonate								{ position: relative; float: right; display: inline; width: 390px; height: 20px; }
	div.angebotsliste.filterv2 div.angebotfilter div.scrollmonate a.zuruck						{ position: absolute; left: 0px; top: 4px; background: url(/images/design/bg-scroll-zuruck.png) no-repeat center center; width: 10px; height: 10px; font-size: 1px; line-height: 1px; }
	div.angebotsliste.filterv2 div.angebotfilter div.scrollmonate a.weiter						{ position: absolute; right: 0px; top: 4px; background: url(/images/design/bg-scroll-weiter.png) no-repeat center center; width: 10px; height: 10px; font-size: 1px; line-height: 1px; }
	div.angebotsliste.filterv2 div.angebotfilter div.scrollrahmen								{ width: 364px; height: 20px; position: absolute; left: 13px; top: 0px; overflow: hidden; }
	div.angebotsliste.filterv2 div.angebotfilter div.scrollflache								{ float: left; display: inline; width: 999999px; }
	div.angebotsliste.filterv2 div.angebotfilter div.scrollflache div.month						{ float: left; display: inline; width: 91px; height: 20px; line-height: 20px; overflow: hidden; text-align: center; }
	div.angebotsliste.filterv2 div.angebotfilter div.scrollflache div.month a					{ color: #353535; cursor: pointer; }
	div.angebotsliste.filterv2 div.angebotfilter div.scrollflache div.aktiv a,
	div.angebotsliste.filterv2 div.angebotfilter div.scrollflache div.month a:hover				{ color: #000000; }
	
	div.angebotsliste div.loadingbp									{ width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; opacity: 0.8; filter: alpha(opacity = 80); }
	
	
	
/* 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 a.alternativerzeitraum						{ font-size: 11px; }
	form.otaanfrage a.button									{ float: right; display: inline; margin: 0px 23px 0px 0px; }
	
	div.anfragedanke											{ width: 540px; }
	div.anfragedanke div.onlyprint								{ display: none; 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								{ 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.inlineapi div.info										{ width: 534px; clear: both; margin: 0px 0px 10px 0px; }
	div.inlineapi div.info a									{ float: left; display: inline; margin: 10px 10px 10px 10px; }
	div.inlineapi div.info b.headline							{ display: block; margin: 10px 0px 0px 0px; }
	div.inlineapi div.info div.zeitraum							{ display: block; }
	div.inlineapi div.info div.preis							{ display: block; margin: 10px 10px 0px 0px; }

	
