/* Reset */

html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,em,font,img,small,strong,ol,ul,li,fieldset,form,table,tr,th,td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline }
:focus { outline: 0 }
html,body { height: 100%; width: 100% }
ol,ul { list-style: none inside none }
button { outline: none }
table { border-collapse: separate; border-spacing: 0}
caption,th,td {text-align: left;font-weight: normal}
blockquote:before,blockquote:after,q:before,q:after { content: ""}
blockquote,q {quotes: "" ""}

/* Basics */

body { font: 12px Arial, Helvetica, sans-serif }
input, textarea { font: 13px Arial, Helvetica, sans-serif }
textarea { overflow: auto }
h1,h2,h3,h4,h5,h6{ color: #797979; font-weight: normal }
h1 { font-size: 16px; font-weight: normal; letter-spacing: 4px }
h2 { font-size: 12px; margin-bottom: 20px; letter-spacing: 4px }
p { line-height: 20px; color: #848484 }
small { color: #848484; }
ul { list-style-image: url(/img/bg-list-icon.png) }
ul li { line-height: 20px; color: #848484 }
hr{ border: 0px; border-top: solid 1px #b4b4b4; border-bottom: transparent; }
em { font-style: italic }
.bold,strong { font-weight: bold }
.underline{ text-decoration: underline }
small{ font-size: 10px }
.normal-size{ font-size: 100% !important }
.bold { font-weight: bold }

.center { text-align: center }
.left { text-align: left }
.right { text-align: right }
.justify { text-align: justify }

.floatLeft { float: left }
.floatRight { float: right }
.floatNone { float: none !important }
.clear { clear: both }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }

.relative { position: relative }
.absolute { position: absolute }

.cursor { cursor: pointer }
p.dark { color: #646464 }

a { text-decoration: none; color: #b7003e }
a:hover { text-decoration: underline }

/* Margins and Paddings */

.m10r { margin-right: 10px }
.m12r { margin-right: 12px }
.m20b { margin-bottom: 20px }
.m20l { margin-left: 20px }
.m20r { margin-right: 20px }
.m20t { margin-top: 20px }
.m40t { margin-top: 40px }

.lineheight-normal { line-height: 15px;}

/* Template */

#language-switcher { width: 75px; height: 12px; position: absolute; right: 0; top: 6px; background: url(/img/bg-language-switcher.png); text-align: center; padding: 0 0 4px 0; font-size: 0;}
#language-switcher a { font-size: 10px; color: #84827e; margin-right: 3px; }

.wrapper { width: 980px; margin: 0 auto; position: relative }
.wrapper-small { width: 940px; margin: 0 auto; position: relative }
div#header { height: 109px; background: url(/img/bg-header.png) repeat-x }
h1#logo { background: url(/img/logo.png); height: 60px; width: 115px; text-indent: -8675px; overflow: hidden; position: absolute; top: 17px; left: 0px }
ul#navi { float: right; margin-top: 47px; list-style-type: none }
ul#navi li { display: inline; padding: 0 20px 0 20px }
ul#navi li a { color: #aaaaaa; font-size: 14px; text-decoration: none }
ul#navi li a:hover { color: #fff }
ul#navi li a.active { color: #fff }
div#teaser { margin: 1px 0 3px 0; background: url(/img/bg-teaser-big.png) repeat-x}
div#teaser .wrapper-small { padding: 25px 20px 25px 20px }
div#teaser .wrapper { padding: 25px 0px 25px 0px }
div#content { min-height: 500px;height: auto !important; height: 500px; padding-bottom: 60px }
a.button-red { display: block; height: 56px; width: 166px; line-height: 48px; text-align: center; font-size: 14px; color: white; text-decoration: none; background: transparent url(/img/buttons/bg-button-red.png) no-repeat }
.action-button { height: 27px; display: block; float: left; margin: 15px 10px 0 0 }
.action-button { color: #848484; text-decoration: none }
.action-button span { display: block; float: left }
.action-button .icon-phone { height: 27px; width: 37px; background: url(/img/button-action-phone.png) }
.action-button .icon-skype { height: 27px; width: 37px; background: url(/img/button-action-skype.png) }
.action-button .content { height: 19px; background: url(/img/button-action-content.png); padding: 4px 2px }
.action-button .right-corner { height: 27px; width: 15px; background: url(/img/button-action-right.png) }
.action-button:hover { text-decoration: none !important;}
div#footer { height: 384px; margin: 1px 0 0 0; background: url(/img/bg-footer.png) repeat-x; padding: 30px 0 0 0; position: relative }
div#footer h1 { text-transform: uppercase; margin-bottom: 20px }
div#footer p#copyright { position: absolute; top: 386px; left: 0; width: 100%; text-align: center; color: #fff; }
div#footer p#copyright a { color: #fff; text-decoration: underline; }
ul#sitemap li { padding: 5px 0; border-top: 1px solid #b4b4b4 }
ul#sitemap li.last { border-bottom: 1px solid #b4b4b4 }
ul#sitemap li a { text-transform: uppercase; color: #646464 }

/* Inputs & Textareas */

button#footer-send { border: none; background: url(/img/btn-footer-send.png); width: 200px; height: 43px; text-align: center; padding-bottom: 2px; font-family: Georgia; color: #414141; position: absolute; right: -6px; top: 280px; cursor: pointer; }
div.footer-input { background: url(/img/bg-footer-input.png); width: 461px; height: 35px; overflow: hidden; margin-bottom: 20px }
div.footer-input input { width: 441px; margin: 9px 10px; background: none; border: none; height: 17px; color: #fff; letter-spacing: 1px }
div.footer-textarea{ background: url(/img/bg-footer-textarea.png); width: 461px; height: 116px; overflow: hidden; margin-bottom: 20px }
div.footer-textarea textarea { width: 441px; margin: 9px 10px; background: none; border: none; height: 98px; color: #fff; letter-spacing: 1px }

/* Container */

div.container_half { width: 460px } /* Hälfte */
div.container_third { width: 308px } /* Drittel */
div.container_two_third { width: 640px } /* Zwei Drittel */
div.container_quarter { width: 220px } /* Viertel */
div.container_fifth { width: 180px } /* Fünftel */
div.container_special-size-1 { width: 560px; }

/* Home */

div.hotel_types { width: 948px; margin: 0 auto }
div.hotel_types h1 { width: 100%; padding: 30px 0 10px 0; text-align: center; text-transform: uppercase }
div.hotel_types .image-container-third { background: url(/img/bg-hotel-types.png); height: 118px; width: 288px; padding: 10px; overflow: hidden; }
div.hotel_types p { padding: 10px }

h1.headline { width: 940px; margin: 30px auto 20px auto; background: url(/img/border-heading.png) bottom center no-repeat; padding: 10px 0; color: #797979; font-size: 14px; font-weight: normal; text-align: center; text-transform: uppercase; }
h1.headline-small { width: 940px; margin: 30px auto 20px auto; background: url(/img/border-heading.png) bottom center no-repeat; padding: 10px 0; color: #797979; font-size: 14px; font-weight: normal; }
h1.headline-mini { width: 560px; margin: 30px auto 20px auto; background: url(/img/border-heading.png) bottom center no-repeat; padding: 10px 0; color: #797979; font-size: 14px; font-weight: normal; letter-spacing: 2px; }

div.guest-comment { background: url(/img/bg-guest-comment.png); width: 460px; height: 152px; position: relative; overflow: hidden }
div.guest-comment img { position: absolute; top: 30px; left: 29px }
div.guest-comment p { font-family: Georgia; font-size: 14px; font-style: italic; color: #7f7f7f; position: absolute; left: 140px; top: 25px; width: 290px; line-height: 18px}
div.guest-comment small { position: absolute; top: 110px; right: 50px; color: #7f7f7f; font-size: 11px }

a#logo-enido { background: url(/img/enido.jpg); display: block; margin: 0 auto; height: 30px; width: 73px; margin-top: 60px }

.slider-home-bg{
	width: 950px;
	height: 370px;
	background: url(/img/bg-slider-home.png);
	margin: 0 auto;
	position: relative;
}

.slider-home{
	width: 920px;
	height: 335px;
	position: relative;
	overflow: hidden;
	clear: both;
	top: 20px;
	left: 15px;
}

.slider-home div{
	float: left;
	display: block;
}

.slider-home .items{
	width: 20000em;
	position: absolute;
	clear: both;
	margin: 0;
	padding: 0;
}

.slider-home .slider{
	width: 920px;
	height: 335px;
	overflow: hidden;
	position: relative;
}

.slider-home .slider .description{
	right: 0;
	top: 0;
	position: absolute;
	background: #000;
	width: 241px;
	height: 285px;
	padding: 25px;
	opacity: 0.8;
	filter: alpha(opacity = 80);
}

.slider-home .slider .description h2{
	font-size: 18px;
}

.slider-home-tabs{
	list-style: none;
	clear: both;
}

.slider-home-tabs li{
	float: left;
	margin-right: 5px;
	display: block;
	height: 15px;
	width: 15px;
}

.slider-home-tabs li a{
	float: left;
	background: url(/img/btn-slider-unselected.png);
	height: 15px;
	width: 15px;
	display: block;
	overflow: hidden;
}

.slider-home-tabs li a.current{
	background: url(/img/btn-slider-selected.png);
}

.slider-home-controls .wrapper-small{
	height: 15px;
}

.slider-home-controls span.prev{
	position: absolute;
	right: 35px;
	width: 10px;
	height: 11px;
	background: url(/img/btn-slider-left.png);
	cursor: pointer;
}

.slider-home-controls span.next{
	position: absolute;
	right: 20px;
	width: 10px;
	height: 11px;
	background: url(/img/btn-slider-right.png);
	cursor: pointer;
}

/* Ambiente */

h1.page-headline{
	font-size: 27px;
	color: #7a7a7a;
	letter-spacing: 2px;
	padding: 15px 0;
}

h2.page-headline{
	font-size: 18px;
	color: #7a7a7a;
	letter-spacing: 2px;
}

#slider-ambiente{
	width: 978px;
	height: 631px;
	background: url(/img/bg-slider-ambiente.png);
	margin-left: -17px;
	position: relative;
}

#slider-ambiente #image{
	padding: 12px 0 0 29px;
}

#slider-ambiente .slider-ambiente-controls{
	position: absolute;
	top: 494px;
	left: 76px;
	width: 830px;
	overflow: hidden;
	height: 105px;
}

#slider-ambiente .slider-ambiente-controls .items{
	width: 20000em;
	clear: both;
	position: absolute;
}

#slider-ambiente .slider-ambiente-controls .thumb{
	background: url(/img/bg-slider-ambiente-thumb.png);
	width: 200px;
	height: 105px;
	float: left;
	margin-right: 10px;
}

#slider-ambiente .slider-ambiente-controls .thumb img{
	margin: 5px 0 0 5px;
	cursor: pointer;
}

#slider-ambiente span.prev {
	position: absolute;
	left: 30px;
	top: 494px;
	height: 105px;
	width: 25px;
	cursor: pointer;
	background: url(/img/blank.gif);
}

#slider-ambiente span.next {
	position: absolute;
	left: 920px;
	top: 494px;
	height: 105px;
	width: 25px;
	cursor: pointer;
	background: url(/img/blank.gif);
}

.border-image {
	border: 1px solid #e4e4e4;
	padding: 5px;
	font-size: 0px;
}

.sidebar-right {
	background: url(/img/bg-sidebar-right.png) no-repeat;
	margin-top: -3px;
	width: 248px !important;
	padding: 30px;
}

.sidebar-right h2 {
	letter-spacing: 1px;
	border-bottom: 1px solid #d7d7d7;
	padding-bottom: 5px;
}

/* Preise */

table.price-table {
	width: 980px;
}

table.price-table thead{
	background: #efefef;
}

table.price-table thead th{
	padding: 10px 20px;
	color: #979797;
	font-size: 15px;
	font-weight: bold;
	border-bottom: 1px solid #dfdfdf;
}

table.price-table tbody tr.gray{
	background: #f5f5f5;
}

table.price-table tbody tr td{
	border-bottom: 1px solid #e6e6e6;
	border-top: 1px solid #fcfcfc;
	padding: 10px 20px;
	color: #979797;
	font-size: 15px;
}

/* Angebote */

.container_offer {
	padding: 15px;
	width: 430px;
	background: #ececec;
	min-height: 215px;
	height: auto !important;
	height: 215px;
	overflow: hidden;
}

.container_price {
	padding: 15px;
	width: 430px;
	background: #e4e4e5;
	border-bottom: 1px solid #eeeeee;
}

.container_price_dark{
	padding: 15px;
	width: 430px;
	background: #dbdbdc;
	border-bottom: 1px solid #eeeeee;
}

/* Kontakt */
.service {
	border: 1px solid #dbdbdb;
	background: white;
	padding: 5px;
}

.service-inner {
	background: #f5f5f5;
	padding: 10px;
}

.service-inner h3 {
	color: #a20137;
	font-size: 14px;
}

/* Contact */
div.contact-input-big { background: url(/img/bg-contact-input-big.png); width: 380px; height: 35px; overflow: hidden; margin-bottom: 20px }
div.contact-input-big input { width: 360px; margin: 9px 10px; background: none; border: none; height: 17px; color: #000; letter-spacing: 1px }
div.contact-input-small { background: url(/img/bg-contact-input-small.png); width: 180px; height: 35px; overflow: hidden; margin-bottom: 20px }
div.contact-input-small input { width: 162px; margin: 9px 10px; background: none; border: none; height: 17px; color: #000; letter-spacing: 1px }
div.contact-select-big { background: url(/img/bg-contact-select.png); width: 218px; height: 35px; overflow: hidden; margin-bottom: 20px }
div.contact-select-big select { width: 198px; margin: 9px 10px; background: none; border: none; height: 17px; color: #000; letter-spacing: 1px }
div.contact-textarea{ background: url(/img/bg-contact-textarea.png); width: 560px; height: 177px; overflow: hidden; margin-bottom: 20px }
div.contact-textarea textarea { width: 540px; margin: 9px 10px; background: none; border: none; height: 159px; color: #000; letter-spacing: 1px }
button#contact-send { border: none; background: url(/img/btn-contact-send.png); width: 155px; height: 35px; text-align: center; padding-bottom: 2px; font-family: Georgia; color: #fff; cursor: pointer; }

/* On-Site Editing */
.admin-box{
	display: none; margin: 0 auto; width: 250px; padding: 10px; position: absolute; left: 50%; margin-left: -125px; background: white; z-index: 100; text-align: center;
}

.edit-box{
	margin: 0 auto; width: 250px; padding: 3px; position: absolute; left: 50%; margin-left: -125px; background: white; z-index: 100; text-align: center;
}