/* Grundeinstellungen ____________________________________________*/

	body, table {color: #000000; font-family: Verdana, Helvetica, Arial, Sans-serif; font-size: 12px; line-height: 17px;}
	body { background: #FFFFFF; margin: 0px; padding: 0px; text-align: center; }
	table {border: 0px; border-collapse: collapse; }
	form { margin: 0px; padding: 0px; }
	a {color: #000; text-decoration: none; }
	a:hover { color: #000; }
	a img { border: 0px; }
	ul {margin: 0px; padding:0px; list-style-type: none;}

	a.weiter {background: url(/images/design/bg-weiter-1.gif) no-repeat left center; color: #01256F; font-size: 11px; padding: 6px 0px 6px 9px; line-height: 23px; font-weight: normal !important;}
	a.weiter:hover {color: #000;}
	a.weiter span {background: url(/images/design/bg-weiter-2.gif) no-repeat right center; padding: 6px 25px 6px 4px; color: #01256F;}
	
	a.zuruck {background: url(/images/design/bg-zurueck-1.gif) no-repeat right center; color: #01256F; font-size: 11px; padding: 6px 9px 6px 0px; line-height: 23px; font-weight: normal !important;}
	a.zuruck:hover {color: #000;}
	a.zuruck span {background: url(/images/design/bg-zurueck-2.gif) no-repeat left center; padding: 6px 4px 6px 25px;}
	
	a.seite {background: url(/images/design/bg-weiter-1.gif) no-repeat left center; color: #01256F; font-size: 11px; padding: 6px 0px 6px 9px; line-height: 23px; font-weight: normal !important;}
	a.seite:hover {color: #000;}
	a.seite span {background: url(/images/design/bg-seite-2.gif) no-repeat right center; padding: 6px 9px 6px 4px;}
	
	.img {border: 1px solid #BB8142;}
	img.links {float: left; margin: 5px 10px 10px 0px; border: 1px solid #BB8142;}
	img.rechts {float: right; margin: 5px 0px 15px 15px; border: 1px solid #BB8142;}
	p.rechts, p.textrechts { text-align: right; }
	



/* Head __________________________________________________________*/

	#logo-winklerhotels {position: absolute; top: 0px; left: 24px;}
	#logo-hotels {position: absolute; top: 36px; left: 210px;}
	#logo-hotels td {padding: 0 10px;}
	
	#flash {position: absolute; top: 179px; left: 0px;}
	
	#anfrage {position: absolute; top: 157px; left: 752px;}
	#anfrage h2 {padding: 0; margin: 0 0 14px 0; font-size: 12px; color: #fff;}
	#anfrage p {padding: 0; margin: 0 0 8px 0; font-size: 11px; line-height: 12px;}
	#anfrage strong {font-size: 11px;}
	#anfrage select {margin: 0px 0 4px 0; font-size: 11px;}
	#anfrage a {background: url(/images/design/bg-anfrage-1.gif) no-repeat left center; color: #01256F; font-size: 11px; padding: 9px 0px 9px 11px; line-height: 27px; font-weight: bold;}
	#anfrage a:hover { color: #000;}
	#anfrage span {background: url(/images/design/bg-anfrage-2.gif) no-repeat right center; padding: 9px 25px 9px 0px;}
	
	#saison {position: absolute; top: 130px; right: 16px; color: #917B62; font-size: 10px;}
	#saison a {color: #01256F;}
	#saison a:hover {color: #000;}
	
	#home {position: absolute; top: 130px; right: 146px; color: #917B62; font-size: 10px;}
	#home a {color: #01256F;}
	#home a:hover {color: #000;}
	
	#m-hotels {position: absolute; top: 152px; left: 210px;}
	#m-hotels td {}
	#m-hotels ul {display: none; position: absolute; top: 27px; background: #F2D496; padding: 12px; margin: 0; width: 160px; min-width: 160px; max-width: 160px;}	
	#m-hotels li {background: url(/images/design/bg-hotels-li.gif) no-repeat left 5px; padding: 0 0 0 12px; margin: 0 0 2px 0;  text-align: left;}	
	#m-hotels li a {color: #000;}
	#m-hotels li a:hover {color: #234C9C;}
	#m-hotels li a.aktiv {color: #234C9C !important;}
	a.m-hotels-tk  {display: block; padding: 0 30px; height: 26px; line-height: 26px; color: #000;}
	a.m-hotels-tk:hover {background: #BC7F2F;}
	
	#m-allgemein {position: absolute; top: 387px; left: 14px;}
	#m-allgemein td {}
	#m-allgemein ul {display: none; position: absolute; bottom: 27px; background: #234C9C; padding: 12px; margin: 0; width: 160px; min-width: 160px; max-width: 160px;}	
	#m-allgemein li {background: url(/images/design/bg-allgemein-li.gif) no-repeat left 5px; padding: 0 0 0 12px; margin: 0 0 2px 0;  text-align: left;}	
	#m-allgemein li a {color: #fff;}
	#m-allgemein li a:hover {color: #D8E2FD;}
	#m-allgemein li a.aktiv {color: #D8E2FD !important;}
	
	a.m-allgemein-tk  {display: block; padding: 0 18px; height: 27px; line-height: 27px; color: #fff;}
	a.m-allgemein-tk:hover {background: #375FAC; color: #fff;}





/* Left __________________________________________________________*/		
		
	#m-left {margin: 28px 0 0 14px;}
	#m-left h2 {font-size: 15px; color: #234C9C; margin: 0 0 6px 0; padding: 0;}
	#m-left li {background: url(/images/design/bg-m-left.gif) no-repeat left 5px; padding: 0 0 0 12px; margin: 0 0 2px 0;}
	#m-left a {color: #000;}
	#m-left a:hover {color: #234C9C;}
	#m-left a.aktiv {color: #234C9C !important;}
	
	#angebot {position: relative; margin: 30px 0; height: 168px; width: 211px;}
	#angebot h2 {color: #C48643; margin: 0 24px 6px 20px; padding: 16px 0 0 0; font-size: 12px;}
	#angebot h3 {color: #C89E25; margin: 0 24px 0 20px; padding: 0; font-size: 12px; line-height: 16px;}
	#angebot p {margin: 0 24px 6px 20px; padding: 0; font-size: 11px; line-height: 14px;}
	#angebot strong {font-weight: bold; font-size: 12px;}
	#angebot a {position: absolute; top: 8px; right: 18px; background: url(/images/design/bg-angebot-mehr-1.gif) no-repeat left center; color: #01256F; font-size: 11px; padding: 9px 0px 9px 11px;}
	#angebot a:hover { color: #000;}
	#angebot span {background: url(/images/design/bg-angebot-mehr-2.gif) no-repeat right center; padding: 9px 25px 9px 0px;}
	.orange {color: #C89E25;}
	
	#kontakt {margin: 30px 0;}
	#kontakt h2 {margin: 0; padding: 4px 14px; background: #D19D56; font-size: 12px; color: #01256F;}
	#kontakt img {margin: 0 0 2px 0;}
	#kontakt p {margin: 4px 14px; padding: 0; color: #01256F; font-size: 11px; line-height: 14px;}
	#kontakt a {color: #01256F;}
	#kontakt a:hover {color: #000;}




/* Center __________________________________________________________*/

	#content h1, #content-start h1 {color: #234C9C; font-size: 16px; margin: 0 0 12px 0; padding: 0; font-weight: normal; text-transform: uppercase;}
	#content h2, #content-start h2 {color: #234C9C; font-size: 12px; margin: 0 0 4px 0; padding: 4px 10px; background: #D8E2FD;}
	h1.startseite {color: #234C9C; font-size: 12px !important; margin: 0 0 4px 0; padding: 4px 10px !important; background: #D8E2FD;}
	#content h3, #content-start h3 {color: #234C9C; font-size: 12px; margin: 0; padding: 0;}
	#content h4, #content-start h4 {color: #234C9C; font-size: 11px; margin: 0 0 4px 0; padding: 2px 10px; background: #D8E2FD;}
	#content p, #content-start p {margin: 0 0 20px 0; padding: 0; font-size: 12px;}
	#content ul, #content-start ul {margin: 0 0 20px 0;}
	#content li, #content-start li {background: url(/images/design/bg-content-li.gif) no-repeat left 6px; padding: 0 0 2px 12px;}	
	#content a, #content-start a {color: #234C9C; font-weight: bold;}
	#content a:hover, #content-start a:hover {color: #000;}

	
	
	
/* Center Startseite Winklerhotels __________________________________________________________*/

	#center-start {float: left; width: 751px; background: url(/images/design/bg-center-start.gif) repeat-x;}
		#content-start {margin: 29px 0 0 29px;}
		#content-start td {vertical-align: top;}
	



/* Right __________________________________________________________*/			

	#sprache {margin: 18px 14px 12px 0; padding: 0; color: #917B62; font-size: 10px; text-align: right;}
	#sprache a {color: #234C9C;}
	#sprache a:hover {color: #000;}
	
	#ihrurlaub {margin: 0 0 0 42px; height: 131px;}
	#ihrurlaub h2 {padding: 12px 0 4px 20px; margin: 0; font-size: 12px; color: #234C9C;}
	#ihrurlaub li {background: url(/images/design/bg-ihrurlaub-li.gif) no-repeat left 5px; padding: 0 40px 0 10px; margin: 0 0 0 20px;}
	#ihrurlaub a {color: #000;}
	#ihrurlaub a:hover {color: #234C9C;}
	
	#wetter {position: relative; height: 134px; margin: 0 0 0 42px; background: url(/images/design/bg-wetter.gif) repeat-y bottom left;}
	#wetter h2 {position: absolute; top: 14px; left: 20px; margin: 0; padding: 0; font-size: 12px; color: #234C9C;}
	#wetter a {position: absolute; top: 14px; right: 16px;}
	.wetter-prognose {position: absolute; top: 40px; left: 20px; width: 136px;}
	.wetter-prognose p {margin: 0 0 10px 0; padding: 0;}
	.wetter-prognose span {font-size: 11px;}
	
	#wochenprogramm {margin: 0 0 0 43px;}
	
	#allgemeineinfos {margin: 0 0 0 42px;}
	#allgemeineinfos h2 {padding: 12px 0 10px 20px; margin: 0; font-size: 12px; color: #234C9C;}
	#allgemeineinfos ul {padding: 0 0 10px 0;}
	#allgemeineinfos li {background: url(/images/design/bg-ihrurlaub-li.gif) no-repeat left 5px; padding: 0 0 0 10px; margin: 0 0 0 20px;}
	#allgemeineinfos a {color: #000;}
	#allgemeineinfos a:hover {color: #234C9C;}
	
	#clicktopay {margin: 0 0 0 42px; height: 89px; background: url(/images/design/bg-clicktopay.gif) no-repeat;}
	#clicktopay p {margin: 0; padding: 14px 0 0 16px; font-size: 12px; color: #234C9C; font-weight: bold; line-height: 16px;}





/* Footer __________________________________________________________*/

	#footer table {position: absolute; top: 25px; left: 0px;}
	#footer td {width: 119px; vertical-align: top;}
	#footer p {position: absolute; top: 140px; right: 6px; font-size: 9px; color: #969696;}
	#footer a {color: #969696;}
	#footer a:hover {color: #000;}
	
	.box-hotels {background: url(/images/design/bg-footer-m-winklerhotels.gif) no-repeat; width: 113px; height: 33px; font-size: 10px; color: #000;}
	.box-allgemein {background: url(/images/design/bg-footer-m-allgemein.gif) no-repeat; width: 113px; height: 33px; font-size: 10px; color: #000;}
	.box-hotels span, .box-allgemein span {display: block; height: 33px; padding: 0 0 0 4px;}
	.box-hotels a, .box-allgemein a {color: #000 !important; cursor: hand;}
	
	



/* Dynamisch _____________________________________________________*/

	.umblattern { float: right; margin: 0px 0px 0px 0px; }
	.umblattern a, .umblattern span { margin: 0px 2px 0px 2px; color: #BA802E !important; }
	.umblattern span { font-weight: bold; color: #000 !important; }
	.umblattern a:hover { color: #000000; }
	
	.aufzahlung {float: left; margin: 0px 0px 16px 0px; line-height: 14px; color: #BA802E;}
	
	.liste {margin: 0px 0px 28px 0px;}
	.liste p {margin: 0 0 10px 0 !important;}
	.liste , .navi { position: relative; clear: both; width: 494px;}
	
	.navi { height: 16px; margin: 0px 0px 16px 0px; }
	.navi a.weiter { position: absolute; right: 0px; top: -3px; }
	.navi a.zuruck { position: absolute; left: 0px; top: -3px; }




/* Bilder & Fotogalerie __________________________________________*/

	.bilder {border-top: 1px solid #D0BBA6; border-bottom: 1px solid #D0BBA6; background: #FAF6F3; margin: 20px 0; text-align: center; padding: 12px 0;}
	.bilder table {width: 480px;}
	.bilder p {margin: 0 !important; padding: 0 6px 0 0 !important; line-height: 14px; font-size: 9px !important; text-align: right; color: #BC8E53;}
	.bilder img { margin: 0 0 0 2px; border: 1px solid #BB8142;}
	
	.fotogalerierahmen {border-top: 1px solid #D0BBA6; border-bottom: 1px solid #D0BBA6; background: #FAF6F3; margin: 0px 0px 16px 0px;  padding: 0 0 12px 0;}
	.fotogalerie { overflow: hidden; padding: 12px 0px 0px 12px; white-space: nowrap; width: 480px; }
	.fotogalerie img { margin: 0px 4px 4px 0px; }

	.navipopup { position: relative; clear: both; height: 16px; margin: 0px 0px 16px 0px; }




/* Anfrageformular _______________________________________________*/

	.formular {border: 0px; margin: 0px 0px 16px 0px; }
	.formular col { width: 180px; }
	.formular th { color: #000000; font-size: 11px; text-align: left; }
	.formular td { color: #000000; font-size: 11px; padding: 3px 0px; vertical-align: middle; }
	.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 .standard { height: 18px; width: 314px; }
	.formular .behandlung { height: 18px; width: 244px; margin: 0px 2px 0px 0px; }
	.formular .termin { height: 18px; width: 80px; margin: 0px 2px 0px 0px; }
	.formular .uhrzeit { height: 18px; width: 80px; margin: 0px 2px 0px 0px; }
	.formular .anzahl { height: 18px; width: 40px; }
	.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: 314px; }
	.formular .oben { padding: 3px 0px 0px 0px; vertical-align: top; }
	#erwachsene-kinder td {width: 46px;}


/* 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: 30%; padding: 10px 0px 10px 0px; }
	.wetter .blau, #wetter .blau { color: #0055CC; }
	.wetter .rot, #wetter .rot { color: #BB2200; }




/* Sonstiges __________________________________________________________*/	

	
	.info-text {border-top: 1px solid #D0BBA6; border-bottom: 1px solid #D0BBA6; background: #FAF6F3; padding: 10px !important; margin: 30px 0 30px 0 !important;}
	
	.wellnessanlage li {background: none !important; padding: 0 0 2px 0 !important;}

	.anwendungen li {background: url(/images/design/bg-content-li.gif) no-repeat left 9px !important;}
	.anwendungen {width: 480px;}
	.anwendungen td {line-height: 11px !important;}
	
	.info {border-top: 1px solid #D0BBA6; border-bottom: 1px solid #D0BBA6; background: #FAF6F3; padding: 10px; margin: 0 0 6px 0;}
	.info td {font-size: 11px; color: #633B00; padding: 0 20px 0 0; height: 21px;}
	.info span {color: #C69E24; font-size: 12px;}
	
	.box {border-top: 1px solid #D0BBA6; border-bottom: 1px solid #D0BBA6; background: #FAF6F3; padding: 10px;  margin: 0 0 16px 0;}
	.box p {color: #633B00 !important; margin: 0 !important;}
	.box a {color: #C69E24 !important;}
	
	.angebote-liste {margin: 0 0 8px 0;}
	.angebote-liste td {font-size: 11px; color: #633B00; padding: 0 20px 0 0;}
	.angebote-liste span {color: #C69E24; font-size: 12px;}

	.liste-winklerhotels li {font-size: 11px !important; padding-bottom: 10px !important;}
	.liste-winklerhotels span {color: #C69E24; font-size: 12px;}
	.liste-winklerhotels table {width: 482px;}
	.liste-winklerhotels td {font-size: 11px; color: #633B00;}
	
	.liste-winklerhotels-fotogalerie li {font-size: 11px !important; padding-bottom: 2px !important; background: url(/images/design/bg-content-li.gif) no-repeat left 10px !important;}
	.liste-winklerhotels-fotogalerie h3 {display: inline;}
	.liste-winklerhotels-fotogalerie table {width: 482px;}
	.liste-winklerhotels-fotogalerie td {font-size: 11px; color: #633B00;}
	
	.liste-winklerhotels-zimmer li {font-size: 11px !important; padding-bottom: 2px !important; background: url(/images/design/bg-content-li.gif) no-repeat left 10px !important;}
	.liste-winklerhotels-fotogalerie table {width: 482px;}
	.liste-winklerhotels-fotogalerie td {font-size: 11px; color: #633B00;}

	.angebote-start {border: 1px solid #BE884E; padding: 10px 10px 0 10px;}
	.angebote-start li {padding-bottom: 4px !important;}
	.angebote-start table {width: 200px;}
	.angebote-start td {font-size: 11px;}
	.angebote-start span {color: #C69E24; font-size: 12px;}
	
	.start {clear: both; margin: 18px 0 0 0;}
	.start td {vertical-align: top;}
	
	.teaser-start {border: 1px solid #BE884E; padding: 10px;}
	.teaser-start strong {color: #234C9C; font-size: 12px; margin: 0 0 12px 0; padding: 0; display: block;}
	
	.skipasspreise {width: 492px;}
	.skipasspreise th {font-size: 10px; padding: 4px 0; color: #000; font-weight: normal; border-top: 1px solid #E8CC9D; border-bottom: 1px solid #E8CC9D; background: #FAF6F3; vertical-align: top;}
	.skipasspreise td {padding: 6px 4px; border-bottom: 1px solid #C1DCE3; vertical-align: top; font-size: 11px;}
	.skipasspreise-ort {font-size: 10px !important; font-weight: bold;}
	
	
/* Golf __________________________________________________________*/

	#golfkarte { position: relative; margin: 0px 0px 16px 0px; text-align: center; }
	
	.golfinfo {background: #F9F3EA; border: 1px solid #BE884E; position: absolute; display: none;}
	.golfinfo table {width: 260px; margin: 10px;}
	.golfinfo th {color: #234C9C; text-align: left; padding: 0; }
	.golfinfo td {padding: 2px 0px !important; font-size: 11px;}
	.golfinfo col { width: 120px; }

	#petersberg { left: 130px; top: 280px; }
	#passeier { left: 0px; top: -280px; }
	#karersee { left: 220px; top: 250px; }
	#altabadia { left: 130px; top: -190px; }
	#lana { left: 0px; top: -190px; }
	#pustertal { left: 130px; top: -140px; }
	#kastelruth { left: 100px; top: -100px; }
	
	.ortsangaben { font-size: 10px; color: #000000; position: absolute; }
	#meran { left: 162px; top: 140px; }
	#bozen { left: 160px; top: 218px; }
	#sterzing { left: 187px; top: 80px; }
	#bruneck { left: 360px; top: 123px; }
	#brixen { left: 280px; top: 138px; }
	
	.radius { font-size: 10px; color: #C69E24; position: absolute; }
	#km25 { left: 334px; top: 95px; }
	#km50 { left: 334px; top: 60px; }
	#km75 { left: 334px; top: 25px; }
	
	
	
	
/* ZimmerPreise __________________________________________________________*/	

	.zimmer-bild {float: left; margin: 5px 10px 0px 0px; }
	.zimmer-bild img { margin: 0px 0px 10px 0px; }
	
	.preise { clear: both; }
	.preise h6 {padding: 4px 10px; font-size: 11px; color: #234C9C; margin: 0px 0px 0px 0px; }
	.preise table {width: 492px;}
	.preise th {font-size: 10px; padding: 4px 0; color: #000; font-weight: normal; border-top: 1px solid #E8CC9D; border-bottom: 1px solid #E8CC9D; background: #FAF6F3;}
	.preise td {padding: 4px 10px; border-bottom: 1px solid #C1DCE3; vertical-align: top; font-size: 11px;}
	.preise strong {font-weight: bold;}
	.preise-zahl {color: #C69E24; font-size: 12px; text-align: right;}
	.preise-weiter {margin: 4px 0 20px 0 !important; text-align: right;}
	

/* AngeboteTeaser __________________________________________________________*/

	.angebote-teaser { width: 492px; margin: 0px 0px 30px 0px; }
	.angebote-teaser td { vertical-align: top; }
	.angebote-teaser .hintergrund { background: url(/images/design/bg-angebote-teaser.gif) repeat-y 1px bottom; }
	
	.angebote-teaser h2 { margin: 0px 0px 0px 0px !important; }
	.angebote-teaser .bild { margin: 0px 0px 0px 1px; }
	.angebote-teaser .zeitraeume { border-top: 1px solid #D8E2FD; background: #F5F8FF; padding: 8px 10px 8px 10px; text-align: center; font-size: 11px; margin: 0px 1px 0px 1px; }
	.angebote-teaser .beschreibung { border-top: 1px solid #D8E2FD; padding: 8px 10px 8px 10px; font-size: 11px; }
	.angebote-teaser .beschreibung p { font-size: 11px !important; }
	.angebote-teaser .preisinfo { margin: 10px 0px 0px 0px; font-size: 9px; line-height: 12px; }
	
	br.clear													{ clear: both; line-height: 0px; font-size: 0px; height: 0px; }