body, ul, li, h1, h2, h3, h4, h5 {margin: 0;padding: 0;}
li {list-style: none;} a {text-decoration: none;}

header, main, article, section, nav {display:block;} a img {border:0;}



.left {float: left} .right {float: right} .center {margin:0 auto;} .full {width: 100%;} .twothirds {width: 64%;} .half {
	width: 80%;
} .third {width: 32%;} .clear {clear: both; float: none;} .relative {position: relative;} small {font-size: 11px;}

@media screen and (max-width: 1050px) { 
  .left {float: none;} .right {float: none;} .half {width: 100%;}
  .twothirds.left { float: left; }
  .third.right { float: right; }
}



.silver, .gold, .platin, .black, .new {padding: 8px 15px !important; display: inline-block; font-size: 14px; font-weight: bold; text-transform: uppercase;}

.silver, .button.silver {background: #ccc url(img/glanz.png) repeat-x center center; color: #929292; text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);}
.gold, .platin {background: #e5e4e2 url(img/glanz.png) repeat-x center center !important; color: #929292; text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);}
.black {background: #3a3a3a; color: #999;}

.new {background: #fff; color: #929292;}



a {color: #68615c;} a:hover {color: #222;}

.button {background: #f1cb82 url(img/glanz.png) repeat-x center center; color: #222 !important; text-transform: none !important; border: 0; font-size: 16px; padding: 8px 20px !important; cursor: pointer; margin: 0; display: inline-block;} .button:hover {background: #eee;}





body {background: #fff url(img/page_bg.png) repeat-x; font: 16px/20px Arial, sans-serif; color: #68615c;}
html, body {height: 100%; width: 100%;} #container {position: relative; margin-bottom: -238px; min-height: 100%;}

main, .inner {width: 1000px; margin: 0 auto;}

@media screen and (max-width: 1050px) { 
  body {background: #fff url(img/page_bg_resp-1000px.png) repeat-x;}
  main, .inner {width: 100%; }
}
@media screen and (max-width: 750px) { 
  main, .inner {width: 700px; }
}



header {width: 1000px; position: relative; height: 100px;}

#lang {position: relative; display: block; width: 200px; top: 30px;} #lang li {display: inline; margin-right: 20px;} #lang li.active {text-decoration: underline;}

#logo {width: 399px; height: 50px; display: block; position: relative; top: 3px; left: 316px; background: url(img/logo.png);}

#hotline {position: absolute; right: 0; top: 26px; height: 17px; background: url(img/icon_phone.png) no-repeat; padding-left: 25px;}

@media screen and (max-width: 1100px) { 
	#lang {padding-left:25px;}
	#hotline {padding-right:25px;}
}
@media screen and (max-width: 1050px) { 
  header {width: auto; padding:0 25px; position: static; height: 134px;}
  #lang {position: static; width: 200px; top: auto; display:block; margin: 15px auto;}
  #logo {position: static; top: auto; left: auto; margin: 10px auto;}
  #hotline {position: static; right: auto; top: auto; margin: 0 auto; width: 150px; display: block;}
}


nav {position: relative;} nav ul {text-align: center !important;} nav li {display: inline-block; position: relative;} nav a {display: inline-block; text-transform: uppercase; font: 18px/51px Arial, sans-serif; padding: 0 16px;} nav li.rex-current a {background: #68615c; font-weight: bold; color: #fff;} nav a:hover, nav .open-subnav a {background: #c7c2be;} nav li:hover > .nav2 {display: block;}

nav .nav2 {display: none; position: absolute; z-index: 100; top: 51px;text-align: left !important; background: #fff; -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);} nav .nav2 li {display: block; width: 180px;} nav .nav2 a {width: 160px; display: block; border-bottom: 1px solid #c7c2be; font: 16px/32px Arial, sans-serif; text-transform: none; padding: 0 10px;} nav .nav2 a:hover {background: #ebeae9 !important; color: #222 !important;}

nav li.rex-current .nav2 a, nav .open-subnav ul a {background: #fff; color: #68615c; font-weight: normal;} nav .nav2 li.rex-current a {background: #68615c; font-weight: bold; color: #fff;}

@media screen and (max-width: 1050px) { 
  nav {padding: 0 25px;}
}



#breadcrump {margin: 20px 0 -30px 0;} #breadcrump li {list-style: none; display: inline;} #breadcrump a {background: url(img/breadcrump.png) no-repeat right center; font-size: 12px; padding-right: 15px; margin-right: 5px;}
#breadcrump .last a {background: none; padding: 0; font-weight: bold !important; font-size:12px !important;}
#breadcrump .last {background: none; padding: 0; font-weight: bold !important; font-size:12px !important;}

article {padding: 50px 0 100px 0;} article p {text-align: justify; margin: 0 0 20px 0;} article table {margin-bottom: 20px; border-spacing: 0;} article h2, article h3 {margin-bottom: 20px;line-height: 28px;}

h1 {font: 28px/32px Arial, sans-serif; margin-bottom: 30px;}

@media screen and (max-width: 1100px) { 
	article { padding: 50px 25px 100px; }
	article img {width: 100%; height:auto ;}
	#breadcrump { padding: 0 25px; }
}




#teaser {width: 300px; height: 200px; background: url(img/teaser_bg.jpg) no-repeat; color: #fff; margin-top: 20px; padding: 40px 40px 40px 660px;} #teaser h2 {text-transform: uppercase; font: bold 24px/24px Arial, sans-serif;}
#teaser .button { height: 40px; line-height: 0; }

@media screen and (max-width: 1100px) { 
  #teaser {background: url(img/teaser_bg_resp-1100px.jpg) no-repeat; margin: 20px auto 0; padding: 40px 40px 40px 610px;}
}
@media screen and (max-width: 1050px) { 
  #teaser {background: url(img/teaser_bg_resp-1000px.jpg) no-repeat; padding: 40px 40px 40px 310px;}
}  




#overview a {float: left; width: 220px; position: relative; height: 400px; margin: 20px 30px 20px 0;} #overview .last a {margin-right: 0;} #overview img {border-bottom: 1px solid #fff;} #overview p {text-align: center; margin: 10px 0 0 0;} #overview .location {font-size: 12px; margin-top: 0} #overview span {
	position: absolute;
	top: -10px;
	right: -10px;
	background-color: #e71873;
} #overview .new {top: 30px;} #overview a:hover {
	background: #d1d1d1;
	-webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3);
}

section ul {margin: 20px;} section li {padding-left: 30px; background: url(img/li.png) no-repeat left center; margin-bottom: 10px;}

@media screen and (max-width: 1100px) { 
  #overview a { margin: 20px 20px 20px 0; width: 215px; }
}
@media screen and (max-width: 1100px) { 
  ul#overview { width: 730px; margin: 0 auto; }
  #overview a { width: 220px; }
}
@media screen and (max-width: 800px) { 
  ul#overview { width: 485px; margin: 0 auto; }
}
@media screen and (max-width: 1050px) { 
  #overview a { margin: 20px 20px 20px 0; }
  #overview .last a {margin-right: 20px;}
  #overview .last_resp a {margin-right: 0;}
}





.area {width: 480px;}

.mainimg {width: 480px; height: 720px; display: block; background: #e0dedd url(img/mainimg_bg.jpg) no-repeat;}

.head {position: relative;} .head h1 {margin: 25px 0;} .head span {position: absolute; top: 0; right: 0;}

.textarea {z-index: 1; position: absolute; width: 480px; font: 14px/18px Arial, sans-serif; }

.data {margin: 35px 0; background: #fff; z-index: 5; position: absolute; width: 480px;}

.data .mask {height: 249px; overflow: hidden; display: block;} .data table {width: 100%; border-spacing: 0; border-bottom: 1px solid #d0cecc;}
.data td {font: 12px/24px Arial, sans-serif; padding: 0 10px; border-top: 1px solid #d0cecc;} .data .col-1 {font-weight: bold; width: 130px;} .data .even td {background: #f7f7f7;}

.data .more {font-size: 14px; padding-right: 15px; margin-top: 10px; display: block; text-align: right; cursor: pointer; margin-bottom: 20px;} .data .more.closed {background: url(img/more.png) no-repeat right center;} .data .more.open {background: url(img/less.png) no-repeat right center;} .data table a {text-decoration: underline;}

.cta .button {display: inline-block; margin-right: 20px;}

.gallery {margin-top: 12px; position: relative;}
.gallery .navigator {position: absolute; top: 0; width: 176px; height: 230px; display: block;}
.gallery .navigator span {width: 100%; height: 100%; display: block;}

.gallery .next {background: url(img/gallery-end-right.png) repeat-y; right: 0;} .gallery .next span {background: url(img/gallery-next.png) no-repeat right center;} .gallery .next:hover span {background: url(img/gallery-next_hover.png) no-repeat right center;}

.gallery .prev {background: url(img/gallery-end-left.png) repeat-y; left: 0;} .gallery .prev span {background: url(img/gallery-prev.png) no-repeat left center;} .gallery .prev:hover span {background: url(img/gallery-prev_hover.png) no-repeat left center;}

.jcarousel {position: relative; overflow: hidden;} .jcarousel ul {width: 20000em; position: relative; margin: 0; padding: 0;} .jcarousel li {float: left; margin-right: 15px; background: none; padding: 0;}

.feedback {margin-top: 40px;}

#galthumb-container { width: 920px; margin-left: 30px; }

@media screen and (max-width: 1100px) { 
  .area {width:455px;}
  .area.right { width: 480px; }
  .mainimg {width: 455px; height: 695px;}
  .mainimg img {width: 455px; height: 695px;}
  #galthumb-container { width: 920px !important; margin-left: 30px; }
}
@media screen and (max-width: 1050px) { 
  .area { width: 100%; }
  .area.left { margin-bottom: 225px; }
  .area.right { height: auto; width: 100%; }
  .mainimg { margin: 0 auto !important; width: 480px; height: 720px;}
  .mainimg img {width: auto; height: auto;}
  .textarea { width: 100%; margin-top: 50px !important; position: static; }
  .data { margin: 50px auto !important; position: static; top: 0 !important; }
  article .ad-gallery { width: 100% !important; position: relative; }
  section.data { margin-top: 20px; position: relative !important; clear:both; z-index: 999; }
  #galthumb-container { width: 750px !important; margin: 0 auto; }
  .gallery { position: absolute; top: 745px; left: 0; right: 0; }
}

@media screen and (max-width: 850px) { 
  #galthumb-container { width: 600px !important; }
}

@media screen and (max-width: 700px) { 
  #galthumb-container { width: 500px !important;  margin-bottom:350px;}
}



article form label {width: 100%; display: block;} article form input, article form textarea {background: #f2efed; height: 40px; padding: 15px; border: 1px solid #c7c2be; font-size: 16px; color: #68615c;} article form input {line-height: 40px; padding: 0 15px;} article form table td {padding-bottom: 30px;} article form input[type="submit"] {height: auto;} article form input[type="checkbox"] {margin: 15px 0 0 25px; height:10px; width: 20px !important;} article form input[type="checkbox"]#bestaetigungsmail {margin-left: 0;} article form select { background: #f2efed; height: 40px; border: 1px solid #c7c2be; font-size: 16px; color: #68615c; padding: 10px; } article form select option { padding: 5px; }

.booking .half { width: 48%; }
.booking .left { float: left; }
.booking .right { float: right; }
.booking .half input {width: 447px;} .booking .row {margin-bottom: 20px;}
.booking .half select { width: 479px; }
.booking textarea {width: 447px; height: 100px;}

@media screen and (max-width: 1100px) { 
  .booking .half input,.booking .half textarea {width: 422px;} 
  .booking .half select { width: 454px; }
}
@media screen and (max-width: 1050px) { 
  .booking .half input,.booking .half textarea {width: 304px;} 
  .booking .half select { width: 336px; }
  .booking textarea {width: 668px;}
}




#honorar {background: #9f958f url(img/honorar_bg.jpg) no-repeat right top; width: 608px; min-height: 300px; padding: 5px 0; margin: 50px auto 0;}

#honorar .inside {border: 1px solid #cfcac7; display: block; margin: 0 5px;}

#honorar .classes {float: right; margin: -1px 30px 0 0;} #honorar .classes div {width: 84px; text-align: center; padding-top: 30px;}

#honorar table {margin: 30px; border-spacing: 0; border-bottom: 1px solid #cfcac7;} #honorar td {padding: 0 10px; line-height: 30px; text-align: center; color: #fff; width: 110px; border-top: 1px solid #cfcac7;} #honorar .even td {background: #8a817b;} #honorar .name {width: 190px; font-weight: bold; text-align: left;}





.post-data {margin: -30px 0 40px 0;} .news-img {text-align: right;}
article .news .title_column h2, article .news .title_column h3 {	width: 88%;}
article .news a.read_more { display: block; margin-top: 20px; }
#newsnav li { float: left; margin-right: 10px; width: auto; }

@media screen and (max-width: 1050px) { 
  .news-img img{ width: 200px; }
}







footer {background: url(img/footer_bg.png) repeat-x; height: 238px; font: 12px/18px Arial, sans-serif; position: relative;} footer .inner {position: relative;}

@media screen and (max-width: 750px) { 
  footer .inner {width: 100%; }
}

.clearfooter {height: 238px; clear: both;}

#sitemap {height: 140px; width: 590px; float: left; padding: 29px 0 30px 0;} #sitemap a {color: #cdcac9;} #sitemap a:hover {color: #fff;} #sitemap ul {float: left; width: 147px; height: 142px; overflow: hidden;}

#footmap {position: absolute; right: 0; top: -98px; width: 479px; height: 297px; background: url(img/footer-map.jpg) no-repeat;}

@media screen and (max-width: 1100px) { 
	footer {padding: 0 25px;}
}
@media screen and (max-width: 1050px) { 
	#sitemap {padding-left: 10px; width:355px;}
	#sitemap ul {width:115px;}
	#footmap {display:none;}
}



.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-image:none;
}

article .full p {
/*    text-align: left; */
}

#newsdate {
    float: right;
    width: 100px;
}

#newsdate p {
    text-align: right;
}

input[name="email"] {
    display:none;
}


#buchungsform input, #buchungsform textarea, #buchungsform select {
    width: 350px;
    margin-right: 30px;
}

#buchungsform input[type="checkbox"] {
    width: auto;
}

@media screen and (max-width: 835px) { 
	#buchungsform input, #buchungsform textarea, #buchungsform select {
		width: 90%;
	}
}

.ad-gallery .ad-thumbs li {
    height: 170px;
}

.ad-gallery .ad-thumbs li a {
    height: 100% !important;
}

#page1 header main article #overview li a .l {
}