@import url("all.css");

/* Grundeinstellungen ____________________________________________________ */

	body 										{ background: url(../../images/design/bg-all.jpg) repeat #FFFFFF; text-align: center; }
	div.rahmenoben								{ background: url(../../images/design/bg-rahmen-oben.gif) no-repeat 0px 0px; height: 438px; }
	div.rahmenmitte								{ background: url(../../images/design/mann-unten.jpg) no-repeat center bottom #FFFFFF; min-height: 300px; _height: 300px; padding: 0px 0px 160px 0px; }
	div.rahmenunten								{ clear: both; background: url(../../images/design/bg-linie-unten.gif) repeat-x 0px 0px; height: 10px; }

	
	
/* Oben __________________________________________________________________ */

	div.oben 									{ width: 996px; margin: 0 auto; text-align: left; position: relative; }
	div.oben a.logo								{ z-index: 5; position: relative; }
	
	div.oben div.sprache						{ background: url(../../images/design/bg-sprache.png) no-repeat 0px 0px; position: absolute; right: 0px; top: 8px; width: 316px; height: 37px; }
	div.oben div.spracheinnen					{ position: absolute; right: 24px; top: 3px; }
	div.oben div.spracheinnen a					{ color: #696969; float: left; display: inline; margin: 4px 5px 0px 10px; }
	
	div.oben ul.menu							{ background: url(../../images/design/bg-menu.png) no-repeat 0px 0px; _background: url(../../images/design/bg-menu.gif) no-repeat 0px 0px; }
	div.oben ul.menu li a						{ background: url(../../images/design/bg-menu.png) no-repeat; _background: url(../../images/design/bg-menu.gif) no-repeat; }
	
	div.rahmenoben div.oben div.anfrage			{ background: url(../../images/design/bg-anfrage.png) no-repeat 0px 0px; position: absolute; left: 160px; top: 8px; width: 826px; height: 406px; z-index: 0;}
	div.rahmenoben div.oben div.anfrage img.sewa{ position: absolute; right: 100px; _right: -500px; top: 57px; }
	div.rahmenoben div.oben ul.menu 			{ width: 1000px; height: 110px; list-style-type: none; margin: -55px 0px 0px 0px; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; z-index: 15; }
	div.rahmenoben div.oben ul.menu li 			{ background: transparent; float: left; display: inline; height: 110px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow: hidden; }
	
	div.oben div.navilinks a					{ color: #696969; }
	div.oben div.navilinks a:hover				{ color: #86B11F; }
	
	#TopHotelLifestyle							{ width: 260px; }
	#TopHotelLifestyle a						{ background-position: 0px 0px; }
	#TopHotelLifestyle a:hover					{ background-position: 0px -111px; }
	#TopHotelLifestyle.aktiv a					{ background-position: 0px -221px; }
	
	#TopBlog									{ width: 150px; }
	#TopBlog a									{ background-position: -260px 0px; }
	#TopBlog a:hover							{ background-position: -260px -111px; }
	#TopBlog.aktiv a							{ background-position: -260px -221px; }
	
	#TopWellyes									{ width: 150px; }
	#TopWellyes a								{ background-position: -410px 0px; }
	#TopWellyes a:hover							{ background-position: -410px -111px; }
	#TopWellyes.aktiv a							{ background-position: -410px -221px; }
	
	#TopActivity								{ width: 150px; }
	#TopActivity a								{ background-position: -560px 0px; }
	#TopActivity a:hover						{ background-position: -560px -111px; }
	#TopActivity.aktiv a						{ background-position: -560px -221px; }
	
	#TopSensonomy								{ width: 180px; }
	#TopSensonomy a								{ background-position: -710px 0px; }
	#TopSensonomy a:hover						{ background-position: -710px -111px; }
	#TopSensonomy.aktiv a						{ background-position: -710px -221px; }
	
	#TopSpirit									{ width: 109px; }
	#TopSpirit a								{ background-position: -891px 0px; }
	#TopSpirit a:hover							{ background-position: -891px -111px; }
	#TopSpirit.aktiv a							{ background-position: -891px -221px; }
	
	div.oben ul.menu li a 						{ display: block; height: 100%; overflow: hidden; text-indent: -1000px; width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	
	div.oben ul.untermenu						{ list-style-type: none; margin: -5px 0px 0px 10px; padding: 0px 0px 0px 0px; width: 400px; _width: 440px; position: relative; z-index: 20; }
	div.oben ul.untermenu li					{ float: left; font-size: 11px; display: inline; width: 180px; _width: 210px; margin: 0px 5px 0px 0px; }
	div.oben ul.untermenu li a					{ color: #696969; }
	
/* Mitte _________________________________________________________________ */

	div.mitte 									{ width: 996px; margin: 0 auto; text-align: left; position: relative; }	

	
/* Links _________________________________________________________________ */

	div.links 									{ float: left; display: inline; width: 405px; padding: 0px 0px 70px 0px; }
	
	div.links div.menu							{ background-color: #FFFFFF; border: solid 1px #D8D8D8; margin: 40px 0px 0px 0px; width: 403px; height: 157px; position: relative; }
	div.links div.menu div.overlay				{ position: absolute; left: -1px; top: -1px; width: 190px; height: 159px; }
	div.links div.menu img.angebot				{ float: left; display: inline; width: 186px; height: 157px; overflow: hidden; }
	div.links div.menu img.angebotspirit		{ float: left; display: inline; margin: 0px 20px 0px 0px; }
	div.links div.menu ul						{ float: left; display: block; padding: 7px 0px 7px 0px; list-style-type: none; margin: 0px 0px 0px 0px; }
	div.links div.menu ul li					{ color: #696969; margin: 2px 0px 2px 0px; _margin: 1px 0px 1px 0px; padding: 0px 0px 0px 17px; }
	div.links div.menu ul li a					{ color: #696969; margin: 0px 0px 0px 0px; }

	div.links div.angebot						{ background-color: #FFFFFF; border: solid 1px #D8D8D8; margin: 40px 0px 0px 0px; width: 403px; height: 157px; position: relative; }
	div.links div.angebot div.overlay			{ position: absolute; left: -1px; top: -1px; width: 190px; height: 159px; }
	div.links div.angebot span.image			{ float: left; display: inline; width: 186px; height: 157px; overflow: hidden; }
	div.links div.angebot div.angebotinhalt		{ float: left; display: inline; margin: 18px 0px 0px 15px; width: 185px; }
	div.links div.angebot div.angebotinhalt a.angebot{ color: #696969; }
	div.links div.angebot div.angebotinhalt a.angebot:hover { color: #696969; }
	div.links div.angebot div.angebotinhalt p	 { margin: 7px 0px 7px 0px; }
	div.links div.angebot div.angebotinhalt a.weiter { background: url(../../images/design/bg-weiter.gif) repeat-x 0px 0px; border: solid 1px #F3DF67; color: #696969; float: right; display: inline; padding: 2px 10px 2px 10px; }
	div.links div.angebot div.angebotinhalt a.weiter:hover { color: #000000; }
	
	div.links div.activity div.overlay			{ background: url(../../images/design/bg-activity.png) no-repeat 0px 0px; }
	div.links div.wellyes div.overlay			{ background: url(../../images/design/bg-wellyes.png) no-repeat 0px 0px; }
	div.links div.sensonomy div.overlay			{ background: url(../../images/design/bg-sensonomy.png) no-repeat 0px 0px; }
	div.links div.spirit div.overlay			{ background: url(../../images/design/bg-spirit.png) no-repeat 0px 0px; }
	
	div.links div.kurzurlaub					{ padding: 25px 0px 0px 0px; }
	div.links .listegalleryoben				{ background: url(../../images/design/bg-gallery.gif) no-repeat 0px 0px; width: 399px; height: 61px; margin: 40px 0px 0px 0px; display: block; }
	div.links div.listegallery div.img 			{ display: inline; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }	


	


/* Inhalt ________________________________________________________________ */

	div.inhalt 									{ background: url(../../images/design/bg-inhalt.gif) no-repeat 0px 0px;  float: left; display: inline; margin: -20px 0px 0px 0px; width: 590px; overflow: hidden; position: relative; z-index: 20; }
	div.inhaltinnen								{ margin: 0px 40px 100px 40px; }


/* Unten _________________________________________________________________ */

	div.unten 									{ width: 996px; margin: 0 auto; text-align: left; position: relative; }
	div.unten div.newsletteraussen				{ background: url(../../images/design/bg-newsletter.png) no-repeat 0px 0px; position: absolute; left: 0px; top: -79px; width: 978px; height: 277px; }
	div.unten div.newsletter					{ position: absolute; left: 0px; top: -82px; }
	div.unten div.newsletter form				{ width: 220px; float: left; display: inline; margin: 0px 0px 0px 35px; }
	div.unten div.newsletter form .colum1		{ display: none; }
	div.unten div.newsletter form input			{ border: solid 1px #7BA712; margin: 0px 0px 4px 0px; }
	div.unten div.newsletter form label			{ display: none; }
	div.unten div.newsletter p					{ margin: 0px 10px 10px 30px; width: 200px; color: #FFFFFF; }
	#newsletteronpageEMail						{ width: 198px; }
	#newsletteronpageVorname					{ width: 92px; margin: 0px 9px 0px 0px; }
	#newsletteronpageNachname					{ width: 92px; }
	div.unten div.newsletter .senden			{ margin: 5px 17px 0px 0px; }
	div.unten address							{ position: absolute; left: 0px; top: 20px; color: #696969; font-style: normal; margin: -10px 0px 0px 295px; line-height: 19px; }
	div.unten address a							{ color: #696969; }
	div.unten address span						{ margin: 0px 0px 0px 230px; }
	div.unten address img						{ margin: 7px 0px 0px 0px; }	
	
	div.unten div.zeppelin						{ color: #696969; position: absolute; right: 195px; bottom: -128px; }
	div.unten div.zeppelin a					{ color: #696969; margin: 3px 0px 0px 40px; display: block; }
	
	div.unten div.seolinks						{ display: block; color: #DCC745; line-height: 16px; font-size: 9px; width: 630px; position: absolute; left: 300px; top: 60px; }
	div.unten div.seolinks ul					{ list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.unten div.seolinks li					{ background: none; white-space: nowrap; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.unten div.seolinks a					{ background: none; float: left; color: #DCC745; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	
	div.unten div.impressum						{ position: absolute; left: 300px; top: -20px; z-index: 20; }
	div.unten div.impressum a					{ color: #C2C2C2; }

	
	img.newsletter								{ margin: 10px 0px 0px 40px; }


/* Lightbox ______________________________________________________________ */

	#lightbox									{ position: absolute; left: 0px; width: 100%; z-index: 100; text-align: center; line-height: 0px; }

	#lightbox a img								{ border: none !important; }

	#outerImageContainer						{ position: relative; background-color: #FFFFFF; width: 250px; height: 250px; margin: 0 auto; }

	#imageContainer								{ padding: 10px; }

	#loading									{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0px; }
	#hoverNav									{ position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 10; }
	#imageContainer>#hoverNav					{ left: 0px; }
	#hoverNav a									{ outline: none !important; }

	#prevLink, #nextLink						{ width: 49%; height: 100%; display: block; }
	#prevLink									{ background: url(../../images/lightbox/prev.gif) left 15% no-repeat !important; left: 0px; float: left; }
	#nextLink									{ background: url(../../images/lightbox/next.gif) right 15% no-repeat !important; right: 0px; float: right; }
	#prevLink:hover, #prevLink:visited:hover	{ background: url(../../images/lightbox/prev.gif) left 15% no-repeat !important; }
	#nextLink:hover, #nextLink:visited:hover	{ background: url(../../images/lightbox/next.gif) right 15% no-repeat !important; }

	#imageDataContainer							{ font: 10px Verdana, Helvetica, sans-serif; background-color: #FFFFFF; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

	#imageData									{ padding: 0px 10px; color: #666666; }
	#imageData #imageDetails					{ width: 70%; float: left; text-align: left; }	
	#imageData #caption							{ font-weight: bold; }
	#imageData #numberDisplay					{ display: block; clear: left; padding-bottom: 1.0em; }
	#imageData #bottomNav						{ height: 40px; }
	#imageData #bottomNavClose					{ background: transparent !important; width: 26px; float: right;  padding-bottom: 0.4em; }

	#overlay									{ position: absolute; top: 0px; left: 0px; z-index: 90; width: 100%; height: 500px; background-color: #000000; }



/* Startseite __________________________________________________________________ */

	div.oben a.logostartseite					{ z-index: 5; position: absolute; left: 0px; top: 20px; }
	div.oben a.hotellifestyle					{ z-index: 4; position: absolute; right: 150px; top: 330px; }

	#off_marquee 								{ position: relative; height: 0; z-index: 3; text-align: center; margin:0 auto; text-align:left; width:996px; }
	#off_marquee #text_scroll 					{ position: absolute; top: -100px; left: 237px; width: 720px; z-index: 50; height: 20px; }
	
	div.startseiteoben							{ background: url(../../images/design/bg-startseite-oben.gif) no-repeat 0px 0px; height: 573px; position: relative; z-index: 0; }
	div.startseitemitte							{ background-color: #FFFFFF; padding: 0px 0px 100px 0px; position: relative; z-index: 1; }
	div.startseiteunten							{ clear: both; background: url(../../images/design/bg-linie-unten.gif) repeat-x 0px 0px; height: 10px; position: relative; z-index: 2; }
	
	div.startseiteoben div.oben div.flash		{ position: absolute; left: 191px; top: 206px; }
	
	div.startseiteoben div.oben div.navilinks	{ position: absolute; left: 0px; top: 314px; }
	div.oben div.navilinks span.hotellifestyle	{ font-size: 24px; display: block; margin: 0px 0px 3px 0px; }
	
	div.startseiteoben div.oben img.mannstartseite{ position: absolute; right: 7px; top: 50px; }
	div.startseiteoben div.oben img.beachberge	{ position: absolute; left: 356px; top: 62px; }
	div.startseiteoben div.oben img.ichwillbeides{ position: absolute; right: 56px; top: 137px; }
	div.startseiteoben div.oben div.urlauben	{ position: absolute; right: 0px; top: 400px; width: 470px; }
	div.startseiteoben div.oben div.urlauben ul	{ float: left; display: block; list-style-type: none; margin: 0px 0px 0px 25px; padding: 0px 0px 0px 0px; }
	div.startseiteoben div.oben div.urlauben ul li	{ padding: 0px 0px 0px 17px; margin: 7px 0px 7px 0px; }
	
	div.startseiteoben div.oben					{ position: relative; }
	div.startseiteoben div.oben div.menu img	{ position: absolute; left: 225px; _left: 220px; top: 500px; z-index: 20; }
	
	
	div.startseitemitte div.inhalt 				{ width: 996px; position: relative; z-index: 20; }
	div.startseitemitte div.inhalt ul.buttons	{ float: left; display: inline; width: 185px; height: 114px; overflow: hidden; margin: 0px 37px 0px 0px; _margin: -6px 32px 0px 0px; padding: 0px 0px 0px 0px; position: relative; z-index: 20;}
	div.startseitemitte div.inhalt ul.buttons li { float: left; display: inline; background: transparent; width: 185px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow: hidden; }

	div.startseitemitte div.inhalt ul.buttons li.buchen { height: 56px; }
	div.startseitemitte div.inhalt ul.buttons li.buchen a { background-position: 0px 0px; }
	div.startseitemitte div.inhalt ul.buttons li.buchen a:hover { background-position: -185px 0px; }
	div.startseitemitte div.inhalt ul.buttons li.buchen a.aktiv { background-position: -370px -0px; }
	
	div.startseitemitte div.inhalt ul.buttons li.anfrage { height: 58px; }
	div.startseitemitte div.inhalt ul.buttons li.anfrage a { background-position: 0px -56px; }
	div.startseitemitte div.inhalt ul.buttons li.anfrage a:hover { background-position: -185px -56px; }
	div.startseitemitte div.inhalt ul.buttons li.anfrage a.aktiv { background-position: -370px -56px; }
	
	div.startseitemitte div.inhalt ul.buttons li a { display: block; height: 100%; overflow: hidden; text-indent: -1000px; width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	
	div.startseitemitte div.inhalt div.thema 	{ background: url(../../images/design/bg-linie-grau.gif) repeat-y right top; float: left; display: inline; margin: 20px 0px 0px 0px; width: 189px; height: 77px; }
	div.startseitemitte div.inhalt div.thema div.text	{ margin: 5px 20px 0px 20px; }
	div.inhalt div.thema div.text a				{ color: #696969; }
	div.startseitemitte div.inhalt div.letztes 	{ background: transparent; }
	
	div.startseitemitte div.inhalt div.thema ul { margin: 20px 0px 0px 20px; padding: 0px 0px 0px 0px; list-style-type: none; }
	div.startseitemitte div.inhalt div.thema li { margin: 3px 0px 3px 0px; }
	div.startseitemitte div.inhalt div.thema li a { color: #B89E00; }
	
	div.startseiteunten div.unten img.corporate { position: absolute; right: 20px; top: -50px; z-index: 30; }
	
	div.startseitemitte div.aussen			{ position: relative; padding: 90px 0px 0px 0px; }
	div.startseitemitte div.aussen div.angebotetext	{ margin: 0px 0px 15px 150px; }
	div.startseitemitte div.angebote		{ background: url(../../images/design/bg-angebote-startseite.gif) no-repeat 0px 0px; width: 982px; height: 259px; }
	div.startseitemitte div.bildrahmen 		{ position: relative; left: 23px; top: 15px; _top: 18px; width: 940px; height: 225px; padding: 0px 0px 0px 0px; overflow: hidden; }
	div.startseitemitte div.bildflache 		{ position: relative; left: 0px; top: 0px; width: 10050px; height: 225px; }
	div.startseitemitte div.bildflache a.weiterangebot	{ color: #FFFFFF; padding: 0px 0px 0px 15px; line-height: 21px; }
	div.startseitemitte div.bildflache div.angebotebild	{ background-color: #A6D23D; color: #FFFFFF; float: left; width: 218px; _width: 223px; height: 218px; overflow: hidden; margin: 0px 15px 0px 0px; padding: 4px 0px 10px 5px;  }
	div.startseitemitte div.bildflache div.angebotebild div.bild { height: 128px; overflow: hidden; }
	div.startseitemitte div.bildflache img 	{ margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; }
	a.galleryzuruck							{ background: url(../../images/design/zuruck-gallery.gif) no-repeat 0px 0px; position: absolute; left: 5px; _left: -148px; top: 85px; width: 33px; height: 31px; text-decoration: none; }
	a.galleryweiter							{ background: url(../../images/design/weiter-gallery.gif) no-repeat 0px 0px; position: absolute; right: 15px; top: 85px; width: 33px; height: 31px; text-decoration: none; }

	div.angebotebild div.textangebot		{ margin: 0px 0px 0px 10px; }
	div.angebotebild div.textangebot div.zeitraum{ margin: 10px 0px 0px 0px; }
	
	
/* SewaApi __________________________________________________________________ */

	#zimmersuche 							{ position: absolute; right: 60px; top: 135px; font-family: Verdana, Helvetica, Arial, Sans-serif; height:90px; padding: 0px 0px 0px 5px; display: inline; color: #FFFFFF; font-size: 11px; z-index: 30; }
	div#anreise,
	div#abreise,
	div#unterk,
	div#personen,
	div#kinder								{ border:solid 0px red; width:130px; float:left !important; }
	div#unterk,
	div#personen,
	div#rightbuttons						{ margin: 0px 0px 0px 3px; float: left !important; }
	.button 								{ background: url(../../images/design/bg-weiter.gif) repeat-x 0px 0px; border: solid 1px #F3DF67; color: #696969; margin: 0px 0px 0px 5px; font-size: 11px; padding: 0px 0px 0px 0px; height: 21px; width: 66px; cursor: pointer; }
	#from_day,
	#from_month,
	#from_year,
	#to_day,
	#to_month,
	#to_year 								{ width: 40px; }
	#zimmersuche select 					{ font-family: Verdana, "Times New Roman", Times, serif; color: #333333; background-color: #FFFFFF; border-width: 1px; }
	#zimmersuche h1							{ color:#990000; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
	#zimmersuche, 
	#zimmersuche h2, 
	div#kinder h3							{ font-size: 10px; }
	#zimmersuche h2 						{ font-weight:normal; margin: 0px 0px 0px 0px; color: #FFFFFF; }
	#zimmersuche h3 						{ float:left; font-weight:normal; margin: 3px 5px 0px 0px; }
	#alterkind1.input_small,
	#alterkind2.input_small,
	#alterkind3.input_small 				{ width: 40px; }
	#typ.input_small, 
	#verpflegung.input_small, 
	#anzahl_erw.input_small 				{ width: 145px; }
	#zimmersuche select, 
	#zimmersuche input 						{ font-size: 10px; }
	#zimmersuche h1							{ color:#990000; }
	#zimmersuche h2 						{ padding: 0px 0px 2px 0px; }
	.text 									{ margin: 0px 0px 5px 0px; }
	
	#zimmersuche table						{ font-size: 10px; }
	#zimmersuche #thefrm 					{ border:1px solid #ff0000; }
	#zimmersuche td							{ color:#fff; font:10px Verdana,Helvetica,Arial,Sans-serif; }
	#zimmersuche form 						{ margin:0; width:300px; }
	#zimmersuche input						{ border:0; background-color:#FFFFFF; font:10px Verdana,Helvetica,Arial,Sans-serif; }
	#zimmersuche select						{ border:0; background-color:#FFFFFF; font:10px Verdana,Helvetica,Arial,Sans-serif; }
	#zimmersuche .myinput					{ border:0; background-color:#FFFFFF; font:10px Verdana,Helvetica,Arial,Sans-serif; }
	#zimmersuche .titolo_tecnico			{ color:#fff; font:10px Verdana,Helvetica,Arial,Sans-serif; font-weight:bold; }
	#zimmersuche .testo_tecnico				{ color:#fff; font:10px Verdana,Helvetica,Arial,Sans-serif; }
	#zimmersuche .titolo_normale			{ color:#696969; }
	#zimmersuche .titolo					{ color:#696969; font-weight:bold; }
	#zimmersuche .sottotitolo				{ color:#696969; font-style:italic; }
	
	
/* __________________________________________________________________ Ende */