/* Grundeinstellungen ____________________________________________ */

	body, table { color: #000000; font-family: Verdana, Helvetica, Arial, Sans-serif; font-size: 11px; line-height: 16px; }
	body { background: url(/images/design/bg-all.gif) repeat-x #FFFFFF; margin: 0px; padding: 0px; }
	table { border: 0px; border-collapse: collapse; }
	form { margin: 0px; padding: 0px; }
	a { color: #000000; text-decoration: none; }
	a:hover { color: #CC0000; }
	a img { border: 0px; }


/* Oben __________________________________________________________ */

	#logo-suedtirol { position: absolute; left: 25px; top: 14px; }

	#information { font-size: 12px; position: absolute; right: 0px; top: 20px; }
	#information td { background: url(/images/design/bg-info.gif) repeat-y 0px 0px; height: 50%; padding: 2px 0px 3px 0px; vertical-align: bottom; }
	#information a { color: #FFFFFF; margin: 0px 10px 0px 0px; }
	#information img { margin: 0px 0px 0px 10px; }
	
	#navigation { font-size: 12px; font-weight: bold; position: absolute; left: 317px; top: 70px; z-index: 7; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 660px; }
	#navigation li { float: left; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 165px; }
	#navigation li a { display: block; min-height: 39px; _height: 39px; line-height: 39px; text-align: center; }
	#navigation li a:hover { color: #000000; }
	
	#navigation ul { display: none; font-weight: normal; list-style-type: none; margin: 0px 0px 0px 0px; padding: 5px 0px 17px 0px; position: absolute; left: 0px; top: 39px; width: 165px; }
	#navigation ul li { display: block; float: none; margin: 0px 11px 0px 11px; padding: 0px 0px 0px 0px; width: 141px; }
	#navigation ul li.aktiv { font-weight: bold; }
	#navigation ul li a { background: url(/images/design/bg-li-links.gif) repeat-x left bottom; display: block; float: none; min-height: 18px; _height: 18px; line-height: 18px; padding: 2px 3px 4px 5px; text-align: left; }
	

	
/* Links _________________________________________________________ */

	#mainmenu ul { font-size: 12px; list-style-type: none; margin: 14px 0px 0px 11px; padding: 0px 0px 1px 0px; width: 153px; }
	#mainmenu ul li { background: url(/images/design/bg-li-links.gif) repeat-x left bottom; margin: 0px 0px 0px 0px; padding: 3px 0px 3px 0px; }
	#mainmenu ul li { background-color: transparent !important; }
	#mainmenu ul li a { display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 13px; }
	#mainmenu ul li a:hover { color: #888888; }
	#mainmenu ul li.aktiv a { font-weight: bold; }
	
	#links .infos img { margin: 0px 0px 10px 0px; }

	#menu { background: #FFE99D; margin: 0px 0px 10px 0px; padding: 10px 0px 12px 0px; }
	#menu ul { background: url(/images/design/bg-li-links.gif) repeat-x left bottom; font-size: 12px; list-style-type: none; margin: 0px 0px 0px 11px; padding: 0px 0px 1px 0px; width: 153px; }
	#menu ul li { background: url(/images/design/bg-li-links.gif) repeat-x 0px 0px; margin: 0px 0px 0px 0px; padding: 3px 0px 3px 0px; }
	#menu ul li a { background: url(/images/design/bg-a-links.gif) no-repeat 0px 6px; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 13px; }
	#menu ul li a:hover { color: #888888; }
	#menu ul li.aktiv a { font-weight: bold; }



/* Flash _________________________________________________________ */

	#flash { text-align: left; }
	
	

/* Startseite ____________________________________________________ */

	#startbox1 { margin: 0px 0px 10px 0px; }
	#startbox1 td { height: 158px; width: 194px; vertical-align: top; }
	#startbox1 ul, #ihrurlaub ul { list-style-type: none; margin: 28px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	#startbox1 form, #expressanfrage form { margin: 28px 0px 0px 8px; }
	#startbox1 select, #expressanfrage select { font-size: 9px; height: 16px; margin: 0px 5px 0px 0px;  }
	
	#startbox2 td { height: 169px; padding: 0px 0px 0px 0px; vertical-align: top; }
	
	#startbox2 .punktlinie { background: url(/images/design/bg-li-links.gif) repeat-x; line-height: 1px; margin: 3px 0px 7px 0px; }
	
	.innerbox2 { margin: 5px 10px 0px 10px; }
	
	#news p, #angebote p { font-size: 12px; margin: 0px 0px 0px 0px; padding: 0px 0px 8px 0px; }

	#angebote .preis { color: #8B6E08; font-size: 12px; font-weight: bold; margin: 0px 0px 3px 0px; text-align: right; }
	
	#winterspass { text-align: right; width: 186px; }
	#winterspass p { text-align: left; }
	#winterspass a { display: block; font-size: 12px; }
	
	#webcam { margin: 32px 24px 0px 25px; text-align: center; }

	

/* Inhalt ________________________________________________________ */

	#inhalt h5 { font-size: 11px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	#inhalt h6 { font-size: 11px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	#inhalt p { margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; }
	#inhalt ul { list-style-type: none; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; }
	#inhalt ol { margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; }
	#inhalt ol li { margin: 0px 0px 0px 30px; padding: 0px 0px 0px 0px; }


	#Skipasspreis table { border: 0px; border-collapse: collapse;  width: 524px; }
	#Skipasspreis th { padding: 3px 3px 3px 3px; text-align: left; border: 1px solid #B2B2B2; background-color: #D9D9D9;}
	#Skipasspreis td { padding: 3px 3px 3px 3px; border: 1px solid #B2B2B2;}



/* Dynamisch _____________________________________________________ */

	.umblattern { float: right; margin: 0px 0px 0px 0px; }
	.umblattern a, .umblattern span { margin: 0px 2px 0px 2px; }
	.umblattern span { font-weight: bold; }
	.umblattern a:hover { color: #000000; }
	
	.aufzahlung { margin: 0px 0px 16px 0px; }
	
	.liste , .navi, .detail { position: relative; clear: both; padding: 0px 0px 16px 0px; width: 100%; }
	
	.liste { background: url(/images/design/bg-li-links.gif) repeat-x left bottom; margin: 0px 0px 16px 0px; }
	.liste a.weiter { position: absolute; right: 0px; bottom: 7px; line-height: 13px; }
	
	.liste .datum { float: right; font-weight: bold; }
	.liste .zeitraum { padding: 5px 0px 0px 0px; }
	.liste .preis { margin: 0px 0px 7px 0px; }
	
	.detail .datum { position: absolute; right: 0px; top: 0px; }
	
	.navi { height: 16px; margin: 0px 0px 16px 0px; }
	.navi a.weiter { position: absolute; right: 0px; top: -3px; line-height: 13px; }
	.navi a.zuruck { position: absolute; left: 0px; top: -3px; line-height: 13px; }
	
	.downlinks li a { float: right; }
	
	.veranstaltungen-monat { margin: 0px 0px 20px 0px; }
	.veranstaltungen-monat td { text-align: center; padding: 1px; }
	.veranstaltungen-monat a { display: block !important; width: 124px; background: #FFF0CA; border: 1px solid #FFDC85; padding: 3px 0; }
	.veranstaltungen-monat a:hover { background: #FFDC85; border: 1px solid #FFDC85; color: #EFA200 !important; }
	
	.veranstaltungen { width: 500px; }



/* Angebote ______________________________________________________ */

	.info { background: #FFFFFF; border: solid 1px #AAAAAA; margin: 0px 0px 16px 0px; padding: 8px 12px 12px 14px; }
	.info .zeitraum { margin: 0px 0px 7px 0px; }
	.info .preis { margin: 0px 0px 7px 0px; }
	.info .angebot { margin: 0px 0px 7px 0px; }
	
	.box { background: #FFFFFF; border: solid 1px #AAAAAA; margin: 0px 0px 16px 0px; padding: 8px 12px 12px 14px; }



/* Bilder & Fotogalerie __________________________________________ */

	.bilder { overflow: hidden; margin: 0px 0px 16px 0px; white-space: nowrap; width: 100%; }
	.bilder img { margin: 0px 2px 0px 0px; }
	
	.fotogalerie { float: left; overflow: hidden; margin: 0px 0px 0px 12px; padding: 0px 0px 0px 0px; white-space: nowrap; }
	.fotogalerie img { margin: 0px 9px 10px 0px; }
	
	.navipopup { position: relative; clear: both; height: 16px; margin: 0px 0px 16px 0px; }
	.navipopup a.weiter { position: absolute; right: 30px; top: -3px; }
	.navipopup a.zuruck { position: absolute; left: 30px; top: -3px; }



/* Rechts ________________________________________________________ */

	.skisehen li { background: url(/images/design/bg-li-links.gif) repeat-x left bottom; clear: both; margin: 0px 10px 0px 10px; padding: 10px 0px 0px 0px; _padding: 7px 0px 0px 0px; width: 160px; }
	.skisehen a { background: url(/images/winter/weiter.gif) no-repeat 0px 5px; display: block; padding: 0px 0px 0px 13px; }
	.skisehen img { float: right; margin: 0px 0px 8px 10px; }
	.skisehen object { margin: 0px 0px 10px 0px; }
	
	



/* Navigation ____________________________________________________ */



/* Adressen ______________________________________________________ */

	.adressen { width: 100%; margin: 0px 0px 16px 0px; }
	.adressen td, .adressen th { padding: 7px 5px 7px 5px; vertical-align: top; }
	.adressen td.linie, .adressen th { border-bottom: solid 1px #AAAAAA; }
	
	.adresse { width: 100%; margin: 0px 0px 16px 0px; }
	.adresse td { padding: 0px 10px 0px 0px; vertical-align: top; }
	.adresse img { margin: 5px 0px 0px 0px; }
	.adresse span { color: #888888; }
	
	.verpflegung { margin: 0px 0px 8px 0px; }
	.verpflegung img { margin: 0px 4px 0px 0px; vertical-align: text-bottom; }
	.verpflegung span { margin: 0px 16px 0px 0px; }



/* Unten _________________________________________________________ */

	#skisehen td { text-align: center; height: 80px;}
	#unten .zeppelin { position: absolute; right: 5px; top: 12px; }


/* Anfrageformular _______________________________________________ */

	.formular { border: 0px; margin: 0px 0px 16px 0px; width: 380px; }
	.formular col { width: 160px; }
	.formular th { color: #000000; font-size: 11px; text-align: left; }
	.formular td { color: #000000; font-size: 11px; padding: 3px 0px; }
	.formular select { border: 1px solid #000000; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; }
	.formular .eingabe { border: 1px solid #E8CC9D; color: #888888; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; padding: 1px 3px; }
	.formular .auswahl { border: 1px solid #E8CC9D; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; padding: 1px 3px; }
	.formular .standard { height: 18px; width: 220px; }
	.formular .code { height: 18px; width: 40px; }
	.formular .plz { height: 18px; width: 65px; margin-right: 5px; }
	.formular .ort { height: 18px; width: 150px; }
	.formular .mitteilung { height: 60px; width: 220px; }
	.formular .oben { padding: 3px 0px 0px 0px; vertical-align: top; }
	.formular a:hover { color: #000000; }
	
	.suche { border: 1px solid #E8CC9D; padding: 20px 0px 22px 65px; }



/* Wetter ________________________________________________________ */

	.wetter h3 { font-size: 11px; margin: 0px 0px 3px 0px; }
	.wetter img { display: block; margin: 0 auto; }
	.wetter p { margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; }
	.wetter span {  }
	.wetter .heute, .wetter .morgen { clear: both; display: inline; float: left; margin: 0px 10px 13px 7px; text-align: center; width: 110px; }
	.wetter .vorhersage { float: left; text-align: center; width: 33%; padding: 0px 0px 10px 0px; }
	.wetter .blau, #wetter .blau, .start-wetter .blau { color: #0055CC; }
	.wetter .rot, #wetter .rot, .start-wetter .rot { color: #BB2200; }
	
	#wetter-oben { position: absolute; left: 790px; top: 109px; }
	#wetter-oben .bg-wetter-winter { background: url(/images/winter/bg-wetter.jpg) no-repeat 0px 0px #ACDBFF; width: 187px; height: 187px; }
	#wetter-oben .bg-wetter-sommer { background: url(/images/sommer/bg-wetter.jpg) no-repeat 0px 0px #E3F6D6; width: 187px; height: 187px; }
	.start-wetter { position: absolute; left: 10px; top: 35px; width: 170px; }
	.start-wetter p img { clear: both; float: right; margin: 0px 0px 10px 0px; }
	.start-wetter p { margin: 14px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	.start-wetter a { position: absolute; right: 0px; top: 0px; line-height: 11px; }
	
	#wetter { padding: 30px 10px 10px 10px; position: relative; }
	#wetter a.weiter { position: absolute; right: 10px; top: 30px; line-height: 11px; }
	#wetter p img { float: right; }


/* Sonstiges ______________________________________________________ */

	img.links { float: left; margin: 5px 10px 10px 0px; }
	img.rechts, .bildrechts { float: right; margin: 5px 0px 15px 15px; }
	
	p.rechts, .textrechts { text-align: right; }
	p.mitte, .textmitte { text-align: center; }

	.clearit { clear: both; height: 1px; line-height: 1px; overflow: hidden; }
	.none { display: none; }
	.hidden { visibility: hidden; }
	span.gruen { color: #7BA12D; font-weight: bold; }
	
	#logo-hafling { position: absolute; left: 72px; top: 14px; }
	#logo-hafling img { width: 213px; height: 138px; }
	
	.buchung-flug { margin: 20px 0px 20px 0px; width: 220px; }
	.anreise-linie { border-bottom: 1px dotted #000; margin: 8px 0px 20px 0px; height: 1px; line-height: 1px; }
	
	
	
/* ___________________________________________________________ Ende */