/* 
font-family:'RotisSansSerifW01-Light 735438';
font-family:'RotisSansSerifW01-Extra';
font-family:'RotisSansSerifW01-Bold';
font-family:'Rotis Sans Serif W01';
*/

* {
	margin: 0;
	padding:0;
}

html, body {
	height: 100%;
	position:relative;
	background:#fcfcfc;
	color: #202020;
	font-family:'RotisSansSerifW01-Light 735438', Arial, Verdana;	
}
h1, h1 a {
	font-size:32px;
	font-family:'Rotis Sans Serif W01', Arial, Verdana;	
	text-transform:uppercase;
}
h1 strong, h1 a strong {
	font-family:'RotisSansSerifW01-Bold', Arial, Verdana;	
}
h2, h2 a {
	font-family:'RotisSansSerifW01-Bold', Arial, Verdana;	
	font-size:18px;	
}
h3, h3 a {
	font-size:17px;
	font-family:'RotisSansSerifW01-Extra', Arial, Verdana;	
}
h4, h4 a {
	font-family:'RotisSansSerifW01-Bold', Arial, Verdana;	
	margin-bottom:5px;
}
p {
	/* font-size:16px; */
	line-height: 24px;
	margin:15px 0;
}
p strong {
	font-family:'RotisSansSerifW01-Bold', Arial, Verdana;	
}
a {
	font-family:'RotisSansSerifW01-Bold', Arial, Verdana;	
	text-decoration: underline;
}
img {
	display:block;
}

.violetBg {background: #5f1667;}
.lightvioletBg {background: #cc99cc;}
.greenBg {background: #7ac418;}
.redBg {background: #cc3333;}
.magentaBg {background: #b716c2;}
.lightGray {background: #fcfcfc;}
.lightBlack {background: #202020;}
.blueBg {background:#00a0e2;}
.grayBg {background:#F5F5F5;}

.violetColor,
.violet article a {color: #663366;}
.lightVioletColor {color: #cc99cc;}
.greenColor,
.green article a {color: #66cc33;}
.redColor,
.red article a {color: #cc3333;}
.magentaColor,
.magenta article a {color: #993399;}

.fl {
	float: left;
}
.fr {
	float: right;
}
.pr {
	position:relative;
}
.pa {
	position:absolute;
}

.wrapper {
	margin: 0 auto;
	width: 980px;
}
#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px;
	width:100%;
}
#top {
	width: 100%;
	height: 500px;
}
#bg {
	width: 100%;
	height: 500px;
	background: url("/images/headerHome.jpg") center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	z-index:1;
	top:0;
	left:0;
}
#shadow {
	width: 100%;
	height: 300px;
	background: url("/global/img/shadow.png") top left repeat-x;
	z-index:2;
	top:0;
	left:0;
}
#header {
	z-index:3;
}
#center {
	width: 100%;
	margin: 0 0 20px 0;
}


/* ================================================= Logo === */
#logoWrapper {
	width: 650px;
	margin: 80px auto 60px auto;
}
#logo {
	width: 104px;
	height: 104px;
	text-decoration:none;
	display:inline-block;
	text-indent:-5000px;
	overflow:hidden;
	cursor:pointer;
	background: url("/global/img/hbi-sprite.png") -0px -920px no-repeat; /* sprite */	
}
#logoWrapper p {
	display:inline-block;
	text-align:left;
	font-size:36px;
	font-family:'Rotis Sans Serif W01', Arial, Verdana;	
	color:#fff;
	width:504px;
	margin:27px 0 0 40px;
}
#logoWrapper p span {
	font-size:16px;
	padding:0 5px;
}
#logoWrapper p a {
	font-size:16px;
	text-decoration:none;
	font-family:'Rotis Sans Serif W01', Arial, Verdana;	
	color:#fff;
	display:inline-block;
}

/* ================================================= Logo === */

/* ================================================= Language === */
#language {
	top:20px;
	right:20px;
	width: 40px;
	display:block;
	z-index:10;
}
#language a, #language span {
	width:19px;
	height:19px;
	line-height:19px;	
	text-decoration:none;
	display:block;
	cursor:pointer;
	background:#fff;
	color:#666;
	padding:10px 10px;	
}
#language .en {
	margin-top:2px;
}
#language .current {
	filter: alpha(opacity = 45);
	-ms-filter: "alpha(opacity = 45)";
	opacity: .45;
}

/* ================================================= Language === */

/* ================================================= Social === */
#social {
	top:120px;
	right:20px;
	width: 41px;
	display:block;
	z-index:10;
}
#social a {
	width:41px;
	height:41px;
	text-decoration:none;
	display:block;
	text-indent:-5000px;
	overflow:hidden;
	cursor:pointer;
}
#social a.facebook {
	background: url("/global/img/hbi-sprite.png") -0px -491px no-repeat; /* sprite */	
}
#social a.twitter {
	background: url("/global/img/hbi-sprite.png") -0px -532px no-repeat; /* sprite */	
}
#social a.google {
	background: url("/global/img/hbi-sprite.png") -0px -573px no-repeat; /* sprite */	
}
#social a.instagram {
	background: url("/global/img/hbi-sprite.png") -0px -615px no-repeat; /* sprite */	
}
#social a:hover.facebook {
	background: url("/global/img/hbi-sprite.png") -41px -491px no-repeat; /* sprite */	
}
#social a:hover.twitter {
	background: url("/global/img/hbi-sprite.png") -41px -532px no-repeat; /* sprite */	
}
#social a:hover.google {
	background: url("/global/img/hbi-sprite.png") -41px -573px no-repeat; /* sprite */	
}
#social a:hover.instagram {
	background: url("/global/img/hbi-sprite.png") -41px -615px no-repeat; /* sprite */	
}
/* ================================================= Social === */

/* ================================================= webcam === */
#webcam {
	top:300px;
	right:20px;
	width: 40px;
	display:block;
	z-index:10;
}
#webcam a.cam {
	width:40px;
	height:41px;
	text-decoration:none;
	display:block;
	cursor:pointer;
	background:#fff;
	color:#666;
	background: #fff url("/global/img/webcam.gif") top left no-repeat;
	text-indent:-5000px;
	outline:none;
}
#webcam a.viewRoom360 {
	width:40px;
	height:41px;
	margin-top:2px;
	text-decoration:none;
	display:block;
	cursor:pointer;
	background:#fff;
	color:#666;
	background: #fff url("/global/img/360.jpg") top left no-repeat;
	text-indent:-5000px;
	outline:none;
}

/* ================================================= webcam === */

/* ================================================= Navigation === */
#navigation {
	width: 680px;
	margin: 0 auto;
}
#navigation ul li {
	margin: 15px;
	float: left;
}
#navigation ul li a {
	font-size:32px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;	
	font-family:'RotisSansSerifW01-Bold', Arial, Verdana;	
	width: 310px;
	height: 95px;
	padding: 30px 0 0 0;
	display:block;
	color:#fff;
}
#navigation ul li a span {
	font-size:20px;
	text-transform:none;
	font-family:'RotisSansSerifW01-Light 735438', Arial, Verdana;	
	opacity: 0.7;
	filter: alpha(opacity = 70);
	display: block;
}
#navigation ul .violetBg {
	background: url("/global/img/hbi-sprite.png") -400px -250px no-repeat; /* sprite */
}
#navigation ul .greenBg {
	background: url("/global/img/hbi-sprite.png") -400px -0px no-repeat; /* sprite */
}
#navigation ul .redBg {
	background: url("/global/img/hbi-sprite.png") -400px -500px no-repeat; /* sprite */
}
#navigation ul .magentaBg {
	background: url("/global/img/hbi-sprite.png") -400px -750px no-repeat; /* sprite */
}
/* ================================================= //Navigation === */

/* ================================================= mainNavigation === */
#mainNavigation {
	width: 920px;
	margin:-40px 0 0 -460px;
	z-index:10;
	top:0;
	left:50%;
}
#mainNavigation ul li {
	margin: 15px;
	float: left;
	position:relative;
}
#mainNavigation ul li a {
	font-size:18px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;	
	font-family:'RotisSansSerifW01-Bold', Arial, Verdana;	
	letter-spacing: 0.5px;
	width: 200px;
	height: 36px;
	padding: 14px 0 0 0;
	display:block;
	color:#fff;
}
#mainNavigation ul li.violetBg a {
	background: url("/global/img/hbi-sprite.png") -400px -288px no-repeat; /* sprite */
}
#mainNavigation ul li.greenBg a {
	background: url("/global/img/hbi-sprite.png") -400px -40px no-repeat; /* sprite */
}
#mainNavigation ul li.redBg a {
	background: url("/global/img/hbi-sprite.png") -400px -540px no-repeat; /* sprite */
}
#mainNavigation ul li.magentaBg a {
	background: url("/global/img/hbi-sprite.png") -400px -800px no-repeat; /* sprite */
}
#mainNavigation ul li.violetBg a:hover {
	background: #663366;
}
#mainNavigation ul li.greenBg a:hover {
	background: #99CC66;
}
#mainNavigation ul li.redBg a:hover {
	background: #cc6666;
}
#mainNavigation ul li.magentaBg a:hover {
	background: #cc66cc;
}
#mainNavigation ul li.violetBg.current a {
	border-bottom:1px solid #fff;
}
#mainNavigation ul li.greenBg.current a {
	border-bottom:1px solid #fff;
}
#mainNavigation ul li.redBg.current a {
	border-bottom:1px solid #fff;
}
#mainNavigation ul li.magentaBg.current a {
	border-bottom:1px solid #fff;
}
#mainNavigation ul li.violetBg.current {
	border-bottom:5px solid #894B89;
}
#mainNavigation ul li.greenBg.current {
	border-bottom:5px solid #99CC66;
}
#mainNavigation ul li.redBg.current {
	border-bottom:5px solid #cc6666;
}
#mainNavigation ul li.magentaBg.current {
	border-bottom:5px solid #cc66cc;
}

#mainNavigation ul li ul {
	display:none;
	width:200px;
	top:47px;
	left:0;
}
#mainNavigation ul li ul li {
	margin: 0;
}
#mainNavigation ul li ul li a {
	font-size:16px;
	font-family:'RotisSansSerifW01-Light 735438', Arial, Verdana;	
	height:30px;
	padding: 14px 0 0 0;
	border-bottom:0 !important;	
}
#mainNavigation ul li:hover ul {
	display:block;
}
#mainNavigation ul li.violetBg ul li a {background: #4F1254}
#mainNavigation ul li.greenBg ul li a {background: #6EB215}
#mainNavigation ul li.redBg ul li a {background: #c5263b}
#mainNavigation ul li.magentaBg ul li a {background: #a213ac}

#mainNavigation ul li.violetBg ul li:hover a {background: #663366}
#mainNavigation ul li.greenBg ul li:hover a {background: #99CC66}
#mainNavigation ul li.redBg ul li:hover a {background: #cc6666}
#mainNavigation ul li.magentaBg ul li:hover a {background: #cc66cc}

#mainNavigation ul li.violetBg ul li ul li a {background: #4F1254 !important;}
#mainNavigation ul li.greenBg ul li ul li a {background: #6EB215 !important;}
#mainNavigation ul li.redBg ul li ul li a {background: #c5263b !important;}
#mainNavigation ul li.magentaBg ul li ul li a {background: #a213ac !important;}

#mainNavigation ul li.violetBg ul li ul li:hover a {background: #663366 !important;}
#mainNavigation ul li.greenBg ul li ul li:hover a {background: #99CC66 !important;}
#mainNavigation ul li.redBg ul li ul li:hover a {background: #cc6666 !important;}
#mainNavigation ul li.magentaBg ul li ul li:hover a {background: #cc66cc !important;}

#mainNavigation ul li ul li ul {
	display:none !important;
	top:0px;
	left:200px;
	z-index:3;
}
#mainNavigation ul li ul li:hover ul {
	display:block !important;
}
#mainNavigation ul li ul li ul li a {
	font-size:14px;
}

/* ================================================= //mainNavigation === */



/* ================================================= Breadcrumb === */
#breadcrumb {
	width:100%;
	margin:50px 0 14px 0;
}
#breadcrumb li {
	float: left;
}
#breadcrumb li a {
	font-size:14px;
	font-family:'Rotis Sans Serif W01', Arial, Verdana;	
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	color:#b3b3b3;
}
#breadcrumb li a span {
	padding:0 8px;
	display:inline-block;
	font-size:14px;	
}
#breadcrumb li.current a {
	color:#737373;
}
.start {
	background: url("/global/img/hbi-sprite.png") -15px -880px no-repeat; /* sprite */
	height:13px;
	width:13px;
	display:inline-block;
	text-indent:-5000px;
	opacity: 0.45;
	filter: alpha(opacity = 45);	
}
/* ================================================= //Breadcrumb === */

/* ================================================= Quickbooking === */
#quickBooking {
	width: 100%;
	margin: 120px 0 0 0;
	height: 60px;
}
#quickBooking p {
	margin:0 10px 0 0;
	display:inline;
	float: left;	
	line-height: 30px;
}
#quickBooking .left {
	margin:0;
	display:inline;
	background: #fff;
	padding:12px;
	width:740px;
	height: 36px;	
}
#quickBooking input {
	font-size:18px;
	line-height:38px;
	height:38px;
	font-family:'RotisSansSerifW01-Light 735438', Arial, Verdana;	
	color:#501852;	
	width:100px;
	background:#f5f5f5;
	border:0;
	padding:0 8px 0 8px;
}
#quickBooking select {
	font-size:18px;
	height:38px;	
	font-family:'RotisSansSerifW01-Light 735438', Arial, Verdana;	
	color:#501852;	
	width:60px;
	background:#f5f5f5;
	border:0;
	padding:0 8px 0 8px;
}
#quickBooking .submitBooking {
	width: 216px;
	height: 60px;
	display: block;
	padding: 0;
	margin: 0;
	color: #fff;
	background: url("/global/img/hbi-sprite.png") right -282px no-repeat; /* sprite */	
	font-size: 24px;
	font-family:'RotisSansSerifW01-Bold', Arial, Verdana;	
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	cursor:pointer;
}
#personsWrapper {
	z-index:10;
	background:#fff;
	left:400px;
	top: 50%;
	margin-top:0;
	padding:12px 0 0 10px;
	width:350px;
}
.persons {
	margin-bottom:10px;
	float:left;
}
#room2, #room3, #roomInfo {
	display: none;
}
#roomInfo {
	float:left;
}
#roomInfo p {
	line-height:20px;
}
.roomNumber {
	font-family:'RotisSansSerifW01-Bold', Arial, Verdana;	
	color:#663366;
	text-transform:uppercase;
	font-size:16px;
	padding-right:6px;
}
/* ================================================= //Quickbooking === */

/* ================================================= StartStyle === */
.home #top {
	height: 820px;
}
.home #bg {
	height: 820px;
}
.home #quickBooking {
	margin: 100px 0 0 0;
}
.home .magentaTheme,
.magentaCleanBox {
	border-top: 5px solid #b716c2;
}
.home .greenTheme,
.greenCleanBox {
	border-top: 5px solid #72bd15;
}
.home .redTheme,
.redCleanBox {
	border-top: 5px solid #d82e46;
}
.home .violetTheme,
.violetCleanBox {
	border-top: 5px solid #663366;
}
.home .blueTheme,
.blueCleanBox {
	border-top: 5px solid #00a0e2;
}
.home .greenTheme .btn {
	background-position: right -38px;
}
.home .redTheme .btn {
	background-position: right -540px;
}
.home .redTheme .smallBtn {
	background-position: right -548px;
	margin-top:0;
}
.home .violetTheme .btn {
	background-position: right -289px;
}
.home .magentaTheme .btn {
	background-position: right -790px;	
}
.home .blueTheme .btn {
	background-position: right -38px;
}
.fb h3 {
	margin: 0 0 5px 0 !important;
}

.home h3 {
	font-size:22px;
}
.home .column .blueTheme a.more {
	color:#00a0e2;
}
.home .column .greenTheme a.more {
	color:#72bd15;
}
.home .column .redTheme a.more {
	color:#d82e46;
}
.home .column .violetTheme a.more {
	color:#663366;
}
.home .column .magentaTheme a.more {
	color:#b716c2;
}
.home .column .blueTheme a:hover.more strong,
.home .column .greenTheme a:hover.more strong,
.home .column .redTheme a:hover.more strong,
.home .column .violetTheme a:hover.more strong,
.home .column .magentaTheme a:hover.more strong {
	color:#595656;
}
/* ================================================= //StartStyle === */

/* ================================================= Standards === */
.fullWidth {
	width:100%;
}
.articleHead {
	margin-bottom:20px;
}
.articleHead h1 {
	padding:20px 0 15px 0;
}
.headTop {
	width:74%;
}
.price {
	display:block;
	width:26%;
}
.price a {
	display:block;
	font-size:34px;	
	line-height:70px;
	text-align:right;
	margin:10px 5px 0 0;
	font-family:'RotisSansSerifW01-Extra', Arial, Verdana;	
	text-decoration:none;
}
.price p {
	margin:0;
	font-size:12px;
	color:#726e72;
	font-family:'RotisSansSerifW01-Light 735438', Arial, Verdana;	
	line-height:18px;
	text-align:right;	
}
.price .arrow {
	margin-left:10px;	
}
.infoLine {
	border-bottom:1px solid #e6e6e6;
	text-align:right;
}

#sidebar {
	width:320px;
}
.sidebarItem {
	margin-bottom:30px;
}
.sidebarItem h3 {
	border-bottom:1px solid #fff;
	padding:20px 0 10px 15px;
	color:#fff;
	text-transform:uppercase;
}
.grayBg h3 {
	color:#565454;
}
.violetCleanBox h3,
.magentaCleanBox h3, 
.redCleanBox h3, 
.blueCleanBox h3, 
.greenCleanBox h3 {
	color:#565454;
}
.featuresContent {
	padding:0 15px;
}
.featuresContent ul {
	margin:20px 0;
	list-style-position:outside;
	padding-left:15px;
}
.featuresContent li {
	line-height:24px;
	color:#fff;
	list-style-type:square;	
}
.featuresContent p {
	color:#fff;
}
.featuresContent strong,
.featuresContent p strong,
.featuresContent a, 
.featuresContent p a {
	color:#fff !important;
}

.grayBg p {
	color:#565454;
}
.violetCleanBox p,
.magentaCleanBox p, 
.redCleanBox p, 
.blueCleanBox p, 
.greenCleanBox p {
	color:#565454;
}
.violetCleanBox .btn,
.magentaCleanBox .btn, 
.redCleanBox .btn, 
.blueCleanBox .btn, 
.greenCleanBox .btn {
	margin-top:0;
}

.currentImage {
	margin-bottom:10px;
	height:220px;
	position:relative;
}
.currentImage a {
	display:none;
	position:absolute;
}
.thumbsList {
	
}
.thumbsList li {
	float:left;
	margin: 0 2px 2px 0;
}
.thumbsList a {
	height:52px;
	width:78px;
	display:block;
	overflow:hidden;
}


#content {
	width:610px;
	margin-left:50px;
}


.violet .articleHead,
.violet .item {
	border-top: 5px solid #663366;
}
.violet h1 strong,
.violet .price,
.violet .price a,
.violet h2,
.violet h4,
.violet p strong,
.violet .overviewPreis {
	color:#663366;
}

.magenta .articleHead,
.magenta .item {
	border-top: 5px solid #b716c2;
}
.magenta h1 strong,
.magenta .price,
.magenta .price a,
.magenta h2,
.magenta h4,
.magenta p strong,
.magenta a {
	color:#b716c2;
}

.green .articleHead,
.green .item {
	border-top: 5px solid #72bd15;
}
.green h1 strong,
.green .price,
.green .price a,
.green h2,
.green h4,
.green p strong {
	color:#72bd15;
}

.red .articleHead,
.red .item {
	border-top: 5px solid #d82e46;
}
.red h1 strong,
.red a,
.red .price,
.red .price a,
.red h2,
.red h4,
.red p strong {
	color:#d82e46;
}
/* ================================================= Accordion / Tabs === */
.trigger {
	font-size:18px;
	line-height:70px;
	text-transform:uppercase;
	border-bottom:1px solid #e6e6e6;
}
.item h3 .arrow {
	width:42px;
	height:42px;
	display:inline-block;
	text-indent:-5000px;
	cursor:pointer;
	background: url("/global/img/hbi-sprite.png") left -400px no-repeat; /* greenTheme arrow */	
	position:relative;
	top:14px;
	left:10px;
}
.item h3.current .arrow {
	background: url("/global/img/hbi-sprite.png") left -445px no-repeat; /* greenTheme arrow */	
}

.toggle_container {
	border-bottom:1px solid #e6e6e6;
}
.tabNavi {
	width:100%;
	height:50px;
	margin:20px 0;
}
.tabNavi li {
	height:50px;
	width:50px;
	float:left;
	margin-right:4px;
}
.tabNavi li a {
	height:50px;
	width:50px;
	display:block;
	overflow:hidden;
	cursor:pointer;
}
.tabNavi li a:hover,
.tabNavi li.current a {
	background:#f5f5f5;
}
.tabContent {
	background:#f5f5f5;
	padding:20px;
	margin-bottom:20px;
}
.grayContent {
	background:#f5f5f5;
	padding:20px;
	margin:20px 0;
}
.tabContent h2 {
	font-size:16px;
}
.tabContent p {
	font-size:14px;
	margin:5px 0;
}
/* ================================================= //Accordion / Tabs === */
/* ================================================= Button === */
.btn {
	font-family:'Rotis Sans Serif W01', Arial, Verdana;	
	text-align: left;
	text-transform: uppercase;	
	text-decoration:none;
	height: 20px;
	display: block;
	overflow: hidden;
	padding: 18px 0 13px 16px;
	margin: 20px 0;
	color: #fff;
	width: auto;
}
.btnRight {
	padding-right:20px;
}
.greenTheme .btn, .green .btn, .blueCleanBox .btn {
	background: url("/global/img/hbi-sprite.png") right -38px no-repeat; /* greenTheme sprite */
	color:#fff;
}
.redTheme .btn, .red .btn, .redCleanBox .btn {
	background: url("/global/img/hbi-sprite.png") right -540px no-repeat; /* redTheme sprite */
	color:#fff;
}
.violetTheme .btn, .violet .btn, .violetCleanBox .btn {
	background: url("/global/img/hbi-sprite.png") right -289px no-repeat; /* violetTheme sprite */
	color:#fff;
}
.magentaTheme .btn, .magenta .btn, .magentaCleanBox .btn {
	background: url("/global/img/hbi-sprite.png") right -790px no-repeat; /* magentaTheme sprite */	
	color:#fff;
}
.blueTheme .btn, .blue .btn, .blueCleanBox .btn {
	background: url("/global/img/blueTheme.png") right -38px no-repeat; /* blueTheme sprite */
	color:#fff;
}
/* ================================================= //Button === */
/* ================================================= //Standards === */

/* ================================================= Column === */
.column {
	width: 306px;
}	
.columnCenter {
	margin: 0 30px;
}	
.column h3,
.violetCleanBox h3,
.magentaCleanBox h3, 
.redCleanBox h3, 
.blueCleanBox h3, 
.greenCleanBox h3 {
	border-bottom: 1px solid #e6e6e6;
	padding: 30px 0;
	margin: 0 0 19px 0;
	text-transform: uppercase;
}	
.homeList {
	width: 100%;
}
.homeList li {
	width: 100%;
	float: left;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;	
	border-bottom: 1px solid #e6e6e6;	
}
.listContent {
	float:left;
	font-family:'Rotis Sans Serif W01', Arial, Verdana;	
}
.listContent .left {
	width: 60px;
	margin-right: 18px;
}
.listContent .right {
	width: 180px;
	margin-right: 18px;
}
.listContent h2 {
	font-size: 16px;
	margin:0 0 4px 0;
}
.redTheme .listContent h2 {
	color:#d82e46;
}
.listContent p {
	font-size: 14px;
	line-height: 16px;
	margin:0;
	color:#999;
}
.arrow {
	height: 50px;
	width: 20px;
	display: block;
	margin: 5px 0 0 0;
}
.redTheme .arrow {
	background: url("/global/img/hbi-sprite.png") -0px -200px no-repeat; /* sprite */
}
.greenTheme .arrow {
	background: url("/global/img/hbi-sprite.png") -0px -50px no-repeat; /* sprite */
}
.violetTheme .arrow, .violet .price .arrow {
	background: url("/global/img/hbi-sprite.png") -0px -150px no-repeat; /* sprite */
}
.magentaTheme .arrow {
	background: url("/global/img/hbi-sprite.png") -0px -300px no-repeat; /* sprite */
}

/* ================================================= //Column === */

/* ================================================= room === */
.overview li {
	width:48%;
	float:left;
	margin-top:40px;
}
.overview li.odd {
	margin-right:2%;
}
.overview li.even {
	margin-left:2%;
}
.overview li .left {
	width:42%;
	margin-left:4%;
	margin-bottom:-20px;
	z-index:1;
}
.overview li .right {
	width:54%;
	min-height:120px;
	position:relative;
}
.overview a {
	text-decoration:none;
}
.overview h2 {
	text-transform:uppercase;
	color:#202020;
}
.violet .overview h2 strong {
	color:#663366;
	font-size:24px;
	line-height:26px;
}
.overviewContent {
	background:#f5f5f5;
	padding:4% 4% 0 4%;
	width:92%;
}
.overviewContent p {
	margin-bottom:0;
}
.overviewPreis {
	font-size:34px;
	text-align:right;
	font-family:'RotisSansSerifW01-Extra', Arial, Verdana;	
	position:absolute;
	bottom:0;
	right:0;	
}
.preisInfo {
	font-size:12px;
	line-height:18px;
	float:left;
	width:60%;
	padding-top:10px;
	color:#928f92;
}
.overview .btn {
	margin:15px 0 20px 0;
}
.mBottom {
	margin-bottom:40px;
}


#packageList h2 {
	font-size:16px;
	line-height:20px;
}
#packageList h2 strong {
	display: block;
	font-size: 20px;
	line-height: 24px;
	margin-top: 2px;
}
/* ================================================= //room === */

/* ================================================= Bewertungen === */
.galleryTabs {
	margin:20px 0;
	float:left;
	border-bottom:1px solid #e6e6e6;
	width:100%;
}
.galleryTabs li {
	float:left;
}
.galleryTabs li a {
	display:block;
	background:#F5F5F5;
	color:#663366;
	padding:10px;
	text-decoration:none;
	width:20px;
	height:20px;
	text-align:center;
}
.galleryTabs li.current a {
	color:#fff;
	background: url("/global/img/hbi-sprite.png") -400px -250px no-repeat; /* sprite */
}

.reviewList {
	float:left;
}
.reviewList li {
	float:left;
	margin-bottom:20px;
	width:100%;
	background:#fff;
}
.reviewList li .left {
	float:left;
	width:20%;
	padding:2%;	
}
.reviewList li .right {
	float:left;
	width:72%;
	padding:2%;
	background:#F5F5F5;
	position:relative;
}
.reviewList li.tripadvisor .tripadvisor {
	display:block;
	width:160px;
	height:60px;
	background: url("/global/img/hbi-bewertungen.jpg") -0px -0px no-repeat; /* sprite */
}
.reviewList li.trivago .trivago {
	display:block;
	width:160px;
	height:60px;
	background: url("/global/img/hbi-bewertungen.jpg") -0px -72px no-repeat; /* sprite */
}
.reviewList li.holidaycheck .holidaycheck {
	display:block;
	width:160px;
	height:60px;
	background: url("/global/img/hbi-bewertungen.jpg") -0px -142px no-repeat; /* sprite */
}
.reviewList li a.readMore {
	position:absolute;
	text-decoration:none;
	bottom:0;
	right:0;
	color:#663366;	
	text-transform:uppercase;
	height:30px;
}
.reviewList li:hover a.readMore {
	color:#fff;	
	background: url("/global/img/hbi-sprite.png") -400px -250px no-repeat; /* sprite */
}
.reviewList li a.readMore strong {
	color:#663366;
	font-size:14px;
	font-family:'RotisSansSerifW01-Light 735438', Arial, Verdana;	
	float:left;
	padding:5px 5px 0 10px;
	line-height:24px;
}
.reviewList li:hover a.readMore strong {
	color:#fff;	
}
.reviewList li a.readMore span {
	font-size:12px;
	width:30px;
	height:30px;
	background:#663366 url("/global/img/hbi-sprite.png") -6px -787px no-repeat; /* sprite */
	display:inline-block;
}
/* ================================================= //Bewertungen === */

/* ================================================= form === */
.form {
	margin-top:10px;
}
.form p {
	background:#F5F5F5;
	padding:2%;
	float:left;	
	width:96%;
	margin:5px 0;
}
.form p label {
	width:25%;
	float:left;
}
.form p input {
	float:left;
	width:73%;
	border:0;
	padding:1%;
	font-size:14px;
}
.form p textarea {
	float:left;
	width:73%;
	border:0;
	padding:1%;
	font-size:14px;
}
.form input.btn {
	padding: 14px 20px 34px;
	font-size:18px;
	border:0;
	float:right;
	cursor:pointer;
}
.form input.formError,
.form textarea.formError {
	background:#FFA3A3;
}
.pflichfelder {
	color:#6D6D6D;
	font-size:14px;
	margin:10px 0 0 0;
}

/* ================================================= //form === */
.blog {
	border-bottom: 1px solid #E6E6E6;
	margin-bottom:30px;
}
.blog header {
	margin-bottom:10px;
}
.blog header a {
	text-decoration:none;
}
.blog header span {
	text-transform:uppercase;
	font-size:14px;
}
.blog header h2 {
	font-size:26px;
}
.blogImage {
	margin-right:20px;
}
.smallBtn {
	margin:10px 0;
	padding: 8px 15px 8px 12px;
	font-size:14px;
	height:14px;
}
.magenta .smallBtn {
	background-position:right -798px;
}
.red .smallBtn {
	background-position:right -548px;
}

a.more {
	position:absolute;
	text-decoration:none;
	bottom:0;
	right:0;
	text-transform:uppercase;
	height:30px;
	background:#F5F5F5;
	display:block;
	text-align:right;
}
a:hover.more {
	color:#fff;	
}
a.more strong {
	font-size:14px;
	font-family:'RotisSansSerifW01-Light 735438', Arial, Verdana;	
	float:left;
	padding:5px 5px 0 10px;
	line-height:24px;
	text-align:right;
}
a:hover.more strong {
	color:#fff;
}
a.more span {
	font-size:12px;
	width:30px;
	height:30px;
	display:inline-block;
	text-align:right;
}
.violet a.more strong {
	color:#663366;
}
.violet a.more {
	color:#663366;	
}
.violet a.more span {
	background:#663366 url("/global/img/hbi-sprite.png") -6px -787px no-repeat; /* sprite */
}
.violet a:hover.more {
	background: url("/global/img/hbi-sprite.png") -400px -250px no-repeat; /* sprite */
}
.violet a:hover.more strong {
	color:#fff;
}

.magenta a.more strong {
	color:#B716C2;
}
.magenta a.more {
	color:#B716C2;	
}
.magenta a.more span {
	background:#B716C2 url("/global/img/hbi-sprite.png") -6px -787px no-repeat; /* sprite */
}
.magenta a:hover.more {
	background: url("/global/img/hbi-sprite.png") -400px -800px no-repeat; /* sprite */
}
.magenta a:hover.more strong {
	color:#fff;
}

.eventItem {
	border-bottom: 1px solid #E6E6E6;
	margin-top:40px;
	padding-bottom:40px;
}
.eventItem .left {
	width:35%;
}
.eventItem .right {
	width:60%;
	margin-right:5%;
}

.eventItem a {
	text-decoration:none;
}
.eventItem h3 {
	text-transform:uppercase;
	font-size:20px;
	font-family:'RotisSansSerifW01-Light 735438', Arial, Verdana;	
}

.eventKalender {
	background:#F5F5F5;
	margin:5px 0;
	border:0;
	padding:0;
}

.gray {
	color:#727272;
}

.firstColumn, .secondColumn, .thirdColumn {
	height:60px;
	line-height:60px;
}
.firstColumn {
	width:10%;
}
.secondColumn {
	width:50%;
}
.thirdColumn {
	width:22%;
}
.fourthColumn {
	width:16%;
	padding-right:2%
}

.eventItem .secondColumn h3 {
	font-size:18px;
	text-transform:none;
}

.events .left {
	width:48%;
	margin-right:2%;
}
.events .right {
	width:48%;
	margin-left:2%;
}
.red .events h2 {
	background:#D82E46;
	color:#fff;
	padding:10px 15px;
	display:inline-block;
}
.red .events h2 a {
	color:#fff;
	text-decoration:none;
}

.arrowBtn {
	width:30px;
	height:30px;
	display:block;
	overflow:hidden;
	text-indent:-5000px;
	margin:10px;
	float:right;
}
.red .arrowBtn {
	background: url("/global/img/hbi-sprite.png") -0px -750px no-repeat; /* sprite */
}
.colOne {
	width:69%;
	margin-left:1%;
}
.colTwo {
	width:20%;
}
.colThree {
	width:10%;
}
.eventlist {
	margin:0 0 40px 0;
}
.eventlist p {
	margin:0;
	line-height:50px;	
}
.eventlist .odd {
	background:#e6e6e6;
}
.eventlist li {
	line-height:50px;
}
.eventlist li a {
	text-decoration:none;
}
.eventlist li h3 {
	font-family:'Rotis Sans Serif W01', Arial, Verdana;	
}
.eventlist li:hover {
	background:#F5F5F5;
}

.smallList li {
	position:relative;
	background:#F5F5F5;
	width:100%;
	margin-bottom:20px;
}
.smallList li a {
	display:block;
	min-height:150px;
	text-decoration:none;
}
.smallList li .listImage {
	float:left;
	margin-right:20px;
}
.smallList li h3 {
	padding:20px 0 0 0;
}
.smallList li p {
	font-family:'Rotis Sans Serif W01', Arial, Verdana;	
}

.smallList li a span.readMore {
	position:absolute;
	text-decoration:none;
	bottom:0;
	right:0;
	color:#663366;	
	text-transform:uppercase;
	height:30px;
}
.smallList li:hover a span.readMore {
	color:#fff;	
	background: url("/global/img/hbi-sprite.png") right -540px no-repeat; /* redTheme sprite */
}
.smallList li a span.readMore strong {
	color:#D82E46;
	font-size:14px;
	font-family:'RotisSansSerifW01-Light 735438', Arial, Verdana;		
	float:left;
	padding:5px 5px 0 10px;
	line-height:24px;
}
.smallList li:hover a span.readMore strong {
	color:#fff;	
}
.smallList li a span.readMore span {
	font-size:12px;
	width:30px;
	height:30px;
	background:#D82E46 url("/global/img/hbi-sprite.png") -6px -787px no-repeat; /* sprite */
	display:inline-block;
}


.partnerList .left {
	background:#fff;
	width:30%;
	margin-right:5%;
}
.partnerList .left a img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.partnerList .right {
	background:#fff;
	width:65%;	
	margin:0;
}

.grayContent ul {
	list-style-type: square;
	list-style-position: outside;
	margin-left:10px;
}

#content article ul {
	list-style-type: square;
	list-style-position: inside;
	margin:10px 0;
}

#content article ul li {
	position: relative;
	display: block;
	padding: 8px 0px 4px 10px;
	*padding: 3px;
	margin: 2px 0 2px 10px;
	background: #F5F5F5;
	color: #444;
	text-decoration: none;
	transition: all .3s ease-out;	
}
#content article ul li a {
	color: #444;
}

#content article ul li:hover{
	background: #eee;
}	
#content article ul li:before{
	content: "";
	counter-increment: li;
	position: absolute;	
	left: -10px;
	top: 0;
	margin-top: 0;
	background: #ddd;
	height: 100%;
	width: 5px;
	line-height: 2em;
	text-align: center;
	font-weight: bold;
}
#content article ul li:after{
	transition: all .3s ease-out;				
}
#content article ul li:hover:after{
	border-left-color: #ddd;				
}	


/* ================================================= Footer === */
.footerDock {
	height:50px;
	clear: both;
}
#footer {
	width: 100%;
	height:35px;
	padding-top:15px;
	clear: both;
	color:#fffeff;	
}
#footer p {
	display:inline-block;
	margin:0;
}
#footer p, #footer a, #footer span {
	color:#fffeff;
	font-size:13px;
	font-family:'RotisSansSerifW01-Light 735438', Arial, Verdana;	
}
#footer a {
	color:#fffeff;
}
#footer ul li {
	float:left;
	margin-left:10px;
	font-size:13px;	
	display:inline;
	line-height: 22px;	
}
#footer address { display: inline; }

/* ================================================= //Footer === */

div.yuiAcLayer input {
	position:relative !important;
}
div.yuiAcLayer {
	margin-bottom:0 !important;
}

.articleItem .itemContent {
	padding:20px 20px 10px 20px;
	margin-bottom:10px;
}
.green .articleItem .itemContent {
	background:#f4f7ef;
}
.violet .articleItem .itemContent {
	background:#f3f1f3;
}
.red .articleItem .itemContent {
	background:#f6f1f2;
}
.magenta .articleItem .itemContent {
	background:#f5edf6;
}
.customerAlliance {
	top:270px;
	right:36px;
}

#quickBooking input#arrival {
	background:#F5F5F5 url("/global/img/hbi-sprite.png") 82px -816px no-repeat; /* sprite */
}
#quickBooking input#departure {
	background:#F5F5F5 url("/global/img/hbi-sprite.png") 82px -816px no-repeat; /* sprite */
}

.monly {
	display:none;
}

.homestyling {
	margin:100px 0;
	padding-top:100px;
	text-align:center;
	border-top:1px solid #e6e6e6;
}
.homestyling2 {
	margin:100px 0;
	text-align:center;
}
/* seekda styling */

.skd-package-head .skd-package-title {
	bottom: -30px;
	left: 0% !important;
	margin-left: 0px !important;
	max-width: auto !important;
	position: absolute !important;
	text-align: center !important;
	width: auto !important;
	background-color:#fff !important;
}