/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Regular'), local('OpenSans-Regular'),
    url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* indie-flower-regular - latin */
@font-face {
	font-family: 'Indie Flower';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/indie-flower-v9-latin-regular.eot'); /* IE9 Compat Modes */
	src: local('Indie Flower'), local('IndieFlower'),
	url('../fonts/indie-flower-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/indie-flower-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/indie-flower-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('../fonts/indie-flower-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/indie-flower-v9-latin-regular.svg#IndieFlower') format('svg'); /* Legacy iOS */
}

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: 'Open Sans', sans-serif;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
html { background: url(../images/layout/bg_html.jpg) left bottom no-repeat; background-attachment: fixed; height: auto; overflow: show; }
body {
	line-height: 1.25em;
	color: #333;
	font-size: 15px;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
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: "" "";
}
.center { text-align: center; }
.right { text-align: right; }

a { color: #01195F; text-decoration: underline; }
a:hover { text-decoration: none; }
a.button {
	text-align: center;
	text-decoration: none;
	background: #fff;
	padding: 5px 0;
	border-radius: 6px;
	border: 1px solid #666;
	display: block;
	cursor: pointer;
	color: #333;
	font-size: 15px;

	&:hover {
		text-decoration: underline;
	}
}
p { margin-bottom: 10px; line-height: 1.4em; }
p.reference { margin-top: 50px; }
strong { font-weight: bold; }
ul { margin-bottom: 10px; }

h2 { font-size: 26px; font-weight: normal; color: #01195F; padding-bottom: 4px; margin: 0 0 10px 0; font-variant: small-caps; line-height: 1.4em; }
h3 { font-size: 22px; margin: 50px 0 10px 0; color: #333; font-variant: normal; }
h4 { font-size: 15px; font-weight: bold; margin: 25px 0 10px 0; }

div#externalprivacy div { padding: 0; }
div#externalprivacy h2 { font-size: 22px; margin: 50px 0 10px 0; color: #333; font-variant: normal; }
div#externalprivacy h2:first-child  { font-size: 26px; font-weight: normal; color: #01195F; padding-bottom: 4px; margin: 0 0 20px 0; font-variant: small-caps; }
div#externalprivacy h2 + h2 { margin-top: 0; }

#body { width: 1035px; margin: 25px auto; padding-left: 330px; }
#header { height: 160px; margin-bottom: 15px; } 
#header li { display: block; float: left; margin-left: 15px; width: 140px; height: 140px; background: #ccc; padding: 10px; text-align: right; }
#header li:hover, #header li.active { background: #FFCC00; }
#header li a span { display: block; text-decoration: none; font-size: 18px; color: #01195F; margin-bottom: 5px; }
#header li a span:hover { text-decoration: underline; }
#header li a span.h1line { margin-top: 60px; }
#header li a span.h2lines { margin-top: 40px; }
#header li a { text-decoration: none; font-size: 13px; color: #606060; }
#header li.logo { background: white; margin-left: 0; }

#content { width: 685px; float: left; }
#content div { background: #ccc; margin-bottom: 15px; padding: 20px 20px 10px 20px; }
#content ul li { background: url(../images/layout/ul-bullet.png) left 1px no-repeat; padding-left: 20px; padding-bottom: 2px; }

#sidebar { width: 335px; float: right; }
#sidebar p { margin: 10px 15px; }
#sidebar i { padding-right: 3px; }
#slideshow { margin-bottom: 25px; }

#copyright { clear: both; padding-top: 20px; font-size: 13px; color: #808080; text-align: center; }
#copyright a { color: #808080; }

/* Basic jQuery Slider */
ul.bjqs { position: relative; list-style:none; padding:0; margin:0; overflow:hidden; display:none; }
li.bjqs-slide { position: absolute; display: none; }
#sidebar p.bjqs-caption { display: block; width: 96%; margin: 0; padding: 2%; position: absolute; bottom: 0; background: rgba(255,255,255,0.5); }

/* forms */
form { margin: 40px 0; }
input, textarea { width: 632px; border: 1px solid #666; padding: 6px; font-size: 14px; font-family: 'Open Sans', sans-serif; }
textarea { height: 150px; }
input.checkbox { float: left; clear: both; width: auto; }
label.afterCheckbox { float: left; width: 95%; padding: 1px 0 5px 5px; line-height: 1.4em; font-weight: normal; }
label.afterCheckbox span.error, label.afterCheckbox span.error a { font-weight: bold; color: #CD2F2E; }
select { padding: 2px; font-size: 14px; font-family: 'Open Sans', sans-serif; }
#message-element { margin-bottom: 10px; }
.zend_form dt { font-size: 13px; color: #606060; padding: 10px 0 0 3px; }
#submitContactForm-label { display: none; }
#submitContactForm-element { text-align: center; margin-top: 25px; font-size: 15px; }
input.error, textarea.error, select.error { border: 1px solid #CD2F2E; background: rgba(205, 47, 46, 0.2); }
#information-startDate-label, #information-startDate-element, #information-endDate-label, #information-endDate-element,
#personalData-postal-label, #personalData-postal-element, #personalData-postal-element input,
#personalData-phone-label, #personalData-phone-element, #personalData-phone-element input { width: 305px; float: left; clear: left; }
#information-startDate-element input, #information-endDate-element input { width: 120px; }
#information-numSingleRooms-label, #information-numSingleRooms-element, #information-numTwinRooms-label, #information-numTwinRooms-element,
#personalData-city-label, #personalData-city-element, #personalData-city-element input,
#personalData-fax-label, #personalData-fax-element, #personalData-fax-element input { width: 305px; float: right; }
#personalData-city-label, #personalData-fax-label, #information-numSingleRooms-label, #information-numTwinRooms-label { margin-top: -29px; width: 315px; }
#information-numSingleRooms-label, #information-numTwinRooms-label { width: 300px; }
#personalData-phone-label, #personalData-email-label, #information-endDate-label { clear: both; }
#email-label { width: 1px; height: 1px; margin: -10px 0 0 -10000px; }
#email-element { width: 1px; height: 1px; margin-left: -10000px; }
#contactForm { margin: 40px 0 0 0; }
#contactForm fieldset { margin-top: 40px; }
#contactForm textarea { height: 320px; }
fieldset legend { font-size: 22px; margin-bottom: 15px; }
label { font-weight: bold; }
label.required:after { content: " *"; }
form dd span.info { color: #808080; padding-left: 10px; }
#information-label { display: none; }
#bookingForm textarea { margin-bottom: 20px; }

/* message boxes */
#content div.messageBox { padding-bottom: 0; margin-bottom: 50px; }
#content div.messageBox div { padding-bottom: 0; }
div.messageBoxError { color: #CD2F2E; }
div.messageBoxSuccess { color: #009966; }
div.messageBoxInfo { color: #808080; }

div.partners div { width: 273px; float: left; background: #fff !important; padding-bottom: 15px; }
#content div.partners { padding: 0; margin-top: 20px; }
.partners img { margin-bottom: 15px; }

#content div.roomsPictures { float: left; width: 320px; margin-top: 30px; padding: 0; }
div.roomsPictures img { margin: 0 5px 5px 0; padding: 5px; width: 140px; height: 140px; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ }
div.roomsPictures img:hover { padding: 0; width: 150px; height: 150px; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%); }
p.roomPrice { text-align: right; font-size: 45px; margin-top: 40px; font-family: 'Indie Flower', cursive; line-height: 23px; }
p.roomPrice span { font-size: 12px; font-family: 'Open Sans', sans-serif; }
div.roomsInfo { margin-left: 310px; }
div.roomsInfo h3 { margin-top: 20px; }

/* Anfahrt */
.wrapper-openstreetmap > div {
	padding: 0 !important;
}

/* buchungskalender */
iframe html { background: #CD2F2E; }

/* Buchungsbox */
#content #d21-quickbook { max-width: 295px; }
#content #d21-quickbook div, #content #d21-quickbook, #content #d21-quickbook form { padding: 0; margin: 0; }
#content #d21-quickbook h2 { padding-bottom: 4px; margin-bottom: 20px; }
#content #d21-quickbook #d21-los { width: 100%; }
#content #d21-quickbook #d21-los select { height: 36px; }
#d21-los { margin-bottom: 30px; }
#d21-los i { margin: -3px 0 0 -4px; }
#content #d21-quickbook .d21-input { clear: both; padding-left: 45px; }
#content #d21-quickbook #d21-arrival-input .d21-input, #content #d21-quickbook #d21-occupancy-container .d21-input { padding-left: 49px; }
#d21-arrival-input, #d21-occupancy-container, #d21-selected-day-price, #d21-trigger-ibe { margin-top: 2px !important; clear: both; }
#d21-occupancy-container { margin-top: 3px !important; margin-bottom: 3px !important; }
#d21-arrival-input i, #d21-occupancy-container i { margin: -4px; }
#content #d21-quickbook #d21-selected-day-price .d21-avail { background: #FFCC00; color: #606060; }
#content #d21-book-button { background: #fff !important; color: #333; padding-top: 4px; height: 39px; }
#content #d21-book-button:hover { text-decoration: underline; }
#content #d21-quickbook div.d21-calendar-header { margin: 6px 0 10px; font-weight: bold; }
#content #d21-quickbook div.d21-calendar-header-days { padding-left: 29px; }
#content #d21-quickbook div.d21-info i { margin-right: 10px; }
#content #d21-quickbook div.d21-calendar-day-beforeToday { border-bottom: 2px transparent; }
#content #d21-quickbook div.d21-calendar-week { margin: 10px 0 10px 29px; }
#content #d21-quickbook div.d21-calendar-day { padding-bottom: 2px; }
#content #d21-quickbook div.d21-calendar-day:hover { font-weight: bold; color: green; }
#content #d21-quickbook div.d21-calendar-day-beforeToday:hover { color: lightgray; cursor: not-allowed; }
#content #d21-quickbook div.d21-calendar-day-closed, #content #d21-quickbook div.d21-calendar-day-closed:hover { color: red; }
#content #d21-quickbook div.d21-calendar-day-arrival { border: none; border-bottom: 2px solid green; font-weight: bold; color: green; }
#content #d21-quickbook div.d21-info { display: none; margin-bottom: 10px; }
#content #d21-quickbook .d21-calendar div.d21-btn { border: none; color: #01195F; text-decoration: underline; }
#content #d21-quickbook .d21-calendar div.d21-btn:hover { text-decoration: none; }
#content #d21-quickbook div.d21-occupancy-select { border: 5px solid #fff; margin-left: -75px; padding: 10px; }
#content #d21-quickbook div.d21-occupancy-select .d21-control-plus-minus i { margin: 0 1px; }
#content #d21-quickbook div.d21-occupancy-select .d21-room-item { margin-bottom: 25px; }
#content #d21-selected-day-price { margin-bottom: 1px !important; }
#content #d21-selected-day-price .d21-avail { height: 37px; padding-top: 2px; }
#content #d21-quickbook .d21-pulse { animation: none; border: 1px solid #808080; }
#content #d21-quickbook .d21-bigger { font-weight: bold; font-size: 15px !important; }


.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color: #fff;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #666;
	display:inline-block;
	cursor:pointer;
	color:#333;
	font-family:arial;
	font-size:15px;
	padding:8px 30px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	margin-top: 10px;
}
.myButton:hover {
	text-decoration: underline;
}