




/*	Grundeinstellungen ---------------------------------------- */
	
	html {font-family:Verdana, Arial, Helvetica, Sans-serif; font-size:11px; margin: 0; padding:0; color: #616161;}
	body {text-align:center; background: url('../../../../images/style/prad/sommer/bg-site.gif') repeat-x 0px 0px; 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: #616161;}
	
	ul {margin: 0px; padding:0px;}
	li {font-size: 11px; line-height: 15px; margin-left: 20px; list-style-position: outside; list-style-image: url(../../../../images/center/bg-li.gif); }
	
	table {border-collapse:collapse;}
	th {font-weight: bold; font-size: 11px; text-align: left;}
	td {padding: 0px; line-height:15px;}
	
	input {border: 1px solid #BFBFBF; font-size: 11px; color: #616161;}
	select {border: 1px solid #BFBFBF; font-size: 11px; color: #616161;}
	textarea {border: 1px solid #BFBFBF; width: 290px; font-size: 11px; font-family:Verdana, Arial, Helvetica, Sans-serif; color: #616161;}
	
	.img {border: 1px solid #E57725;}
	.imgr {float: right; margin: 0 0 10px 10px; border: 1px solid #E57725;}
	.imgl {float: left; margin: 0 10px 10px 0; border: 1px solid #E57725;}
	.color-big {font-size: 14px; color: #E57725; font-weight: bold;}
	.bg-color {background: #FFE8CB;}
	#nachricht { width: 180px; }
	
	.wtMin {color: #009AD3;}
	.wtMax {color: #DE0002;}
	.symweath {float: left; margin: 0 8px 8px 0;}
	.weathforecast {width:33%; float: left; text-align: center;}
	
	.f10 {font-size: 10px;}
	.blau {color: #0000FF;}
	.rot {color: #FF0000;}
	.schwarz {color: #000;}
	
	a.mnActive {color: #E57725 !important;}
	a.mnActive:hover {color: #E57725 !important; }
	
	.boxbreak {width:416px; clear: both; margin: 20px 0 0 0;}
	.boxbreak:after{content: ""; display: block; clear: both; height: 0; visibility: hidden;}

	.line {border-bottom: 1px solid #F7C994;}
	
	a.button {background:url('../../../../images/style/prad/sommer/button-arrow.gif') no-repeat right; ; color: #E57725 !important; padding: 0 20px 0 0; font-size: 11px;}
	a.button:hover {background:url('../../../../images/style/prad/sommer/button-arrow.gif') no-repeat right; color: #E57725 !important;}
	
	a.rechts { float: right }
	
	a.button-back {background:url('../../../../images/style/prad/sommer/button-arrow-back.gif') no-repeat left; ; color: #E57725 !important; padding: 0 0 0 20px; font-size: 11px;}
	a.button-back:hover {background:url('../../../../images/style/prad/sommer/button-arrow-back.gif') no-repeat left; color: #E57725 !important;}
	
	.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 #E57725; color: #616161;}
	a.pages  {color:#E57725 !important; font-size: 10px !important;  line-height: 16px; height: 17px; width: 20px; float: left; margin: 0 4px 0 0; font-weight: normal !important; text-align: center; background: #FFE8CB; border: solid 1px #E57725;}
	a.pages:hover {background: #FFE8CB;}



/*	Layout ---------------------------------------- */
	
	#container {width:990px; position:relative; text-align: left; margin: 0 auto;}
		#col1 {width:864px; float: left; background: url('../../../../images/style/prad/sommer/bg-content.gif') repeat-y 0px 0px; margin: 10px 0 0 0;}
			#head {width:864px; height: 249px; background: url('../../../../images/style/prad/sommer/bg-head.gif') no-repeat 0px 0px;}
			#head img {border: 0px;}
				#head-logo {position: absolute; top: 67px; left: 47px;}
				#head-season {position: absolute; top: 92px; left: 4px;}
				#head-mn {position: absolute; top: 11px; left: 36px; text-align: center; font-size: 12px; color: #000;}
					#head-mn table {width: 812px;}
					#head-mn td {width: 116px; text-align: center; background:url('../../../../images/head/bg-mn.gif') no-repeat 0px 0px;}
					#head-mn a {display: block; height: 31px; line-height: 31px; width: 115px; font-size: 11px; color: #fff; text-transform: uppercase;}
					#head-mn a:hover {color: #E57725; text-transform: uppercase; background: #F7C994;}							
					#mn1, #mn2, #mn3, #mn4, #mn5, #mn6, #mn7, #mn8 {background: #fff; padding: 10px 0 16px 0; z-index: 10; top: 42px; width: 180px;}
					#head-mnsub {z-index: 4;}
					#head-mnsub a {display: block; background: url('../../../../images/head/bg-mnsub.gif') repeat-x 0px 0px; margin: 0 8px; color: #000; font-size: 10px; line-height: 19px;}
					#head-mnsub a:hover {color: #E57725;}
				#head-welcome {position: absolute; top: 180px; left: 76px;}
				
				#head-lang {position: absolute; top: 242px; left: 190px; color: #4B4B4B; font-size: 9px;}
					#head-lang a {color: #E57725;}
					#head-lang a:hover {color: #000;}
					
				#head-city {position: absolute; top: 242px; left: 326px; color: #4B4B4B; font-size: 9px;}
					#head-city a {color: #E57725;}
					#head-city a:hover {color: #000;}	
				
				#head-img {position: absolute; top: 61px; left: 246px;}
				#head-weather {position: absolute; top: 117px; left: 691px; z-index: 3; background: url('../../../../images/style/prad/sommer/bg-weather.gif') no-repeat 0px 0px; width: 165; height: 91;}
				#head-weather h1 {margin: 14px 0 0 14px; padding: 0; font-size: 12px; color: #515151; font-weight: bold;}
				#head-weather a {font-size: 10px; color: #515151; float: right; margin: 17px 10px 0 0;}
				#head-weather a:hover {font-size: 10px; color: #000;}
				#head-weather p {margin: 14px 4px 0 14px; padding: 0; font-size: 10px; color: #000;}
				.posbox {position: relative; float: left;}
		
			#left {width:180px; float:left; font-size: 10px;}
				#left h1 {margin: 12px 0 6px 36px; padding: 3px 4px; background: #fff; font-size: 11px; font-weight: bold; color: #E57725;}
				#left span {margin: 12px 0 2px 0; padding: 0; font-size: 11px; font-weight: bold; color: #616161; display: block;}
				#left p {margin: 0 0 40px 36px;}
				#left a {display: block; background: url('../../../../images/left/bg-mn.gif') repeat-x 0px 0px; color: #000; line-height: 19px; text-indent: 2px;}
				#left a:hover {color: #E57725;}
				#left a.flugblatt { background: transparent; margin: 12px 0px 0px 0px; padding: 0px 0px 0px 0px; }
				#left a.flugblatt img { border: 0px; }
				#left-submn a {display: block; background: url('../../../../images/left/arrow.gif') no-repeat 4px 5px; color: #000; padding: 0 0 0 14px; text-indent: 0px !important; line-height: 15px !important;}
				#left-submn a:hover {color: #E57725;}

			
			#center {width:496px; float:left;}
				#content {margin: 20px 14px 0 24px; border: 1px solid #BFBFBF; padding: 20px 20px 20px 20px;}
				#content-start {margin: 0px 14px 0 24px; border: 1px solid #fff; padding: 20px 0;}	
				#content h1 {margin: 0 0 10px 0; padding: 0; font-size: 18px; font-weight: bold; color: #E57725;}
				#content h2 {margin: 20px 0 4px 0; padding: 6px 8px; font-size: 11px; font-weight: bold; background: #FFE8CB; color: #E57725;}
				#content h3 {margin: 20px 0 4px 0; padding: 0; font-size: 11px; font-weight: bold; color: #E57725;}
				#content h4 {margin: 20px 0 4px 0; padding: 3px 8px; font-size: 10px; font-weight: bold; background: #FFE8CB; color: #E57725; }
				#content p {margin: 0 0 16px 0; padding: 0; font-size: 11px; line-height: 15px;}
				#content a {color: #CC6212; font-weight: bold;}
				#content a:hover {color: #E57725;}
				
			
			#right {width:188px; float:left; background: url('../../../../images/style/prad/sommer/bg-right.gif') no-repeat 0px 0px; height: 300px;}
				#right p {margin: 0 11px 0 20px; padding: 0 8px;}
				#right a {display: block; background: url('../../../../images/right/arrow.gif') no-repeat 4px 7px; color: #000; padding: 0 0 0 14px; line-height: 19px;}
				#right a.sammelanfrage {display: block; background: transparent; padding: 0 0 0 0px;}
				#right a:hover {color: #E57725;}
				#right span.sammelanfrage { background: #F7C994; border: 1px solid #E57725; color: #E57725; font-weight: bold; font-size: 13px; padding: 5px; text-align: center; }
							
			#footer {clear: both; width:864px; float:left; background: url('../../../../images/style/prad/sommer/bg-footer.gif') #fff no-repeat 0px 0px; height: 70px;  font-size: 9px;}
				#footer p {margin: 54px 0 0 12px; padding: 0; color: #818181;}
				#footer a {color: #818181;}
				#footer a:hover {color: #E57725;}	
		
		
		
		#col2 {width:126px; float: left;}	




/*	Dynamische Bereiche ---------------------------------------- */

#werwowas table {width: 416px; border-spacing:20px !important;}
#werwowas th {background-color: #FFE8CB; color: #E57725; padding: 3px 8px;}
#werwowas td {font-size: 10px; padding: 6px 3px 6px 3px; border-bottom: 1px solid #F7C994;}
#werwowas img {border: 0px;}

#werwowas-popup {background: #FFE8CB; padding: 20px; text-align: left;}
#werwowas-popup h1 {margin: 0; font-size: 18px; color: #E57725; 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: #E57725; font-weight: bold;}
#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 #E57725; float: left; margin: 0 12px 5px 0;}

#impressionen-list {width: 416px;}
#impressionen-list td {font-size: 11px; border-bottom: 1px solid #F7C994; padding: 6px 0;}

#impressionen-detail {width: 416px;}
#impressionen-detail img {border: 1px solid #E57725;}
#impressionen-detail td {font-size: 11px; vertical-align: top;}
#impressionen-detail p {border: 1px solid #E57725; padding: 4px; background: #FFE8CB; margin: 0; color: #E57725; font-size: 10px; text-align: center;}

#formanfrage {width: 416px;}
#formanfrage td {font-size: 11px; height: 23px; vertical-align: top; }



/*	Hotelführer ---------------------------------------- */

	.hf-suche {width: 416px; background: #FFE8CB; text-align: center; padding: 18px 0; border: 1px solid #F7C994;}
	.hf-suche table {width: 380px;}
	.hf-suche td {font-size: 11px; height: 23px; text-align: right;  color: #000 !important;}
	.hf-suche input {width: 100px; color: #616161;}
	.hf-suche input.sammelanfrage { width: 20px; }
	.hf-suche select {width: 100px; font-size: 11px; color: #616161;}
	
	.hf-suche-result {width: 416px;}
	.hf-suche-result p {border-bottom: 1px solid #F7C994; text-align: right; height: 19px; margin: 0 0 10px 0!important; padding: 0 !important;}
	.hf-suche-result td {font-size: 11px; vertical-align: top; line-height: 15px;}
	.hf-suche-result span {color: #CC6212;}
	.hf-suche-result-sym {height: 15px; line-height: 18px; background-position: left center; background-repeat: no-repeat; padding-left: 18px; white-space: nowrap; margin-right: 10px; color: #616161 !important;}
	a.hf-mailweb-liste {color: #616161 !important; font-weight: normal !important;}
	a.hf-mailweb-liste:hover {color: #616161 !important;  font-weight: normal !important;}
	
	#hf-detail-mn {width: 416px; border-bottom: 1px solid #F7C994; margin-top: 16px;}
	#hf-detail-mn td {height: 23px;}
	
	#hf-detail-address {width: 416px; border-bottom: 1px solid #F7C994; border-top: 1px solid #F7C994; background: #FFE8CB;}
	#hf-detail-address td {font-size: 11px; padding: 10px 14px; vertical-align: top; font-size: 10px; line-height: 14px;}
	#hf-detail-address span {color: #CC6212;}
	
	#hf-detail-bottom {width: 416px; border-top: 1px solid #F7C994; margin-top: 30px;}
	#hf-detail-bottom {height: 23px;}
	
	.fehler { font-weight: bold; color: #981512; }


/*	Sonstiges ---------------------------------------- */

	#reiseinfo-karte {width: 416px; margin: 20px 0;}
	#reiseinfo-karte td {height: 23px; font-size: 10px; text-align: center; width: 208px; vertical-align: top;}
	
	.angebote-liste {width: 416px; margin-top: 16px;}
	.angebote-liste h1 {margin: 0 !important; padding: 0 !important; font-size: 11px !important; font-weight: bold; color: #E57725;}
	.angebote-liste td {font-size: 11px; vertical-align: top;}
	.angebote-liste span {font-size: 14px; font-weight: bold; color: #CC6212;}
	
	.angebote-liste-break {width:416px; clear: both; margin: 0 0 10px 0; border-bottom: 1px solid #F7C994;}
	.angebote-liste-break:after{content: ""; display: block; clear: both; height: 0; visibility: hidden;}
	
	#aktuelles-detail {float: right; margin: 0 0 10px 10px;}
	
	.werwowas-suche {width: 416px; background: #FFE8CB; text-align: center; padding: 18px 0; border: 1px solid #F7C994;}
	.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;}
	
	.aufstiegsanlagen table {width: 416px;}
	.aufstiegsanlagen th {background-color: #FFE8CB; color: #E57725; padding: 2px 0; font-size: 10px;}
	.aufstiegsanlagen td {font-size: 10px; padding: 6px 0; border-bottom: 1px solid #F7C994;}
	.aufstiegsanlagen img {border: 0px;}
	
	#langlauf table {width: 416px;}
	#langlauf th {background-color: #FFE8CB; color: #E57725; padding: 3px 8px;}
	#langlauf td {font-size: 10px; padding: 6px 3px 6px 3px; border-bottom: 1px solid #F7C994;}
	
	.skibus table {width: 416px;}
	.skibus th {background-color: #FFE8CB; color: #E57725; padding: 3px 8px;}
	.skibus td {font-size: 10px; padding: 6px 3px 6px 3px; border-bottom: 1px solid #F7C994; text-align: center;}
	
	#start-box {width: 416px; border-bottom: 1px solid #F7C994; border-top: 1px solid #F7C994; background: #FFE8CB; padding: 16px 0; text-align: center;}
	
	.pisten table {width: 416px;}
	.pisten th {background-color: #FFE8CB; color: #E57725; padding: 2px 0; font-size: 10px;}
	.pisten td {font-size: 10px; padding: 6px 0; border-bottom: 1px solid #F7C994;}
	
	.tableski					{ font-size: 10px; }
	.tableski td				{ padding: 5px 7px 5px 7px; }
	
	
	


/*	Gästebuch ---------------------------------------- */

	.FOText  { FONT-SIZE: 11px;  line-height: 22px;  font-weight: bold;  COLOR: #3F3F3F;}
	.FOForumName { FONT-SIZE: 20px;  line-height: 16px;  font-weight: bold;  COLOR: #5084BE;}
	.FOTableHeader { font-size : 10px;  line-height: 19px;  text-decoration: none;  font-weight: bold;  COLOR: #E57725; background: #FFE8CB;}	
	.FOtextMessage  { font-size : 11px;  text-decoration: none;  font-weight: bold;}
	.FOMessage  {  font-size : 11px;  line-height: 16px;  text-decoration: none; }
	.FOInput {BORDER-RIGHT: #CFCFCF 1pt solid; BORDER-TOP: #CFCFCF 1pt solid;  
	              BORDER-LEFT: #CFCFCF 1pt solid; COLOR: #3F3F3F; width: 200px; FONT-SIZE: 11px; BORDER-BOTTOM: #CFCFCF 1pt solid }              
	.FOInputText {BORDER-RIGHT: #CFCFCF 1pt solid; BORDER-TOP: #CFCFCF 1pt solid; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif; 
	              BORDER-LEFT: #CFCFCF 1pt solid; COLOR: #3F3F3F; width: 200px; FONT-SIZE: 11px; BORDER-BOTTOM: #CFCFCF 1pt solid }
	.BoxText { font-size : 11px; text-decoration: none; font-family : Verdana, Arial, Helvetica, Sans-serif; COLOR: #FFFFFF; background: #CC6212;}
	
	a.FOForumLink {font-size : 11px;}
	a.FOForumLink:hover {}

/* GoogleAnreise _________________________________________________________ */

	.plz														{ width: 40px; }
	div.map														{ width: 416px; height: 300px; margin: 0px 0px 20px 0px; }
	div.directions												{ width: 416px; display: none; margin: 30px 0px 0px 0px; font-size: 11px; }
	div.directions a											{ color: #000000; }
	div.directions div											{ color: #000000; }
	div.directions table tr td									{ color: #000000; font-size: 11px; }