/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

img::selection, img::-webkit-selection, img::-moz-selection {
	background: transparent;
}

.ie6 legend, .ie7 legend { margin-left: -7px; }
.ie6 input { vertical-align: text-bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie7 img { -ms-interpolation-mode: bicubic; }

/* globals
------------------------------*/

body {
	font: normal 75% Helvetica, Arial, sans-serif;
	color: #333738;	background: #fff;
}

a {
	color: #333738;
	text-decoration: none;
}

p {
	line-height: 1.5em;
	padding: 0 0 0.5em 0;
}

strong, b {
	font-weight: 600;
}

.h1 {
	font-family: "Helvetica W01 Light", "Segoe UI Light", Helvetica, Arial, sans-serif; font-size: 2.5em; letter-spacing: -0.025em;
	padding-bottom: 0.5em;
}

.h2 {
	font-family: "Helvetica W01 Light", "Segoe UI Light", Helvetica, Arial, sans-serif; font-size: 1.5em; letter-spacing: -0.025em;
	padding-bottom: 0.25em;
}

.h2-spaced {
	padding: 0 0 0.889em 0;
}

.h3 {
	font-family: "Helvetica W01 Light", "Segoe UI Light", Helvetica, Arial, sans-serif; font-size: 1.333em; letter-spacing: -0.025em;
	padding-bottom: 0.25em;
}

.h4 {
	font-weight: 600;
	padding-bottom: 0.5em;
}

.hidden {
	position:absolute;
	top: auto; left: -900em;
	width: 0.083em; height: 0.083em;
	overflow: hidden;
}

.collapsed {
	display: none;
}
.clearfix:before,
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE < 8 */


#container {
	position: relative;
	width: 80em;
	margin: 0 auto;
}

/* header
-------------------------------*/

#service-nav {
	height: 0; overflow: hidden;

}
#language {
	position: absolute; z-index: 20;
	top: 0;	right: 0;
	padding: 0.5em 0.5em 0.25em 0.5em;
	background: url(../images/bg-footer.png);
	background: rgba(0,0,0,0.7);

	-webkit-border-bottom-left-radius: 0.25em;
	-moz-border-radius-bottom-left: 0.25em;
	border-bottom-left-radius: 0.25em;

	-webkit-border-bottom-right-radius: 0.25em;
	-moz-border-radius-bottom-right: 0.25em;
	border-bottom-right-radius: 0.25em;
}

#language a {
	display: block;
	font-size: 0.833em; font-weight: bold;
	padding: 0 1.75em 0 0.25em; margin: 0 0 0.25em 0;
	color: #9b9fa1;
}

#language li.active a, #language a:hover, #language a:active {
	color: #fff;
}

#language li.inactive {
	display: none;
}

#language li.active a {
	background: url(../images/bg-lang-arrow.png) no-repeat center right;
}

#header-container {
	padding-top: 6em;
	padding-bottom: 10em;
	height: 5.75em;
}

#header {
	position: relative;
	z-index: 100;
	width:80em;
	height: 5.75em;
}

#header-inner-container {
	position: relative;
	height: 5.75em;
	background: #fafafa;

	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;

	-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.14);
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.14);
	box-shadow: 0 2px 5px rgba(0,0,0,0.14);
}

#main {
	position: relative;
	z-index:5;
}

#main:after {
	clear: both;
	display: block;
	content: ".";
	height: 1px;
}
#logo {
	position: absolute;
	left: 0;
    bottom: 7px;
	padding: 1.25em 2.5em;
}

#nav {
	position: absolute;
  right: 1.5em;
  bottom: 0;
}

#nav ul li {
	display: inline; float: left; position: relative; z-index: 10000;
}

#nav ul li a {
	display: block;
	font-family: "Helvetica W01 Light", "Segoe UI Light", Helvetica, Arial, sans-serif; line-height: 1; letter-spacing: -0.025em; font-size: 16px;
	padding: 24px 0.75em;

	-webkit-transition : color .15s ease-in;
	-moz-transition: color .15s ease-in;
	-o-transition: color .15s ease-in;
	-ms-transition: color .15s ease-in;
	transition: color .15s ease-in;
}

#nav ul li a:hover, #nav ul li a:focus {
	color: #4e8ca3;

	-webkit-transition : color .15s ease-in;
	-moz-transition: color .15s ease-in;
	-o-transition: color .15s ease-in;
	-ms-transition: color .15s ease-in;
	transition: color .15s ease-in;
}

#nav > ul > li > a.active,
#nav > ul > li > a.booking {
	font-family: "Helvetica W01 Bold", "Segoe UI Bold", Helvetica, Arial, sans-serif;
}
#nav > ul > li.last {padding:16px 0px 16px;cursor:pointer}
#nav > ul > li > a span {
	position: absolute;
	top: -500em; left: 0; right: 0;
	height: 0.833em;
	background: url(../images/rocksresort/nav-activearrow.png) no-repeat top center;
	content: "";
}
#nav > ul > li > a.active span {
	top: 64px;
}
#nav > ul > li > a.booking {
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    border-radius: 0.25em;
    background-color: #4e8ca3;
    color: white;
    /*margin-top: 16px;*/
    padding: 8px 0.6em;

}
#nav > ul > li > a.booking:hover,
#nav > ul > li > a.booking:focus {
     background-color: #3f7c93;
 }

#nav ul li div.level-2 {
	position: absolute; z-index: 10000;
	top: 64px; left: -900em;
	padding: 0 1em 1em 1em;
	opacity: 0;
	background: rgba(0,0,0,0.1);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#16000000,endColorstr=#16000000);


	-webkit-border-bottom-left-radius: 0.5em;
	-moz-border-radius-bottom-left: 0.5em;
	border-bottom-left-radius: 0.5em;
	-webkit-border-bottom-right-radius: 0.5em;
	-moz-border-radius-bottom-right: 0.5em;
	border-bottom-right-radius: 0.5em;
	-webkit-transition: opacity .15s ease-in;
	-moz-transition: opacity .15s ease-in;
	-o-transition: opacity .15s ease-in;
	-ms-transition: opacity .15s ease-in;
	transition: opacity .15s ease-in;
}

.ie7 #nav ul li .level-2 {
	background: url(../images/bg-subnav.png);
}

#nav ul li:hover .level-2, #nav ul li:focus .level-2 {
	z-index: 10000;
	left: -1.5em;
	opacity: 1;
}

#nav > ul > li.last:hover .level-2, #nav > ul > li.last:focus .level-2 {
	right: 0;	left: auto;
}

#nav div.level-2 ul li {
	display: block; float: none;
}

#nav .level-2 ul li a {
	background: #fafafa;
	font-size: 1.167em;
	padding: 0.857em 3.5em 0.857em 1.5em;
	white-space: nowrap;
}

#nav .level-2 ul li.first a {
	padding-top: 2.143em;
}
#nav .level-2 ul li.last a {

	padding-bottom: 2.286em;

	-webkit-border-bottom-left-radius: 0.25em;
	-moz-border-radius-bottom-left: 0.25em;
	border-bottom-left-radius: 0.25em;

	-webkit-border-bottom-right-radius: 0.25em;
	-moz-border-radius-bottom-right: 0.25em;
	border-bottom-right-radius: 0.25em;
}

.skiplinks {
	position: absolute;
	left: -900em;
}

.skiplinks:focus {
	top: 0; left: 0;
	padding: 1em;
	font-weight: bold;
	background: #000; color: #fff;
}

/* footer
------------------------------*/

footer {
	position: relative;
	z-index: 10;
	bottom: 0;
	width:100%;
	color: #727678;
}

.footer-row1 {
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.7);
	/*filter: alpha(opacity=70); */
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#AA000000,endColorstr=#AA000000);*/
	height:4.417em; /* 53px */
	line-height:4.25em;
}

#footer-row2 {
	background-color:#FFFFFF;
	height:29.750em; /* 357px */
	border-top:1px solid #f7f8f9;
}

.footer-row3 {
	background-color:#FAFAFA;
	height:16.083em; /* 177px+16px */
}

.footer-row4 {
	background-color:#EFEFEF;
	height:6.250em; /* 75px */
}

.footer-wrapper {
	margin: 0 auto;
	width: 80em;
	height: 100%;
}

.footer-row1-content {
	padding: 0 0 0 2.5em; /* 30px */
	height: 100%;
}

.footer-row2-content {
	padding: 2.667em 2.5em 0 2.5em; /* 32px 30px 30px */
	height: 100%;
}

.footer-row3-content {
	padding: 1.333em 0 0 2.5em; /* 16px 30px */
	height: 100%;
}

.footer-col1 {
	width: 37.5em; /* 450px */
	float: left;
}

.footer-col2 {
	width: 20em; /* 240px */
	float: left;
}

.footer-col3 {
	width: 17.5em; /* 210px */
	float: left;
}

footer .h2 {
	letter-spacing: 0;
}

footer ul li {
	list-style-type: none;
}

footer a {
	color: #4e8ca3;
}

footer a:hover {
	color: rgb(117, 122, 124);
}

footer a:hover .link-ext {
	background: url(../images/btn-action.png) no-repeat -40px -78px;
}

.footer-row1 ul li {
	display: inline;
	float: left;
	padding-right: 3.333em;
}

.footer-row1 ul li a {
	display: block;
	font-weight: 600;
	color: #9b9fa1;
}

.footer-row1 ul li a:hover, .footer-row1 ul li a:focus {
	color: #4e8ca3;
}

.footer-row1 ul li a .icon-impre {
	width: 1em;
	height: 1em;
	padding-right: 1em;
	margin-right: 0.2em;
	background: url(../images/btn-action.png) no-repeat 0px -157px;
}

.footer-row1 ul li a:hover .icon-impre, .footer-row1 ul li a:focus .icon-impre {
	background: url(../images/btn-action.png) no-repeat -20px -157px;
}

#footer-row2 ul li {
	float: none;
	padding-right: 0;
}

#footer-row2 .clear {
	clear: both;
  	display: block;
  	overflow: hidden;
	padding-bottom: 3.25em;
}

#footer-row2 .h2 {
	padding-bottom: 1.083em; /* 13px */
}

#footer-row2 .footer-col1 .h2 {
	padding-bottom: 0;
}

#footer-row2 .footer-col2 ul {
	line-height: 1.5;
}

footer .rating-trip, footer .rating-trip-signina {
	background: url(../images/bewertungen.jpg) no-repeat 0 0;
	height:4.917em;
	width:8.333em;
	display: block;
	float: left;
	margin: 0.167em 0.833em 0 0;
	text-indent: -500em;
}

footer .rating-trip-signina {
	background: url(../images/bewertungen_signina.jpg) no-repeat 0 0;
}

footer .rating-holi, footer .rating-holi-signina {
	background: url(../images/bewertungen.jpg) no-repeat -105px 0;
	height:4.917em;
	width:6.75em;
	display: block;
	float: left;
	margin-top: 0.167em;
	text-indent: -500em;
}

footer .rating-holi-signina {
	background: url(../images/bewertungen_signina.jpg) no-repeat -105px 0;
}

.footer-row3 .h2 {
	padding-bottom: 0.944em;
}

.footer-row3 figure {
	float: left;
	position: relative;
	width: 13.25em;
	height: 6.667em;
	margin: 0 2.167em 0 0;
}

.footer-row3 a {
	position: absolute;
	top: -1.083em;	left: -1.083em;
	width: 15.417em;
	height: 10.667em;
	text-indent: -600em;
	direction: ltr;
	margin: 0 0 0.417em 0;
	background: url(../images/bg-zoom.png) no-repeat -50em -50em;
	cursor: pointer;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
	-webkit-transition : background-color .15s ease-in;
	-moz-transition: background-color .15s ease-in;
	-o-transition: background-color .15s ease-in;
	-ms-transition: background-color .15s ease-in;
	transition: background-color .15s ease-in;
}

.footer-row3 a.extern {
	background: url(../images/bg-zoom-ext.png) no-repeat -50em -50em;
}

.footer-row3 a:hover, .footer-row3 a:focus {
	background-position: center 3.5em;
	background-color: rgba(0,0,0,0.3);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#55000000,endColorstr=#55000000);
}

.footer-row3 a:active {
	background-position: center 3.5em;
	background-color: rgba(0,0,0,0.4);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
}

.footer-row3 figcaption {
	margin-top: 0.5em;
}

.footer-row4 .logos {
	margin-left:2.5em;
	height:6.250em;
	width:75em;
}

.footer-row4 .logos a {
	cursor: pointer;
}

.logos .logo1 {
	background: url(../images/footer-row4-rocksresort-2.jpg) no-repeat 0 0;
	height:6.25em;
	width:11.667em;
	margin-right:4.167em;
	float: left;
}

.logos .logo2 {
	background: url(../images/footer-row4-rocksresort-2.jpg) no-repeat -311px 0;
	height:6.25em;
	width:9.167em;
	margin-right:5em;
	float: left;
}

.logos .logo3 {
	background: url(../images/footer-row4-rocksresort-2.jpg) no-repeat -482px 0;
	height:6.25em;
	width:13.333em;
	margin-right: 3.2em;
	float: left;
}

.logos .logo4 {
	background: url(../images/footer-row4-rocksresort-2.jpg) no-repeat -681px 0;
	height:6.25em;
	width:10em;
	margin-right: 0.8em;
	float: left;
}

.logos .logo5 {
	background: url(../images/footer-row4-rocksresort-2.jpg) no-repeat -808px 0;
	height:6.25em;
	width:7.5em;
	float: left;
}

.logos .logo6 {
	background: url(../images/footer-row4-rocksresort-2.jpg) no-repeat -190px 0;
	height:6.25em;
	width:7.1em;
	margin-right:3em;
	float: left;
}


/* main
--------------------------*/

article section {
	padding: 0.75em 0;
}

.block {
	margin-bottom: 1em; padding: 1.5em;
	background: #E6E7E7;


	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
}



.block .block {
	display: inline-block;
	padding: 1em;
	background: #fff;
}

.block figure ~ div.description {
	padding-left: 18.25em;
}

p ~ .block {
	margin-top: 1em;
}

.block .sticker {
	float: right;
	width: 5em;	height: 5em;
	margin: -3.8em 0 1em 3em; padding: 1.3em 0 0 1.3em;
	background: url(../images/rocksresort/bg-sticker.png) no-repeat; color: #fff;
}

.slide .block .sticker {
	float: right;
	margin: -2.2em 0 0.5em 9.5em;
}

.block .sticker span {
	display: block;
	font-size: 0.917em;	line-height: 1.25em;
}

.block .sticker p {
	font-size: 1.583em;	line-height: 1em; font-family: "Helvetica W01 Bold", "Segoe UI Light", Helvetica, Arial, sans-serif;
}

.block .title {
	font-size: 1.333em; font-family: "Helvetica W01 Bold", "Segoe UI Light", Helvetica, Arial, sans-serif;
	padding: 0;
}

.btn-link, .btn-more, .btn-details, .btn-back {
	position: relative;
	font-weight: bold;
	color: #4e8ca3;
}

.btn-details {
	padding-left: 1.25em;
}

.btn-back:before {
	content: "\2039 \0020";
}

.btn-details span.ico {
	position: absolute;
	top: 0.25em; left: 0;
	width: 1em;	height: 1em;
	background: url(../images/rocksresort/btn-link.png) no-repeat 0 -20px;
}

.btn-details:hover span.ico {
	background-position: -20px -20px;
}

.btn-more {
	padding-left: 0.75em;
}

.btn-more span.ico {
	position: absolute;
	top: 0; left: 0;
	width: 1em;	height: 1em;
	background: url(../images/rocksresort/btn-link.png) no-repeat;
}

.btn-more:hover span.ico {
	background-position: -20px 0;
}

.btn-link:hover, .btn-more:hover, .btn-details:hover {
	color: #757a7c;
}

.btn-action {
	display: inline-block; position: relative;
	margin: 0.857em 0 0 0; padding: 0.857em 3em 0.857em 1em;
	font-size: 	1.167em; font-family: Helvetica, Arial, sans-serif;
	background: #e6e7e7;

	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
}

.btn-action:hover, .btn-action:focus {
	color: #fff; background-color: #9b9fa1;
}
.btn-action:active {
	color: #fff; background-color: #333738;
}

.btn-action-highlight {
	color: #fff; background-color: #4e8ca3;
}

.btn-action-highlight:hover, .btn-action-highlight:focus {
	background-color: #3f7c93;
}

.btn-action-highlight:active {
	color: #fff; background-color: #333738;
}

.btn-action-dark {
	color: #fff; background-color: #9b9fa1;
}

.btn-action-light {
	background: #fff;
}

.btn-action-small {
	display: inline-block;
	position: relative;
	margin: 0.857em 0 0 0;
	padding: 0.857em 2.833em;
	font-size: 	1.167em;
	font-family: Helvetica, Arial, sans-serif;
	background-color: #4e8ca3;
	color: #fff;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
}

.btn-action-small:hover, .btn-action-small:focus {
	color: #fff;
	background-color: #3f7c93;
}

.btn-block {
	display: block;
}
.icon-larr, .icon-doc, .icon-ext, .icon-photo, .icon-darr, .icon-plus, .icon-minus, .icon-darr-white {
	position: absolute;
	top: 50%; right: 1em;
	width: 1em;	height: 1em;
	margin-top: -0.3em;
	background: url(../images/btn-action.png) no-repeat 0 0;
}

.btn-action .icon-photo {background-position: 0 -20px;}
.btn-action .icon-doc {background-position: 0 -40px;}
.btn-action .icon-ext {background-position: 0 -60px;}
.btn-action .icon-darr, .icon-darr {background-position: 0 -80px;}
.btn-action .icon-plus {background-position: 0 -100px;}
.btn-action .icon-minus {background-position: 0 -120px;}

.btn-action-highlight .icon-larr {background-position: -20px 0;}
.btn-action-highlight .icon-photo {background-position: -20px -20px;}
.btn-action-highlight .icon-doc {background-position: -20px -40px;}
.btn-action-highlight .icon-ext {background-position: -20px -60px;}
.btn-action-highlight .icon-darr {background-position: -20px -80px;}
.btn-action-highlight .icon-plus {background-position: -20px -100px;}
.btn-action-highlight .icon-minus {background-position: -20px -120px;}

.btn-action-dark .icon-larr {background-position: -20px 0;}
.btn-action-dark .icon-photo {background-position: -20px -20px;}
.btn-action-dark .icon-doc {background-position: -20px -40px;}
.btn-action-dark .icon-ext {background-position: -20px -60px;}
.btn-action-dark .icon-darr {background-position: -20px -80px;}
.btn-action-dark .icon-plus {background-position: -20px -100px;}
.btn-action-dark .icon-minus {background-position: -20px -120px;}

.btn-action:hover .icon-larr {background-position: -20px 0;}
.btn-action:hover .icon-photo {background-position: -20px -20px;}
.btn-action:hover .icon-doc {background-position: -20px -40px;}
.btn-action:hover .icon-ext {background-position: -20px -60px;}
.btn-action:hover .icon-darr, .icon-darr-white {background-position: -20px -80px;}
.btn-action:hover .icon-plus {background-position: -20px -100px;}
.btn-action:hover .icon-minus {background-position: -20px -120px;}


li a.btn-action {
	display: block;
}

ul.subnav {
	padding-bottom: 1.5em;
}

.btn-arrow-left, .btn-arrow-right {
	display: block; position: relative;
	width: 2.5em; height: 2.5em;
	text-indent: -500em;
	direction: ltr;
	background: url(../images/btn-arrow.png) no-repeat top left;
}

.btn-arrow-left:hover, .btn-arrow-left:focus { background-position: center left; outline: none; }
.btn-arrow-left:active { background-position: bottom left; }

.btn-arrow-right { background-position: top right; }
.btn-arrow-right:hover, .btn-arrow-right:focus { background-position: center right; outline: none; }
.btn-arrow-right:active { background-position: bottom right; }

.img-zoom {
	position: relative;
}

.intro {
 margin-bottom: 1em;
}

.intro2 {
	margin-top: -0.667em;
	margin-bottom: 1.667em;
}

.content-teaser .img-zoom, .content-teaser-lft .img-zoom {
	margin: 0.5em 0 1em 0; padding: 0.25em;
	background: #e6e7e7;

	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
}

.content-teaser a.btn-action {
	width: 10.571em;
}

.btn-zoom {
	position: absolute;
	top: 0;	left: 0;
	width: 100%; height: 100%;
	text-indent: -600em;
	direction: ltr;
	background: url(../images/bg-zoom.png) no-repeat -50em -50em;
	cursor: pointer;


	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
	-webkit-transition : background-color .15s ease-in;
	-moz-transition: background-color .15s ease-in;
	-o-transition: background-color .15s ease-in;
	-ms-transition: background-color .15s ease-in;
	transition: background-color .15s ease-in;
}

.btn-zoom:hover, .btn-zoom:focus {
	background-position: center center;	background-color: rgba(0,0,0,1);	background-color: rgba(0,0,0,0.3);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#55000000,endColorstr=#55000000);
}

.btn-zoom:active {
	background-position: center center;	background-color: rgba(0,0,0,0.4);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
}

.alignright {
	float: right;
	margin: -0.5em -0.5em 0 1em; padding: 1.25em;
}

.alignleft {
	float: left;
	margin: 0.25em 1.333em 0 0;
    width: 17em;
}

.booking-teaser {
	width: 203px;
}

.form:after {
	clear: both;
	display: block;
	content: "";
	padding-bottom: 1em;
}

.form legend {
	position: absolute;
	left: -900em;
	height: 0;
}
.form .input-block {
	display: block;
	width: 16em;
	margin-right: 1em; padding: 1em 0;
}

.form .input-block.float {
	float: left;
}
.form .input-block-full {
	display: block; position: relative; float: left;
	width: 34em;
	padding: 1em 0;
}

.form label, .startseite-buchen label {
	display: block;
	padding-bottom: 0.429em;
	font-size: 1.167em;
	letter-spacing: -0.025em;
	font-family: "Helvetica W01 Light", "Segoe UI Light", Helvetica, Arial, sans-serif;
}

.form label.checkbox {
	display: inline;
	font-size: 1em; font-family: sans-serif;
}

.form label a {
	color: #4E8CA3;
	font-weight: bold;
}

.form label a:hover {
	color: #757a7c;
}

.form input.input, .form textarea {
	border: 0; padding: 0.75em;
	width: 14.5em;
	font-size: 1em; font-weight: 600; line-height: 1.5em; font-family: sans-serif;
	background: #e6e8e7;


	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
	-webkit-transition : background-color .15s ease-in;
	-moz-transition: background-color .15s ease-in;
	-o-transition: background-color .15s ease-in;
	-ms-transition: background-color .15s ease-in;
	transition: background-color .15s ease-in;
}

.form textarea {
	width: 32.5em;
	height: 10em;
	max-width: 32.5em;
}

.form input.input:focus, .form textarea:focus, .startseite-buchen input.input:focus {
	background: #d3d6d6;
}

.form .mandatoryfields {
	position: absolute;
	right: 0; bottom: 0.75em;
}

.form button.btn-action, footer button.btn-action {
	border: 0; padding: 0.857em 2.5em;
	cursor: pointer;
}

.form input.error, .form textarea.error {
	color: #d87500;
	background-color: #f7dfc3;
	background-image: url("../images/error-icon.png");
	background-repeat: no-repeat;
	background-position: 14em center;
}

.form textarea.error {
	background-position: 32em 10px;
}

.form select.error {
	color: #d87500; background-color: #f7dfc3;
	font-weight: bold;
	border: 0;
}

.form .select-error {
	display: none; position: relative;
	width: 16px; height: 16px;
	text-indent: -900em;
	background: url(../images/error-icon.png) no-repeat;
}

.form div.error {
	position: absolute; left: -900em;
}

.startseite-buchen input.input {
	border: 0; padding: 0.75em;
	width: 15.3em;
	font-size: 1em; font-weight: 600; line-height: 1.25em; font-family: sans-serif;
	background-color: #e6e8e7;

	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;

	-webkit-transition : background-color .15s ease-in;
	-moz-transition: background-color .15s ease-in;
	-o-transition: background-color .15s ease-in;
	-ms-transition: background-color .15s ease-in;
	transition: background-color .15s ease-in;
}

.startseite-buchen label {
	padding-top: 0.833em;
}

.startseite-buchen .icon-cal {
	position: absolute;
	margin-top:10px;
	margin-left:-26px;
	width:1.5em;
	height:1.5em;
	background-image: url(../images/btn-action.png);
	background-position: 0 -137px;
	background-repeat: no-repeat;
}

.startseite-buchen .btn-action {
	border: 0;
	padding: 0.857em 2.25em;
	cursor: pointer;
	margin-top: 1.5em;
}

select.error ~ .select-error, input[type="checkbox"].error ~ .select-error  {
	display: inline-block;
}

html.page-gallery,
.page-gallery body {
	min-height: 100%;
	height: 100%;
}

.gallery {
	width: 100%; height: 100%;
	overflow: hidden;
	background: #000;
}

.gallery .csc-default,
#panotour {
	height: 100%;
}

.gallery a:focus {
	outline: none;
}


.gallery .album {
	position: absolute;
	left: -900em;
	padding: 2em;
}

.gallery .album, .gallery .album a {
	color: #aaa;
}

.gallery .album ul li {
	position: relative;
}

.gallery .album ul li a {
	display: inline-block;
	margin: 0 0 0.25em 0; padding: 0.5em;
	background: #222;

	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
}

.gallery #loader {
	position: absolute; z-index: 100;
	top: 0; bottom: 0;
	width: 100%; height: 100%;
	overflow: hidden;
}

.gallery .next, .gallery .prev {
	display: block; position: absolute; z-index: 9000;
	top: 0; bottom: 9em; left: 0;
	width: 40%;
	background: transparent url(../images/spacer.png);
}
.gallery .next {
	right: 0; left: auto;
}

.gallery .next .ico, .gallery .prev .ico {
	display: none; position: absolute;
	top: 55%; left: 3em;
	width: 30px; height: 51px;
	text-indent: -8em;
	overflow: hidden;
	background: url(../images/btn-fancybox-nav.png) no-repeat;
}

.gallery .next .ico {
	right: 3em; left: auto;
	background-position: -30px 0;
}

.gallery .next:hover .ico, .gallery .prev:hover .ico {
	display: block;
}

.gallery .caption {
	position: absolute; z-index: 200;
	left: 6.5em; bottom: 4.583em;
	max-width: 20em;
	padding: 1.5em;
	color: #fff; background: url(../images/bg-footer.png);

	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
}


.gallery-nav {
	position: absolute; z-index: 9100;
	right: 6.5em; bottom: 4.583em;
	font-family: Helvetica, Arial, sans-serif;
}
.gallery-nav ul li {
	display: inline; float: left; position: relative;
}

.gallery-nav ul li a {
	display: block;
	width: 1.5em; height: 3.5em;
	text-indent: -9em;
	overflow:hidden;
	margin-left: 0.417em;
	color: #333738; background: #fff;
	cursor: pointer;

	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;

	-webkit-transition : background-color .15s ease-in;
	-moz-transition: background-color .15s ease-in;
	-o-transition: background-color .15s ease-in;
	-ms-transition: background-color .15s ease-in;
	transition: background-color .15s ease-in;
}

.gallery-nav ul li:hover a, .gallery-nav ul li a.active {
	color: #fff; background: #757a7c;
}

.gallery-nav ul li a:active {
	background: #333738;
}

.gallery-nav ul li.selector a {
	width: 13.50em; height: 2em;
	padding: 1em 0 0 1em;
	font-size: 1.167em; text-indent: 0;

	-webkit-transition : none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
}

.gallery-nav ul li .level-2 {
	display: none; position: absolute;
	bottom: 0; left: 0.417em;
	background: #757a7c;

	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
}

.gallery-nav ul li .level-2 li.first {
	padding-top: 1.75em;
}

.gallery-nav ul li .level-2 li.last {
	padding-bottom: 0.75em;
}

.gallery-nav ul li .level-2 a {
	margin-left: 0; padding: 0.25em 0 0 1em;
	font-size: 1.167em;
	color: #bbbebf; background: none;
}

.gallery-nav ul li .level-2 li.selector a {
	padding: 1em 0 0 1em;
}

.gallery-nav ul li:hover .level-2 a:hover,
.gallery-nav ul li:hover .level-2 a:focus {
	color: #333738;
}

.gallery-nav ul li:hover .level-2 a:active {
	color: #333738;
}

.gallery-nav ul li:hover .level-2 li.selector a:hover {
	color: #fff;
}

img.bg {
	position: fixed; z-index: 1;
	top: 0; left: 0;
	width: 100%;
	display: none;
}

img.bgwidth { width: 100%; height: auto; display:none; }
img.bgheight { height: 100%; width: auto; }

.content-floated {
	float: left;
	margin-bottom: 5.75em;
	z-index: 10;
}

.content-floated-right {
	float: right;
}

.content-floated section h3 {
	padding-bottom: 0.889em;
}

.content-floated .teaser {
	padding-bottom: 1.5em;
}

.content-floated .block {
	margin-bottom: 1.5em;
}

.content-col1, .content-col2, .content-teaser, .content-teaser-lft, .content-col2-rgt, .content-fullwidth {
	position: relative; float: left;
	width: 20em;
	margin-left: 0.5em;
	background: #fafafa;

	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
}

.content-fullwidth {
	width: 100%;
	margin-left: 0;
}

.content-col1 {
	width: 39em;
	margin-left: 0.5em;
}

.content-col2, .content-col2-rgt {
	width: 59.5em;
	margin-left: 0;
}

.content-teaser-lft {
	margin-left: 0;
}

.content-col2-rgt {
	margin-left: 0.5em;
}

.content-col2 .btn-action-highlight {
	color: #fff; background-color: #4e8ca3;
	margin-bottom: 1.5em;
}

.content-col2 .btn-action-highlight:hover, .content-col2 .btn-action-highlight:focus {
	background-color: #3f7c93;
}

.content-col2 .btn-action-highlight:active {
	color: #fff; background-color: #333738;
}

.content-footerfixed {
	position: absolute;
	bottom: 0;
	padding: 2em 2.5em;
}
.content-hfixed {
	height: 29.083em;
}

.content-sidebar {
	display:block;
	width:17em;
	padding: 2em 1.5em;
}

aside {
	width: 20em;
	float: left;
}

.content-inner, .content-only {
	padding: 2.5em;
}

.home-abstand {
	padding: 0 0 1.5em 0;
}

.link-blue {
	color: #4e8ca3;
}

.link-ext {
	width: 1em;
	height: 1em;
	display: inline-block;
	margin-left: 0.333em;
	background: url(../images/btn-action.png) no-repeat -40px -58px;
}

.content-visual {
	margin-bottom: 1.7em;
}

.content-detail-slides {
	float: left;
	width: 23.5em;
	max-height: 34em;
	position: relative;
	margin: 1em 0 3em 0;
	padding: 1.5em;
	background: #e6e7e7;
	border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
}

.content-detail-slides .next, .content-detail-slides .prev {
	display:block;
	position: absolute;
	z-index: 9000;
	right: auto;
	bottom: 2.4em;
	left:2.9em;
	width: 2.5em;
	height: 2.5em;
}

.content-detail-slides .next {
	right:3em; left: auto;
}

.content-detail-slides .btn-arrow-left, .content-detail-slides .btn-arrow-right {
	background: url(../images/btn-arrow.png) no-repeat center left;
}

.content-detail-slides .btn-arrow-left:hover, .content-detail-slides .btn-arrow-left:focus { background-position: top left; outline: none; }
.content-detail-slides .btn-arrow-left:active { background-position: bottom left; }

.content-detail-slides .btn-arrow-right { background-position: center right; }
.content-detail-slides .btn-arrow-right:hover, .btn-arrow-right:focus { background-position: top right; outline: none; }
.content-detail-slides .btn-arrow-right:active { background-position: bottom right; }

.content-detail-container {
}

.content-detail {
	position: relative;
	float: left;
	width: 23.5em;
	height: 29.4em;
}

.content-detail .paging {
	position: absolute;
	bottom: 1.6em; left: 0;
	width: 100%;
	padding: 0;
	font-size: 0.917em; text-align: center;
	color: #ffffff;
}

.content-detail-second {
	margin-left: 1.5em;
}

.content-detail-slides .h2 {
	font-family: "Helvetica W01 Light", "Segoe UI Light", Helvetica, Arial, sans-serif; font-size: 1.833em; letter-spacing: -0.025em;
	padding-bottom: 0.333em;
	margin-bottom: 0.833em;
}

.content-detail .h2 {
	font-family: "Helvetica W01 Light", "Segoe UI Light", Helvetica, Arial, sans-serif; font-size: 1.833em; letter-spacing: -0.025em;
	padding-bottom: 0.1em;
} /* to delete */

.home-h2 {
	font-family: "Helvetica W01 Light", "Segoe UI Light", Helvetica, Arial, sans-serif; font-size: 1.833em; letter-spacing: -0.025em;
	padding-bottom: 0.45em;
	margin-top: -0.20em;
}

.content-detail-image {
	position: relative;
	height: 302px;
}

.content-detail-overlay {
	position: absolute;
	bottom:0;
	left:0;
	right:0;
	height:40%;
	color:#ffffff;
	zoom: 1;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.7);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}

.content-detail-overlay > p {
	padding: 1.5em;
}

.content-detail-overlay a {
	margin-left:2px;
	color: #9cc3d1;
	font-family: Helvetica, Arial, sans-serif;
}

.content-detail-overlay .bodytext a {
	margin-left:2px;
	color: #9cc3d1;
	font-family: Helvetica, Arial, sans-serif;
}

.content-detail-overlay .bodytext a:hover {
	color: #757a7c;
}

.content-tabs {
	padding:  2.5em 2.5em 0 2.5em;
}
.content-tabs ul li {
	display: inline; float: left; position: relative;
}

.content-tabs ul li a {
	display: block; position: relative;
	width: 15em; height: 1em;
	margin-right: 0.857em; padding: 0.857em 0;
	font-size: 1.167em;	text-align: center;
	background: #f0f0f0;

	border-top-left-radius: 0.214em;
	-webkit-border-top-left-radius: 0.214em;
	-moz-border-radius-topleft: 0.214em;

	border-top-right-radius: 0.214em;
	-webkit-border-top-right-radius: 0.214em;
	-moz-border-radius-topright: 0.214em;
}

.content-tabs ul li.last a {
	margin-right: 0;
}
.content-tabs ul li a.selected, .content-tabs ul li a:hover {
	background: #e6e7e7;
}

.content-tabs ul li a span {
	display: inline-block; position: relative;
	top: -0.5em; left: 0.5em;
	width:1.444em; height: 1.3em;
	padding-top: 0.144em;
	font-size: 0.75em; line-height: 1em;
	color: #fff; background: url(../images/rocksresort/btn-link.png) no-repeat 1px -40px;
}

.content-tabs-inner {
	padding: 1.833em 2.5em;
	background: #e6e7e7;

	border-bottom-left-radius: 0.25em;
	-webkit-border-bottom-left-radius: 0.25em;
	-moz-border-radius-bottom left: 0.25em;

	border-bottom-right-radius: 0.25em;
	-webkit-border-bottom-right-radius: 0.25em;
	-moz-border-radius-bottom right: 0.25em;
}

.content-tabs-inner .block {
	background: #fafafa;
}

.content-teaser, .content-teaser-lft {
	margin-bottom: 0.5em;
}

.content-teaser .block, .content-teaser-lft .block {
	padding: 1.167em;
}

.content-teaser .block .h3, .content-teaser-lft .block .h3 {
	padding-bottom: 1.25em;
}

.content-teaser .content-inner, .content-teaser-lft .content-inner {
	padding: 2.5em 1.5em;
}

.slides_container {
	display:none; position:relative;
	width:20em;	height:31.5em;
	overflow:hidden;
}

.slides {
	position: relative;
	z-index: 8500;
}

.slides .slide {
	display:block;
	width:17em;	height:24em;
	padding: 2.5em 1.5em;
}

.slide .block {
	height: 13.25em;
	margin-bottom: 0.5em;
}

.slide .content {
	border: 1px solid #E6E7E7;
	height: 8.95em;
	overflow: hidden;
}

.slide .btn-action {
	margin-top: 0;
}

.slides .next, .slides .prev {
	display:block; position: absolute; z-index: 9000;
	right: auto; bottom: 4em; left:1.5em;
	width: 2.5em; height: 2.5em;
}

.slides .next {
	right:1.5em; left: auto;
}

.slide .paging {
	position: absolute;
	bottom: 1.75em; left: 0;
	width: 100%;
	font-size: 0.917em; text-align: center;
	color: #757a7c;
}

.list li {
	list-style-type: disc;
	margin: 0 0 0.5em 1.25em;
	padding-left: 0; line-height: 1.667em;
}


.ta-ratings li {
	padding: 0 0 1em 0;
	font-size: 0.917em;
	clear: both;
}

.ta-ratings .h4 {
	padding-bottom: 1em;
}

.ta-ratings ul {
	padding-bottom: 2em;
}

.ta-ratings .ta-rating {
	display: block; float: left;
	padding-right: 1em;
}

.teaser-image {
	padding: 0 0 0.5em 0;
}

table.zebra {
	margin-top: 1em;
	text-align: right;
	line-height: 1.5em;
	border-collapse:collapse;
	border-spacing:0;
	border: none;
}

table.zebra td {
	border: none;
	width:6.417em;
	padding: 1em 0 1em 0;
}

table.zebra td:first-child,
table.zebra th:first-child {
	width:35.833em;
	padding: 1.333em 0.5em 1.333em 1.167em;
	text-align:left;
	-webkit-border-top-left-radius: 4px;
	-moz-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

table.zebra th {
	font-weight: 600;
}

table.zebra td.td-last {
	width:7em;
	padding: 1.333em 0 1.333em 3.5em;
	text-align:left;
	font-weight: 600;
	-webkit-border-top-right-radius: 4px;
	-moz-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

table.zebra tr.odd {
	background-color: rgb(242,242,243);
}

.map, .invest-house {
	height: 51.833em;
}

.home-megaslider-nav {position:static;width:80em;margin:0 auto;top:0;bottom:0;left:0;right:0;display:none;}

.home-megaslider .next,
.home-megaslider .prev {
	position: absolute;
	top: 50%;
	left: 50px;
	width: 47px;
	height: 47px;
	margin-top: -24px;
	background: transparent;
	z-index:10;
}

/*.home-megaslider .prev:hover,
.home-megaslider .prev:focus {
	background-position: -60px 0;
	outline: 0;
}

.home-megaslider .prev:active {
	background-position: -120px 0;
	outline: 0;
}*/

.home-megaslider .next {
  right: 50px;
	left: auto;
}

/*.home-megaslider .next:hover,
.home-megaslider .next:focus {
	background-position: -60px -60px;
}

.home-megaslider .next:active {
	background-position: -120px -60px;
}*/

.home-megaslider .next img,
.home-megaslider .prev img {
  opacity:0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}

.home-megaslider .next:hover img,
.home-megaslider .prev:hover img {
  opacity:1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}


/* ie7 hacks */
.ie7 .slides .next, .ie7 .slides .prev {
	display: block;	z-index: 10000;
	padding-bottom: 0;
	height: 1.8em;
	background: none;
	text-indent: 0;
}
.ie7 .slides .next {background-position: -30px 0;}
.ie7 .slides .next:hover, .ie7 .slides .next:focus {background-position: -30px -30px;}
.ie7 .slides .next:active {	background-position: -30px -60px;}
.ie7 .slide .block .sticker {
	float: none; position: relative;
	margin-left: 8.5em;
}
.ie7 .content-detail-slides .next, .ie7 .content-detail-slides .prev {
	display:block;
	z-index: 10000;
	padding-bottom: 0;
	height: 1.8em;
	background: none;
	text-indent: 0;
	color: #ffffff;
}
.ie7 .content-detail-slides .content-detail-image {
	z-index: 10000;
}
.ie7 header { zoom: 1; }

.ie7 #container {
	z-index: 20;
}
.ie7 table.zebra td:first-child {
	width:37.5em;
}
.ie7 table.zebra td.last {
	width:10.5em;
}
/*
.ie7 #header-inner-container { margin-top: 4em; }
.ie7 header { zoom: 1; margin-bottom:6em;}
*/

/* font smoothing hack */
.hasFontSmoothing-false .h1,
.hasFontSmoothing-false .h2,
.hasFontSmoothing-false .h3,
.hasFontSmoothing-false .btn-action,
.hasFontSmoothing-false .form  label,
.hasFontSmoothing-false .block .title,
.hasFontSmoothing-false .block .sticker p,
.hasFontSmoothing-false #nav ul li a {font-family: Arial, sans-serif; font-weight: 100;letter-spacing:1;}
.hasFontSmoothing-false .block .sticker p,
.hasFontSmoothing-false .block .title {font-weight: bold;}


/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	footer {
		position: relative;
	}

	body {
		background: #000;
	}

}
/* iPhone */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	footer {
		position: relative;
	}

	body {
		background: #000;
	}

}

/* Styling RTE-links
------------------------------------------------- */
.bodytext a {
	font-weight: bold;
	color: #4e8ca3;
}


/* social media links */
.socialmedia {
	float: right;
}

.socialmedia ul li,
.socialmedia li {
	padding: 0;
	margin: 0;
}

.btn-socialmedia-facebook, .btn-socialmedia-youtube {
	text-indent: -900em;
	overflow: hidden;
	width: 20px;
	height: 21px;
	margin: 15px 0 15px 15px;
	padding: 0;
	background: url(../images/sprite-socialmedia.png) no-repeat;
}

.btn-socialmedia-facebook:hover {
	background-position: 0 -30px;
}

.btn-socialmedia-youtube {
	background-position: -42px 0;
}

.btn-socialmedia-youtube:hover {
	background-position: -42px -30px;
}