@import url(css-all.css);

/* Grundeinstellungen ____________________________________________ */

	div.rahmen 									{ width: 960px; margin: 0 auto; text-align: left; }

	
	
/* Oben __________________________________________________________ */

	div.oben 									{ position: relative; width: 960px; height: 344px; background: url(/images/design/bg-oben.gif) no-repeat 0px 0px; }
		
	#flash										{ position: absolute; left: 0px; top: 0px; }
	
	ul.navigation 								{ font-size: 11px; position: absolute; left: 218px; top: 320px; z-index: 7; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	ul.navigation li 							{ float: left; position: relative; margin: 0px 0px 0px 0px; padding: 0px 16px 0px 20px; background: url(/images/design/bg-navigation-li.gif) no-repeat 0px 8px; }
	ul.navigation li.erstes 					{ background: none; }
	ul.navigation li a 							{ float: left; display: block; color: #FCF8E2; }
	ul.navigation li a:hover 					{ color: #EAE0A4; }
	
	ul.navigation ul 							{ display: none; font-weight: normal; list-style-type: none; margin: 0px 0px 0px 0px; padding: 12px 0px 20px 0px; position: absolute; left: 18px; bottom: 24px; min-width: 160px; _width: 160px; background: #fff; border-left: 1px solid #A89E65; border-right: 1px solid #A89E65; border-top: 1px solid #A89E65; }
	ul.navigation ul li 						{ background: url(/images/design/bg-linie.gif) repeat-x left bottom !important; display: block; float: none; margin: 0px 12px 0px 12px; padding: 3px 0px 3px 0px; }
	ul.navigation ul li.aktiv 					{ font-weight: bold; }
	ul.navigation ul li a 						{ display: block; float: none; color: #7B7136; }
	ul.navigation ul li a:hover 				{ color: #000; }
	ul.navigation ul li.aktiv a					{ color: #000 !important; }
	


	
/* Mitte _________________________________________________________ */

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

	
/* Links _________________________________________________________ */

	div.links 									{ float: left; display: inline; width: 189px; margin: 0px 9px 30px 9px; }
	div.links h4 								{ margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; font-size: 12px; background: url(/images/design/bg-linie.gif) repeat-x 0px 0px; color: #7B7136; }
	div.links h4 span							{ background: url(/images/design/bg-linie.gif) repeat-x 0px bottom; display: block; padding: 0px 0px 5px 0px; }
	
	#logo-vinschgerhof							{ margin: 0px 0px 22px 0px; }

	ul.menu 									{ list-style-type: none; margin: 4px 0px 30px 0px; padding: 0px 0px 0px 0px; }
	ul.menu li 									{ margin: 0px 0px 0px 0px; padding: 0px 0px 1px 0px; }
	ul.menu li a 								{ color: #000; padding: 0px 0px 3px 12px; background: url(/images/design/bg-menu-li.gif) no-repeat 0px 5px; }
	ul.menu li a:hover							{ color: #7B7136; background: url(/images/design/bg-menu-li-2.gif) no-repeat 0px 5px; }
	ul.menu li.aktiv a 							{ font-weight: bold; }	
	
	#newsletter									{ margin: 0px 0px 150px 0px; }
	#newsletter p								{ margin: 6px 0px 6px 0px; padding: 0px 0px 0px 0px; }
	#newsletter input							{ width: 187px; font-size: 10px; margin: 6px 0px 0px 0px; }


/* Inhalt ________________________________________________________ */

	div.inhalt 									{ float: left; display: inline; width: 500px; overflow: hidden; margin: 50px 23px 0px 23px; padding: 0px 0px 40px 0px; }



/* Rechts ________________________________________________________ */

	div.rechts 									{ float: left; display: inline; width: 189px; margin: 0px 9px 30px 9px; }
	div.rechts h4 								{ margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; font-size: 12px; background: url(/images/design/bg-linie.gif) repeat-x 0px 0px; color: #7B7136; }
	div.rechts h4 span							{ background: url(/images/design/bg-linie.gif) repeat-x 0px bottom; display: block; padding: 0px 0px 5px 0px; }
	div.rechts h4.angebot 						{ color: #C83B29; }
	
	#sprache									{ margin: 0px 0px 24px 0px; padding: 24px 0px 0px 0px; color: #000; }
	#sprache a									{ color: #000; background: url(/images/design/bg-menu-li.gif) no-repeat right 5px; padding: 0px 12px 0px 7px; }
	#sprache a:hover							{ color: #7B7136; }
	#sprache .letztes							{ padding: 0px 0px 0px 7px; background: none; }
	
	#angebot									{ margin: 0px 0px 30px 0px; }
	#angebot h5									{ margin: 8px 0px 8px 0px; padding: 0px 0px 0px 0px; font-size: 11px; font-weight: bold; }
	#angebot p									{ margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px; }
	#angebot strong								{ font-size: 14px; font-weight: bold; }												
	#angebot a, #express-anfrage a, #newsletter a						{ background: url(/images/design/bg-weiter-1.gif) #fff no-repeat right 8px; font-size: 11px; color: #7B7136; padding: 3px 18px 3px 8px; line-height: 20px; }
	#angebot a:hover, #express-anfrage a:hover, #newsletter a:hover		{ background: url(/images/design/bg-weiter-2.gif) #A89E65 no-repeat right 8px; color: #fff; }	
	
	#express-anfrage							{ margin: 0px 0px 30px 0px; }
	#express-anfrage form						{ margin: 8px 0px 0px 0px; }
	#express-anfrage p							{ margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px; }
	#express-anfrage select						{ font-size: 10px; }												
	#express-anfrage select.input_small			{ width: 58px; margin: 0px 0px 5px 0px; }												
	#express-anfrage select.input_long			{ width: 180px; margin: 0px 0px 5px 0px; }												
	#express-anfrage a.weiter					{ background-position: right 10px; float: left; display: inline; margin: 5px 0px 0px 0px; padding: 0px 18px 2px 8px; }												
	#express-anfrage a.weiterrechts				{ float: right; display: inline; margin: 5px 10px 0px 0px; }												
	
	

/* Unten _________________________________________________________ */

	div.unten 									{ clear: both; background: url(/images/design/bg-unten.gif) no-repeat 0px 0px; margin: 0px 0px 0px 0px; position: relative; height: 120px; width: 960px; font-size: 10px; line-height: 14px; }
	
	#adresse 									{ position: absolute; left: 9px; top: -126px; }
	#adresse address							{ font-style: normal; color: #000; margin: 0px 0px 8px 0px; }									
	#adresse a									{ color: #000; }
	#adresse a:hover							{ color: #7B7136; }
	
	#footer-tk									{ position: absolute; left: 0px; top: 4px; text-align: center; width: 960px; }
	#footer-tk a								{ color: #000; background: url(/images/design/bg-menu-li.gif) no-repeat right 5px; padding: 0px 16px 0px 6px; }
	#footer-tk a:hover							{ color: #7B7136; }
	#footer-tk .letztes							{ padding: 0px 12px 0px 7px; background: none; }
	
	#copyright									{ position: absolute; left: 9px; top: 30px; z-index: 1; color: #9D9D9D; }
	#copyright a								{ color: #9D9D9D; }
	#copyright a:hover							{ color: #7B7136; }
	
	#zeppelin									{ position: absolute; right: 9px; top: 30px; color: #9D9D9D; }
	#zeppelin a									{ color: #9D9D9D; }
	#zeppelin a:hover							{ color: #7B7136; }
	
	#banner										{ position: absolute; left: 0px; top: 40px; text-align: center; width: 960px; }
	#banner img									{ margin: 0px 30px 0px 30px; }
	#banner .letztes							{ margin: 0px 0px 0px 30px; }
	

	
/* 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; }
	#imageContainer img											{ width: auto; }

	#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: fixed; _position: absolute; top: 0px; left: 0px; z-index: 90; width: 100%; height: 500px; background-color: #000000; }
	
	

/* Ende __________________________________________________________*/