

/*	Grundeinstellungen ---------------------------------------- */
	
	body {font-family:Verdana, Arial, Helvetica, Sans-serif; font-size:11px; color: #000; text-align: center; background-color: #fff; margin: 0; padding:0;}
	
	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:100%; 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: #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;}


/*	Layout ---------------------------------------- */
	
	
#container {width:100%; position:relative; text-align: left; margin: 0 auto;}

	#col1 {float: left; width:100%;}
	
	#head, #logo-villnoess, #mn-line-head, #img-top, #mn-home, #mn-sprache, #mn-wetter, #mn-top, #mnUnserTal, #mnHotelfuehrer, #mnAktivSommer, #mnAktivWinter, #mnWandern, #mnAlpinski, #mnNaturpark, #mnFamilie, #mnGastronomie, #mnKontakt, #mn-top-sub, #mn-saison {display: none;}
	#left, #adresse, #right, #partner, #weather-bg, .weather-box, #col2, #banner-1, #banner-2 {display: none;}		
	#footer {display: none;}

			
	#center {width:100%; float:left;}
		#content {margin: 10px;}
		#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;}
	


/*	Sonstiges ---------------------------------------- */

#formular-box {width: 100%;}
#formular-box td {font-size: 11px; height: 23px; vertical-align: top; }

#button-table {width: 100%; 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: 100%; 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: 100%; 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: 100%; 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: 100%; 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: 100%; border-spacing:20px !important; margin: 20px 0;}
#anfahrt td {font-size: 11px;}

#impressum {width: 100%; border-spacing:20px !important; margin: 20px 0;}
#impressum td {font-size: 11px; vertical-align: top;}

#start {width: 100%; 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: 56px; }
#popup-printlink { display: none; }
#popup-closelink { display: none; }


