@import url(css-all.css);

/* Grundeinstellungen ____________________________________________ */

	#rahmen { width: 978px; }

/* Oben __________________________________________________________ */

	#oben { width: 955px; height: 400px; position: relative; background: url(/images/design/bg-oben.gif) no-repeat 0px 0px;  }
	
	#pfeile-oben { position: absolute; left: 34px; top: 267px; }
	
	#logo { position: absolute; right: 22px; top: 70px; }
	#homelink { position: absolute; right: 48px; top: 200px; _top: 210px; text-align: center; width: 150px; }
	#homelink a { color: #000000; }
	
	#flash { position: absolute; left: 14px; top: 32px; width: 693px; height: 243px; overflow: hidden; }
	
	#express-anfrage { position: absolute; left: 52px; top: 280px; width: 330px; }
	#express-anfrage form { margin: 0px 0px 0px 0px; }
	#express-anfrage div.links { float: left; display: inline; width: 150px; }
	#express-anfrage div.rechts { float: right; display: inline; width: 170px; }
	#express-anfrage select { font-size: 10px; margin: 0px 2px 2px 0px; width: 47px; }
	#express-anfrage select.input_long { font-size: 10px; margin: 0px 2px 2px 0px; width: 145px; }
	#express-anfrage select.input_small { font-size: 10px; margin: 0px 2px 2px 0px; height: 16px; }
	#express-anfrage select#bp_to_day { margin: 0px 2px 16px 0px; }
	#express-anfrage select#bp_to_month { margin: 0px 2px 16px 0px; }
	#express-anfrage select#bp_to_year { margin: 0px 2px 16px 0px; }
	#express-anfrage a.weiter { position: relative; border: 1px solid #D81F32; color: #000; padding: 2px 5px 2px 5px; font-size: 10px; text-transform: uppercase; background: #9AB87C; margin: 0px 3px 0px 0px; }
	#express-anfrage a span { background: url(/images/design/bg-senden-rechts.gif) no-repeat right 4px; padding: 0px 24px 0px 0px; }
	#express-anfrage a:hover { background-color: #ADC595; }
	#express-anfrage #bp_from_day { width: 40px; }
	#express-anfrage #bp_from_month { width: 40px; }
	#express-anfrage #bp_from_year { width: 50px; }
	#express-anfrage #bp_to_day { width: 40px; }
	#express-anfrage #bp_to_month { width: 40px; }
	#express-anfrage #bp_to_year { width: 50px; }
	
	#ihrurlaub { position: absolute; left: 403px; top: 280px; }
	#ihrurlaub ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 12px 0px 0px 0px; }
	#ihrurlaub li { margin: 0px 0px 0px 0px; padding: 0px 0px 1px 0px; background: url(/images/design/bg-ihrurlaub-li.gif) no-repeat 0px 8px; }
	#ihrurlaub li a {  padding: 0px 0px 0px 8px; color: #000; }
	#ihrurlaub li a:hover {  color: #D81F32; }
	
	#sprache { position: absolute; right: 19px; top: 242px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #D4EABD; font-size: 10px; }
	#sprache a { color: #fff; }
	#sprache a:hover { color: #D81F32; }
	 
	#angebot { position: absolute; left: 512px; top: 280px; }
	#angebot div { position: relative; width: 254px; height: 100px; }
	#angebot h4 { margin: 8px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #5E6701; font-size: 11px; }
	#angebot p { margin: 0px 0px 2px 0px; padding: 0px 0px 0px 0px; }
	#angebot strong { font-size: 12px; font-weight: bold; color: #990106; }
	#angebot a.alleangebote { position: absolute; right: 0px; top: 0px; }
	#angebot a.mehr { position: absolute; right: 0px; bottom: 4px; }
	
	#wetter { position: absolute; left: 800px; top: 280px; }
	#wetter div { position: relative; width: 126px; height: 100px; }
	#wetter table { width: 126px; margin: 8px 0px 0px 0px; }
	#wetter td { text-align: center; }
	#wetter a.mehr { position: absolute; right: 0px; top: 0px; }
	
	#angebot a, #wetter a { color: #D81F32; font-size: 10px; text-transform: uppercase; background: url(/images/design/bg-weiter-links.gif) no-repeat 0px 6px; padding: 0px 0px 0px 16px; }
	#angebot a:hover, #wetter a:hover { color: #990106; }
	#angebot a span, #wetter a span { background: url(/images/design/bg-weiter-rechts.gif) no-repeat right 4px; padding: 0px 15px 0px 0px; }

	#navigation { display: inline; background: url(/images/design/bg-navi-ul.gif) repeat-x 0px 0px; font-size: 10px; position: absolute; left: 14px; top: 0px; z-index: 7; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 955px; }
	#navigation li { display: block; float: left; position: relative; margin: 0px 0px 0px 1px; padding: 0px 0px 0px 0px; text-align: center; background: url(/images/design/bg-navigation-a.gif) repeat-x right 0px; width: 133px; }
	#navigation li a { display: block; min-height: 41px; _height: 41px; line-height: 32px; text-transform: uppercase; text-align: center; }
	#navigation li a:hover { color: #fff; background: url(/images/design/bg-navigation-a-hover.gif) no-repeat right 0px; }
	#navigation li.aktiv { background: url(/images/design/bg-navigation-a-hover.gif) no-repeat right 0px; }
	#navigation li.erstes { margin: 0px 0px 0px 0px; width: 138px; }

	#navigation ul { display: none; font-weight: normal; width: 133px; list-style-type: none; margin: 0px 0px 0px 0px; padding: 8px 0px 8px 0px; position: absolute; left: 0px; top: 32px; background: url(/images/design/bg-navigation-ul.gif) #D4EABD no-repeat right top; }
	#navigation li.erstes ul { width: 138px; }
	#navigation ul li, #navigation ul li.erstes { display: block; float: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(/images/design/bg-navigation-li-a.gif) no-repeat 10px 9px !important; width: 133px; }
	#navigation ul li a { float: none; min-height: 18px; _height: 18px !important; line-height: 18px !important; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 16px; text-transform: none; font-size: 11px; text-align: left; color: #000; }
	#navigation ul li a:hover { background: none !important; color: #D81F32; }
	#navigation ul li.aktiv a { color: #D81F32 !important; }
	
	
/* Mitte _________________________________________________________ */

	#mitte { float: left; background: url(/images/design/bg-mitte.gif) repeat-y 0px 0px; width: 955px; }
	

	
/* Links _________________________________________________________ */

	#links { float: left; display: inline; width: 157px; margin: 0px 24px 0px 31px; padding: 6px 0px 0px 0px; }
	#links h4 { margin: 0px 0px 0px 0px; padding: 4px 0px 5px 15px; background: url(/images/design/bg-links-h4.gif) #D81F32 no-repeat 0px 0px; font-size: 11px; text-transform: uppercase; color: #fff; font-weight: normal; }
	
	#menu { list-style-type: none; margin: 0px 0px 0px 0px; padding: 10px 0px 20px 6px; background: #9AB87C; }
	#menu li { margin: 0px 0px 0px 0px; padding: 0px 0px 1px 18px; background: url(/images/design/bg-navigation-li-a.gif) no-repeat 10px 8px; }
	#menu li a { color: #000; }
	#menu li a:hover { color: #D81F32; }
	#menu li.aktiv a { font-weight: bold; color: #D81F32 !important; }	



/* Inhalt ________________________________________________________ */

	#inhalt { float: left; display: inline; width: 447px; margin: 0px 23px 0px 23px; padding: 12px 0px 30px 0px; overflow: hidden; }
	
	
/* Startseite ________________________________________________________ */

	#startseite { float: left; display: inline; width: 630px; margin: 0px 23px 0px 52px; padding: 12px 0px 30px 0px; }	



/* Rechts ________________________________________________________ */

	#rechts { float: left; display: inline; width: 236px; margin: 0px 0px 0px 14px; }
	
	#rechts ul { list-style-type: none; margin: 0px 8px 20px 8px; padding: 0px 0px 0px 0px; float: left; }
	#rechts li { margin: 0px 0px 0px 0px; padding: 0px 0px 1px 8px; background: url(/images/design/bg-navigation-li-a.gif) no-repeat 0px 8px; }
	#rechts li a { color: #000; }
	#rechts li a:hover { color: #D81F32; }
	#rechts img.blog														{ margin: 0px 0px 8px 0px; padding: 0px 0px 8px 0px; }
	
	
	#adresse { margin: 20px 0px 28px 0px; clear: both; background: url(/images/design/bg-adresse.gif) no-repeat 0px 0px; }
	#adresse h4 { margin: 0px 0px 0px 0px; padding: 18px 0px 2px 10px; font-size: 10px; color: #D81F32; line-height: 12px; }
	#adresse address { font-style: normal; margin: 0px 0px 0px 10px; padding: 8px 0px 0px 0px; line-height: 12px; font-size: 10px; }	
	#adresse address a { color: #000; }
	
	div.boxrechts { width: 222px; background: url(/images/design/bg-box-rechts.png) repeat-y 0px 0px; }
	div.boxrechts div.hcwidget { float: left; margin: 20px 0px 20px 20px; }
	div.boxrechts div.linie { width: 215px; background-color: #9ab87c; height: 1px; line-height: 1px; font-size: 1px; margin: 0px 0px 0px 4px; }
	div.boxrechts img.booking { margin: 27px 0px 20px 59px; }
	div.boxrechts img.sentres { margin: 0px 0px 20px 82px; }
	
	#partner { margin: 0px 0px 30px 0px; }
	
	div.webcam { padding: 10px 10px 10px 10px; margin: 10px 21px 0px 0px; background-color: #D4EABD; border: solid 1px #D52635; }
	div.webcam a { margin: 0px 0px 5px 0px; font-size: 14px; color: #5E6701; font-weight: bold; display: block; text-align: center; }
	div.webcam a:hover { color: #D81F32; }
	



/* Unten _________________________________________________________ */

	#unten { clear: both; background: url(/images/design/bg-unten.gif) no-repeat 0px 0px; width: 955px; height: 40px; position: relative; }
	#unten p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 10px; color: #D19116; }
	#unten a { color: #595959; font-size: 10px; }
	
	#zeppelin { position: absolute; right: 18px; top: 12px; }
	#privacy { position: absolute; left: 18px; top: 12px; }

	
	
/* Overlayer ______________________________________________________________ */

	#jsnewsletteroverlayerbg											{ display: none; position: fixed; left: 0px; top: 0px; _position: absolute; width: 100%; height: 100%; min-height: 600px; z-index: 90; overflow: hidden; }
	#jsnewsletteroverlayerbg div.overlayerbg							{ opacity: 0.7; filter: alpha(opacity = 70); background-color: #000000; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; min-height: 600px; z-index: 5; overflow: hidden; }
	#jsnewsletteroverlayerbg div.center									{ width: 682px; position: relative; left: 130px; top: -170px; z-index: 10; }
	#jsnewsletteroverlayer												{ position: absolute; left: 0px; top: 0px; width: 682px; height: 145px; text-align: left; }
	#jsnewsletteroverlayerbg div.jsnewsletteroverlayer					{ opacity: 1; filter: alpha(opacity = 100); }
	div.jsnewsletteroverlayer											{ width: 682px; height: 145px; text-align: left; background: url(/images/design/bg-overlayer.jpg) no-repeat 0px 0px #777777; z-index: 130; }
	div.jsnewsletteroverlayer a.schliessenx								{ position: absolute; right: 11px; top: 4px; color: #FFFFFF; font-family: Tahoma, Verdana, Sans-serif; text-decoration: none; font-weight: normal; text-align: left; line-height: 13px; font-size: 11px; }
	div.jsnewsletteroverlayer a.privacy									{ position: absolute; right: 98px; top: 4px; color: #FFFFFF; font-family: Tahoma, Verdana, Sans-serif; text-decoration: none; font-weight: normal; text-align: left; line-height: 13px; font-size: 11px; }
	div.jsnewsletteroverlayer img										{ float: left; display: inline; margin: 0px 0px 0px 3px; }
	div.jsnewsletteroverlayer div.inhaltflyin							{ float: right; display: inline; width: 469px; margin: 23px 20px 0px 0px; }
	div.jsnewsletteroverlayer div.inhaltflyinbild						{ width: 375px; margin: 9px 0px 0px 15px; }
	div.jsnewsletteroverlayer div.inhaltflyin span						{ display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.jsnewsletteroverlayer div.inhaltflyin span.titel				{ text-transform: uppercase; font-family: Verdana, sans-serif; font-size: 21px; line-height: 23px; color: #FFFFFF; margin: 0px 0px 11px 0px; }
	div.jsnewsletteroverlayer div.inhaltflyin span.text					{ font-family: Verdana, sans-serif; font-size: 12px; line-height: 19px; color: #FFFFFF; }
	div.jsnewsletteroverlayer div.inhaltflyin div.vorspann				{ margin: 0px 0px 7px 0px; padding: 0px 0px 0px 0px; font-weight: normal; }
	div.jsnewsletteroverlayer div.inhaltflyin a.button					{ float: right; display: block; text-decoration: none; font-weight: normal; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #FFFFFF; }
	div.jsnewsletteroverlayer div.inhaltflyin a:hover.button			{ color: #cf9f67; }
	div.jsnewsletteroverlayer div.inhaltflyin a.button span.links		{ float: left; display: block; height: 15px; width: 16px; background: url(/images/design/btn-flyin.gif) no-repeat left 4px; }
	div.jsnewsletteroverlayer div.inhaltflyin a.button span.mitte		{ float: left; display: block; height: 15px; line-height: 15px; font-size: 13px; }
	
	div.jsnewsletteroverlayer div.inhaltflyin div.formular							{ width: auto; margin: 7px 0px 0px 0px; }
	div.jsnewsletteroverlayer div.inhaltflyin div.formular input					{ float: left; display: inline; margin: 0px 7px 0px 0px; }
	div.jsnewsletteroverlayer div.inhaltflyin div.formular input.nachname			{ width: 90px; height: 24px; background: url(/images/design/nachname.gif) no-repeat 0px 0px; border: 0px; }
	div.jsnewsletteroverlayer div.inhaltflyin div.formular input.vorname			{ width: 90px; height: 24px; background: url(/images/design/input-vorname.gif) no-repeat 0px 0px; border: 0px; }
	div.jsnewsletteroverlayer div.inhaltflyin div.formular input.email				{ width: 180px; height: 24px; background: url(/images/design/input-email.gif) no-repeat 0px 0px; border: 0px; }
	div.jsnewsletteroverlayer div.inhaltflyin div.formular a.OverlayerAnmeldenBTN	{ float: left; display: inline; border: solid 1px #FFFFFF; width: auto; color: #FFFFFF; background-color: #d81f32; height: 22px; padding: 0px 10px 0px 14px; font-size: 12px; line-height: 22px; font-family: Verdana, sans-serif; }
		
	

/* Lightbox ______________________________________________________________ */

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

	#lightbox a img								{ border: none; }

	#outerImageContainer						{ position: relative; background-color: #fff; 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: 0; }
	#hoverNav									{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
	#imageContainer>#hoverNav					{ left: 0; }
	#hoverNav a									{ outline: none; }

	#prevLink, #nextLink						{ width: 49%; height: 100%; background: transparent url(/images/lightbox/blank.gif) no-repeat; display: block; }
	#prevLink									{ left: 0; float: left; }
	#nextLink									{ right: 0; float: right; }
	#prevLink:hover, #prevLink:visited:hover	{ background: url(/images/lightbox/prevlabel.gif) left 15% no-repeat; }
	#nextLink:hover, #nextLink:visited:hover	{ background: url(/images/lightbox/nextlabel.gif) right 15% no-repeat; }

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

	#imageData									{ padding: 0 10px; color: #666; }
	#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 #bottomNavClose					{ width: 66px; float: right;  padding-bottom: 0.7em;	}	

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

/* Ende __________________________________________________________*/