/* Grundeinstellungen ____________________________________________________ */

	body, html									{ height: 100%; }
	body, table, input, select, textarea		{ color: #303030; font-family: Trebuchet MS, Verdana, Helvetica, Arial, Sans-serif; font-size: 11px; line-height: 16px; }
	body 										{ background: url(/images/design/bg-body.gif) no-repeat center top #303030; margin: 0px; padding: 0px; text-align: center; }
	table 										{ border: 0px; border-collapse: collapse; }
	form 										{ margin: 0px; padding: 0px; }
	a 											{ color: #025A40; text-decoration: none; }
	a:hover 									{ color: #A99B32; }
	img 										{ border: 0px; }
	hr											{ display: none; }
	div.clear									{ clear: both; line-height: 0px; height: 0px; overflow: hidden; }
	br.clear									{ clear: both; line-height: 0px; font-size: 0px; height: 0px; }
	
	input.input,
	input.file,
	select.select,
	textarea.textarea 							{ behavior: url(/default/htc/boxsizing.htc); box-sizing: content-box; -moz-box-sizing: content-box; }




/* Flash _________________________________________________________________ */



/* Inhalt ________________________________________________________________ */

	div.inhalt h1 								{ font-family: Times New Roman, Times, serif; font-size: 21px; font-style: italic; font-weight: normal; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; text-align: left; }
	div.inhalt h2 								{ font-size: 12px; margin: 10px 0px 10px 0px; padding: 0px 0px 0px 0px; }
	div.inhalt h3 								{ font-size: 12px; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 20px; }
	div.inhalt h4 								{ font-size: 11px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.inhalt h5 								{ font-size: 11px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.inhalt h6 								{ font-size: 11px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.inhalt p 								{ margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; }
	div.inhalt ul 								{ list-style-type: none; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; }
	div.inhalt ul li 							{ background: url(/images/design/bg-li.gif) no-repeat 0px 1px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 15px; }
	div.inhalt ol 								{ margin: 0px 0px 16px 0px; padding: 0px 0px 0px 32px; }
	div.inhalt ol li 							{ margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px; }



/* Dynamisch _____________________________________________________________ */

	div.inhalt table.umblattern 				{ float: right; margin: 0px 20px 0px 0px; }
	div.inhalt table.umblattern a				{ margin: 0px 2px 0px 2px; }
	div.inhalt table.umblattern span 			{ font-weight: bold; margin: 0px 2px 0px 2px; }
	div.inhalt table.umblattern a:hover 		{  }

	
	div.inhalt div.aufzahlung 					{ margin: 0px 0px 16px 0px; }
	
	div.inhalt div.liste						{ margin: 20px 0px 0px 0px; }
	div.inhalt div.liste div.links-liste		{ float: left; display: inline; width: 300px; }
	div.inhalt div.liste div.rechts-liste		{ float: left; display: inline; margin: 0px 0px 0px 36px; width: 300px; }
	div.inhalt div.liste .datum 				{ font-size: 12px; font-weight: bold; margin: 10px 0px 30px 0px; }
	div.inhalt div.liste .zeitraum 				{ font-size: 12px; margin: 10px 0px 0px 0px; }
	div.inhalt div.liste .preis 				{ color: #3A453A; font-size: 24px; margin: 13px 0px 17px 0px; }
	div.inhalt div.liste a.weiter 				{ margin: 0px 0px 0px -5px; }
	div.inhalt div.liste img.unten				{ margin: 60px 0px 0px 0px; }
	div.inhalt div.liste a.weiter:hover			{  }
	
	div.liste div.linie							{ background: url(/images/design/bg-linie-unten.gif) repeat-x 0px 12px; display: inline; float: left; margin: 0px 5px 20px 0px; width: 297px; }
	div.liste div.blume-liste					{ display: inline; float: left; margin: 0px 5px 20px 1px; }
	
	div.inhalt div.navi 						{ clear: both; height: 16px; margin: 0px 0px 16px 0px; padding: 10px 0px 0px 0px; position: relative; width: 100%; }
	div.inhalt div.navi a.weiter 				{ float: right; margin: 0px 30px 0px 0px; }
	div.inhalt div.navi a.weiter:hover 			{  }
	div.inhalt div.navi a.zuruck 				{ float: left; }
	div.inhalt div.navi a.zuruck:hover 			{  }
	
	div.links-inhalt							{ float: left; display: inline; margin: 0px 0px 0px 0px; width: 300px; }
	div.rechts-inhalt							{ float: left; display: inline; margin: 0px 0px 0px 40px; width: 300px; }
	div.rechts-inhalt img						{ border: solid 5px #FFFFFF; margin: 0px 0px 20px 20px; }
	div.rechts-inhalt img.karte					{ border: solid 5px #FFFFFF; margin: 0px 0px 20px 20px; }
	div.inhalt div.rechts-inhalt .preis			{ color: #3A453A; font-size: 16px; padding: 7px 0px 7px 0px; }
	div.inhalt div.rechts-inhalt .datum			{ font-size: 12px; font-weight: bold; padding: 10px 0px 13px 0px; }
	div.inhalt div.rechts-inhalt .zeitraum 		{ font-size: 12px; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px; }
	div.rechts-inhalt div.linie					{ background: url(/images/design/bg-linie-unten.gif) repeat-x 0px 12px; display: inline; float: left; margin: 0px 0px 0px 0px; width: 117px; }
	div.rechts-inhalt div.blume-liste			{ display: inline; float: left; margin: 0px 5px 0px 1px; }
	
	div.inhaltohneborder div.rechts-inhalt img	{ border: none; margin: 0px 0px 20px 20px; }
	
	img.rahmen									{ border: 5px solid #FFFFFF !important; margin: 0px 10px 0px 0px; }
	img.rahmenstartseite						{ border: 5px solid #FFFFFF !important; margin: 0px 10px 0px 20px !important; }
	img.mehr									{ margin: 0px 0px 20px -5px !important; }

/* Angebote ______________________________________________________________ */

	div.inhalt table.monate						{ margin: 0px 0px 16px 0px; width: 523px; }
	div.inhalt table.monate td					{ padding: 0px 0px 0px 0px; width: 25%; }
	div.inhalt table.monate td a				{ background-color: #C51239; border: solid 1px #FFFFFF; color: #FFFFFF; display: block; font-weight: bold; padding: 1px 0px 2px 0px; text-align: center; }
	div.inhalt table.monate td a:hover			{ background-color: #FFFFFF; border: solid 1px #C51239; color: #C51239; }

	div.inhalt div.info 						{ background: #FFFFFF; border: solid 1px #A8A8A8; margin: 0px 0px 16px 0px; padding: 8px 12px 12px 14px; width: 260px; }
	div.inhalt div.info-anfrage					{ background: #FFFFFF; border: solid 1px #A8A8A8; margin: 0px 0px 16px 350px; padding: 8px 12px 12px 14px; width: 200px; _width: 225px; }
	div.inhalt div.info .zeitraum 				{  }
	div.inhalt div.info .preis 					{ margin: 0px 0px 10px 0px; }
	div.inhalt div.info .angebot 				{  }
	
	div.inhalt div.box 							{ background: #FFFFFF; border: solid 1px #A8A8A8; margin: 0px 0px 16px 0px; padding: 8px 12px 12px 14px; }



/* Bilder & Fotogalerie __________________________________________________ */

	div.inhalt div.bilder 						{ overflow: hidden; padding: 3px; white-space: nowrap; width: 100%; }
	div.inhalt div.bilder img 					{ margin: 0px 2px 8px 37px; }
	
	div.inhalt div.fotogalerie 					{ overflow: hidden; margin: 0px 0px 0px 20px; padding: 4px 0px 0px 4px; white-space: nowrap; width: 100%; }
	div.inhalt div.fotogalerie img 				{ margin: 0px 5px 6px 0px; vertical-align: top; }



/* Anfrageformular _______________________________________________________ */


	form 										{ margin: 0px 0px 16px 0px; }
	
	form .label									{ float: left; display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	form .input 								{ float: left; display: inline; height: 16px; line-height: 14px; color: #888888; border: 1px solid #7F9DB9; margin: 0px 0px 4px 0px; padding: 2px 0px 0px 3px; }
	form .select 								{ float: left; display: inline; height: 16px; line-height: 14px; color: #343434; border: 1px solid #7F9DB9; margin: 0px 0px 4px 0px; padding: 2px 0px 0px 0px; }
	form .textarea								{ float: left; display: inline; height: 60px; color: #888888; border: 1px solid #7F9DB9; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 3px; }
	form .checkbox								{ float: left; display: inline; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 0px; }
	form .radio									{ float: left; display: inline; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 0px; }
	form .file									{ float: left; display: inline; height: 19px; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 3px; }
	
	form .aktiv 								{ color: #343434; border: 1px solid #7F9DB9; }
	form .fehler 								{ color: #FF0000; border: 1px solid #FF0000; }
	form p.fehler 								{ color: #FF0000; border: 0px; margin: 4px 0px 10px 0px; padding: 0px 0px 0px 0px; }
	form .fehlermeldung 						{ color: #FF0000; border: 0px; }
	form .hidden 								{ display: none !important; }
	
	form label.pflichtfeld 						{ font-weight: bold; }
	form label.space 							{ height: 18px; }
	
	form .colum1								{ width: 200px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; float: left; display: inline; }
	
	form label.standard 						{ width: auto; }
	form label.plz 								{ margin: 0px 0px 0px 0px; }
	form label.ort 								{ margin: 0px 0px 0px 4px; }
	form label.checkbox 						{ margin: -2px 0px 8px 4px; width: auto; line-height: 14px; }
	form label.radio 							{ margin: 0px 0px 0px 4px; line-height: 14px; }
	
	form input.standard 						{ width: 217px; }
	form input.plz 								{ width: 62px; margin: 0px 5px 0px 0px; }
	form input.ort 								{ width: 145px; }
	form label.datumday 						{ display: none; }	
	form label.datummonth 						{ display: none; }	
	form label.datumyear 						{ display: none; }
	
	form select.standard 						{ width: 220px; }	
	form select.anrede 						{ width: 220px; }	
	form select.datumday 						{ width: 50px; margin: 0px 5px 4px 0px; }	
	form select.datummonth 						{ width: 100px; margin: 0px 5px 4px 0px; }	
	form select.datumyear 						{ width: 56px; margin: 0px 5px 4px 0px; }
	
	form textarea.standard 						{ width: 217px; }
	
	form .senden								{ margin: 0px 48px 0px 0px; background: #F9AC2A; color: #FDFFFE; width: 84px; height: 19px; line-height: 19px; float: right; display: inline; text-align: center; }
	form .senden:hover 							{ color: #343434; }
	form input.senden							{ width: 90px; height: 24px; line-height: 16px; }	
	
/* Wetter ________________________________________________________________ */

	div.wetter h3 								{ font-size: 11px; margin: 0px 0px 3px 0px; }
	div.wetter img 								{ display: block; margin: 0 auto; }
	div.wetter p 								{ margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; }
	div.wetter span 							{ float: none; }
	
	div.wetter .heute, div.wetter .morgen 		{ clear: both; display: inline; float: left; margin: 0px 10px 13px 7px; text-align: center; width: 110px; }
	div.wetter .vorhersage 						{ float: left; text-align: center; width: 33%; padding: 0px 0px 10px 0px; }
	div.wetter .blau							{ color: #0055CC; }
	div.wetter .rot								{ color: #BB2200; }
	div.wetter img								{ border: none; }



/* Sonstiges _____________________________________________________________ */

	img.links 									{ float: left; margin: 5px 10px 10px 0px; }
	img.rechts 									{ float: right; margin: 5px 0px 15px 15px; }

	p.rechts, .textrechts 						{ text-align: right; }
	p.mitte, .textmitte 						{ text-align: center; }
	
	table.preise  								{ width: 655px; _width: 655px; margin: 12px 0px 7px 0px; }
	table.preise th 							{ text-align: right; font-weight: bold; padding: 4px 9px 4px 9px; border: 1px solid #A8A8A8; background: #025A40; color: #FFFFFF; }
	table.preise td 							{ text-align: right; background: #FFFFFF; border: 1px solid #A8A8A8; padding: 3px 9px 3px 9px;  }
	table.preise td.tleft 						{ text-align: left; width: 308px; _width: 307px; }
	
	div.businessreisen							{ border-bottom: solid 1px #B5B19D; padding: 10px 0px 10px 0px; }
	div.businessreisen-letztes					{ border-bottom: solid 1px #B5B19D; margin: 0px 0px 40px 0px; padding: 10px 0px 10px 0px; }
	div.businessreisen-erstes					{ border-bottom: none; }
	div.businessreisen-zweites					{ border-bottom: none; padding: 10px 0px 10px 0px; }
	img.businessreisen							{ border: 5px solid #FFFFFF; margin: 20px 0px 0px 5px; }
	img.unserepreise							{ margin: 0px 0px 0px 0px !important; }
	
	span.hervorheben-aufzahlung					{ color: #303030; float: none !important; font-style: italic; font-size: 13px; }
	span.hervorheben-aufzahlung-link			{ color: #025A40; float: none !important; font-style: italic; font-size: 13px; }

	#zimmersuche 								{ width:180px; border:solid 0px #666666; padding:5px; padding-bottom:0; margin: 20px 0px 0px 40px; }
	#zimmersuche span							{ color: #FFFFFF; }
	#zimmersuche h2								{ font-size: 14px; color: #FFFFFF; }
	#zimmersuche .weiter						{ color: #696969; cursor: pointer; background-color: #FFFFFF; border: solid 1px #007F59; padding: 2px 4px 2px 4px;}
	#zimmersuche .weiter:hover					{ color: #696969; }
	#zimmersuche .input_long					{ width: 135px; }
	#zimmersuche #bp_alterkind1,				
	#zimmersuche #bp_alterkind2,				
	#zimmersuche #bp_alterkind3					{ width: 43px; margin: 0px 0px 15px 0px; }



/* __________________________________________________________________ Ende */