


	/*	Grundeinstellungen ---------------------------------------- */
	
	body 															{font-family:Verdana, Arial, Helvetica, Sans-serif; font-size:11px; color: #000; text-align: center; background: url('../../../images/geruest/bg-site-winter.gif') no-repeat center 0px; background-color: #fff; margin: 0; padding:0;}
	body.popup 														{font-family:Verdana, Arial, Helvetica, Sans-serif; font-size:11px; color: #FFFFFF; text-align: left; background: none; background-color: #2CA132; margin: 0; padding: 20px 20px 20px 20px;}
	
	form 															{margin: 0px; padding: 0px; }
	a 																{text-decoration: none;}
	a:hover 														{text-decoration: none;}
	strong															{font-weight: bold; color: #000;}
	
	ul 																{margin: 0px; padding:0px;}
	
	.decimal 														{font-size: 11px; line-height: 15px; margin: 0; list-style-position: outside; padding: 0 0 3px 10px; list-style-type: decimal !important; background: none !important;}

	table 															{border-collapse:collapse;}
	th 																{font-weight: bold; font-size: 11px; text-align: left;}
	td 																{padding: 0px; line-height:15px;}
	
	input {border: 1px solid #CDCDCD; font-size: 11px; color: #000;}
	select {border: 1px solid #CDCDCD; font-size: 11px; color: #000;}
	textarea {border: 1px solid #CDCDCD; width: 308px; font-size: 11px; font-family:Verdana, Arial, Helvetica, Sans-serif; color: #000;}
	
	.img {border: 1px solid #ACACAC;}
	.imgr {float: right; margin: 0 0 10px 10px; border: 1px solid #ACACAC;}
	.imgl {float: left; margin: 0 10px 10px 0; border: 1px solid #ACACAC;}
	
	.wtblue {color: #0099D2; font-size: 10px;}
	.wtred {color: #DD0000; font-size: 10px;}
	.symweath {float: left; margin: 0 8px 8px 0;}
	.weathforecast {width:33%; float: left; text-align: center;}
	
	.boxbreak {width:428px; clear: both; margin: 0 0 16px 0;}
	.boxbreak:after{content: ""; display: block; clear: both; height: 0; visibility: hidden;}
	
	a.button {font-size: 11px; background: url('../../../images/geruest/bg-button.gif') #CDCDCD no-repeat right 0px; padding: 0 24px 0 8px; color: #000 !important; height: 17px;}
	a.button:hover {}
		
	a.button-back {font-size: 11px; background: url('../../../images/geruest/bg-button-back.gif') #CDCDCD no-repeat 0px 0px; padding: 0 8px 0 24px; color: #000 !important; height: 17px;}
	a.button-back:hover {}
		
	a.button-backtolist { color: #4098EB; margin: 20px 0px 0px 0px; float: left; }
	a.button-backtolist:hover { color: #2477C5; }
	
	a.button-print {font-size: 11px; background: url('../../../images/geruest/bg-print.gif') #CDCDCD no-repeat right 0px; padding: 0 26px 0 8px; color: #000 !important; height: 17px;}
	a.button-print:hover {}
	
	a.button-inside { color: #4098EB; }
	a.button-inside:hover { color: #2477C5; }
	
	a.mnActive {color: #2477C5 !important; background: url('../../../images/geruest/bg-submn-active-winter.gif') no-repeat 8px 3px !important;}
	a.mnActive:hover {color: #2477C5 !important; background: url('../../../images/geruest/bg-submn-active-winter.gif') no-repeat 8px 3px;}
	
	.pagesActive {font-size: 10px; line-height: 16px; height: 17px; width: 20px; float: left; margin: 0 4px 0 0; font-weight: bold !important; text-align: center; background: #fff; border: solid 1px #8AC5FF; color: #000;}
	a.pages  {color:#000 !important; font-size: 10px !important;  line-height: 16px; height: 17px; width: 20px; float: left; margin: 0 4px 0 0; text-align: center; background: #D9EBFF; border: solid 1px #8AC5FF;}
	a.pages:hover {background: #C5E3FF;}
	
	div.clearit { clear: both; height: 1px; line-height: 1px; overflow: hidden; }
	div.clear, br.clear		{ clear: both; _display: none; line-height: 1px; height: 0px; overflow: hidden; }
	
	table#cptabelle tr td { line-height: 26px; height: 26px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	table#cptabelle tr td p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	
	div.bilderreiten img { border: 1px solid #ACACAC; margin: 0px 0px 5px 0px; }
	div.bilderreiten { float: left; display: inline; width: 205px; }
	
	div#content div.liste 									{ float: left; width: 428px; margin: 0px 0px 20px 0px; }
	div#content div.liste a.listeweiter 					{ color: #4098EB; float: right; }
	div#content div.liste a.listeweiter:hover 				{ color: #2477C5; }
	
	div#content div.listedetail 							{ width: 428px; margin: 0px 0px 20px 0px; }
	div#content div.listedetail div.editbox 				{ margin: 0px 0px 10px 0px; }
	div#content div.listedetail div.externcode 				{ width: 428px; overflow: hidden; margin: 0px 0px 0px 0px; }


/*	Layout ---------------------------------------- */
	
#container {width:980px; position:relative; text-align: left; margin: 0 auto;}

	#col1 {float: left; width:820px;}
		
		#head {width:820px; height: 346px;}
			#head img {border: 0px;}
			#head select {position: absolute; top: 317px; right: 12px; font-size: 11px; width: 137px;}
			
			#logo-villnoess {position: absolute; top: 33px; left: 3px; z-index: 10;}
			#mn-line-head {position: absolute; top: 61px; left: 125px;}
			#img-top {position: absolute; top: 27px; left: 0px; width: 793px; height: 319px; z-index: 1;}
			
			#mn-home {position: absolute; top: 257px; right: 5px; font-size: 11px; width: 148px; line-height: 13px; margin: 0; padding: 0;}
			#mn-home a {float: left; display: inline; background: url('../../../images/geruest/bg-menuhome.gif') no-repeat 0px 4px; width: 61px; _width: 74px; padding: 0px 0 0 13px; color: #FFFFFF; margin: 0px 0;}
			#mn-home a:hover {color: #000;}
			
			#mn-sprache {position: absolute; top: 5px; right: 38px; font-size: 10px; width: 135px; line-height: 13px; margin: 0; padding: 0;}
			#mn-sprache a {display: inline;background: url('../../../images/geruest/bg-sprache.gif') no-repeat 0px 4px; padding: 0 0 0 14px; color: #0090d7; font-weight: bold; margin: 0px 0px 0px 12px;}
			#mn-sprache a.winter {background: url('../../../images/geruest/bg-menuhome.gif') no-repeat 0px 4px; color: #FFFFFF;}
			#mn-sprache a:hover {color: #000;}
			
			#mn-top {position: absolute; top: 0px; left: 0px; font-size: 11px; width: 793px; height: 27px; line-height: 26px; color: #fff; background: #8AC5FF; padding: 0; margin: 0; overflow: hidden;}
			#mn-top ul {list-style: none; margin: 0; padding: 0;}
			#mn-top li {float: left; width: 99px; background: url('../../../images/geruest/bg-li-mn-top.gif') no-repeat right 8px;}
			#mn-top li.kontakt {width: 100px;}
			#mn-top a {display: block; color: #000; width: 98px; height: 26px; text-align: center;}
			#mn-top a:hover {color: #2477C5; background: #C5E3FF;}
			
			#mnUnserTal, #mnHotelfuehrer, #mnAktivSommer, #mnAktivWinter, #mnWandern, #mnAlpinski, #mnNaturpark, #mnFamilie, #mnGastronomie, #mnKontakt {padding: 10px 0; z-index: 10; top: 27px; width: 180px; background: #D9EBFF;}
			#mn-top-sub {z-index: 4;}
			#mn-top-sub li {margin: 0 0 0 0; padding: 0; list-style-position: outside; list-style-type: none; display: inline;}
			#mn-top-sub a {margin: 0 0 6px 4px; background: url('../../../images/geruest/bg-submn.gif') no-repeat 8px 3px; padding: 0 0 0 24px; color: #000; display: block;}
			#mn-top-sub a:hover {background: url('../../../images/geruest/bg-submn-active-winter.gif') no-repeat 8px 3px; color: #2477C5;}
			
			#mn-saison {position: absolute; top: 317px; left: 54px; z-index: 2; color: #fff; font-size: 11px; margin: 0; padding: 0;}
			#mn-saison {vertical-align: top;}
			
			a.saisonSommer {font-size: 11px; color: #fff; padding: 0 6px!important; height: 19px; line-height: 19px;}
			a.saisonSommer:hover {background: #FFCC00;}			
			a.saisonSommerActive {font-size: 11px; background: #FFCC00; color: #fff; padding: 0 6px!important; height: 19px; line-height: 19px;}
			a.saisonSommerActive:hover {}
			
			a.saisonWinter {font-size: 11px; color: #fff; padding: 0 6px!important; height: 19px; line-height: 19px;}
			a.saisonWinter:hover {background: #8AC5FF;}			
			a.saisonWinterActive {font-size: 11px; background: #8AC5FF; color: #fff; padding: 0 6px!important; height: 19px; line-height: 19px;}
			a.saisonWinterActive:hover {}

		
		#left 									{ width:170px; float:left; }
			#left h1 							{ margin: 20px 0 8px 0; font-size: 12px; color: #000; background: #8AC5FF; padding: 12px 0 4px 7px; }
			#left li 							{ margin: 0 0 4px 0; padding: 1px; list-style-position: outside; list-style-type: none; }
			#left a 							{ background: url('../../../images/geruest/bg-submn.gif') no-repeat 8px 3px; padding: 0 0 0 24px; display: block; color: #000; }
			#left a:hover 						{ background: url('../../../images/geruest/bg-submn-active-winter.gif') no-repeat 8px 3px; color: #2477C5; }
			#left a.facebook 					{ background: transparent; margin: 20px 0px 20px 10px; padding: 0px 0px 0px 0px; }
			#left a.facebook img 				{ border: 0px; }
			#left div.videotitle				{ margin: 30px 0px 0px 10px; font-size: 12px; font-weight: bold; }
			#left a.villnoessvideo 				{ background: transparent; margin: 5px 0px 20px 10px; padding: 0px 0px 0px 0px; }
			#left a.villnoessvideo img 			{ border: 0px; }
			
			#left img.sprechblase {margin: 10px 0 0 0px; border: 0px; width:165px;}
			#left a.sprechblaselink {padding: 0px 0px 0px 0px; background: transparent; color: #ffffff; width:165px;}
			#left a.sprechblaselink:hover { background: transparent; width:165px;}
			
			#adresse {margin: 20px 0 30px 0; padding: 18px; font-size: 10px; color: #4C4C4C; border: 1px solid #ACACAC;}
			#adresse span {display: block; font-style: italic; color: #B6B6B6; margin: 6px 0 0 0;}
			#adresse a {color: #4C4C4C; background: none; padding: 0;}
			#adresse a:hover {background: none; padding: 0;}		
			#adresse strong {font-weight: bold; color: #4C4C4C;}
			
		#center {width:485px; float:left; overflow: hidden;}
		#wider {width:642px; float:left; overflow: hidden;}
		#centerwide {width:642px; float:left; overflow: hidden;}
			#content {margin: 20px 30px 40px 27px;}
			div.contentwide {width: 585px;}
			#content h1 {margin: 0 0 12px 0; padding: 3px 8px; background: #CDCDCD; font-size: 11px;}
			#content h2 {margin: 8px 0 8px 0; padding: 3px 8px; background: #C5E3FF; font-size: 11px;}
			#content h3 {margin: 0 0 2px 0; padding: 0; font-size: 11px; color: #4098EB;}
			#content p {margin: 0 0 12px 0; padding: 0; font-size: 11px; line-height: 15px;}
			#content a {color: #4098EB;}
			#content a:hover {color: #2477C5;}
			#content li {font-size: 11px; line-height: 15px; margin: 0; list-style-position: outside; background: url('../../../images/geruest/bg-li.gif') no-repeat 0px 4px; padding: 0 0 3px 10px; list-style-type: none;}
			#content table {width: 428px; border-spacing:20px !important; margin: 20px 0;}
			#content td {font-size: 11px; padding: 5px 3px; border-bottom: 1px solid #C5E3FF;}
			#content img {border: 0px;}
			
		#right {width:157px; float:left; margin: 0 0 20px 0;overflow: hidden;}
			#right h1 {margin: 10px 20px 0 0; font-size: 12px; color: #fff; background: #8AC5FF; padding: 12px 0 4px 7px;}
			#right p {margin: 0 20px 2px 0; font-size: 11px; background: #C5E3FF; padding: 8px;}
			#right a {display: block; margin: 0 20px 0 0; text-align: right; font-size: 10px; background: url('../../../images/geruest/bg-arrow-green.gif') no-repeat right 3px; padding: 0 12px 4px 0; color: #000;}
			#right a.eisacktalmap {background: transparent; padding: 0px 0px 0px 0px; border: 0px;}
			#right a.eisacktalmap img {border: 0px;}
			#right a:hover {background: url('../../../images/geruest/bg-arrow-green.gif') no-repeat right 3px; color: #2CA031;}
			#partner {margin: 0 0 30px 0; padding: 14px 8px !important; background: none !important; border: 1px solid #CDCDCD; text-align: center;}
			#partner a {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: transparent; text-align: center;}
			#partner a:hover {background: transparent;}
			#weather-bg {margin: 0 20px 2px 0; font-size: 11px; background: #C5E3FF; padding: 8px;}
			.weather-box {margin: 3px 0 8px 0;}
			.weather-box td {font-size: 10px; line-height: 12px; vertical-align: top;}
	
			a.urlaubfinden {background: url('../../../images/geruest/bg-submn-active-winter.gif') no-repeat 8px 3px !important; padding: 0 0 2px 24px !important; color: #000 !important; text-align: left !important; font-size: 11px !important; margin: 0 !important;}
			a.urlaubfinden:hover {color: #2CA031 !important;}
			
		/* Anfrageformular _______________________________________________________ */

			div#container div#content form 														{ margin: 37px 0px 16px 3px; }
			
			div#container div#content form .label												{ float: left; display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
			div#container div#content form .input 												{ float: left; display: inline; _height: 16px; line-height: 14px; color: #888888; border: 1px solid #CDCDCD; margin: 0px 0px 4px 0px; padding: 2px 0px 0px 3px; }
			div#container div#content form .select 												{ float: left; display: inline; height: 16px; line-height: 14px; color: #343434; border: 1px solid #7F9DB9; margin: 0px 0px 4px 0px; padding: 2px 0px 0px 0px; }
			div#container div#content form .textarea											{ float: left; display: inline; height: 71px; color: #888888; border: 1px solid #CDCDCD; margin: 1px 0px 4px 0px; padding: 0px 0px 0px 3px; }
			div#container div#content form .checkbox											{ float: left; display: inline; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 0px; }
			div#container div#content form .radio												{ float: left; display: inline; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 0px; }
			div#container div#content form .file												{ float: left; display: inline; height: 19px; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 3px; }
			
			div#container div#content form .aktiv 												{ color: #343434; border: 1px solid #7F9DB9; }
			div#container div#content form .fehler 												{ color: #FF0000; border: 1px solid #FF0000; }
			div#container div#content form p.fehler 											{ color: #FF0000; border: 0px; margin: 4px 0px 10px 0px; padding: 0px 0px 0px 0px; }
			div#container div#content form .fehlermeldung 										{ color: #FF0000; border: 0px; }
			div#container div#content form .hidden 												{ display: none !important; }
			
			div#container div#content form label.pflichtfeld 									{ font-weight: bold; }
			div#container div#content form label.space 											{ height: 18px; }
			
			div#container div#content form .colum1												{ width: 114px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; float: left; display: inline; }
			
			div#container div#content form label.standard 										{ width: auto; }
			div#container div#content form label.plz 											{ margin: 0px 0px 0px 0px; }
			div#container div#content form label.ort 											{ margin: 0px 0px 0px 4px; }
			div#container div#content form label.checkbox 										{ margin: -2px 0px 8px 4px; width: auto; line-height: 14px; }
			div#container div#content form label.radio 											{ margin: 0px 0px 0px 4px; line-height: 14px; }
			
			div#container div#content form input.standard 										{ width: 120px; }
			div#container div#content form input.plz 											{ width: 62px; margin: 0px 5px 0px 0px; }
			div#container div#content form input.ort 											{ width: 145px; }
			div#container div#content form label.datumday 										{ display: none; }	
			div#container div#content form label.datummonth 									{ display: none; }	
			div#container div#content form label.datumyear 										{ display: none; }
			
			div#container div#content form select.standard 										{ width: 220px; }	
			div#container div#content form select.datumday 										{ width: 50px; margin: 0px 5px 4px 0px; }	
			div#container div#content form select.datummonth 									{ width: 100px; margin: 0px 5px 4px 0px; }	
			div#container div#content form select.datumyear 									{ width: 56px; margin: 0px 5px 4px 0px; }
			
			div#container div#content form textarea.standard 									{ width: 300px; }
			
			div#container div#content form .senden												{ margin: 10px 0px 5px 0px; float: right; display: inline; }
			
			div#container div#content form div.zeile											{ margin: 1px 0px 0px 0px; height: 5px; border-top: solid 1px #C5E3FF; }
			
			/*div#container div#content form .senden												{ margin: 0px 48px 0px 0px; background: #F9AC2A; color: #FDFFFE; width: 84px; height: 19px; line-height: 19px; float: right; display: inline; text-align: center; }
			div#container div#content form .senden:hover 										{ color: #343434; }
			div#container div#content form input.senden											{ width: 90px; height: 24px; line-height: 16px; }
			*/
		/* Weiterempfehlen _______________________________________________________ */

			div#container div#content form label.nolabel 										{ display: none; }
			div#container div#content form div.nodiv											{ display: none; }
			div#container div#content form input.kurz											{ width: 100px; height: 31px; font-size: 14px; line-height: 17px; margin: 0px 0px 0px 8px; padding: 0px 0px 0px 3px; text-transform: uppercase; }
			div#container div#content form div.captcha											{ border: solid 1px #888888; float: left; display: inline; }

			
	
	#col2 {float: left; width:160px;}
		#col2 img {width:160px; border: 0px;}
		#banner-1 {margin: 27px 0 0 0;}
		#banner-2 {margin: 20px 0 0 0;}
		#banner-3 {margin: 5px 0 0 0;}
		
	#footer	{clear: both; width:800px; height: 25px; background: url('../../../images/geruest/bg-footer.gif') no-repeat 0px 0px;}
		#footer	p {margin: 7px 0 0 0; font-size: 9px; color: #B6B6B6;}
		#footer	a {color: #B6B6B6;}
		#footer	a:hover {color: #BD9B00;}
		#footer img {border: 0px;}
		
		


/*	Sonstiges ---------------------------------------- */

#formular-box {width: 428px;}
#formular-box td {font-size: 11px; height: 23px; vertical-align: top; }

#button-table {width: 428px; height: 21px; margin: 30px 0 0 0;}

#foto-detail {border: 1px solid #8AC5FF; background: #D9EBFF; padding: 12px 12px;}
#foto-detail img {border: 0px; margin: 2px;}
#foto-popup {background: #D9EBFF; text-align: center;}
#foto-popup p {text-align: center; margin: 10px 0 0 0; height: 80px; line-height: 15px;}
#foto-popup img {border-bottom: 5px solid #8AC5FF;}

#werwowas table {width: 428px; border-spacing:20px !important;}
#werwowas th {background-color: #C5E3FF; color: #2477C5; padding: 3px 3px;}
#werwowas td {font-size: 10px; padding: 3px; border-bottom: 1px solid #C5E3FF;}
#werwowas img {border: 0px;}

#werwowas-suche {width: 428px; background: #C5E3FF; border: 1px solid #8AC5FF; text-align: center; padding: 18px 0; margin: 0 0 20px 0;}
#werwowas-suche table {width: 300px;}
#werwowas-suche td {font-size: 11px; height: 23px; text-align: right;  color: #000 !important;}
#werwowas-suche input {color: #616161; width: 200px;}
#werwowas-suche select {font-size: 11px; color: #616161;  width: 200px;}

#werwowas-popup {background: #D9EBFF; padding: 20px; text-align: left;}
#werwowas-popup h1 {margin: 0; font-size: 18px; color: #4098EB; font-weight: bold; padding: 0;}
#werwowas-popup h2 {margin: 0; font-size: 11px; font-weight: normal; padding: 0; line-height: 15px;}
#werwowas-popup span {color: #4098EB; font-weight: bold;}
#werwowas-popup a {color: #000;}
#werwowas-popup a:hover {color: #000;}
#werwowas-popup-content {text-align: left; padding: 20px;}
#werwowas-popup-content p {margin: 0 0 16px 0; padding: 0; font-size: 11px; line-height: 15px;}
#werwowas-popup-content img {border: 1px solid #ACACAC; float: left; margin: 0 12px 5px 0;}

#nordic-walking {width: 428px; border-spacing:20px !important; margin: 20px 0;}
#nordic-walking th {background-color: #C5E3FF; color: #2477C5; padding: 3px 3px;}
#nordic-walking td {font-size: 11px; padding: 5px 3px; border-bottom: 1px solid #C5E3FF;}
#nordic-walking img {border: 0px;}

#kidicard {width: 428px; border-spacing:20px !important; margin: 20px 0;}
#kidicard th {background-color: #C5E3FF; color: #2477C5; padding: 3px 3px;}
#kidicard td {font-size: 11px; padding: 5px 3px; border-bottom: 1px solid #C5E3FF;}
#kidicard img {border: 0px;}

#anfahrt {width: 428px; border-spacing:20px !important; margin: 20px 0;}
#anfahrt td {font-size: 11px;}

#impressum {width: 428px; border-spacing:20px !important; margin: 20px 0;}
#impressum td {font-size: 11px; vertical-align: top;}

#start {width: 428px; border-spacing:20px !important;}
#start td {font-size: 11px; vertical-align: top; padding-bottom: 30px;}
#start h2 {margin: 0;}
#start p {margin: 0 0 8px 0;}

a.popUp {display: block; background: url('../../../images/geruest/bg-mn-home-1.gif') no-repeat 0px 0px; padding: 0px 0 0 20px; color: #000; margin: 0;}
a.popUp:hover {background: url('../../../images/geruest/bg-mn-home-2.gif') #B1DCB3 no-repeat 0px 0px;}

#popup-logo { position: absolute; top: 0px; left: 442px; }
#popup-printlink { position: absolute; top: 64px; left: 300px; }
#popup-closelink { position: absolute; top: 64px; left: 16px; }


.hf-suche {width: 428px; text-align: center; padding: 18px 0; border: 1px solid #ADAEAD; overflow: hidden;}
.hf-suche table {}
.hf-suche td {font-size: 11px; padding: 2px 0; font-size: 10px; color: #4A4D4A;}
.hf-suche input {width: 200px;}
.checkbox {width: 18px !important; border: 0px;}
.hf-suche select {width: 200px;}

.hf-suche-anfrage {width: 428px; text-align: center; padding: 18px 0; border: 1px solid #ADAEAD;}
.hf-suche-anfrage table {}
.hf-suche-anfrage td {font-size: 11px; text-align: right; padding: 2px 0; font-size: 10px; color: #4A4D4A;}
.hf-suche-anfrage input {width: 120px;}
.hf-suche-anfrage select {width: 120px;}

.hf-liste {margin: 0 0 4px 0 !important;}
.hf-linie {clear: both; margin: 0 0 12px 0; text-align: right; background: url('../../../images/style/linie.gif') repeat-x 0px 8px;}
.hf-linie a {padding-top: 1px;}

div.checkboxbox { margin: 0px 0px 30px 20px; }
div.verpflegung { margin: 0px 0px 30px 0px; }
div.vermieter { margin: 0px 0px 0px 20px; }

div#center div#content iframe			{ overflow-x: hidden; }
