body {font-family:Verdana, Arial, Helvetica, Sans-serif; font-size:11px; color: #000; text-align:center; background: url('../images/head/bg-site.jpg') repeat-x 0px 0px #94AD57; margin: 0; padding: 0;}
	form {margin: 0px; padding: 0px; }
	a {text-decoration: none;}
	a:hover {text-decoration: none;}
	strong {color: #000; font-weight: bold; font-size: 11px;}
	a img { border: 0px; }
	
	.f12 {font-size: 12px;}
	.blue {color: #008BD3;}
	
	a.bt { padding: 4px 12px; background: url('../images/center/bg-bt.gif') repeat-x 0px 0px; border: 1px solid #8DBCD1;}
	a.bt:hover {}
	
	a.puntoquota {display: block; width: 137px; padding: 4px 0; background: url('bg-mnleft.gif') repeat-x 0px 0px; text-indent: 6px; font-size: 10px !important; color: #fff !important; margin: 0 0 1px 0;}
	a.puntoquota:hover {color: #FDDCA6 !important;}
	
	.boxbreak {width:388px; clear: both; margin: 12px 0 0 0;}
	.boxbreak:after{content: ""; display: block; clear: both; height: 0; visibility: hidden;}


/*	Layout ---------------------------------------- */
	
	#container {width:978px; position:relative; float: left; text-align: left; margin: 0 auto;}
		#col1 {width:811px; float: left;}
			#head {width:811px; height: 279px; background: url('../images/head/bg-head.jpg') repeat-y 0px 0px;}
			#head img {border: 0px;}
				#head-logo {position: absolute; top: 78px; left: 28px;}
				#head-img {position: absolute; top: 106px; left: 259px; z-index: 10;}
				#head-lang {position: absolute; top: 10px; left: 140px; width: 210px; text-align: center; font-size: 10px; color: #C50247;}
				#head-lang a {color: #4F4F4F; margin: 0 5px;}
				#head-lang a:hover {color: #000000;}
				#head-address {position: absolute; top: 200px; left: 40px; font-size: 9px; color: #C50247; }
				#head-address p {margin: 0 0 6px 0; padding: 0;}
				#head-address span {color: #C50247;}
				#head-address a {color: #C50247;}
				#head-address a:hover {color: #000000;}				
				#head-mn {position: absolute; top: 57px; left: 289px; z-index: 30;}
				#head-mn a {display: block; background: url('../images/head/bg-mn1.gif') no-repeat 0px 0px; color: #fff; font-weight: bold; font-size: 12px; line-height: 25px; text-align: center; width: 120px;}
				#head-mn a:hover {background: url('../images/head/bg-mn2.gif') no-repeat 0px 0px;}
					#head-mnsub {}
					#head-mnsub a {display: block; background: url('../images/head/bg-mnsub.gif') no-repeat 0px 0px; width: 118px; color: #4B4B4B; font-size: 11px; line-height: 20px; text-align: left; text-indent: 8px; font-weight: normal; padding: 0 0 0 0;}
					#head-mnsub a:hover {color: #000; background: url('../images/head/bg-mnsub.gif') no-repeat 0px 0px;}
					
					.head-menu { position: absolute; display: none; top: 28px; }
					.head-menu div { background: #F5F5F5; padding: 10px 0 5px 0; }
					#Unterkunft { left: 3px; }
					#Wohnen { left: 127px; }
					#Freizeit { left: 251px; }
					#Kontakt { left: 375px; }
			
			
			#bg {width:811px; float: left; background: url('../images/head/bg-col1.gif') repeat-y 0px 0px;}
			
			#left {width:173px; float:left;}
				#left h1 {margin: 0 0 8px 32px; background: #C50247; color: #fff; font-size: 11px; font-weight: bold; line-height: 19px; text-indent: 8px; padding: 0;}
				#left h2 {margin: 0 0 0 23px; background: url('../images/left/bg-h2.gif') no-repeat 0px 0px; color: #C50247; font-size: 11px; font-weight: bold; padding: 14px 0 5px 0; text-indent: 17px;}
				#left a {display: block; background: url('../images/left/bg-mn.gif') repeat-x 0px 0px; color: #4B4B4B; font-size: 11px; line-height: 21px; margin: 0 0 0 32px; text-indent: 8px;}
				#left a:hover {color: #000; }
				a.left-mn-act { font-weight: bold; }
				a.left-mn-act:hover {  }
				#left-clickpay {margin: 18px 0 10px 32px !important; text-indent: 0 !important;}
				#left-link {margin: 0 0 30px 32px; background: #fff; font-size: 11px; padding: 10px 0;}
				#left-link a {background: url('../images/left/bg-mnlinks.gif') repeat-x 0px 0px; color: #000; font-size: 11px; line-height: 18px; margin: 0 10px; text-indent: 4px;}
				#left-link a:hover {}	
			
			#center {width:440px; float:left;}
				#center-weather {background: url('../images/center/bg-weather.gif') no-repeat 0px 0px; height: 30px; text-align: right; padding: 0 40px 0 0; margin: 0 0 19px 0; line-height: 31px;}
				#content {margin: 0 26px 26px 26px;}			
					#content h1 {margin: 0 0 14px 0; padding: 8px; font-size: 12px; font-weight: bold; background: #fff;}
					#content h2 {margin: 0 0 6px 0; padding: 0; font-size: 11px; font-weight: normal; color: #668717; padding: 4px; background: #E5EFCC; border: 1px solid #BBCF8B;}
					#content h3 {margin: 0; padding: 0; font-size: 11px; font-weight: bold;}
					#content p {margin: 0 0 14px 0; font-size: 11px; line-height: 15px;}
					#content a {font-size: 11px; color: #6B852D;}
					#content a:hover {color: #000;}
					#content table {border-collapse:collapse; border-spacing:0;}
					#content td {padding: 0px; line-height:15px; font-size: 11px; color:#000;}
					#content textarea {font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; COLOR: #000000; border: 1px solid #8DBCD1;}
					#content select {font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; COLOR: #000000; border: 1px solid #8DBCD1;}
					#content ul { margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; list-style-type: none; text-align: left; }
					#content li { background: url(../images/punkt.gif) no-repeat left 6px; margin: 0px 0px 0px 0px; padding: 0px 0px 8px 10px; }
							
			#right {width:198px; float:left;}
				#right-offer {background: url('../images/right/bg-box.gif') no-repeat 0px 0px; height: 121px;}
				#right-offer h1 {position: relative; top: 14px; left: 0px; margin: 0; padding: 0 12px 0 0; font-size: 11px; color: #C50247; text-align: right;}
				#right-offer h2 {position: relative; top: 3px; left: 8px; margin: 0; padding: 0 0 6px 0; font-size: 11px; color: #000; width: 100px;}
				#right-offer p {font-size: 11px; padding: 0; margin: 0 20px 8px 8px;}
				#right-offer span {font-size: 12px; color: #008BCF; font-weight: bold; margin: 8px 0 0 8px;}
				
				#right-holiday {background: url('../images/right/bg-holiday.jpg') no-repeat 0px 0px; margin: 0 0 10px 0;}
				#right-holiday h1 {position: relative; top: 16px; left: 0px; margin: 0; padding: 0 12px 0 0; font-size: 11px; color: #C50247; text-align: right;}
				#right-holiday p {position: relative; top: 0px; left: 14px; font-size: 11px; padding: 0; margin: 0px 0px 0px 0px; line-height: 18px;}
				#right-holiday a {color: #000;}
				#right-holiday a:hover {color: #000;}
				
				#right-banner {margin: 0 0 0 20px;}
				#right-banner img {margin: 0 0 6px 0;}
		
		#footer	{ clear: both; width:811px; height: 33px; background: url('../images/footer/bg-footer.jpg') no-repeat 0px 0px;}
		#footer	p {margin: 8px 0 0 14px; font-size: 9px; color: #E6EBD7;}
		#footer	a {color: #E6EBD7;}
		#footer	a:hover {color: #fff;}
			
		
		
		#col2 {width:167px; float: left;}	



/*	Weather ---------------------------------------- */

	.weathforecast {width:33%; float: left; text-align: center;}
	.wtblue {color: #0099D2;}
	.wtred {color: #DD0000;}
	.symweath {float: left; margin: 0 10px 0 0;}
	
	
/*	Anfrageformular ---------------------------------------- */	
	
	#formular table {  }
	#formular col { width: 125px; }
	#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 #BBCF8B; color: #888888; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; padding: 1px 3px; }
	#formular .angabe { border: 1px solid #BBCF8B; color: #000000; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; padding: 1px 3px; }
	#formular .standard { height: 18px; width: 263px; }
	#formular .alter { height: 18px; width: 60px; margin: 0px 5px 0px 0px; }
	#formular .mitteilung { height: 60px; width: 263px; }
	#formular .oben { vertical-align: top; padding: 7px 0px 0px 0px; }
	#formular a.nfrage { padding: 4px 12px; background: url('../images/center/bg-bt.gif') repeat-x 0px 0px; border: 1px solid #6B852D; }
	#formular a.nfrage:hover {  }
	
	.bildlinks { float: left; margin: 0px 10px 3px 0px; }
	.bildrechts { float: right; margin: 0px 0px 3px 10px; }
	
	.liste { margin: 0px 0px 23px 0px; }
	
	#detail {  }
	.infobox { background: #FFFFFF; line-height: 15px; margin: 0px 0px 13px 0px; padding: 10px 10px 13px 10px; width: 388px; }
	.navi { width: 388px; margin: 0px 0px 13px 0px; }
	.navi td { font-size: 11px; }
	.navi a { color: #6B852D; }
	.navi a:hover { color: #000; }
	
	.bilder { margin: 0px 0px 13px 0px; width: 388px; overflow: hidden; white-space: nowrap; }
	.bilder img { margin: 0px 10px 0px 0px; }
	
	.daten { margin: 0px 0px 13px 0px; }
	.daten ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	.daten li { background-position: left 3px !important; padding: 5px 0px 4px 23px !important; }
	
	.fotogalerie { margin: 0px 0px 13px 0px; width: 388px; overflow: hidden; white-space: nowrap; }
	.fotogalerie img { margin: 0px 9px 9px 0px; }
	
	.umblaettern { float: right; }
	.umblaettern span, .umblaettern a { font-weight: bold; margin: 0px 3px 0px 3px; }
	.umblaettern span { color: #FFFFFF; }
	
	.zeitraum, .preis { padding: 0px 0px 0px 13px; font-weight: bold; }
	.zeitraume, .preise { padding: 0px 0px 0px 0px; font-weight: bold; }
	
	.alter td { text-align: center; }
	
	.sitemap { margin: 0px 0px 13px 0px; }
	.sitemap a { display: block; line-height: 16px; margin: 0px 0px 0px 13px; }
	
	.preistabelle { margin: 0px 0px 13px 0px; width: 388px; }
	.preistabelle th { background: #E4EFCB; font-size: 11px; padding: 5px 0px 7px 0px !important; }
	.preistabelle td { background: #E4EFCB; padding: 3px 1px 7px 3px !important; vertical-align: top; }
	
	a.weiter { background: url(../images/p3.gif) no-repeat right 4px; color: #6B852D; padding: 0px 13px 0px 0px; }
	a.zurueck { background: url(../images/p2.gif) no-repeat left 4px; color: #6B852D; padding: 0px 0px 0px 13px; }
	
	.picleft { margin: 0px 7px 5px 0px; float: left; }
	.picright { margin: 0px 0px 5px 7px; float: right; }