@charset "UTF-8";

body {
	margin:0;
	padding: 0;
	font-size:62.5%;
	font-family: arial,verdana,helvetica,sans-serif;
	background:#FCFDFF url(../style/hg.jpg) repeat-x;
}

img {
	margin:0;
	padding:0;
	border:0;
}

h1, h2, h3 {
	font-weight:bold;
}

h1 {
	font-size:1.9em;
	line-height:1.1em;
}

h2 {
	font-size:1.5em;
}

h3 {
	font-size:1.1em;
}

a {
	text-transform:uppercase;
	text-decoration:none;
	color:#000;
}

p.center {
	text-align:center;
}

p.right {
	text-align:right;
}

img.left {
	float:left;
	margin-right:10px;
}

img.right {
	float:right;
	margin-left:10px;
}

em {
	font-style:italic;
}

strong {
	font-weight:bold;
}

label.error {
	display:none;
	border:0;
}


input.error, textarea.error, select.error {
	background:#E6B0BA;
}


/* Transparenz des PNG soll auch im IE 6 verfügbar sein */
img, div#banner_top_bg, div#navi_top_bg, div#main, div#banner_bottom_bg, div#navi ul {
  behavior: url(../../style/iepngfix.htc);
}

input, select, textarea {
	border:1px solid #6e6e6e;
	padding:2px;
	color:#6e6e6e;
}

div#main {
	float:left;
	width:972px;
	background-image:url(../style/hg-content.png);
	font-size:1.1em;
	line-height:1.5em;
	margin-right:1px;
}

	div#header {
		position:relative;
		height:320px;
	}

	/* Logo */
	div#logo {
		margin-top:-25px;
		margin-left:63px;
		width:156px;
		height:68px;
		z-index:999;
		position:absolute;
	}

	div#logo a {
		display:block;
		width:156px;
		height:68px;
	}

	/* Suche und Sprachauswahl */
	div#suche_sprache {
		width:972px;
		height:44px;
	}

		div#suche {
			float:right;
			width:220px;
			padding-top:19px;
		}


		div#sprache {
			float:right;
			padding:15px 10px 0 0px;
			font-size:1em;
			line-height:1.2em;
		}

			a#deutsch {
				background:url(../style/ic-fahne-de.gif) no-repeat center left;
				padding-left:15px;
			}

			a#englisch {
				background:url(../style/ic-fahne-en.gif) no-repeat center left;
				padding-left:15px;
			}

		div#sprache a {
			color:#8f8f8f;
		}

	/* Headerbild */
	div.header_image {
		clear:both;
		width:972px;
		height:276px;
	}

		div.slideshow {
			height:276px;
			overflow:hidden;
		}

		div.slideshow img {
			position:relative;
			z-index:1;
		}

		/* Banner oben rechts */
		div#banner_top {
			position:absolute;
			margin-top:220px;
			margin-left:795px;
			width:157px;
			height:94px;
			z-index:55;
		}

		div#banner_top a {
			display:block;
			width:157px;
			height:94px;
		}

		/* Top Navigaiont (Wetter) */
		div#navi_top {
			position:absolute;
			margin-top:226px;
			margin-left:39px;
			width:181px;
			height:20px;
			z-index:100;
		}

		div#navi_top_bg {
			width:181px;
			height:40px;
			padding:38px 10px 10px;
		}

		a#webcam, a#wetter {
			padding-left:33px;
			color:#585858;
			height:20px;
			display:block;
			line-height:22px;
		}

		a#webcam {
			background:url(../style/ic-webcam.gif) no-repeat center left;
			margin-top:8px;
		}


		a#wetter {
			background:url(../style/ic-wetter.gif) no-repeat center left;
		}

		#wetter span {
			color:#6e6e6e;
		}

	/* linke Navigation */
	div#navi {
		float:left;
		width:201px;
		margin-left:40px;
		__margin-left:20px;
		margin-bottom:30px;
		overflow:hidden;
	}

	#navi_content {
		__margin-top:-16px;
	}

	div#navi {
		color:#585858;
	}

		div#navi_bg {
			background-image:url(../style/meta-mitte.png);
		}

			.meta a {
				margin:0;
				padding:0;
				margin-left:8px;
			}

			.meta li {
				padding-top:5px;
			}

				.show_not {
					display:none;
				}

				ul.primaer {
					border-bottom:1px solid #8F8F8F;
					background:url(../style/meta-top-pfeil.png) no-repeat top center;
					padding-top:5px;
				}

				ul.primaer li {
					padding-top:0;
					overflow:hidden;
				}

				.primaer a {
					margin-left:0;
					padding-left:10px;
					text-transform:none;
					diplay:block;
					padding-left:21px!important;
				}

					li.sekundaer {
						height:23px;
						overflow:hidden;
					}

					.sekundaer a {
						padding-left:35px!important;
					}

			/* 1. Box der Navigation */
			div#navi_links {
				border-bottom:1px solid #8f8f8f;
				width:196px;
				min-height:300px;
				padding:53px 0 19px 0;
				margin-left:3px;
				line-height:2em;
			}

			div#navi_links a {
				padding-left:30px;
				background-repeat:no-repeat;
				background-position:center left;
				display:block;
				color:#000;
			}
				#alpin_pears {
					background-image:url(../style/ic-alpine-pearls.gif);
				}

				#klimarechner{
					background-image:url(../style/ic-klimarechner.gif);
					__height:20px;
					__width:20px;
					__padding-left:15px;

				}

				#gastgeberliste{
					background-image:url(../style/ic-gastgeberliste.gif);
				}

				#ie7{
					__margin-left:8px;
					padding-top:5px;
				}

				#alpin_pears:hover {
					color:#86BD34!important;
					font-weight:bold;
				}

				ul#mobil_bg {
					background-color:#f19696;
				}

				ul#mobil_bg a:hover, .active_mobil, #mobil:hover {
					color:#e4252a!important;
					font-weight:bold;
				}
					a#mobil {
						background-image:url(../style/ic-mobilitaet.gif);
					}

				ul#sommer_bg {
					background-color:#d4ead0;
				}

				ul#sommer_bg a:hover, .active_sommer, #sommer:hover {
					color:#53AD42!important;
					font-weight:bold;
				}
					a#sommer {
						background:url(../style/ic-sommer.gif);
					}

				ul#winter_bg {
					background-color:#bfe7f7;
				}

				ul#winter_bg a:hover, .active_winter, #winter:hover {
					color:#009EE0!important;
					font-weight:bold;
				}
					a#winter {
						background:url(../style/ic-winter.gif);
					}

					a#koerper {
						background:url(../style/ic-koerper.gif);
					}

				ul#urlaub_bg {
					background-color:#f6b2d7;
				}

				ul#urlaub_bg a:hover, .active_urlaub, #urlaub:hover {
					color:#e2007a!important;
					font-weight:bold;
				}

					a#urlaub {
						background:url(../style/ic-urlaub.gif);
					}

				ul#default_bg1, ul#default_bg2, ul#default_bg3 {
					background-color:#bfdaec;
				}

				ul#default_bg1 a:hover, ul#default_bg2 a:hover, ul#default_bg3 a:hover, .active_default, #ausfluege:hover, #kultur:hover, #klimarechner:hover, #gastgeberliste:hover  {
					color:#007CBE!important;
					font-weight:bold;
				}

					a#ausfluege {
						background:url(../style/ic-ausfluege.gif);
					}

					a#kultur {
						background:url(../style/ic-kultur.gif);
					}

				ul#shopping_bg {
					background-color:#ebe4d9;
				}

				ul#shopping_bg a:hover, .active_shopping, #shopping:hover {
					color:#AF9466!important;
					font-weight:bold;
				}
					a#shopping {
						background:url(../style/ic-shopping.gif);
					}

				a.banner_alpine_pearls {
					padding:0!important;
				}
				img.banner_alpine_pearls {
					margin-left:17px;
					margin-top:7px;
				}

			/* 2. Box der Navigation */
			div#navi_inhalt2 {
				border-bottom:1px solid #8f8f8f;
				width:180px;
				padding:19px 8px 19px 8px;
				margin-left:4px;
			}

			div#navi_inhalt2 form {
				color:#8f8f8f;
				font-size:0.9em;
			}

			div#navi_inhalt2 select, div#navi_inhalt2 input {
				margin-right:5px;
			}

			div#navi_inhalt2 input {
				width:54px;
			}

				select.change_width {
					width:45px!important;
				}

			#suchen_buchen {
				margin-bottom:5px;
			}

			div#navi_inhalt2 a {
				color:#979B9E!important;
				font-weight:bold;
				text-transform:none;
			}

			label.naechte {
				padding-right:19px;
			}

			div#navi_inhalt2 h3 {
				text-transform:uppercase;
				font-weight:bold;
				font-size:1em;
				color:#015190;
			}

			/* 3. Box der Navigation */
			div#navi_inhalt3 {
				width:180px;
				padding:21px 8px 70px 8px;
				margin-left:4px;
				color:#8f8f8f;
			}

				input#abonnieren {
					width:82px;
					float:right;
					margin-right:8px;
				}

				input.email {
					width:166px;
					margin:6px 0 9px 0;
				}

				a#rss_abo {
					background:url(../style/ic-rss.gif) no-repeat center right;
					width:160px;
					display:block;
					text-transform:none;
					height:20px;
					color:#8f8f8f;
					display:block;
					padding-top:3px;
				}

				input.senden {
					background-color:#71787E;
					color:#fff;
					text-transform:uppercase;
				}

				p.newsletter_text {
					color:#8F8F8F;
				}

			div#navi_bottom {
				background-image:url(../style/meta-unten.png);
				width:201px;
				height:10px;
			}
	/* Inhalt */
	div#content {
		float:left;
		color:#6e6e6e;
		width:727px;
	}

		#inhalt {
			font-size:1.2em;
		}
		/* Kontakt */
		div.kontakt_style {
			padding:20px 46px 23px;
		}

		.kontakt input, .kontakt textarea {
			width:200px;
		}


		.kontakt textarea {
			height:90px;
		}


		.kontakt tr td {
			padding:2px 5px;
		}
		.ort {
			width:129px!important;
		}
		.plz {
			width:60px!important;
		}

		.button_kontakt1, .button_kontakt2 {
			float:right;
			width:100px!important;
		}

		.button_kontakt2 {
			margin-left:5px;
		}

		input.error, selcet.error, textarea.error {
			border:1px solid #AF0627;
			background:#E6B0BA;
		}

		p.error_text {
			color:#AF0627;
			font-weight:bold;
		}

		p.error_text2 {
			color:#AF0627;
		}

		/* Navigaiton über dem Content*/
		div#content_navi_top {
			margin-bottom:20px;
			padding:11px 46px 0 46px;
		}

		div#content_navi_top a:hover {
			color:#0169B0;
		}

		ul.navi_top_primaer {
			position:absolute;
			top:0;
			left:0;
			display:none;
			background:url(../style/hg_metaA_primaer_top.png) no-repeat top center;
			width:200px;
			padding-top:37px;
			z-index:102;
		}

			li.navi_top_primaer_footer {
				background:url(../style/hg_metaA_primaer_footer.png) no-repeat center center!important;
				height:21px!important;
			}

		ul.navi_top_primaer li {
			background:url(../style/hg_metaA_primaer_loop.png) top center;
			width:160px;
			display:block;
			padding:0 20px;
			height:16px;
			overflow:hidden;
		}

		ul.navi_top_primaer li a {
			color:#fff;
			text-transform:none;
		}

		ul.navi_top_primaer li a:hover {
			color:#fff!important;
			text-decoration:underline;
		}

		div#content_navi_top ul li {
			float:left;
		}

		div#content_navi_top a {
			margin-right:10px;
			display:block;
		}
			a#home {
				float:left;
				background:url(../style/ic-home.gif) no-repeat center left;
				display:block;
				width:12px;
				heigth:10px;
				margin-right:20px!important;
			}

			.teaser_img {
				float:left;
				margin:0 10px 10px 0;
			}

		div.status {
			padding:8px 46px 0 46px;
			width:450px;
		}

		div.status hr {
			border:0;
			border-top:1px solid #8F8F8F;
			height:1px;
		}

		div#dom, div#galerie, div#url_style, div#unterkuenfte_suchen_style, div#kontakt_pauschalen {
			padding:20px 46px 23px 46px;
		}

		div#dom_pauschalen {
			float:left;
			padding:0 46px 23px 46px;
		}

		/***************** TEASER ************************/

		div.pauschalen_box {
			float:left;
			width:200px;
			margin-top:20px;
			background-color:#C3DAF9;
			overflow:hidden;
			padding-bottom:10px;
		}

		div.pauschalen_header {
			height:58px;
			__height:57px;
			overflow:hidden;
		}

			div.pauschalen_header h3 {
				color:white;padding-left:11px;  padding-top:6px;
			}

		div.pauschalen_text {
			float:left;
			padding:5px 11px 2px 13px;
			height:180px;
			__height:177px;
			overflow:hidden;
			color:#000;
			margin-bottom:10px;
			width:176px;
		}

			div.pauschalen_text span {
				color:#000;
			}

			div.pauschalen_text ul li {
				margin-left:26px!important;
				padding-left:0!important;
			}

		div.sommer_bg1 {
			background-color:#53AD42;
		}

		div.winter_bg1 {
			background-color:#009EE0;
		}

		div.sommer_bg2 {
			background-color:#D4EAD0;
		}

		div.winter_bg2 {
			background-color:#D9F1FA;
		}

		div.pauschale_preis {
			float:right;
			height:68px;
			width:77px;
			margin-right:10px;
			padding-top:8px;
			color:#fff;
			font-weight:bold;
			overflow:hidden;
		}

			div.pauschale_preis p {
			 	font-weight:bold;
			 	font-size: 1.8em;
			 	padding-top:10px;
			 	color:#fff;
			}

		div.sommer_preis {
			background-image:url(../style/preis-kugel-3.jpg);
		}

		div.winter_preis {
			background-image:url(../style/preis-kugel-2.jpg);
		}

		div.pauschalen_details {
			padding-left:13px;
		}

		div.pauschalen_details a{
			float:left;
			text-transform:none;
			padding-top:38px;
			color:#000!important;
			text-decoration:underline;
		}

		div.full {
			width:635px;
			margin-bottom:30px;
			line-height:1.5em;
			clear:both;
			height:159px;
			padding:20px 46px 23px 46px;
		}

		div.full p {
			width:465px;
			__width:461px;
			float:left;
			height:120px;
			overflow:hidden;
		}

		div.full h1 {
			margin-bottom:10px;
			width:465px;
			__width:461px;
			height:30px;
			overflow:hidden;
		}

		div.full img {
			float:right;
			margin:1px 0 5px 10px;
			border:1px solid #fff;
			width:148px;
			height:148px;
		    filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=0, Strength=3)
		    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=45, Strength=2)
		    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=90, Strength=3)
		    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=2)
		    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=180, Strength=3)
		    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=225, Strength=2)
		    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=260, Strength=3)
		    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=305, Strength=2);
			-moz-box-shadow: -2px -2px 8px #888888, 1px 1px 3px #888888;
			-webkit-box-shadow: -2px -2px 8px #888888, 1px 1px 3px #888888;
			box-shadow:  -2px -2px 8px #888888, 1px 1px 3px #888888;

		}

		div.half {
			clear:both;
			padding:0px 46px;
			margin-bottom:14px;
			overflow:hidden;
			line-height:1.1em;
		}

		div.half h3 {
			margin:3px 0 2px 0;
			height:30px;
			overflow:hidden;
		}
			div.half_left {
				float:left;
			}

			div.half_right, div.half_left {
				border-bottom:1px solid #DBDBDB;
				width:299px;
				height:120px;
			}

			div.half_right {
				float:right;
			}


		div.half_left img, div.half_right img {
			float:right;
			margin:5px 0 0 10px;
			margin-bottom:5px;
			border:1px solid #fff;
			__border: 1px solid #BBBBBB;
			width:98px;
			height:98px;
		    filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=0, Strength=3)
		    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=45, Strength=2)
		    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=90, Strength=3)
		    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=2)
		    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=180, Strength=3)
		    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=225, Strength=2)
		    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=260, Strength=3)
		    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=305, Strength=2);
		    -moz-box-shadow: -2px -2px 8px #888888, 1px 1px 3px #888888;
			-webkit-box-shadow: -2px -2px 8px #888888, 1px 1px 3px #888888;
			box-shadow:  -2px -2px 8px #888888, 1px 1px 3px #888888;
		}

		div.half a {
			height:73px;
			__height:72px;
			overflow:hidden;
			display:block;
			width:189px;
			__width:175px;

		}

		div.half span.pfeil {
			position:absolute;
			margin-top:58px;
			margin-left:180px;
		}

		div.half a {
			/*font-size:1.1em;*/
		}


		div.half a , div.full a {
			color:#6E6E6E!important;
			text-transform:none;

		}

		div.half a:hover , div.full a:hover {
			color:#7D9DBF!important;
			text-decoration:underline;
		}

		div#inhalt a {
			color:#0169B0;
		}

		div#inhalt ul li {
			list-style-type:disc;
			margin-left:40px;
			padding-left:4px;
		}

		div#inhalt ol li {
			list-style-type:decimal;
			margin-left:43px;
		}

		hr.linie {
			border:0;
			border-top:1px solid #DBDBDB;
			height:1px;
			clear:both;
		}

		hr.linie1 {
			clear:both;
			border:0;
			border-top:1px solid #DBDBDB;
			height:1px;
		}

	/* Footer */
	div#footer_top {
		clear:both;
		background:url(../style/hg-content.gif);
		width:901px;
		padding:14px 20px 26px 48px;
		color:#888888;
		line-height:1em;
		margin-bottom:10px;
	}

		div#footer_top hr{
			border:none;
			border-top:1px solid #778d98!important;
			height:1px;
		}

			div#footer_left {
				float:left;
				padding-top:16px;
				width:200px;
			}

			div#footer_right {
				float:right;
				width:670px;
			}

			div#footer_right a {
				color:#888888;
				text-transform:none;
				font-size:0.9em;
			}

			div#footer_right h3 {
				text-transform:uppercase;
				font-weight:bold;
				color:#888888;
				font-size:1em!important;
			}
				div.footer_box {
					padding-top:16px;
					float:left;
					width:194px;
					margin-right:8px;
				}



		div#footer_links {
			clear:both;
			text-align:center;
			padding-top:20px;
		}

		div#footer_links a {
			color:#888888;
			text-decoration:underline;
			text-align:center;
		}

		div#seo_text {
			color:#B3B3B3;
			margin-top:15px;
		}

		div.anker_oben {
			float:right;
			width:64px;
		}
			a.anker_oben {
				background:url(../style/ic-pfeil.gif) no-repeat center right;
				padding-right:10px;
				display:block;
			}

	div#footer_bottom {
		width:944px;
		padding:28px 0 35px 28px;
	}
		div#banner_bottom {
			position:absolute;
			margin-top:-66px;
			margin-left:767px;
			width:157px;
			height:94px;
		}

		div#banner_bottom a {
			display:block;
			width:157px;
			height:94px;
		}

	div#footer_bottom img {
		margin-right:15px;
	}

#skyscraper {
	float:left;
}