/*	Grundeinstellungen ---------------------------------------- */
	
	body {font-family:Verdana, Arial, Helvetica, Sans-serif; font-size:11px; color: #000; text-align: center; background: url('../../../images/geruest/bg-site-sommer.gif') no-repeat center 106px; 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-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: #CDA400;}
	a.button-inside:hover {color: #7D6400;}
	
	a.mnActive {color: #7D6400 !important; background: url('../../../images/geruest/bg-submn-active-sommer.gif') no-repeat 8px 3px !important;}
	a.mnActive:hover {color: #7D6400 !important; background: url('../../../images/geruest/bg-submn-active-sommer.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 #FFCC00; 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: #FFF3C3; border: solid 1px #FFCC00;}
	a.pages:hover {background: #FFE681;}
	
	div.clearit { clear: both; height: 1px; line-height: 1px; 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; }


/*	Layout ---------------------------------------- */
	
#container {width:980px; position:relative; text-align: left; margin: 0 auto;}

	#col1 {float: left; width:820px;}
		
		#head {width:820px; height: 351px;}
			#head img {border: 0px;}
			#head select {position: absolute; top: 74px; left: 272px; font-size: 11px;}
			
			#logo-villnoess {position: absolute; top: 18px; left: 503px;}
			#mn-line-head {position: absolute; top: 61px; left: 125px;}
			#img-top {position: absolute; top: 133px; left: 0px; width: 820px; height: 218px; z-index: 1;}
			
			#mn-home {position: absolute; top: 20px; left: 0px; font-size: 11px; width: 118px; line-height: 13px; margin: 0; padding: 0;}
			#mn-home a {display: block; background: url('../../../images/geruest/bg-mn-home-1.gif') no-repeat 0px 0px; padding: 0px 0 0 20px; color: #000; margin: 2px 0;}
			#mn-home a:hover {background: url('../../../images/geruest/bg-mn-home-2.gif') no-repeat 0px 0px;}
			
			#mn-sprache {position: absolute; top: 26px; left: 132px; font-size: 10px; width: 102px; line-height: 13px; margin: 0; padding: 0;}
			#mn-sprache a {display: block; background: url('../../../images/geruest/bg-mn-home-1.gif') no-repeat 0px 0px; padding: 0 0 0 20px; color: #2CA031; font-weight: bold; margin: 2px 0;}
			#mn-sprache a:hover {background: url('../../../images/geruest/bg-mn-home-2.gif') no-repeat 0px 0px; font-weight: normal; color: #000;}
			
			#mn-wetter {position: absolute; top: 65px; left: 132px; font-size: 11px; width: 102px; line-height: 13px; margin: 0; padding: 0;}
			#mn-wetter a {display: block; background: url('../../../images/geruest/bg-mn-home-1.gif') no-repeat 0px 0px; padding: 0 0 0 20px; color: #000; margin: 2px 0;}
			#mn-wetter a:hover {background: url('../../../images/geruest/bg-mn-home-2.gif') no-repeat 0px 0px;}
			
			#mn-top {position: absolute; top: 106px; left: 0px; font-size: 11px; width: 820px; height: 27px; line-height: 26px; color: #fff; background: #FFCC00; padding: 0; margin: 0;}
			#mn-top ul {list-style: none; margin: 0; padding: 0;}
			#mn-top li {float: left; width: 100px; background: url('../../../images/geruest/bg-li-mn-top.gif') no-repeat right 8px;}
			
			
			#mn-top a {display: block; color: #000; width: 99px; height: 26px; text-align: center;}
			#mn-top a:hover {color: #7D6400; background: #FFE681;}
			
			#mnUnserTal, #mnHotelfuehrer, #mnAktivSommer, #mnAktivWinter, #mnWandern, #mnAlpinski, #mnNaturpark, #mnFamilie, #mnGastronomie, #mnKontakt {padding: 10px 0; z-index: 10; top: 133px; width: 180px; background: #FFF3C3;}
			#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-sommer.gif') no-repeat 8px 3px; color: #7D6400;}
			
			#mn-saison {position: absolute; top: 322px; 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: #FFCC00; 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-sommer.gif') no-repeat 8px 3px; color: #7D6400;}
			
			#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:488px; float:left;}
			#content {margin: 20px 30px 40px 30px;}
			#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: #FFE681; font-size: 11px;}
			#content h3 {margin: 0 0 2px 0; padding: 0; font-size: 11px; color: #CDA400;}
			#content p {margin: 0 0 12px 0; padding: 0; font-size: 11px; line-height: 15px;}
			#content a {color: #CDA400;}
			#content a:hover {color: #7D6400;}
			#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 #FFE681;}
			#content img {border: 0px;}
			
		#right {width:162px; float:left; margin: 0 0 20px 0;}
			#right h1 {margin: 10px 20px 0 0; font-size: 12px; color: #fff; background: #2CA031; padding: 12px 0 4px 7px;}
			#right p {margin: 0 20px 2px 0; font-size: 11px; background: #C8E6CA; 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: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;}
			#weather-bg {margin: 0 20px 2px 0; font-size: 11px; background: #C8E6CA; 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-arrow-green.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;}
			
	
	#col2 {float: left; width:160px;}
		#col2 img {width:160px; border: 0px;}
		#banner-1 {margin: 37px 0 0 0;}
		#banner-2 {margin: 18px 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 #FFCC00; background: #FFF3C3; padding: 12px 12px;}
#foto-detail img {border: 0px; margin: 2px;}
#foto-popup {background: #FFF3C3; 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 #FFCC00;}

#werwowas table {width: 428px; border-spacing:20px !important;}
#werwowas th {background-color: #FFE681; color: #7D6400; padding: 3px 3px;}
#werwowas td {font-size: 10px; padding: 3px; border-bottom: 1px solid #FFE681;}
#werwowas img {border: 0px;}

#werwowas-suche {width: 428px; background: #FFE681; border: 1px solid #FFCC00; 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: #FFF3C3; padding: 20px; text-align: left;}
#werwowas-popup h1 {margin: 0; font-size: 18px; color: #CDA400; 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: #CDA400; 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: #FFE681; color: #7D6400; padding: 3px 3px;}
#nordic-walking td {font-size: 11px; padding: 5px 3px; border-bottom: 1px solid #FFE681;}
#nordic-walking img {border: 0px;}

#kidicard {width: 428px; border-spacing:20px !important; margin: 20px 0;}
#kidicard th {background-color: #FFE681; color: #7D6400; padding: 3px 3px;}
#kidicard td {font-size: 11px; padding: 5px 3px; border-bottom: 1px solid #FFE681;}
#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;}