@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600|PT+Sans+Narrow:400,700|Marck+Script&subset=cyrillic);
html, button, input, select, textarea {
	color:#222
}
body {
	/*font-size:1em;
	line-height:1.4*/
}
::-moz-selection {
background:#b3d4fc;
text-shadow:none
}
::selection {
background:#b3d4fc;
text-shadow:none
}
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0
}
img {
	vertical-align:middle
}
fieldset {
	border:0;
	margin:0;
	padding:0
}
textarea {
	resize:vertical
}
.chromeframe {
	margin:0.2em 0;
	background:#ccc;
	color:#000;
	padding:0.2em 0
}
@font-face {
font-family:'halohandletterregular';
src:url("/fonts/halohandletter-webfont.eot");
src:url("/fonts/halohandletter-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/halohandletter-webfont.woff") format("woff"), url("/fonts/halohandletter-webfont.ttf") format("truetype"), url("/fonts/halohandletter-webfont.svg#halohandletterregular") format("svg");
font-weight:normal;
font-style:normal
}
html {
	height:100%
}
/*....................................................................slider index hight..................................................................................*/
#slider_index {
	height:343px;
	overflow:hidden;
	border:none;
	z-index:0
}

#slider_index .slides {
	height:100%
}
#slider_index .flex-direction-nav {
	position:absolute;
	bottom:30px;
	right:30px;
	z-index:100;
	width:100px
}
#slider_index .flex-direction-nav li {
	float:left;
	background:#4c4a49;
	background:rgba(76, 74, 73, 0.7)
}
#slider_index .flex-direction-nav li:first-child {
	margin-right:2px
}
#slider_index .flex-direction-nav a {
	display:block;
	width:49px;
	height:40px;
	position:static;
	margin:0;
	opacity:1
}
#slider_index .flex-direction-nav li:hover {
	background:#4c4a49
}
#slider_index a.flex-prev {
	background:url(../images/ico_slider_prev.png) no-repeat
}
#slider_index .flex-next {
	background:url(../images/ico_slider_next.png) no-repeat
}
#slider img {
	width:100%
}
#slider_index li {
	height:100%;
	overflow:hidden
}
#slider_index .title {
	position:absolute;
	bottom:30px;
	right:132px;
	display:inline-block;
	background:rgba(76, 74, 73, 0.7);
	color:#FFF;
	font-size:1.2em;
	font-weight:400;
	padding:7px 15px
}

/*......................................................................................client slider................................................................*/

#slider_c {
	height:83px;
	overflow:hidden;
	border:none;
	z-index:0
}

#slider_c .slides {
	height:100%
}
#slider_c .flex-direction-nav {
	position:absolute;
	bottom:5px;
	right:5px;
	z-index:0;
	width:auto;
}
#slider_c .flex-direction-nav li {
	float:left;
	background:#4c4a49;
	background:rgba(76, 74, 73, 0.7)
}
#slider_c .flex-direction-nav li:first-child {
	margin-right:4px
}
#slider_c .flex-direction-nav a {
	display:block;
	width:0px;
	height:auto;
	position:static;
	margin:0;
	opacity:1
}
#slider_c .flex-direction-nav li:hover {
	background:#4c4a49
}
#slider_c a.flex-prev {
	background:url(../images/ico_slider_prev.png) no-repeat
}
#slider_c .flex-next {
	background:url(../images/ico_slider_next.png) no-repeat
}
#slider img {
	width:100%
}
#slider_c li {
	height:100%;
	overflow:hidden
}
#slider_c .title {
	position:absolute;
	bottom:30px;
	right:132px;
	display:inline-block;
	background:rgba(76, 74, 73, 0.7);
	color:#FFF;
	font-size:1.2em;
	font-weight:400;
	padding:7px 15px
}
/*.......................................................................................slider other......................................................................*/
#slider {
	height:433px;
	overflow:hidden;
	border:none;
	z-index:0
}
#slider .slides {
	height:100%
}
#slider .flex-direction-nav {
	position:absolute;
	bottom:30px;
	right:30px;
	z-index:100;
	width:100px
}
#slider .flex-direction-nav li {
	float:left;
	background:#4c4a49;
	background:rgba(76, 74, 73, 0.7)
}
#slider .flex-direction-nav li:first-child {
	margin-right:2px
}
#slider .flex-direction-nav a {
	display:block;
	width:49px;
	height:40px;
	position:static;
	margin:0;
	opacity:1
}
#slider .flex-direction-nav li:hover {
	background:#4c4a49
}
#slider a.flex-prev {
	background:url(../images/ico_slider_prev.png) no-repeat
}
#slider .flex-next {
	background:url(../images/ico_slider_next.png) no-repeat
}
#slider img {
	width:100%
}
#slider li {
	height:100%;
	overflow:hidden
}
#slider .title {
	position:absolute;
	bottom:30px;
	right:132px;
	display:inline-block;
	background:rgba(76, 74, 73, 0.7);
	color:#FFF;
	font-size:1.2em;
	font-weight:400;
	padding:7px 15px
}
}
@media only screen and (min-width: 1250px) and (max-width: 1350px) {
.page #content .omgeving-item.item2 {
margin:120px 0 100px 0
}
.page #content.room .topfoto {
height:auto
}
.page #content.room .text {
width:auto;
margin-right:450px
}
.page #content.room .info {
right:-427px
}
}
@media only screen and (max-width: 1400px) {
.page #content .omgeving-item p, .page #content .omgeving-item h1 {
width:auto
}
.page #content .omgeving-item .fig img {
width:100%
}
.page #content .omgeving-item.item2 {
margin-bottom:100px
}
.page #content .omgeving-item.item3 {
margin-bottom:20px
}
}
@media only screen and (max-width: 1250px) {
.page #content .omgeving-item h1 {
font-size:3em
}
.page #content .omgeving-item.item1 {
margin-top:80px;
padding-left:390px
}
.page #content .omgeving-item.item1 .fig {
width:260px;
top:-81px
}
.page #content .omgeving-item.item2 {
padding-right:435px;
margin-top:50px
}
.page #content .omgeving-item.item2 .fig {
width:400px
}
.page #content .omgeving-item.item3 {
padding-left:380px
}
.page #content .omgeving-item.item3 .fig {
width:250px;
left:88px
}
.page #content .omgeving-item.item4 {
padding-right:430px
}
.page #content .omgeving-item.item4 .fig {
width:400px
}
#restaurants {
overflow-x:auto
}
#restaurants table {
width:1000px
}
.page #content.room .topfoto {
height:auto
}
.page #content.room .text {
width:auto;
margin-right:450px
}
.page #content.room .info {
right:-427px
}
.page #content.room #midfoto {
margin-right:25px
}
.page #content.room #midfoto img {
width:100%
}
.page #content.room #quote q {
margin-left:100px
}
.page #content.ontbijt .text1 {
width:auto;
margin-right:30px;
margin-left:50%
}
.page #content.ontbijt .text1 .fig1 {
left:-90%;
top:-105px;
width:80%
}
.page #content.ontbijt .text1 .fig1 img {
width:100%
}
.page #content.ontbijt .midphoto .figright {
width:400px;
top:-150px
}
.page #content.ontbijt .midphoto .figright img {
width:100%
}
.page #content.ontbijt .text2 .inner {
width:auto;
margin-right:400px;
padding-left:80px
}
.page #content.ontbijt .text2 .fig1 {
left:auto;
right:0
}
.page #content.ontbijt .text2 .fig2 {
left:auto;
right:200px
}
}
@media only screen and (max-width: 1024px) {
#slider .flex-direction-nav {
right:5%
}
#slider .title {
right:153px
}
.page .brand {
margin-top:35px
}
.page #mainnav ul {
padding-top:25px
}
.page #content>.text {
width:auto;
margin-right:50px
}
.page #content>.text.cycling {
width:auto
}
.page #content .text1 .fig, .page #content .text2 .fig {
margin-top:2em
}
.page #content .text2 {
margin-top:2em
}
.page #content .text2 .quote {
font-size:1.6em
}
.page #content h1 {
font-size:2.5em
}
.page #content .omgeving-item .fig img {
width:100%
}
.page #content .omgeving-item.item1 {
padding:1px 0 1px 345px;
margin-top:80px
}
.page #content .omgeving-item.item1 .fig {
left:0px;
top:-60px;
width:300px
}
.page #content .omgeving-item.item1 .fig img {
width:100%
}
.page #content .omgeving-item.item2 {
float:right;
padding:1px 60% 1px 0;
margin:90px 0 120px 0
}
.page #content .omgeving-item.item2 h1, .page #content .omgeving-item.item2 p {
text-align:right;
padding-left:30px
}
.page #content .omgeving-item.item2 .fig {
right:0px;
bottom:0;
width:55%
}
.page #content .omgeving-item.item2 a {
float:right;
margin-bottom:0
}
.page #content .omgeving-item.item3 {
padding:1px 0 1px 295px;
margin-top:110px;
margin-bottom:50px
}
.page #content .omgeving-item.item3 h1, .page #content .omgeving-item.item3 p {
padding-right:30px
}
.page #content .omgeving-item.item3 .fig {
left:0px;
top:-50px;
width:250px
}
.page #content .omgeving-item.item3 a {
margin-bottom:2.5em
}
.page #content .omgeving-item.item4 {
padding:1px 430px 1px 0
}
.page #content.reserveer form {
margin:30px 0 0 50px
}
.page #rooms .text {
position:relative
}
.page #rooms .price {
position:absolute;
top:0;
right:0
}
.page #rooms .room {
width:45%;
margin:0 5% 30px 0
}
.page #rooms .room .fig {
height:auto
}
.page #restaurants table {
margin-top:30px
}
.page #restaurants td {
padding-top:30px;
padding-bottom:30px
}
.home .brand {
width:150px;
background-size:100%;
top:1px;
margin-left:-75px;
z-index:10000
}
.home #mainnav {
position:relative;
padding-top:1px;
margin-top:0;
background:#fff;
height:60px;
box-shadow:2px 2px 2px rgba(0, 0, 0, 0.3)
}
.home #mainnav .menu-btn.open:hover {
text-decoration:none;
color:#fff
}
.home #mainnav .inner {
width:100%
}
.home #mainnav #navcontainer {
visibility:hidden;
display:block;
position:fixed;
margin:61px 0 0 0;
top:0;
left:0;
right:0;
background:#303947;
min-height:100%;
top:20px;
opacity:0;
padding-top:0;
border:none;
font-size:.9em;
display:none;
-webkit-transition:opacity 0.25s ease-in-out, top 0.25s ease-in-out;
-moz-transition:opacity 0.25s ease-in-out, top 0.25s ease-in-out;
-ms-transition:opacity 0.25s ease-in-out, top 0.25s ease-in-out;
-o-transition:opacity 0.25s ease-in-out, top 0.25s ease-in-out;
transition:opacity 0.25s ease-in-out, top 0.25s ease-in-out
}
.home #mainnav ul {
visibility:visible;
min-height:0;
margin-top:5px;
padding-top:0px;
opacity:1;
overflow:auto;
border:none;
position:absolute;
top:0;
bottom:51px;
left:0;
right:0;
overflow:auto
}
.home #mainnav #navcontainer.open {
visibility:visible;
top:0;
opacity:1;
display:block
}
.home #mainnav li {
float:none;
font-size:1.2em;
margin:0 5%;
position:relative
}
.home #mainnav li a, .home #mainnav li a:visited {
color:#fff;
padding:10px 0;
display:block;
border-bottom:1px solid #232931
}
.home #mainnav li .line {
display:none
}
.home #mainnav li.ontbijt {
margin-right:5%
}
.home #mainnav li:after {
content:"";
width:0;
height:0;
border-top:6px solid transparent;
border-bottom:6px solid transparent;
border-left:8px solid #232931;
position:absolute;
top:17px;
right:10px
}
.home #mainnav li.last {
margin:0 5%
}
.home #mainnav li.last a {
border:none
}
.home #mainnav.fr li, .home #mainnav.fr li.ontbijt, .home #mainnav.en li, .home #mainnav.en li.ontbijt, .home #mainnav.ru li, .home #mainnav.ru li.ontbijt, .home #mainnav.de li, .home #mainnav.de li.ontbijt {
margin:0 5%
}
.home #content {
width:100%
}
.home #content .inner {
padding:0 5%
}
.home #footer .inner {
width:100%
}
.home #footer .by, .home #footer .by:visited {
padding-right:5%
}
.home #footer p {
padding-left:5%
}
.home .languages {
top:11px;
right:5%
}
.home .menu-btn.open {
display:block;
position:absolute;
left:5%;
top:11px;
width:44px;
border-radius:2px;
background:#303947;
background-size:34px;
color:#fff;
font-family:"Source Sans Pro", sans-serif;
font-weight:300;
text-align:center;
font-size:.85em;
padding:10px 0;
width:60px;
text-transform:uppercase
}
.home a.menu-btn.open:hover {
text-decoration:none;
color:#fff
}
.home .menu-btn.open:active {
color:#fff
}
.home .menu-btn.open:visited {
color:#fff
}
#features {
height:210px
}
#features .block p {
font-size:1.3em
}
#features .block {
height:210px
}
#blog .post {
width:320px
}
}
@media only screen and (max-width: 1020px) {
.page #content.room .info {
position:relative;
top:auto;
right:auto;
width:auto
}
.page #content.room .info .inner {
padding:35px
}
.page #content.room .text {
width:auto;
margin-right:50px
}
.page #content.room #midfoto {
margin-right:50px
}
.page #content.room #quote q {
width:auto;
margin:0 50px;
font-size:2.8em
}
}
@media only screen and (max-width: 768px) {
#map_canvas {
height:300px
}
#slider .title {
right:140px;
padding:9px 15px;
font-size:1em
}
.page .brand {
margin-top:60px
}
.page #mainnav ul {
padding-top:35px
}
.page #content>.text {
margin-left:10%;
margin-right:10%
}
.page #content .text1, .page #content .text2, .page #content .text3 {
margin-left:10%;
margin-right:10%
}
.page #content .text1 .text, .page #content .text2 .text, .page #content .text3 .text {
float:none;
width:100%;
margin-left:0;
margin-right:0;
margin-bottom:0
}
.page #content .text1 .fig, .page #content .text2 .fig, .page #content .text3 .fig {
float:none;
width:100%;
margin:0
}
.page #content .text2 .quote {
position:relative;
left:0;
padding-left:13%;
width:100%;
text-align:center
}
.page #content .inner.contact {
padding:0 5%;
max-width:none;
min-height:0
}
.page #content .inner.contact .feedback {
margin:1em 0
}
.page #content .inner.contact h1, .page #content .inner.contact p {
margin-left:30px
}
.page #content .omgeving-item.item1, .page #content .omgeving-item.item2, .page #content .omgeving-item.item3, .page #content .omgeving-item.item4 {
padding:0;
margin:0;
float:none
}
.page #content .omgeving-item.item1 h1, .page #content .omgeving-item.item1 p, .page #content .omgeving-item.item2 h1, .page #content .omgeving-item.item2 p, .page #content .omgeving-item.item3 h1, .page #content .omgeving-item.item3 p, .page #content .omgeving-item.item4 h1, .page #content .omgeving-item.item4 p {
margin:0 5%;
padding:0;
text-align:left;
width:auto
}
.page #content .omgeving-item.item1 .fig, .page #content .omgeving-item.item2 .fig, .page #content .omgeving-item.item3 .fig, .page #content .omgeving-item.item4 .fig {
position:static;
display:block;
margin:0;
padding:0;
width:100%;
margin-bottom:1em
}
.page #content .omgeving-item.item1 a, .page #content .omgeving-item.item2 a, .page #content .omgeving-item.item3 a, .page #content .omgeving-item.item4 a {
float:none;
margin:1.5em 0 3em 5%
}
.page #content .omgeving-item.item1 h1 {
margin-top:-60px
}
.page #content .omgeving-item.item1 .fig {
position:relative;
height:300px;
overflow:hidden
}
.page #content .omgeving-item.item1 .fig img {
position:absolute;
top:-160px
}
.page #content.reserveer form {
margin:30px 0 0 10%
}
.page #content.ontbijt .midphoto .figright {
display:none
}
.page #content.ontbijt .text1 {
margin:0 10% 30px 10%
}
.page #content.ontbijt .text1 .fig1 {
position:static;
width:100%
}
.page #content.ontbijt .text2 {
margin:0;
padding-bottom:30px
}
.page #content.ontbijt .text2 .inner {
margin:0 10%;
padding-left:0;
padding-right:0;
padding-bottom:30px
}
.page #content.ontbijt .text2 .fig1 {
position:static;
width:80%;
margin:0 10%
}
.page #content.ontbijt .text2 .fig1 img {
width:100%
}
.page #content.ontbijt .text2 .fig2 {
position:static;
width:250px;
margin:-30px auto 0 auto
}
.page #rooms .room {
width:auto;
float:none;
margin-right:50px
}
.page #footer {
padding:0.5em 0 2.5em 0
}
.page #footer p {
margin-left:4%
}
.page #contactform {
position:static;
width:100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:30px 30px 40px 30px;
margin-top:-80px;
position:relative;
top:0;
-webkit-transition:height 0.2s ease, background 0.2s ease;
-moz-transition:height 0.2s ease, background 0.2s ease;
-o-transition:height 0.2s ease, background 0.2s ease;
transition:height 0.2s ease, background 0.2s ease
}
.page #contactform.success {
background:#456EB4
}
.page #contactform.success label, .page #contactform.success .submit {
display:none
}
.page #contactform.success .feedback {
display:block;
background:none;
color:#FFF;
font-size:1.5em;
padding:0;
margin:0
}
.page #blog {
margin-left:10%;
margin-right:10%
}
.page #blog .post {
width:100%
}
#features .block {
height:162px
}
#features .block:hover {
height:196px
}
#features .block p {
font-size:1em;
padding:0 15px
}
}
@media only screen and (max-width: 480px), only screen and (min-device-width: 320px) and (max-device-width: 568px), only screen and (min-device-width: 320px) and (max-device-width: 480px) {
html, body.home, body.page {
height:auto
}
#slider {
display:none;
visibility:none
}
#slider img {
display:none;
visibility:none
}
.home #content, .page #content {
margin-top:51px
}
.home #mainnav, .page #mainnav {
position:fixed;
top:0;
left:0;
width:100%;
background:#fff;
padding-top:1px;
margin-top:0;
height:50px;
box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2);
z-index:999;
min-height:0
}
.home #mainnav .orangeline, .page #mainnav .orangeline {
display:none
}
.home #mainnav .menu-btn, .page #mainnav .menu-btn {
padding:0;
display:block
}
.home #mainnav #navcontainer, .page #mainnav #navcontainer {
visibility:hidden;
display:block;
position:fixed;
margin:51px 0 0 0;
top:0;
left:0;
right:0;
background:#303947;
min-height:100%;
top:20px;
opacity:0;
padding-top:0;
border:none;
font-size:.9em;
display:none;
-webkit-transition:opacity 0.25s ease-in-out, top 0.25s ease-in-out;
-moz-transition:opacity 0.25s ease-in-out, top 0.25s ease-in-out;
-ms-transition:opacity 0.25s ease-in-out, top 0.25s ease-in-out;
-o-transition:opacity 0.25s ease-in-out, top 0.25s ease-in-out;
transition:opacity 0.25s ease-in-out, top 0.25s ease-in-out
}
.home #mainnav ul, .page #mainnav ul {
visibility:visible;
min-height:0;
margin-top:5px;
padding-top:0;
opacity:1;
overflow:auto;
border:none;
position:absolute;
top:0;
bottom:51px;
left:0;
right:0;
overflow:auto
}
.home #mainnav #navcontainer.open, .page #mainnav #navcontainer.open {
visibility:visible;
top:0;
opacity:1;
display:block
}
.home #mainnav li, .page #mainnav li {
float:none;
font-size:1.2em;
margin:0 5%;
position:relative
}
.home #mainnav li a, .home #mainnav li a:visited, .page #mainnav li a, .page #mainnav li a:visited {
color:#fff;
padding:10px 0;
display:block;
border-bottom:1px solid #232931
}
.home #mainnav li a:hover, .page #mainnav li a:hover {
color:#fff
}
.home #mainnav li .line, .page #mainnav li .line {
display:none
}
.home #mainnav li.ontbijt, .page #mainnav li.ontbijt {
margin-right:5%
}
.home #mainnav li:after, .page #mainnav li:after {
content:"";
width:0;
height:0;
border-top:6px solid transparent;
border-bottom:6px solid transparent;
border-left:8px solid #232931;
position:absolute;
top:17px;
right:10px
}
.home #mainnav li.last, .page #mainnav li.last {
margin:0 5%
}
.home #mainnav li.last a, .page #mainnav li.last a {
border:none
}
.home #mainnav .socials, .page #mainnav .socials {
display:none
}
.home #mainnav.fr li, .home #mainnav.fr li.ontbijt, .home #mainnav.en li, .home #mainnav.en li.ontbijt, .home #mainnav.ru li, .home #mainnav.ru li.ontbijt, .home #mainnav.de li, .home #mainnav.de li.ontbijt, .page #mainnav.fr li, .page #mainnav.fr li.ontbijt, .page #mainnav.en li, .page #mainnav.en li.ontbijt, .page #mainnav.ru li, .page #mainnav.ru li.ontbijt, .page #mainnav.de li, .page #mainnav.de li.ontbijt {
margin:0 5%
}
.home .brand, .page .brand {
width:120px;
height:30px;
background:url(/img/logotop-mobile.png) no-repeat;
top:17px;
left:50%;
margin-left:-60px;
background-size:100%;
box-shadow:none;
position:absolute;
margin-top:0
}
.home .languages, .page .languages {
right:5%;
top:7px;
position:fixed;
z-index:9999
}
.home .languages li a, .page .languages li a {
width:44px
}
.home .languages li.active a, .page .languages li.active a {
border-radius:2px
}
.home .menu-btn.open, .page .menu-btn.open {
display:block;
position:absolute;
left:5%;
top:7px;
width:44px;
height:39px;
border-radius:2px;
background:#303947 url(/img/bg-menubtn.png) no-repeat 50% 50%;
background-size:34px;
text-indent:9999px
}
#mobile-home {
display:block;
height:100%;
width:100%;
color:#303947;
text-transform:uppercase;
font-size:1em;
padding:2em 0
}
#mobile-home address {
font-style:normal;
margin-top:2em;
color:#fff
}
#mobile-home hr {
height:1px;
background:#303947;
border:none;
width:200px;
position:relative;
margin:1.5em auto
}
#mobile-home hr:after {
content:"";
width:30px;
height:3px;
background:#fff;
left:50%;
margin-left:-15px;
top:-1px;
position:absolute
}
#mobile-home .inner {
display:block;
vertical-align:middle;
width:250px;
margin:51px auto 0 auto;
text-align:center
}
#mobile-home #logo {
margin:0 auto
}
#mobile-home a {
display:inline-block;
background:#fff;
color:#333;
padding:8px 12px;
margin-bottom:.5em;
line-height:1;
font-weight:bold
}
#features {
width:100%;
height:auto
}
#features .block {
float:none;
width:100%;
height:auto;
background:#fff;
-webkit-transition:none;
-moz-transition:none;
-ms-transition:none;
-o-transition:none;
transition:none
}
#features .block .fig {
height:auto;
position:relative;
background:none;
-webkit-transition:none;
-moz-transition:none;
-ms-transition:none;
-o-transition:none;
transition:none
}
#features .block .fig img {
display:block;
visibility:visible;
width:100%
}
#features .block .fig:after {
content:"";
width:0;
height:0;
border-left:12px solid rgba(0, 0, 0, 0);
position:absolute;
border-right:12px solid rgba(0, 0, 0, 0);
border-bottom:15px solid #fff;
bottom:0;
left:50%;
margin-left:-6px
}
#features .block p {
font-size:1.4em;
color:#333;
padding:0 5%
}
#features .block a.readmore {
display:block;
color:#b66a31;
margin-bottom:15px;
margin-left:5%
}
#features .block:hover {
height:auto;
background:#fff;
margin:0
}
#features .block:hover .fig {
height:auto
}
#features .block.middle {
margin:0
}
.home #content .inner {
padding:0
}
.page #content {
margin-left:0
}
.page #content>.text {
margin-top:71px
}
.page #content .text1 .text, .page #content .text2 .text {
margin-right:0;
margin-left:0
}
.page #content .omgeving-item.item1 {
margin-top:51px
}
.page #content .back {
margin-top:68px;
margin-left:10%;
position:relative;
right:auto;
margin-bottom:-20px
}
.page #content.kamers>.text, .page #content.blog>.text {
margin-top:25px
}
.page #content.room .topfoto {
margin-top:0px
}
.page #content.room .info {
margin-top:-71px;
margin-left:-13%;
margin-right:-13%
}
.page #content.room .info .book {
padding:10px 20px
}
.page #content.room .info .pernight {
margin-right:100px;
font-size:.8em
}
.page #content.room .photos li {
width:32%;
margin-right:2%
}
.page #content.room .photos li img {
width:100%
}
.page #content.room .photos li:nth-child(n+3) {
margin-right:0
}
.page #content.room>.text {
margin-right:10%
}
.page #content.room #packages a:hover {
text-decoration:none
}
.page #rooms {
margin-left:10%;
margin-right:10%;
padding-left:0
}
.page #rooms .room {
width:100%;
margin-left:0;
margin-right:0;
height:auto
}
.page #rooms .room .text {
padding-bottom:55px;
margin:30px 30px 0 30px
}
.home #footer, .page #footer {
margin-top:2em;
margin-left:0;
padding-bottom:0
}
.home #footer .inner, .page #footer .inner {
width:90%;
text-align:center
}
.home #footer .inner p, .page #footer .inner p {
padding:0;
margin-left:0
}
.home #footer .by, .page #footer .by {
display:none
}
.home #footer .bottom, .page #footer .bottom {
height:70px;
margin:2em 0 0 0
}
.home #footer a, .page #footer a {
color:#b66a31
}
.home #footer .socials, .page #footer .socials {
position:static;
border-top:none;
width:280px;
display:block
}
.home #footer .socials ul, .page #footer .socials ul {
float:left;
margin:1em 0;
padding:5px 15px 5px;
width:auto;
border-right:1px solid #eeeded
}
.home #footer .socials .fb-like, .page #footer .socials .fb-like {
margin:23px 0 0 25px;
position:static
}
#restaurants td.price {
font-size:1em
}
}
@media print {
* {
	background:transparent !important;
	color:#000 !important;
	box-shadow:none !important;
	text-shadow:none !important
}
a, a:visited {
	text-decoration:underline
}
a[href]:after {
	content:" (" attr(href) ")"
}
abbr[title]:after {
	content:" (" attr(title) ")"
}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
content:""
}
pre, blockquote {
	border:1px solid #999;
	page-break-inside:avoid
}
thead {
	display:table-header-group
}
tr, img {
	page-break-inside:avoid
}
img {
	max-width:100% !important
}
@page {
margin:0.5cm
}
p, h2, h3 {
	orphans:3;
	widows:3
}
h2, h3 {
	page-break-after:avoid
}
}
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
	outline:none
}
.slides, .flex-control-nav, .flex-direction-nav {
	margin:0;
	padding:0;
	list-style:none
}
.flexslider {
	margin:0;
	padding:0
}
.flexslider .slides>li {
	display:none;
	-webkit-backface-visibility:hidden;
}
.flexslider .slides>li:first-child {
	display:block;
	-webkit-backface-visibility:visible
}
.flexslider .slides img {
	width:100%;
	display:block
}
.flex-pauseplay span {
	text-transform:capitalize
}
.slides:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0
}
html[xmlns] .slides {
	display:block
}
* html .slides {
	height:1%
}
.no-js .slides>li:first-child {
	display:block
}
.flexslider {
	margin:0 0 20px;
	background:#fff;
	border:4px solid #fff;
	position:relative;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.2);
	-o-box-shadow:0 1px 4px rgba(0, 0, 0, 0.2);
	zoom:1
}
.flex-viewport {
	max-height:2000px;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	transition:all 1s ease
}
.loading .flex-viewport {
	max-height:300px
}
.flexslider .slides {
	zoom:1
}
.carousel li {
	margin-right:5px
}
.flex-direction-nav {
*height:0
}
.flex-direction-nav a {
	width:30px;
	height:30px;
	margin:-20px 0 0;
	display:block;
	background:url(images/bg_direction_nav.png) no-repeat 0 0;
	position:absolute;
	top:50%;
	z-index:10;
	cursor:pointer;
	text-indent:-9999px;
	opacity:0;
	-webkit-transition:all 0.3s ease
}
.flex-direction-nav .flex-next {
	background-position:100% 0;
	right:-36px
}
.flex-direction-nav .flex-prev {
	left:-36px
}
.flexslider:hover .flex-next {
	opacity:0.8;
	right:5px
}
.flexslider:hover .flex-prev {
	opacity:0.8;
	left:5px
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
	opacity:1
}
.flex-direction-nav .flex-disabled {
	opacity:.3!important;
	filter:alpha(opacity=30);
	cursor:default
}
.flex-control-nav {
	width:100%;
	position:absolute;
	bottom:-40px;
	text-align:center
}
.flex-control-nav li {
	margin:0 6px;
	display:inline-block;
	zoom:1;
*display:inline
}
.flex-control-paging li a {
	width:11px;
	height:11px;
	display:block;
	background:#666;
	background:rgba(0, 0, 0, 0.5);
	cursor:pointer;
	text-indent:-9999px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-o-border-radius:20px;
	border-radius:20px;
	box-shadow:inset 0 0 3px rgba(0, 0, 0, 0.3)
}
.flex-control-paging li a:hover {
	background:#333;
	background:rgba(0, 0, 0, 0.7)
}
.flex-control-paging li a.flex-active {
	background:#000;
	background:rgba(0, 0, 0, 0.9);
	cursor:default
}
.flex-control-thumbs {
	margin:5px 0 0;
	position:static;
	overflow:hidden
}
.flex-control-thumbs li {
	width:25%;
	float:left;
	margin:0
}
.flex-control-thumbs img {
	width:100%;
	display:block;
	opacity:.7;
	cursor:pointer
}
.flex-control-thumbs img:hover {
	opacity:1
}
.flex-control-thumbs .flex-active {
	opacity:1;
	cursor:default
}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {
opacity:1;
left:0
}
.flex-direction-nav .flex-next {
opacity:1;
right:0
}
}