@charset "UTF-8";

body {
	margin:0;
	padding: 0;
	font-size:62.5%;
	font-family: arial;
	background-color:#778D98;

}

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

h1,h2,h3 {
  padding: 0px;
  font-weight:bold;
  color:#088392;
}

h1 {
  font-size:1.4em;
}

h2 {
	font-size:1.2em;
}

h3 {
  font-size:1em;
}

a{
	color:#000;
}

input, select, textarea {
	padding:2px 5px;
	margin-top:4px;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size:11px;
	border: 1px solid #3397A5;
}

input.defaultvalue, textarea.defaultvalue {
	color:#8F8F8F;
}

input.filled, textarea.filled {
	color:#000;
}

.rbutton{
	border: 1px solid #70AE1D;
	background: #D6ECC1;
	color:#3c6c0e;
	height: 30px;
}

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

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

.errormeldung  {
	background: #E6B0BA;
	border: 1px solid red;
	width: 150px;
	color:#D5002D;
	font-weight:bold;
	text-align:left;
	margin: 2px;
	padding: 2px;
	text-align: center;
}

.noneerrormeldung  {
	width: 200px;
	height: 11px;
	color:#D5002D;
	font-weight:bold;
	text-align:left;
	margin: 2px;
	padding: 2px;
}


div#root{
	overflow:hidden;
	float:left;
	border-left: 3px solid white;
	font-size:1.1em;
	background:url(../style/hg-content.jpg) left;
	width:995px;
}


	div#skyscraper{
		height:550px;
		margin-left: 1002px;
		position:absoulte;
		width:175px;
		overflow:hidden;
	}


	.header{
		float:left;
		border-top: 3px solid white;
		border-bottom: 8px solid white;
		width: 992px;
		height: 193px;
		overflow:hidden;
	}

		.header object{
			z-index:1;
			position: absolute;
			margin-left: 10px;
			overflow:hidden;
		}


		div#logo{
			float:right;
			margin-right: 5px;
			margin-top: 5px;
			width: 161px;
			height: 87px;
		}

			div#logo img{
				z-index:2;
				position:absolute;
				width:161px;
				height:87;
			}


			.tabmenue {
			  float:left;
			  width: 310px;
			  margin-top: 15px;
			  margin-bottom: 5px;
			  padding: 3px;
			}


				.tabmenue1 {
				  float:left;
				  width: 310px;
				  margin-top: 11px;
				  margin-bottom: 23px;
				  __margin-bottom: 11px;
				  padding: 3px;
				}


					.tabmenue a {
						background:url('../style/ic_pfeil_do.gif') no-repeat 10px center;
						background-color:#AC0F2C ;
						color: #fff;
						text-decoration:none;
						padding: 2px 10px 2px 25px;
						margin-left: 8px;
						border: 1px solid #777;
						border-bottom: 1px solid black;
						text-decoration: none;
					}


						div#pointer{
							float:left;
							width: 65px;
							height: 20px;
							float:right;
							margin-top: 5px;
							margin-right: 22px;
						}


/*-----------------------------------Meta Navigation HEAD------------------------------*/

	div#header_nav{
		float:left;
		width: 198px;
		height: 193px;
		background: #DBEEEC;
	}


		div#meta_head{
			height: 34px;
			background:url(../style/head_box_meta.gif) no-repeat;
		}


			ul.navi {
			clear:left;
			}


				ul.navi li {
					float:left;
					width:100%;
				}


					ul.navi li.abstand {
						height:10px;
					}


			            ul.navi img{
			              margin-top: 3px;
			            }


							ul.navi a {
					            font-size:1.2em;
					            text-decoration:none;
					            border-bottom:1px solid #fff;
					            font-weight:bold;
					            color:#088392;
					            display:block;
					            padding:3px 10px 3px 28px;
					            background:url('../style/ic_pfeil_meta_do.gif') no-repeat 10px center;
							}


								ul.navi a:hover, ul.navi a.active  {
									 background:url('../style/ic_pfeil_do.gif') no-repeat 10px center;
									 background-color:#088392;
									 color:#fff;
								}


									div.links{
										float:left;
										margin-top: 4px;
									}


										.links a{
											padding: 4px 10px 4px 28px;
			  								text-decoration:none;
											background:url('../style/pfeil.png') no-repeat 10px center;

										}


											.links li{
												padding: 2px 0px 2px 0px;
				  							}

				  							.head_text{
											 	margin: 10px 5px 2px 10px;
				  							}

/*----------------------------------- Content full ------------------------------------*/

	div#content_full{
		float:left;
		background:url(../style/hg-content.gif);

	}

/*--------------------------- Content Unterkünfte auswählen ----------------------------*/
	div#content_left{
		overflow:hidden;
		float:left;
		background-color:#DBEEEC;
		width: 474px;
	}


		div#meta_left{
			height: 34px;
			background:url(../style/hg-meta-links-1.jpg) no-repeat;
		}


			div#meta_left a{
				float:right;
			}


			div#meta_left p{
				width: 280px;
				padding-top: 8px;
				margin-left: 40px;
				color:#fff;
				font-size:1.5em;
				font-weight:bold;
			}


				.up_full{
					float:left;
					padding: 2px 15px 2px 8px;
				}


					.middle_full{
						float:left;
						margin-top: 5px;
						padding: 2px 15px 2px 8px;
					}


						.down_full{
							float:left;
							margin-top: 5px;
							padding: 2px 15px 2px 8px;
						}


/*--------------------------------- Content Artikel Groß ------------------------------------*/

			.content_artikel_groß{
				background-color: #fff;
				margin-left: 10px;
				__margin-left: 5px;
				float:left;
				height: 285px;
				width:140px;
			}


				.content_artikel_groß_left{
					background-color: #fff;
					margin-left: 5px;
					float:left;
					height:220px;
					width:140px;
				}


					.ueberschrift {
						text-align:center;
						padding: 1px 0px 1px 0px;
						width: 140px;
						height:15px;
						color: #fff;
						background-color: #088392;
						font-weight:bold;
					}


							.content_footer{
								height: 20px;
							}


								.content_footer u{
									float:left;
								}


									.content_checkbox {
										float:right;
									}


										.content_checkbox input {
											margin-top: -1px;
											border:none;
											vertical-align:bottom;
										}


											.content_text{
												height: 165px;
												padding: 0px  4px  2px  4px;
											}


												.content_footer{
													padding:0 5px;
												}


												.teaser_include{
													float:left;
													padding-bottom: 12px;
												}




/*--------------------------------- Content Artikel Mittel -----------------------------------------*/


			.content_artikel_middle{
				background-color: #fff;
				margin-left: 10px;
				__margin-left: 5px;
				margin-bottom:2px;
				float:left;
				height:135px;
				width:140px;
			}


				.content_artikel_middle_text{
					padding: 1px  2px  2px  5px;
					height: 14px;
				}


					.content_artikel_middle_left{
						background-color: #fff;
						margin-left: 5px;
						float:left;
						height:135px;
						width:140px;
					}


						.ueberschrift {
							text-align:center;
							padding: 1px 0px 1px 0px;
							width: 140px;
							height:15px;
							color: #fff;
							background-color: #088392;
							font-weight:bold;
						}


							.list_teaser li{
								color:#AC0F2C;
							}


								.list_teaser span{
									color:#000;
								}


									.list_teaser ul{
										margin-left: 17px;
										padding-right: 3px;
									}


										.list_teaser p{
											margin-left: 5px;
											padding-right: 5px;
										}

/*--------------------------------- Content Unterkünfte Details ------------------------------------*/

	div#content_middle{
		overflow:hidden;
		background-color:#DBEEEC;
		min-height: 770px;
		width: 320px;
		margin-left: 10px;
		float:left;
	}


		div#content_middle h1{
			padding-bottom: 3px;
		}


		div#meta_middle{
			height:34px;
			background:url(../style/hg-meta-mitte-2.jpg) no-repeat;
		}

			div#meta_middle p{
				padding-top: 8px;
				margin-left: 40px;
				color:#fff;
				font-size:1.5em;
				font-weight:bold;
			}

				.leistungen ul{
					margin-left: 14px;
				}


					.leistungen li{
						color:#088392;
					}


					.leistungen span{
						color:#000;
					}


					.buchung ,.leistungen, .beschreibung, .anzeige_anschrift {
						padding:8px;
					}

					.anzeige_anschrift a {
						color:#088392;
					}


					.anzeige_picture{
						margin-top:5px;
						padding: 10px;
					}


					.preis{
						margin-left: 5px;
						margin-bottom: 5px;
						float:right;
						height: 83px;
						width: 81px;
						background: url(../style/hg_preis.gif)  right no-repeat;
					}


						.preis p{
							padding-top: 5px;
							padding-right: 5px;
							font-size:1.5em;
							color: #088392;
							font-weight:bold;
							text-align: center;
						}

							.show_detail {
								display:none;
							}

								.details {
									cursor:pointer;


								}

									.none_link span{
										text-decoration:underline;
									}





/*----------------------------------- Content Anfrage senden -----------------------------------------*/

	div#content_right{
		overflow:hidden;
		background-color:#DBEEEC;

		width: 178px;
		float:left;
		margin-left: 10px;
	}

		div#meta_right{
			height:34px;
			background:url(../style/hg-meta-rechts-3.jpg) no-repeat;
		}


			div#meta_right p{
				padding-top: 8px;
				margin-left: 40px;
				color:#fff;
				font-size:1.5em;
				font-weight:bold;
			}


			div#formular{
				padding: 10px;
			}

				.send_do{
					margin-top:6px;
					color:#fff;
					border:none;
					width: 160px;
					height:40px;
					background:url(../style/bu_hg_abschicken_do.gif) no-repeat;
				}

					.send_up{
						margin-top:6px;
						font-weight:bold;
						border:none;
						width: 160px;
						height:40px;
						cursor: pointer;
						background:url(../style/bu_hg_abschicken_up.gif) no-repeat;
					}

						.captcha{
							cursor: pointer;
							padding-top: 10px;
						}

							.angebote_von {
								border:2px solid #3397A5;
								background:#fff;
								padding:5px 10px;
								width:134px;
								float:right;
								margin-bottom:2px;
								margin-top:2px;
							}

								div#checkbox span {
									__float:left;
									margin-top: 4px;
								}

									div#checkbox{
										float:left;
										padding-top: 6px;
									}

									.textarea{
										width: 140px;
										overflow:hidden;
									}

									#banner{
										 text-align: center;
									}

/*--------------------------------------- Katalog ----------------------------------------*/

	.content_left_katalog{
		overflow:hidden;
		float:left;
		background-color:#DBEEEC;
		width: 598px;
		height: 620px;
	}


	.content_right_katalog{
		margin-left: 10px;
		overflow:hidden;
		float:left;
		background-color:#DBEEEC;
		width: 384px;
		height: 620px;
	}


		.meta_left_katalog{
			height: 34px;
			background:url(../style/hg-meta-links.jpg) no-repeat;
		}

			.meta_left_katalog p{
				padding-top: 8px;
				margin-left: 10px;
				color:#fff;
				font-size:1.5em;
				font-weight:bold;
			}


			div#meta_right_katalog{
				height: 34px;
				background:url(../style/hg-meta-rechts.jpg) no-repeat;
			}

				div#meta_right_katalog p{
					padding:8px;
					margin-left: 10px;
					color:#fff;
					font-size:1.5em;
					font-weight:bold;
				}

				.gratis_do{
					margin-top:6px;
					color:#fff;
					border:none;
					width: 234px;
					height:41px;
					background:url(../style/button-gr-do.jpg) no-repeat;
				}


					.gratis_up{
						margin-top:6px;
						font-weight:bold;
						border:none;
						width: 234px;
						height:41px;
						cursor: pointer;
						background:url(../style/button-gr-up.jpg) no-repeat;
					}


						.katalog{
							width: 210px;
							height: 299px;
							display:inline;
							margin-top: 15px;
							margin-right: 50px;
							float:right;
						}


							.content_right_katalog ul{
								margin-left: 2px;
								padding: 0px 10px 10px 10px;
							}


								.content_right_katalog p{
									margin-left: 7px;
									padding: 0px 10px 10px 10px;
								}


									.content_right_button{
										float:right;
										margin-right: 8px;
									}


										.content_right_a{
											float:right;
											margin-right: 8px;
											padding-right: 3px;
											padding-left: 15px;
											color:#000;
											background:url(../style/pfeil.png) no-repeat center left;
										}


									.content_left_katalog a{
										float:right;
										margin-left: 12px;
										padding:8px;
										padding-left: 15px;
										color:#000;
										background:url(../style/pfeil.png) no-repeat center left;
									}


								.content_left_katalog_inhalt{
										margin-right: 2px;
										padding: 0px 0px 10px 10px;
								}


							.content_right_pic{
								padding: 0px 15px 0px 15px;
							}


/*--------------------------------------- info ----------------------------------------*/

	.meta_info{
		float:left;
		width: 992px;
		height:34px;
		background:url(../style/hg-meta-info.jpg) no-repeat;
	}

		.meta_info p{
			padding-top: 8px;
			margin-left:10px;
			color:#fff;
			font-size:1.5em;
			font-weight:bold;
		}

			.info_left{
				overflow:hidden;
				float:left;
				background-color:#DBEEEC;
				width: 490px;
				height: 660px;
			}

				.info_left_p{
					margin-left:  14px;
					margin-right:  30px;
				}


					.info_right{
						overflow:hidden;
						float:left;
						background-color:#DBEEEC;
						width: 502px;
						height: 660px;
					}


						.info_right_list{
							margin-left: 15px;
							padding:10px;
						}


							.info_right_text{
								margin-left: 10px;
							 	padding: 6px;
							}
/*--------------------------------------- footer ----------------------------------------*/


		div#footer {
			border-bottom: 3px solid white;
			width: 992px;
			color:#ede4da;
			font-size:0.9em;
		}


			div#footer_up{
				margin-top: 10px;
				height: 50px;
				background: url(../style/bi_footer_watzmann.gif) no-repeat;
			}


				div#footer_middle {
					background: url(../style/hg-footer.gif) no-repeat;
					background-color: #088392;
				}


					div#footer_nav {
						padding-top: 20px;
					}


						div#footer_nav a{
							color: #FEFFFF;
						}


							div#seo {
								color: #A6DAE5;
								padding: 30px 90px 20px 90px;
							}


								.mh_logo {
									position: absolute;
						  			height:16px;
						  			padding-top:2px;
						            text-decoration: none;
						            cursor:pointer;
									background:url(../style/logo_mh.gif) no-repeat center;
								}



/*--------------------------------------- tooltip ----------------------------------------*/
.tooltip {
	cursor:help!important;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border:1px solid #666868;
	-moz-box-shadow:5px 5px 5px #888;
	background:#fff;
	font-weight:normal;
	padding:10px;
}

/*--------------------------------------- Slideshow ----------------------------------------*/

.slideshow {
	height: 193px;
	width: 794px;

}