a.boomgaardmenu {
	border: dashed 1px lightgray !important;
}

section {
	height: auto !important;
}

div.sitemap li {
	display:inline-block;
	text-align: right;
	font-size: 12px;
	border-bottom: 0px;
}

div.sitemap ul {
	text-align: right;
	overflow:hidden;
	margin-bottom: 0px;
}
div.sitemap lh {
	display: block;
	text-align: right;
	font-size: 12px;
	border-bottom: 0px;
	font-weight: bold;
}

.foot-text {
	font-size: 12px;
}

.inner {
	padding-top: 20px !important;
}
.icon_logo_geel_55_55:before{
	content:url('../images/Logo_PH_geel_55_55.png');
	display: block;
	position: relative;
}

.icon_logo_groen_55_55:before{
	content:url('../images/Logo_PH_groen_55_55.png');
	display: block;
	position: relative;
}

.icon_logo_geel:before{
	content:url('../images/Logo_PH_geel.png');
	display: block;
	position: relative;
}

.icon_logo_groen_300_300:before{
	content:url('../images/Logo_PH_groen_300_300.png');
	display: block;
	position: relative;
}

.icon_logo_groen_150_150:before{
	content:url('../images/Logo_PH_groen_150_150.png');
	display: block;
	position: relative;
}

.icon_logo_groen_banner{
	content:url('../images/Logo_PH_volledig_groen_banner.png');
	display: block;
	position: relative;
}

.img_ara{
	width: 400px;
}

.whwa {
	width: 280px !important;
	box-shadow: -6px 10px 30px #000000;
}

#ui-datepicker-div{
	width: 250px;
}

#fancybox-content{
	width: 500px !important;
	height: 500px !important;
}

#fancybox-wrap {
	margin-top: 100px;
   position: fixed !important;
   top: 0px !important;
}


.facility_icon{
	font-size: 40px;
}

#contact_us {
		background-attachment: scroll, scroll, scroll, fixed;
		background-color: #645862;
		background-image: url("images/light-tl.svg"), url("images/light-tr.svg"), url("images/overlay.png"), url("../images/banner.jpg");
		background-position: top left, top right, top left, bottom center;
		background-repeat: no-repeat, no-repeat, repeat, no-repeat;
		background-size: 25em, 25em, auto, cover;
		color: white;
		padding: 5em;
		text-align: center;
	}

		#contact_us header {
			margin-bottom: 2em;
		}

/* contact info */
.contact_info {
	font-size: 12px;
	text-align: left;
	line-height: 2.7em;
}

.article {
	padding: 7em 0;
}

.article>:last-child {
	margin-bottom: 0;
}

.article .sidebar section {
	border-top: solid 1px rgba(124, 128, 129, 0.2);
	margin: 3em 0 0 0;
	padding: 3em 0 0 0;
}

.article .sidebar section:first-child {
	border-top: 0;
	padding-top: 0;
	margin-top: 0;
}

body.index #thehotel {
	padding-top: 5em;
}

body, #skel-layers-wrapper {
		background: #ffffff !important;
}

#footer {
	 background: #ffffff !important;
}

.book {
	color: rgba(255, 255, 255, 1)!important;
	background-color: rgba(126, 130, 65, 1);
	/*
	color: rgba(126, 130, 65, 1); !important;
	background-color: #ffffff */
}

.book:hover {
	color: #c5cdcd !important;
	background-color: rgba(126, 130, 65, 1);
}

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300');

.gallery {
	width: 100%;
	margin: 0 auto;
	padding: 5px;
	background: #fff;
}

.gallery > div {
	position: relative;
	float: left;
	padding: 5px;
}

.gallery > div > img {
	display: block;
	width: 200px;
	transition: .1s transform;
	transform: translateZ(0); /* hack */
}

.gallery > div:hover {
	z-index: 1;
}

.gallery > div:hover > img {
	transform: scale(1.7,1.7);
	transition: .3s transform;
}

.cf:before, .cf:after {
	display: table;
	content: "";
	line-height: 0;
}

.cf:after {
	clear: both;
}

h1 {
	margin: 40px 0;
	font-size: 30px;
	font-weight: 300;
	text-align: center;
}
.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}

#rooms{
	height: auto;
}