@import url("all.css");

/* Grundeinstellungen ____________________________________________________ */

	body 										{ text-align: center; }
	div.rahmen 									{ width: 984px; margin: 0px auto; text-align: left; min-height: 100%; _height: 100%; position: relative; }

	
	
/* Oben __________________________________________________________________ */

	div.oben 									{ position: relative; margin: 0px 0px 11px 0px; }
	div.oben a									{ text-decoration: none; }
	
	div.oben div.sprache						{ position: absolute; right: 32px; top: 20px; }
	div.oben div.sprache a						{ font-size: 10px; color: #FFFFFF; line-height: 10px; margin: 0px 1px 0px 0px; padding: 2px 5px 2px 5px; }

	div.oben div.leiste-oben					{ width: 984px; height: 56px; position: relative; left: 0px; top: 0px; }
	
	div.oben div.sitemap						{ position: relative; margin: 0px 0px 0px 0px; height: 160px; }
	div.oben div.sitemap div					{ margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; height: 160px; }
	div.oben div.sitemap ul						{ font-size: 12px; float: left; list-style-type: none; margin: 33px 0px 0px 0px; padding: 0px 0px 0px 60px; width: 190px; _width: 240px; }
	div.oben div.sitemap ul	li					{ line-height: 21px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 15px; }
	div.oben div.sitemap ul	li a				{ color: #000000; }
	div.oben div.sitemap ul	li.erstes			{ background: transparent; font-weight: bold; padding: 0px 0px 0px 0px; }
	div.oben div.sitemap ul.erstes				{ border: none; padding: 0px 0px 0px 30px; }
	
	div.oben ul.home							{ list-style-type: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 27px; position: absolute; left: 0px; top: 0px; }
	div.oben ul.home li							{ float: left; display: inline; padding: 0px 0px 0px 0px; margin: 23px 14px 0px 0px; }
	div.oben ul.home li a.home					{ display: block; background: url(/images/design/home.gif) no-repeat 0px 0px; width: 11px; height: 9px; }
	div.oben ul.home li a.sitemap				{ display: block; background: url(/images/design/sitemap.gif) no-repeat 0px 0px; width: 11px; height: 9px; }
	div.oben ul.home li a.email					{ display: block; background: url(/images/design/email.gif) no-repeat 0px 0px; width: 10px; height: 8px; margin: 2px 0px 0px 0px; }
	
	div.oben ul.menu 							{ font-weight: bold; float: right; display: inline; z-index: 7; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu li 						{ font-size: 13px; float: left; line-height: 21px; position: relative; margin: 0px 0px 0px 0px; padding: 10px 25px 10px 0px; }
	div.oben ul.menu li a 						{ color: #FFFFFF; font-size: 18px; float: left; display: block; min-height: 36px; _height: 36px; line-height: 36px; padding: 0px 0px 0px 0px; text-transform: uppercase; }
	
	div.oben div.flash							{ margin: 0px 0px 0px 0px; position: relative; height: 400px; }
	div.oben ul.infos							{ background: url(/images/design/bg-oben-box.png) no-repeat 0px 0px; _background: url(/images/design/bg-oben-box.gif) no-repeat 0px 0px; list-style-type: none; margin: -27px 0px 0px -5px; padding: 0px 0px 0px 0px; position: relative; width: 690px; height: 92px; z-index: 15; }
	div.oben ul.infos li						{ color: #434343; float: left; font-size: 12px; line-height: 16px; margin: 0px 0px 0px 0px; padding: 10px 25px 0px 25px; width: 200px; _width: 250px; text-align: center; }
	div.oben ul.infos li.infos					{ width: 140px; _width: 190px; }
	div.oben ul.infos li a						{ font-size: 16px; font-weight: bold; line-height: 25px; text-transform: uppercase; }
	
	ul.breadcrumb								{ float: right; font-size: 11px; list-style-type: none; margin: 0px 300px 10px 0px; _margin: 0px 150px 10px 0px; padding: 0px 0px 0px 0px; }
	ul.breadcrumb li							{ float: left; margin: 0px 5px 0px 0px; padding: 0px 0px 0px 0px; }
	ul.breadcrumb li a							{ background: url(/images/design/bg-breadcrumbs.gif) no-repeat right center; color: #FFFFFF; padding: 0px 10px 0px 0px; }
	
	div.flash div.gasteaussagen					{ position: absolute; right: 40px; _right: 65px; bottom: 63px; width: 393px; }
	div.flash div.gasteaussagen div.person		{ margin: 0px 46px 0px 30px; padding: 4px 8px 4px 8px; }
	div.flash div.gasteaussagen div.titel		{ font-size: 20px; font-weight: bold; margin: 0px 40px 0px 0px; padding: 12px 8px 12px 8px; }
	div.flash div.gasteaussagen p				{ margin: 0px 0px 0px 41px; padding: 4px 8px 8px 8px; }
	div.flash div.gasteaussagen a.weitergasteaussagen { position: absolute; right: -2px; bottom: -10px; }
	a.gasteaussagen								{ text-decoration: none; }
	
/* Mitte _________________________________________________________________ */

	div.mitte 									{  }
	div.lala									{ background: url(/images/design/bg-startseite-unten.png) repeat-y 0px 0px; position: relative; padding: 0px 0px 50px 0px; }
	div.mitte div.angebotestartseite			{ color: #000000; padding: 30px 30px 0px 35px; width: 990px; }
	div.mitte div.bildrahmenstartseite 			{ position: relative; left: 0px; top: 10px; width: 910px; height: 225px; padding: 0px 0px 0px 0px; overflow: hidden; }
	div.mitte div.bildflachestartseite 			{ position: relative; left: 0px; top: 0px; width: 10050px; height: 225px; }
	div.mitte div.bildflachestartseite a.weiterangebot	{ color: #FFFFFF; padding: 0px 0px 0px 15px; line-height: 21px; }
	div.mitte div.bildflachestartseite div.angebotebildstartseite	{ color: #FFFFFF; float: left; width: 198px; _width: 202px; height: 225px; overflow: hidden; margin: 0px 33px 0px 0px; padding: 4px 0px 10px 4px;  }
	div.mitte div.bildflachestartseite img 		{ margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; }
	a.galleryzuruckstartseite					{ position: absolute; right: 72px; _right: 78px; top: 30px; width: 24px; height: 20px; text-decoration: none; }
	a.galleryweiterstartseite					{ position: absolute; right: 42px; _right: 48px; top: 30px; width: 24px; height: 20px; text-decoration: none; }
	
	div.mitte div.linie							{ background-color: #FFFFFF; width: 100%; }
	div.mitte div.linieinnen					{ border-bottom: solid 1px #E2E2E2; font-size: 0px; line-height: 0px; margin: 0px 0px 0px 25px; width: 937px; }

	
/* Inhalt ________________________________________________________________ */

	div.inhalt 									{ float: left; display: inline; width: 667px; margin: 0px 0px 40px 40px; position: relative; z-index: 10; }


/* Rechts ________________________________________________________________ */

	div.rechts 									{ float: left; display: inline; margin: 0px 0px 40px 0px; width: 277px; position: relative; z-index: 0; }
	div.rechts a								{ text-decoration: none; }
	div.rechts ul.menu							{ margin: -122px 0px 30px 0px; list-style-type: none; padding: 20px 0px 0px 19px; position: relative; z-index: 10; width: 220px; }
	div.rechts ul.menu li						{ padding: 0px 0px 0px 20px; }
	div.rechts ul.menu li a						{ color: #FFFFFF; }
	div.rechts ul.menu li.erstes				{ background: transparent; font-size: 13px; font-weight: bold; margin: 0px 0px 19px 0px; padding: 0px 0px 0px 0px;}
	div.bildrand								{ margin: 20px 0px 0px 15px; }
	.bildrahmen 								{ position: relative; left: 4px; top: 4px; width: 194px; height: 273px; padding: 0px 0px 0px 0px; overflow: hidden; }
	.bildflache 								{ position: relative; left: 0px; top: 0px; width: 10050px; height: 280px; }
	.bildflache a.weiterangebot					{ color: #FFFFFF; padding: 0px 0px 0px 15px; line-height: 21px; }
	.bildflache div.angebotebild				{ float: left; width: 202px; height: 263px; overflow: hidden; }
	.bildflache img 							{ margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; }
	a.galleryzuruck								{ position: absolute; right: 22px; top: 5px; width: 14px; height: 15px; }
	a.galleryweiter								{ position: absolute; right: 5px; top: 5px; width: 14px; height: 15px; }
	div.textangebot								{ margin: 0px 0px 0px 10px; }
	div.linksangebote							{ margin: 12px 0px 10px 0px; }

	img.motorrad								{ margin: 40px 0px 0px 32px; }
	img.belsana									{ margin: 40px 0px 0px 25px; }
	img.benesserviaggi							{ margin: 20px 0px 0px 76px; }
	
	div.rechts div.introstartseite				{ margin: -40px 0px 50px 7px; _margin: -40px 0px 0px 7px; list-style-type: none; position: relative; z-index: 10; width: 230px; }
	div.rechts div.introstartseite div.innen	{ padding: 10px 0px 0px 15px; }
	div.rechts div.introstartseite ul			{ list-style-type: none; margin: 0px 0px 0px 0px; _margin: 0px 0px 0px 17px; padding: 0px 0px 0px 0px; }
	div.rechts div.introstartseite li			{ padding: 0px 0px 0px 17px; _padding: 0px 0px 0px 0px; }
	
	img.onlineanfragen							{ margin: 0px 0px 20px 14px; }

	
/* Unten _________________________________________________________________ */

	div.unten 									{ color: #434343; clear: both; width: 990px; height: 321px; }
	div.unten a 								{ color: #434343; text-decoration: none; }
	div.unten div.logos							{ margin: 0px 0px 20px 43px; _margin: 0px 0px 20px 43px; }
	div.unten div.logos	img						{ float: left; display: inline; margin: 0px 20px 0px 0px; }
	div.unten div.logos	div.venere				{ float: left; display: inline; background: url(/images/design/top-clean-hotel-it.gif) no-repeat 0px 0px; width:109px; height:76px; }
	div.unten div.logos	div.venereen			{ background: url(/images/design/top-clean-hotel-en.gif) no-repeat 0px 0px; }
	div.unten div.logos	div.venere h1			{ width:109px; text-align:center; padding:60px 0px 0px 0px; margin:0px 0px 0px 0px; font-size:11px; line-height: 14px; }
	div.unten div.logos	div.venere h1 a			{ font-size:11px; line-height: 14px; text-decoration:none; }
	
	div.unten input								{ background: url(/images/design/bg-input.gif) repeat-x 0px 0px; border: solid 1px #ECECEC; margin: 0px 0px 0px 0px; width: 210px; }
	div.unten input.vorname						{ width: 100px; margin: 0px 5px 0px 0px; }
	div.unten input.nachname					{ width: 100px; }
	div.unten .colum1							{ height: 10px; _line-height: 0px; }
	div.unten .newsletterabonnieren				{ color: #434343; font-size: 13px; font-weight: normal; padding: 0px 0px 0px 15px; line-height: 19px; }
	div.unten .senden							{ background: transparent; font-size: 13px; }
	div.unten label.space 						{ height: 20px; _height: 10px; }
	
	div.unten ul.unten							{ list-style-type: none; padding: 27px 0px 0px 21px; }
	div.unten ul.unten li						{ float: left; color: #434343; width: 220px; margin: 0px 40px 35px 0px; }
	div.unten ul.unten li.prospekte				{ font-size: 13px; width: 200px; }
	div.unten ul.unten li.adresse				{ font-size: 13px; width: 170px; margin: 0px 0px 0px 0px; }
	div.unten ul.unten li.adresse a				{ font-size: 13px; color: #434343; }
	div.unten ul.unten li span					{ font-size: 13px; font-weight: bold; line-height: 25px; }
	div.unten ul.unten li span.nummer			{ color: #434343; font-size: 21px; font-weight: normal; line-height: 42px; }
	div.unten ul.unten li span.text				{ font-size: 13px; display: block; color: #434343; font-weight: normal; line-height: 19px; margin: 0px 0px 20px 0px; }
	div.unten ul.unten li span.abstand			{ font-size: 13px; display: block; color: #434343; font-weight: normal; line-height: 19px; margin: 0px 0px 2px 0px;	}
	div.unten ul.unten li span a				{ color: #434343; font-size: 13px; font-weight: normal; padding: 0px 0px 0px 15px; line-height: 19px; }

	div.unten span.hotel						{ float: left; }
	div.unten span.zeppelin						{ float: right; }
	div.unten span.zeppelin	img					{ vertical-align: top; }
	
	div.unten a.senden							{ float: left; }
	div.unten form .senden						{ margin: 0px 0px 0px 0px; }

/* 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; }



/* __________________________________________________________________ Ende */