@CHARSET "UTF-8";

/* MainCSS File */

html, body {
	height: 100%;
	width: 100%;
}

body {
	position: relative;
	background: #fff url("../background_site_main.jpg") center -120px no-repeat;
}

.mapson span, .fmore {
	display: none;
}

#page {
	position: relative;
	width: 880px;
	margin: 0 auto;
}

#logo {
	position: relative;
	top: 0;
	left: 5px;
}

#header {
	position: relative;
	height: 140px;
}

#contentWrapper {
	background: transparent url("../images/background_content.png") 0 0 no-repeat;
	width: 739px;
	min-height: 360px;
	position: relative;
	padding-bottom: 50px;
}

#hotelNavi {
	background: #E85127 url("../images/background_nav.png") 0 0 no-repeat;
	position: relative;
	width: 701px;
	height: 50px;
	left: 19px;
	top: 19px;
}

#pagePic {
	display: block;
}

#content {
	min-height: 200px;
	margin: 70px 0 0 55px;
	width: 463px;
}

.content {
	overflow: hidden;
}

#rightBox {
	position: absolute;
	right: -131px;
	top: 109px;
	width: 322px;
	min-height: 326px;
	padding-bottom: 50px;
	background: transparent url("../images/background_sidebar.png") 0 0 no-repeat;
}

#sidebar {
	position: relative;
	margin: 29px 0 0 29px;
	width: 262px;
	min-height: 120px;
}

#page_title {
	color: #E75026;
	font-size: 18px;
	font-weight: normal;
	position: absolute;
	top: 80px;
	left: 54px;
}

.hcard .tel, .hcard .fax, .hcard .email, .hcard .url {
	padding-left: 23px;
	line-height: 20px;
	background: 0 3px no-repeat;
}

.hcard .tel { background-image: url("../images/icons/icon_base_phone.png"); }
.hcard .fax { background-image: url("../images/icons/icon_base_fax.png"); }
.hcard .email { background-image: url("../images/icons/icon_base_mail.png"); color: #CD551B; }
.hcard .url { background-image: url("../images/icons/icon_base_home.png"); }

.vcard a, .hcard a { background-color: #fff; }

/* Verantaltungsliste */

.veranstaltungen li {
	list-style: none;
	display: block;
	margin: 0;
	padding: 4px 0;
	border-top: 1px solid #000;
}

.veranstaltungen li.first {
	border-top: 0;
}

.veranstaltungen .beschreibung {
	margin-top: 5px;
}

/* Hotelliste */

.hotelliste .hotel {
	margin: 0;
	padding: 8px 0;
	border-top: 1px solid #000;
	overflow: hidden;
}

.hotelliste .hotel.first {
	border-top: 0;
}

.hotelliste .pagePic {
	float: right;
}

.hotelliste .titel {
	line-height: 20px;
	margin-bottom: 8px;
}

.hotelliste .titel span {
	font-weight: bold;
}

/* Broschüre bestellen */


#brochureForm label {
	width: 100px;
	display: block;
	float: left;
	height: 22px;
	line-height: 22px;
}

#brochureForm input {
	width: 200px;
	display: block;
	float: left;
}

#brochureForm .fmore {
	display: none;
}

#brochureForm div {
	margin-bottom: 2px;
}

#brochureForm .entry {
	height: 22px;
	overflow: hidden;
}

#brochureForm #plz {
	width: 40px;
	margin-right: 5px;
}

#brochureForm #stadt {
	width: 151px;
}

#brochureForm #quantity {
	width: 40px;
}

#brochureForm .quantity {
	margin-bottom: 15px;
}

#brochureForm input.button {
	width: 72px;
	border: 0;
	height: 22px;
	color: #fff;
	font-weight: bold;
	margin-left: 30px;
	background-color: #DD4D25;
}

#brochureForm .submitbtn input {
	width: 72px;
	border: 0;
	height: 23px;
	line-height: 23px;
	color: #fff;
	font-weight: bold;
	right: 0;
	position: absolute;
}

#brochureForm .submitbtn {
	width: 72px;
	height: 23px;
	background-color: #DD4D25;
	position: relative;
}

/* Pauschale */

.pauschale {
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
	color: #fff;
}

.pauschale .links, .pauschale .rechts {
	width: 296px;
	height: 480px;
	float: left;
	position: relative;
	background-color: #DD4D25;
}

.pauschale .rechts {
	margin-left: 40px;
}

.pauschale h1, .pauschale h2 {
	margin: 0 0 10px 0;
	color: #fff;
	line-height: 25px;
	font-size: 18px;
}

.pauschale h2 {
	margin-bottom: 0;
}

.pauschale h3 {
	color: #fff;
	font-size: 15px;
}

.pauschale .text {
	margin: 5px;
}

.pauschale .preis {
	font-size: 18px;
	line-height: 30px;
}

.pauschale .preis1, .pauschale .preis2 {
	position: absolute;
	font-weight: bold;
	bottom: 5px;
	left: 5px;
	width: 140px;
	height: 50px;
}

.pauschale .preis1 {
	left: 5px;
}

.pauschale .preis2 {
	left: 150px;
}

/* Einspaltig */

#page.onecol #content {
	width: 650px;
}

/* Anfahrtseite */
br.clear {
	clear: both;
	margin: 0;
	padding: 0;
}

#page.anfahrt .row {
	overflow: hidden;
	padding-bottom: 35px;
}

#page.anfahrt #topleft, #page.anfahrt #bottomleft {
	width: 263px;
	float: left;
}
#page.anfahrt #bottomleft {
	border: 1px solid #E85127;	
}
#page.anfahrt #bottomleft .cnt {
	padding: 8px 6px 10px 6px;
}
#page.anfahrt #topright, #page.anfahrt #bottomright {
	margin-left: 285px;
}
#page.anfahrt h2 {
	margin: 0 0 12px;
	padding: 0 0 12px;
	border-bottom: 1px solid #E85127;
	color: #E85127;
	font-weight: normal;
	font-size: 12px;
}
#page.anfahrt em, #page.anfahrt #bottomleft a {
	font-style: normal;
	color: #f00;	
	text-decoration: none;
}
#page.anfahrt strong {
	font-size: 14px;	
}
#page.anfahrt small {
	line-height: 110%;
	display: block;
	font-size: 9px;
	margin-top: 15px;	
}
#page.anfahrt #content label {
	color: #E85127;
}
#googleMap {
	overflow: hidden;
}
#page.anfahrt form .r {
	position: relative;
	height: 30px;	
	width: 100%;
}
#page.anfahrt form .r label {
	position: absolute;
	top: 5px;
	left: 0;	
}

#page.anfahrt form .r input[type=text],
#page.anfahrt form .r select {
	position: absolute;
	top: 3px;
	left: 40px;	
	width: 170px;
}
#page.anfahrt form .r input[type=text] {
	width: 166px;	
}
#page.anfahrt form .r input[type=button],
#page.anfahrt form .r input[type=submit] {
	position: absolute;
	top: 3px;
	right: 10px;
	border: 0;
	background: #E75026 url(../images/background_button.png) no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	padding: 1px 5px 3px;
	letter-spacing: 0px;
	width: 130px;
}

#page.anfahrt #status {
	padding-top: 10px;	
}

#routeResults {
	position: absolute;
	top: 238px;
	left: 336px;
	background: #fff;
	padding: 10px;
	width: 367px;
	max-height: 500px;
	overflow: auto;
}


/* Hotelseite */

#hotelHead {
	position: relative;
	background: #CCC;
	width: 463px;
	height: 190px;
	margin-bottom: 30px;
}

#hotelDates {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 186px;
	height: 190px;
	width: 166px;
	height: 170px;
	padding: 10px;
}

#hotelDates h2 {
	font-style: italic;
	font-weight: normal;
	font-size: 12px;
	line-height: 15px;
	margin-bottom: 3px;
}

#hotelDates h3 {
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	border-bottom: solid 1px;
	line-height: 16px;
	margin: 6px 0;
	position: relative;
}

#hotelDates .long {
	display: none;
}

#hotelDates .visible.long {
	display: block;
	position: absolute;
	top: 0;
	left: -80px;
	height: 170px;
	width: 246px;
	padding: 10px;
	line-height: 16px;
	z-index: 100;
}

#hotelDates .visible.long .desc {
	overflow: auto;
	height: 130px;
}

#hotelDates .long h3 {
	margin-top: 0;
}

#hotelDates .link {
	text-align: right;
	margin-top: 6px;
}

#hotelDates .close {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	line-height: 16px;
	height: 16px;
}

#hotelDates .open {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}

#rooms {
	background: #ccc url("../images/pixel.gif") 206px 0 repeat-y;
	overflow: hidden;
	font-size: 10px;
	margin-bottom: 20px;
	padding: 1px 0;
}

#rooms .wrap1 {
	width: 204px;
	float: left;
	margin: 0 1px;
	background: #fff;
}

#rooms .wrap2 {
	margin: 6px;
}

#rooms table {
	width: 100%;
}

#rooms .spacer {
	text-align: center;
	width: 15px;
}

#rooms .price1 {
	text-align: right;
}

#rooms .price1, #rooms .price2 {
	white-space: nowrap;
}

#rooms .price {
	width: 46px;
	float: left;
	padding: 5px;
	font-weight: bold;
}

#rooms .minPrice {
	font-size: 18px;
	margin: 5px 0 5px 0;
}

#rooms h2, #rooms h3 {
	font-size: 10px;
	line-height: 10px;
	margin: 0 0 3px 0;
	padding: 0;
}

#offers {
	margin-bottom: 20px;
}

#offers .offer {
	margin-bottom: 10px;
	padding-bottom: 20px;
	position: relative;
}

#offers .block {
	background-color: #ccc;
	overflow: hidden;
	margin-bottom: 3px;
	position: relative;
}

#offers h3 {
	font-family: Times;
	font-style: italic;
	padding: 3px 7px;
	margin: 0;
	color: #000;
	font-size: 18px;
	line-height: 30px;
	font-weight: normal;
}

#offers .price1, #offers .price2 {
	height: 25px;
	width: 262px;
}

#offers .price,
#offers .title {
	position: absolute;
	bottom: 5px;
	font-weight: bold;
}

#offers .title {
	left: 7px;
	font-size: 12px;
}

#offers .price {
	right: 7px;
	font-size: 18px;
}

#offers .price small {
	font-size: 10px;
}

#offers .more {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 23px;
	width: 72px;
	text-align: center;
	line-height: 23px;
	font-weight: bold;
	color: #fff;
	background-color: #555;
}

#offers .content ul {
	margin: 0;
	padding: 0 0 10px 7px;
}

#contact {
	margin-bottom: 20px;
}

#contact div {
	line-height: 16px;
	background: 0 4px no-repeat;
}

#contact .adr {
	margin-bottom: 10px;
}

#contact .tel, #contact .fax, #contact .email, #contact .url {
	padding-left: 23px;
	line-height: 20px;
}

#request,
#reservation {
	background-color: #ccc;
	height: 25px;
	width: 262px;
	margin-bottom: 3px;
}

#reservation a {
	display: block;
}

#reservation a,
#request {
	line-height: 25px;
	height: 25px;
	padding: 0 7px;
	font-weight: bold;
}

#request {
	margin-bottom: 3px;
	width: 248px;
}

.button {
	background: transparent url("../images/background_infotab.png") 0 0 no-repeat;
}

#contactForm {
	padding: 7px;
}

#contactForm textarea {
	width: 244px;
	height: 150px;
}

#contactForm label {
	width: 70px;
	display: block;
	float: left;
	height: 22px;
	line-height: 22px;
}

#contactForm input {
	width: 172px;
	display: block;
	float: left;
}

#contactForm .fmore {
	display: none;
}

#contactForm div {
	margin-bottom: 2px;
}

#contactForm .entry {
	height: 22px;
}

#contactForm #plz {
	width: 40px;
	margin-right: 5px;
}

#contactForm #stadt {
	width: 121px;
}

#contactForm .submitbtn input {
	width: 72px;
	border: 0;
	height: 23px;
	line-height: 23px;
	color: #fff;
	font-weight: bold;
}

#contactForm .submitbtn {
	width: 72px;
	height: 23px;
	position: absolute;
	bottom: -23px;
	right: 0px;
}

/*Image Teaser*/
.imageTeaser-container {
	position: relative;
	overflow: hidden;
	margin-top: 30px;
}

.imageTeaser-image {
	float: left;
	margin-left: 2px;
	overflow: hidden;
	width: 113px;
}

/* Kontakt Infoseite */

.contact-info-container{

}

.contact-info-container span{
 line-height: 18px;
}


.contact-info-left,.contact-info-right{
	float:left;
}

.contact-info-left{
	margin-right:118px;
}

.contact-info-image{}

.contact-info-container{}

/* Hotelfarben */

.arendsee #rooms, .arendsee .head, .arendsee #offers .block, .arendsee #reservation, .arendsee #request, .arendsee #hotelNavi { background-color: #fed14b; }
.arendsee #sidebar .button { background-color: #5f4f45; }
.arendsee #reservation a, .arendsee #request, .arendsee .block, .arendsee .price { color: #705a18; }
.arendsee h1, .arendsee h2, .arendsee #page_title, .arendsee #contact, .arendsee a, .arendsee h3, .arendsee #contactForm label, .veranstaltungen .arendsee span, .hotelliste .titel .arendsee { color: #b8840c; }
.arendsee #hotelHead, .arendsee #hotelDates .long, .arendsee #offers .content, .arendsee #contactForm { background-color: #fff4d2; }
.arendsee #hotelHead h2, .arendsee #hotelHead h3, .arendsee #hotelHead { color: #d6a81e; }

.kloetze #rooms, .kloetze .head, .kloetze #offers .block, .kloetze #reservation, .kloetze #request, .kloetze #hotelNavi { background-color: #cacf1f; }
.kloetze #sidebar .button { background-color: #757711; }
.kloetze #reservation a, .kloetze #request, .kloetze .block, .kloetze .price { color: #5f6b01; }
.kloetze h1, .kloetze h2, .kloetze #page_title, .kloetze #contact, .kloetze a, .kloetze h3, .kloetze #contactForm label, .veranstaltungen .kloetze span, .hotelliste .titel .kloetze { color: #5f6b01; }
.kloetze #hotelHead, .kloetze #hotelDates .long, .kloetze #offers .content, .kloetze #contactForm { background-color: #f5f7ca; }
.kloetze #hotelHead h2, .kloetze #hotelHead h3, .kloetze #hotelHead { color: #919b46; }

.sandauerholz #hotelNavi { background-color: #5f4f45; }
.sandauerholz #rooms, .sandauerholz .head, .sandauerholz #offers .block, .sandauerholz #reservation, .sandauerholz #request, .sandauerholz #hotelNavi { background-color: #ccaf8a; }
.sandauerholz #sidebar .button { background-color: #5f4f45; }
.sandauerholz #reservation a, .sandauerholz #request, .sandauerholz .block, .sandauerholz .price { color: #4f3423; }
.sandauerholz h1, .sandauerholz h2, .sandauerholz #page_title, .sandauerholz #contact, .sandauerholz a, .sandauerholz h3, .sandauerholz #contactForm label, .veranstaltungen .sandauerholz span, .hotelliste .titel .sandauerholz { color: #4f3423; }
.sandauerholz #hotelHead, .sandauerholz #hotelDates .long, .sandauerholz #offers .content, .sandauerholz #contactForm { background-color: #f9f5f0; }
.sandauerholz #hotelHead h2, .sandauerholz #hotelHead h3, .sandauerholz #hotelHead { color: #a58d85; }

.werben #rooms, .werben .head, .werben #offers .block, .werben #reservation, .werben #request, .werben #hotelNavi { background-color: #a8bdc8; }
.werben #sidebar .button { background-color: #527181; }
.werben #reservation a, .werben #request, .werben .block, .werben .price { color: #3f545c; }
.werben h1, .werben h2, .werben #page_title, .werben #contact, .werben a, .werben h3, .werben #contactForm label, .veranstaltungen .werben span, .hotelliste .titel .werben { color: #3f545c; }
.werben #hotelHead, .werben #hotelDates .long, .werben #offers .content, .werben #contactForm { background-color: #e4ebef; }
.werben #hotelHead h2, .werben #hotelHead h3, .werben #hotelHead { color: #6d838e; }

.wolmirstedt #rooms, .wolmirstedt .head, .wolmirstedt #offers .block, .wolmirstedt #reservation, .wolmirstedt #request, .wolmirstedt #hotelNavi { background-color: #f9c073; }
.wolmirstedt #sidebar .button { background-color: #b06909; }
.wolmirstedt #reservation a, .wolmirstedt #request, .wolmirstedt .block, .wolmirstedt .price { color: #815a27; }
.wolmirstedt h1, .wolmirstedt h2, .wolmirstedt #page_title, .wolmirstedt #contact, .wolmirstedt a, .wolmirstedt h3, .wolmirstedt #contactForm label, .veranstaltungen .wolmirstedt span, .hotelliste .titel .wolmirstedt { color: #b76d0b; }
.wolmirstedt #hotelHead, .wolmirstedt #hotelDates .long, .wolmirstedt #offers .content, .wolmirstedt #contactForm { background-color: #fef0de; }
.wolmirstedt #hotelHead h2, .wolmirstedt #hotelHead h3, .wolmirstedt #hotelHead { color: #d17d0c; }

.ziegenhagen #rooms, .ziegenhagen .head, .ziegenhagen #offers .block, .ziegenhagen #reservation, .ziegenhagen #request, .ziegenhagen #hotelNavi { background-color: #c2ca7e; }
.ziegenhagen #sidebar .button { background-color: #919940; }
.ziegenhagen #reservation a, .ziegenhagen #request, .ziegenhagen .block, .ziegenhagen .price { color: #777140; }
.ziegenhagen h1, .ziegenhagen h2, .ziegenhagen #page_title, .ziegenhagen #contact, .ziegenhagen a, .ziegenhagen h3, .ziegenhagen #contactForm label, .veranstaltungen .ziegenhagen span, .hotelliste .titel .ziegenhagen { color: #777140; }
.ziegenhagen #hotelHead, .ziegenhagen #hotelDates .long, .ziegenhagen #offers .content, .ziegenhagen #contactForm { background-color: #f1f2df; }
.ziegenhagen #hotelHead h2, .ziegenhagen #hotelHead h3, .ziegenhagen #hotelHead { color: #999153; }