* {
	margin: 0;
	padding: 0;
	list-style: none;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background:url(../images/bg_body.gif) 573px 0 no-repeat;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	}

h2{
	font-size: 120%;
  color: #7b7366;
  margin-bottom: 6px;
	}

ol, ul {
	list-style: none;
	}

table {
	border-spacing: 0;
	}

fieldset, img {
	border: 0;
	}

caption, th {
	text-align: left;
	}	

a {
	outline: none;
	color: #3c3930;
	}

a:hover {
	color: #000;
	}

.left {
	float: left;
	}

.right {
	float: right;
	}

.clearer {
	clear: both;
	height: 0%;
	_height: auto;
	}

	* {
	outline:none;
	}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background:url(../images/bg_body.gif) 573px 0 no-repeat;
}

/*************************** Header ******************************/

#header {
	position: absolute;
	top: 0px;
	background:url("../images/head_bg.png") repeat-x scroll 0 0 transparent;
	height:220px;
	width:100%;
}

	#logo {
	position: absolute;
	top: 45px;
	left: 605px;
	}
	
	#location {
		position: absolute;
		top: 232px;
		left: 20px;
		font-size: 11px;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
	}



	#location a {
	color: #000;
	text-decoration: underline;
	padding: 0px 10px 0px 0px;
	margin:0 13px 0 13px;
	background:url(../images/nav_breadcrumb_pfeil.gif) right 1px no-repeat;
	}



	#location span {
	padding: 0px 10px 0px 0px;
	background:url(../images/nav_breadcrumb_pfeil.gif) right 1px no-repeat;
	}



	#branding {
	width: 573px;
	height: 220px;
	overflow: hidden;
	}



	#branding img {
	position: absolute;
	left: 0px;
	top: 0px;
	display:none;
	}

	#branding noscript img {
	display: block;
	}

	ul#sprachen{
	position: absolute;
	top:7px;
	left:587px;
	}



		ul#sprachen li{
		float:left;
		}

		

		ul#sprachen a{
		display:block;
		font-size:11px;
		color: #3E3A35;
		text-decoration:none;
		padding-right:5px;
		margin-right:9px;
		border-right: 1px solid #3E3A35;
		}

		

		ul#sprachen a:hover{
		text-decoration:underline;
		}

		

		ul#sprachen a.last{
		border:none;
		}


#test	{
	position:absolute;
	background:green;
	bottom:0;
	}

/*************************** Dropdown Menü ***********************/

/* Based on Suckertree navigation by www.dynamicdrive.com */

#nav_main_bg {
position: absolute;
top: 175px;
left: 0px;
width: 573px;
height: 45px;
/*
background-color: #000;
opacity: 0.50;
-moz-opacity: 0.50;
filter:Alpha(opacity=50); 
*/
}

#lohea{
	overflow: visible;
	background: red;
	border: solid 10px blue;
}

/* Äusseres DIV */
.suckertreemenu {
position: absolute;
top: 175px;
left: 5px;
font-size: 120%;
}

/* Hauptnavigation */
#header .suckertreemenu ul li {
position: relative;
display: inline;
float: left;
font-weight: bold;
font-family: Tahoma, Arial, Helvetica, sans-serif;
line-height: 16.7px;
}

#header .suckertreemenu ul li a {
display: block;
width: 60px; 
padding: 15px 5px 13px 15px;
border-left-width: 0;
text-decoration: none;
color: #fff;					
}

#header .suckertreemenu ul li a:hover{
background: #fff;
color: #756c58;				
}

/* Subnavigation */
#header .suckertreemenu ul li ul {
left: 0px;
position: absolute;
top: 1em; 
display: block;
visibility: hidden;
background: url(../images/mainnavi_ul_bg.png) repeat-y #e1deda;		
font-size: 11px !IMPORTANT;
z-index: 5;
}

#header .suckertreemenu ul li ul li {
display: list-item;
float: none;
font-weight: normal;
}
#header .suckertreemenu ul li ul li a {
display: block;
width: 130px; 
color: #3c3930;
text-decoration: none;
padding: 5px 15px 5px 17px;
text-align: left !IMPORTANT;
background: url(../images/mainnavi_ul_pfeil.gif) no-repeat center right;
}

#header .suckertreemenu ul li ul li a:hover, .keinpfeil a:hover{
background: url(../images/mainnavi_ul_pfeil_hover.gif) no-repeat center right #90877a;
color: #fff;
}

.keinpfeil a {
background: none !IMPORTANT;
}
.keinpfeil a:hover {
background: #90877a !IMPORTANT;
}

/* Subsubnavigation */
#header .suckertreemenu ul li ul li ul {
font-size: 100% !IMPORTANT;		
left: 159px;
top: 0px;
}

#header .suckertreemenu ul li ul li ul li a {
background: none;
}

#header .suckertreemenu ul li ul li ul li a:hover{
background: #90877a;
}

/* hack */
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
		
/*************************** Content ******************************/

#content {
	width: 990px;
	margin-top: 0px;
	height:auto;
}

	.container_left {
		position: relative;
		width: 533px;
		padding: 10px 20px 80px 20px;
		float: left;
		min-height: 100px;
		margin-top: 265px;
	}

	#info {
		position: absolute;
		bottom: 20px;
		clear:both;
		color:#999;
		font-size:10px;
		padding-top:20px;
		text-align:center;
		width: 510px;
	}
	
	*+html #info {
		position: absolute;
		bottom: 20px;
		left: 0px;
		clear:both;
		color:#999;
		font-size:10px;
		padding-top:20px;
		text-align:center;
		width: 510px;
	}
	
	* html #info {
		position: absolute;
		bottom: 20px;
		left: 0px;
		clear:both;
		color:#999;
		font-size:10px;
		padding-top:20px;
		text-align:center;
		width: 510px;
	}
	

		#info li{
			display:inline;
			padding: 0px 0px 0px 5px;
			margin: 0px 0px 0px 0px;
			background: url('../images/vertical.gif') no-repeat 0px 1px;
			line-height: 16px;
		}

		#info li.first_li{
			background: none;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
		}

		#info li a {
			color:#999999;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			text-decoration:none;
			white-space: nowrap;
		}

		#info li a:hover {
			color:#3c3930;
		}

	#content_text {
		float:left;
		margin-bottom:23px;
	}

	.spalte_all {
		padding-right:10px;
		width:520px;
	}

	.spalte1 {
		float:left;
		padding-right:33px;
		width:230px;
	}

	.spalte2 {
		float:left;
		padding-right:33px;
		width:230px;
	}

	#content p {
		line-height:16.7px;
		padding: 0 0 16px;
	}

	#content p.eyecatcherwrap{
	padding:1px;
	border:1px solid #A9A195;
	margin:0 42px 16px 10px;
	}

	#content p a.eyecatcher{
	display:block;
	padding:3px 10px 3px 20px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	background: url(../images/bg_eyecatcher.gif) left no-repeat #A9A195;
	}
	
	#content p a.eyecatcher:hover{
	color:#e9e9e9;
	}

		#nav_breadcrumb {
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			margin-bottom: 30px;
		}

			#nav_breadcrumb li {
				display: inline;
				background: url(../images/nav_breadcrumb_pfeil.gif) no-repeat center right;
				padding-right: 10px;
				margin-right: 10px;
			}

			#nav_breadcrumb li.pfeiloff {
				background: none;
			}

		h1 {
			font-size: 140%;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			line-height: 1.5em;
			color: #7b7366;
			margin-bottom: 30px;
		}

	.container_right {
		width: 417px;
		padding-bottom: 60px;
		float: left;
		margin-top: 220px;
		font: 100%/1.5em Verdana, Arial, Helvetica, sans-serif;
		
		min-height:640px;
		height:auto !important;
		height:640px;
	}

		.farbteaser {
			background: #fff;
			padding: 10px 0px 20px 0px;
		}

			.farbteaser ul {}

				.farbteaser ul li {
					float: left;
					height: 102px;
				}

					li#panoramen { background: url(../images/farbteaser_balken_blau.gif) bottom no-repeat; margin-right: 10px;}
					li#livecams { background: url(../images/farbteaser_balken_braun.gif) bottom no-repeat; margin-right: 10px;}
					li#hotelfilm { background: url(../images/farbteaser_balken_gruen.gif) bottom no-repeat; }

					.farbteaser ul li strong {
						background: url(../images/farbteaser_pfeil_weiss.gif) no-repeat 8px 8px;
						display: block;
						padding-left: 20px;
						padding-top: 3px;
					}

					.farbteaser ul li a {
						color: #fff;
						text-decoration: none;
						display: block;
					}

						.farbteaser ul li a:hover {
							text-decoration: underline;
							color: #fff;
						}

		.bildteaser {
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			border-top: 10px solid #EFEEEC;
			border-left: 10px solid #EFEEEC;
			border-right: 10px solid #EFEEEC;
			border-bottom: 50px solid #EFEEEC;
			background-color: #EFEEEC;
		}

			.bildteaser ul{
			/*	padding: 10px;*/
				outline:medium none;
			}

				.bildteaser ul li {
					background: url(../images/bildteaser_pfeil.gif) no-repeat right bottom #fff;
					border-top: 1px solid #d4d0ca;
					border-right: 1px solid #d4d0ca;
					position: relative;
					_height: 79px;
					margin-bottom: 10px;
				}

					.bildteaser ul li img {
						float: left;
						position: relative;
						top: -7px;
						margin-bottom: -20px;
						left: -10px;
					}

					.infos{
						min-height: 0;
						margin: 0;
						padding: 0;
					}					

					.bildteaser ul li a {
						text-decoration: none;
						display: block;
						min-height: 79px;
						_height: 79px;
						padding: 7px 10px 10px 10px;
						color: #6b665f;
					}

						.bildteaser ul li a:hover {
							color: #3c3930;
						}

			#info2{
				float: left;
				position: absolute;
				top: 530px;
				left: 583px;
				z-index: 100;
				width: 396px;
				height:112px;
				padding: 0px;
				background: url(../images/spa_d.jpg) no-repeat 0px 12px #fff;
			}

			* html #info2{
				float: left;
				position: absolute;
				top: 535px;
				left: 583px;
				z-index: 100;
				width: 396px;
				height: 112px;
				padding: 0px;
				background: url(../images/spa_d.jpg) no-repeat 0px 12px #fff;
			}


			#info2 ul{
				float: left;
				height: 94px;
				width: 386px;
				padding: 7px 10px 10px 0px;
				margin-bottom: 0px;
				outline: medium none;
				background: url(../images/bildteaser_pfeil.gif) no-repeat 374px 89px;
				border-top: 1px solid #d4d0ca;
				border-right: 1px solid #d4d0ca;
				position: relative;
				overflow: hidden;
			}

				#info2 ul li {
					font-family:Tahoma, Geneva, sans-serif;
					float: left;
					width: 386px;
					margin: 0px;
					padding: 0px 0px 0px 132px;
					font-weight: bold;
					font-size: 11px;
					color: #3C3930;
					font: 100%/1.5em Tahoma,Geneva,sans-serif;
				}
				
				#info2 ul li.first_i2{
					font-weight: bold;
				}
				

					#info2 ul li a {
						font-weight: normal;
						text-decoration: none;
						padding:0;
						color: #3C3930;
					}

						#info2 ul li a:hover {
							color: #999;
						}

					li.unverb_anfrage {
						padding: 7px 10px 10px 10px;
						min-height: 79px;
						_height: 79px;
						position: relative;
						background: #fff !IMPORTANT;
					}

					li.unverb_anfrage .pfeil {
						position: absolute;
						bottom: 0px;
						right: 0px;
						background: url(../images/bildteaser_pfeil.gif);
						width: 22px;
						height: 22px;
						cursor: pointer;
					}

					li.unverb_anfrage label {
						display: block;
					}

					li.unverb_anfrage input {
						border: none;
						background: #eeecea;
						padding: 3px;
						font-size: 100%;
						border: 1px solid #fff;
					}

						li.unverb_anfrage input:focus {
							border: 1px solid #3c3930;
						}

						.anreisedatum {
							position: absolute;
							left: 132px;
							top: 40px;
							width: 110px;
						}

							.anreisedatum input {
								width: 70px;
								margin-top: 7px;
								float: left;
							}

							.anreisedatum img {
								top: 0px !IMPORTANT;
								left: 5px !IMPORTANT;
								cursor: pointer;
							}

						.uebernachtungen {
							position: absolute;
							left: 248px;
							top: 40px;
						}

						.erwachsene {
							position: absolute;
							left: 248px;
							top: 65px;
						}

							.uebernachtungen input, .erwachsene input {
								width: 30px;
								float: left;
								margin-right: 10px;
							}

							.uebernachtungen label, .erwachsene label {
								float: left;
							}

/*************************** Footer ******************************/

		#footer {
			position: absolute;
			width: 100%;
			height: 60px;
			background: url(../images/head_bg.png) repeat-x bottom #a9a195;
			border-top: 10px solid #fff;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			margin: 0px;
			padding: 0px;
			}

			#footer .left {
				width: 573px;
				height: 60px;
				background: #fff;
				position: relative;
				}

				#footer .logo {
					position: absolute;
					top: -4px;
					left:  20px;
					}

				.nav_footer {
					position: absolute;
					right: 20px;
					bottom: 16px;
					width: 350px;
					}

					.nav_footer li {
						float: right;
						margin-left: 8px;
						}

						.nav_footer li a {
							text-decoration: none;
							border-right: 1px solid #48433c;
							padding-right: 8px;
							}

						.nav_footer li.keinborder a {					
							border:  none;
							}
	
							.nav_footer li a:hover {
								text-decoration: underline;
								}

			#footer .right {
				float: left;
				color: #fff;
				padding: 10px;
				font: 100%/1.5em Tahoma,Arial,Helvetica,sans-serif;
				}

				#footer .right ul {
					float: left !IMPORTANT;
					margin-right: 30px;
					margin-top: -1px;
					}

				#footer .right address {
					float: left !IMPORTANT;
					margin-right: 30px;
					margin-top: -1px;
					font-style: normal;
				}

				#footer .right a {
					color: #fff;
					}

.crbo{
	clear: both;
}

.showC{
	cursor: pointer;
	margin: 8px 0px 0px 0px !important;
	padding: 0px !important;
	width: 17px !important;
	height: 20px !important;
	float: left;
}

	* html .showC img{
		float: left !important;
		width: 17px !important;
		height: 20px !important;
		margin: 0px !important;
	}

.input_1{
	width: 18px;
}

.fb{
	font-weight: bold;
}
