/**************************************************/
/* -- Reset CSS vom YUI | Yahoo User Interface -- */
/*reset.css*/body{color:table#raumplaene th#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

html { overflow: -moz-scrollbars-vertical; }
body { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #50483A; background: #FFF; margin: 0; padding: 0; }

	div#center { position: absolute; left: 50%; top: 50%; width: 848px; height: 498px; border: 1px solid #875b35; margin: -249px 0 0 -424px; }

		/** -- Logo -- **/
		h1 { float: left; width: 211px; height: 120px; margin: 1px 0 0 0; }
			h1 a { display: block; float: right; width: 210px; height: 120px; background: url(/graphics/chalet/logo.gif); }
				h1 a span { display: none; }

		/** -- Slogan -- **/
		div#slogan { position: absolute; left: 213px; top: 1px; width: 422px; height: 120px; }
			div#slogan img { }

		/** -- RandomImg -- **/
		div#randImg { position: absolute; right: 1px; top: 1px; width: 210px; height: 120px; }
			div#randImg img { display: block; width: 210px; height: 120px;  }

		/** -- Navigation -- **/
		ul#navi { clear: left; width: 847px; height: 27px; margin: 0 0 0 1px; }
			ul#navi li { float: left; padding: 2px 2px 0 0; }
			ul#navi li.last { padding: 2px 0 0 0 !important; }
				ul#navi li a { display: block; float: left; width: 104px; height: 23px; background: red; }
				ul#navi li a#chalet				{ background: url(/graphics/chalet/nav/chalet.gif); }
				ul#navi li a#ausstattung		{ background: url(/graphics/chalet/nav/ausstattung.gif); }
				ul#navi li a#bilder				{ background: url(/graphics/chalet/nav/bilder.gif); }
				ul#navi li a#preise				{ background: url(/graphics/chalet/nav/preise.gif); }
				ul#navi li a#veranstaltungen	{ background: url(/graphics/chalet/nav/veranstaltungen.gif); }
				ul#navi li a#wellbeing			{ background: url(/graphics/chalet/nav/wellbeing.gif); }
				ul#navi li a#lage				{ background: url(/graphics/chalet/nav/lage.gif); }
				ul#navi li a#kontakt			{ background: url(/graphics/chalet/nav/kontakt.gif); }
				/* Englisches Menü*/
				ul#navi li a#facilities		{ background: url(/graphics/chalet/nav/facilities.gif); }
				ul#navi li a#pictures				{ background: url(/graphics/chalet/nav/pictures.gif); }
				ul#navi li a#rates				{ background: url(/graphics/chalet/nav/rates.gif); }
				ul#navi li a#events	{ background: url(/graphics/chalet/nav/events.gif); }
				ul#navi li a#location				{ background: url(/graphics/chalet/nav/location.gif); }
				ul#navi li a#contact			{ background: url(/graphics/chalet/nav/contact.gif); }
				/* Over Status */
				ul#navi li a:hover { background-position: 0 -23px !important; }
					/* Invisible */
					ul#navi li a span { display: none; }

		/** -- Content-BG -- **/
		div#contentBg { overflow-x: hidden; overflow-y: auto; float: right; width: 422px; height: 322px; background: #f8efe1; margin: 0 1px 0 0; }

		/** -- Content -- **/
		#content { /*background: yellow; width: 362px;*/ padding: 20px; }
			
			#content h2 { font-size: 16px; font-weight: bold; color: #94784B; line-height: 30px; margin: 0 0 25px 0; }
			#content h3 { font-size: 13px; font-weight: bold; padding: 15px 0 8px 0; }
			#content h4 { font-size: 14px; font-weight: bold; color: #50483A; padding: 15px 0 8px 0; }
			#content h5 { font-size: 13px; font-weight: bold; color: #50483A; padding: 15px 0 8px 0; text-decoration: underline; }
			#content p { margin: 10px 0 18px 0; }

			#content ul {  }
				#content ul li { background: url(/graphics/misc/listItem.gif) no-repeat left 6px; padding: 0 0 5px 15px; }

			#content ol { list-style-type: decimal;  }
				#content ol li { list-style-type: decimal; padding: 0 0 5px 0; }

			#content p a img { padding: 0 20px 10px 0; }

			#content a, #content * a,
			#content a:hover, #content * a:hover { text-decoration: underline; color: #BDA171; }
			
			/* Tabellen allgemein*/
			#content table { font: 11px Verdana, Arial, Helvetica, sans-serif; border: 1px solid #E1D2BB; margin: 10px 0 18px 0; }
				#content table th { color: #94784B; font-weight: bold; vertical-align: top; background: #F2EBE0; padding: 3px 5px; border-bottom: 1px solid #E1D2BB; }
				#content table td { vertical-align: top; padding: 3px 5px;  }
					#content table td.borderTop { border-top: 1px solid #E1D2BB; }
					#content table td.borderBottom { border-bottom: 1px solid #E1D2BB; }

			/* Tabelle mit Kontaktinfos */
			table.kontaktinfo { font: 12px Verdana, Arial, Helvetica, sans-serif !important; border: none !important; margin: -18px 0 18px 0 !important; }
				table.kontaktinfo td { padding: 0 10px 1px 0 !important;  }


		/** -- Context-Image -- **/
		div#contextImg { float: left; width: 423px; height: 324px; background: #FFF; }
			div#contextImg img { padding: 0 0 0 1px; }

		/** -- Footer -- **/
		div#footer { clear: both; width: 846px; height: 25px; background: #EEE2D5 url(/graphics/chalet/footer/adresse.gif) left 0 no-repeat; margin: 0 0 0 1px; }
			div#footer a.mail { display: block; float: left; width: 140px; height: 25px; margin: 0 0 0 600px !important; margin: 0 0 0 300px; }
			div#footer a.print { display: block; float: left; width: 100px; height: 25px; background: url(/graphics/chalet/footer/drucken.gif); margin: 0 0 0 5px; }
			div#footer a.print:hover { background-position: 0 -25px; }

/** -- Allgemeine Formatierungen
/** -- stehen hier am Ende, damit sie von nichts kaskadiert werden können -- **/
strong, b { font-weight: bold; }
u { text-decoration: underline; }
em { font-style: italic; }
.red { color: red; }
.invisible { display: none; }
.clear { clear: left; }
.footnote { font-size:10px;}