@import url(css-all.css);

/* Grundeinstellungen ____________________________________________ */

	#rahmen { width: 854px; position:relative; margin: 0 auto; text-align: left; padding: 0px 0px 15px 0px; }

/* Oben __________________________________________________________ */

	#oben, #oben-start { width: 854px; height: 436px; position: relative; }
	#oben { background: url(/images/design/bg-oben.gif) no-repeat 0px 0px; }
	#oben-start { background: url(/images/design/bg-oben-start.gif) no-repeat 0px 0px; }
	
	#logo { position: absolute; right: 631px; top: 0px; z-index: 20; }
	
	#flash { position: absolute; right: 8px; top: 6px; }
	
	#kontakt { position: absolute; right: 0px; top: 10px; font-size: 11px; list-style-type: none; }
	#kontakt li { float: left; margin: 0px 20px 0px 0px; padding: 0px 0px 0px 0px; }
	#kontakt li a { color: #7F7F7F; }
	#kontakt li a:hover { color: #C27414; }
		
	#sprache { position: absolute; right: 678px; top: 148px; text-align: right; line-height: 14px; font-size: 10px; margin: 0px 0px 0px 0px; z-index: 25; }
	#sprache a { color: #696D6C; margin: 0px 7px 0px 0px; }
	#sprache a:hover { color: #C97B25; }
	
	#navigation { font-size: 14px; position: absolute; right: 30px; top: 390px; text-align: right; z-index: 7; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index: 30; }
	#navigation li { float: left; display: inline; margin: 0px 13px 0px 0px; padding: 1px 0px 8px 12px; background: url(/images/design/bg-menu-li.gif) no-repeat 0px 0px; line-height: 30px; position: relative; }
	#navigation li.erstes { background: transparent; padding: 1px 0px 8px 12px; }
	#navigation li a { padding: 0px 0px 0px 0px; color: #E6E6E6; display: block; font-size: 18px; color: #EBE5D8; }
	#navigation li a:hover { color: #5D5959; }
	#navigation li.aktiv a { color: #5D5959; }
	
	#navigation ul { display: none; position: absolute; left: -10px; bottom: 49px; background-color: #FFFFFF; width: 172px; background: url(/images/design/bg-menu.png) repeat-y 0px 0px; margin: 0px 0px 0px 0px !important; padding: 5px 0px 15px 0px; z-index: 30; }
	#navigation ul li { float: left; background: none; padding: 2px 0px 2px 0px; width: 134px; margin: 0px 0px 0px 9px; text-align: center; }
	#navigation li.erstes ul li { float: left; background: none; padding: 2px 0px 2px 0px; width: 154px; margin: 0px 0px 0px 9px; text-align: center; }
	#navigation li ul li.erstes { float: left; background: none; padding: 2px 0px 2px 0px; width: 154px; margin: 0px 0px 0px 9px; text-align: center; }
	#navigation ul li a { padding: 0px 0px 0px 0px; color: #615A5A !important; font-weight: normal !important; font-size: 14px; border-top: 1px solid #D2D0D2; width: 153px; margin: 0px 0px 0px 0px; }
	#navigation ul li.erstes a { border: 0px; }
	#navigation ul li a:hover { color: #C97B25 !important; }
	#navigation ul li.aktiv a { color: #C97B25; font-weight: bold; }
	


	
/* Mitte _________________________________________________________ */

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

	
/* Links _________________________________________________________ */

	#links { float: left; width: 598px; margin: 0px 5px 0px 21px; display: inline; }
	
	#menu { background: #7F7F7F; width: 598px; padding: 8px 0px 8px 0px; float: left; }
	#menu ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 18px; font-size: 14px; }
	#menu li { float: left; margin: 0px 0px 0px 0px; padding: 0px 18px 2px 0px; }
	#menu li a { color: #E6E6E6; }
	#menu li a:hover { color: #000; }
	#menu li.aktiv a { color: #000; font-weight: bold; }

	#spacer { clear: both; }


/* Inhalt ________________________________________________________ */

	#inhalt { margin: 4px 24px 24px 24px; padding: 0px 0px 24px 0px; }




/* Rechts ________________________________________________________ */

	#rechts { float: left; width: 224px; margin: 0px 5px 0px 1px; display: inline; }
		
	#angebot { background: #F0E0BE; padding: 0px 0px 12px 0px; }
	#angebot table { margin: 0px 14px 0px 14px; width: 196px; }	
	#angebot h1 { margin: 6px 14px 4px 14px; padding: 0px 0px 0px 0px; font-size: 12px; color: #C27414; }
	#angebot p { margin: 0px 14px 6px 14px; padding: 0px 0px 0px 0px; font-size: 12px; }
	#angebot span { font-size: 14px; font-weight: bold; }
	#angebot a.weiter { background: url(/images/design/bg-weiter-1.gif) no-repeat right 3px; padding: 0px 10px 0px 0px; font-size: 11px; color: #000; }
	#angebot a.weiter:hover { background: url(/images/design/bg-weiter-2.gif) no-repeat right 3px; color: #C27414; }
	
	#ihrurlaub { background: #EEEADC; padding: 0px 14px 0px 14px; height: 82px; }
	#ihrurlaub p { margin: 0px 0px 4px 0px; padding: 12px 0px 0px 0px; font-size: 12px; color: #C27414; font-weight: bold; }
	#ihrurlaub ul { list-style-type: none; margin: 0px 0px 12px 0px; padding: 0px 0px 0px 0px; }
	#ihrurlaub li { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 1px 0px; width: 90px; }
	#ihrurlaub a { background: url(/images/design/bg-weiter-1.gif) no-repeat left 3px; padding: 0px 0px 0px 10px; font-size: 12px; color: #000; }
	#ihrurlaub a:hover { background: url(/images/design/bg-weiter-2.gif) no-repeat left 3px; color: #C27414; }
	
	div.webcam { padding: 8px 0px 8px 12px; }
	div.webcam a { font-size: 12px; color: #C27414; font-weight: bold; }
	div.webcam a:hover { font-size: 12px; color: #000000; font-weight: bold; }
	
	#express-anfrage { padding: 12px 14px 20px 14px; }
	#express-anfrage p { margin: 0px 0px 4px 0px; padding: 0px 0px 0px 0px; font-size: 12px; color: #C27414; font-weight: bold; }
	#express-anfrage .daten { font-weight: normal !important; color: #676D6C !important; }
	#express-anfrage select { font-size: 10px; }
	#express-anfrage a.weiter { background: url(/images/design/bg-weiter-1.gif) no-repeat right 3px; padding: 0px 10px 0px 0px; font-size: 11px; color: #000; }
	#express-anfrage a.weiter:hover { background: url(/images/design/bg-weiter-2.gif) no-repeat right 3px; color: #C27414; }

	#zimmersuche 						{ width:165px; border:solid 0px #666666; margin: 5px 30px 20px 20px; }
	#zimmersuche, #zimmersuche span 	{ font:11px Arial; }
	#zimmersuche span.headline			{ font:12px Arial; font-weight:bold; margin:0; }
	#zimmersuche span					{ font-weight:normal; margin:3px 0 0; display: block; }
	#bp_alterkind1,
	#bp_alterkind2,
	#bp_alterkind3						{ margin: 0px 0px 15px 0px; }
	select.input_small 					{ width:53px; }
	select.input_long 					{ width:165px; }
	#zimmersuche select, 
	#zimmersuche input 					{ font-size:11px; }
	#zimmersuche span.label 			{ float: none; display: block; }
	#zimmersuche a.weiter 				{ font-size: 12px; float: left; display: inline; }
	#zimmersuche a.weiterrechts			{ float: right; display: inline; }
	

/* Unten _________________________________________________________ */

	#unten, #unten-start { clear: both; width: 854px; height: 69px; position: relative; }
	#unten-de { clear: both; width: 854px; height: 282px; position: relative; background: url(/images/de/bg-unten.gif) no-repeat 0px 0px; }
	#unten-it { clear: both; width: 854px; height: 282px; position: relative; background: url(/images/it/bg-unten.gif) no-repeat 0px 0px; }
	#unten-en { clear: both; width: 854px; height: 282px; position: relative; background: url(/images/en/bg-unten.gif) no-repeat 0px 0px; }
	#unten-start-de { clear: both; width: 854px; height: 282px; position: relative; background: url(/images/de/bg-unten-start.gif) no-repeat 0px 0px; }
	#unten-start-it { clear: both; width: 854px; height: 282px; position: relative; background: url(/images/it/bg-unten-start.gif) no-repeat 0px 0px; }
	#unten-start-en { clear: both; width: 854px; height: 282px; position: relative; background: url(/images/en/bg-unten-start.gif) no-repeat 0px 0px; }
	
	#unten-de address, 
	#unten-it address, 
	#unten-en address, 
	#unten-start-de address, 
	#unten-start-it address, 
	#unten-start-en address { padding: 97px 0px 0px 0px; display: block; font-style: normal; margin: 0px 88px 0px 0px; float: left; display: inline; width: 270px; overflow: hidden; margin: 0px 0px 0px 44px; }
	#unten-de address span, 
	#unten-it address span, 
	#unten-en address span, 
	#unten-start-de address span, 
	#unten-start-it address span, 
	#unten-start-en address span  { margin: 0px 0px 7px 0px; display: block; color: #FFFFFF; }
	#unten address a, #unten-start address a { color: #E6E6E6; }
	#unten address a:hover, #unten-start address a:hover { color: #fff; }	
	
	div.newsletter { float: left; display: inline; padding: 97px 0px 0px 0px; width: 250px; color: #FFFFFF; margin: 0px 30px 0px 0px; }
	div.wetter { float: left; display: inline; padding: 93px 0px 0px 0px; width: 240px; color: #FFFFFF; }
	div.schnappschusse b { display: block; margin: 0px 0px 5px 0px; }
	
	div.newsletter input { color: #636766; }
	div.newsletter input.email { width: 239px; margin: 0px 0px 5px 0px; }
	div.newsletter input.vorname { float: left; display: inline; margin: 0px 5px 5px 0px; width: 116px; }
	div.newsletter input.nachname { float: left; display: inline; margin: 0px 0px 5px 0px; width: 118px; }
	
	div.newsletter a.abonnieren { float: right; display: inline; color: #FFFFFF; line-height: 20px; margin: 0px 13px 0px 0px; text-transform: lowercase; }
	div.newsletter a.abonnieren span.links { float: left; display: inline; background: url(/images/design/bg-abonnieren-links.gif) no-repeat 0px 0px; width: 7px; height: 20px; }
	div.newsletter a.abonnieren span.mitte { padding: 0px 15px 0px 16px; float: left; display: inline; background: url(/images/design/bg-abonnieren.gif) repeat-x 0px 0px; height: 20px; }
	div.newsletter a.abonnieren span.rechts { float: left; display: inline; background: url(/images/design/bg-abonnieren-rechts.gif) no-repeat 0px 0px; width: 6px; height: 20px; }
	
	div.copyright { margin: 15px 0px 0px 20px; font-size: 11px; padding: 0px 0px 20px 0px; }
	div.copyright a { color: #636766; }
	
	#unten p, #unten-start p { position: absolute; left: 30px; top: 48px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #000; font-size: 9px; }
	#unten p a, #unten-start p a { color: #000; }
	#unten p a:hover, #unten-start p a:hover { color: #C27414; }
	
	#wetter { font-size: 11px; margin: 0px 0px 20px 0px; }
	#wetter td { line-height: 14px; padding: 0px 10px 0px 0px; }
	#wetter a { font-size: 11px; color: #FFFFFF; font-weight: bold; }
	#wetter a:hover {  }

	

	
/* Footer ________________________________________________________________ */
	
	div.footernavigation 						{ font-size: 9px; position: absolute; left: 30px; bottom: -15px; width: 800px; }
	div.footernavigation ul 					{ list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.footernavigation li 					{ color: #000000; float: left; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; white-space: nowrap; }
	div.footernavigation a 						{ border-right: solid 1px #636766; color: #636766; padding: 0px 10px 0px 0px; }
	div.footernavigation a:hover 				{ color: #636766; }
	
	
	
/* 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%; display: block; }
	#prevLink									{ background: url(/images/lightbox/prev.gif) left 15% no-repeat; left: 0; float: left; }
	#nextLink									{ background: url(/images/lightbox/next.gif) right 15% no-repeat; right: 0; float: right; }
	#prevLink:hover, #prevLink:visited:hover	{ background: url(/images/lightbox/prev.gif) left 15% no-repeat; }
	#nextLink:hover, #nextLink:visited:hover	{ background: url(/images/lightbox/next.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 #bottomNav						{ height: 40px; }
	#imageData #bottomNavClose					{ width: 26px; float: right;  padding-bottom: 0.4em; }

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


/* Ende __________________________________________________________*/