@charset "utf-8";
/* CSS Document */


.font-berkshire {
}

body {
	
}

a {
    color: #80B641;
}

ol, ul {
	list-style:disc;
	margin-left:5%;
}

#supersized-loader {
	display:none;
}

#homepage {
   background:url(../s4s_images/landing2.jpg) top center repeat;
}
.bg2 {
    background:url(../s4s_images/landing2.jpg) 50% 50% fixed repeat-y;
}
.bg3 {
    background: url(../s4s_images/landing2.jpg) 50% 20% fixed repeat-y;
}
.bg4 {
    background: url(../s4s_images/landing2.jpg) 50% 50% fixed repeat-y;
}

#intro-txt {
    top: 25%;
}

#testimonials {
    background:url(../s4s_images/bg-testimonials.png) repeat;
}

#lang ul li#german a {
    background: url("../s4s_images/vlag_DE.png") no-repeat 0 0;
}
#lang ul li#english a {
    background: url("../s4s_images/vlag_EN.png") no-repeat 0 0;
}
#lang ul li#dutch a {
    background: url("../s4s_images/vlag_NL.png") no-repeat 0 0;
}

.section-title-2 {
	background:url(../s4s_images/header_background.jpg);
}
.section-title-2 p {
    color: #fff;
}
a.scroll_a {
    background:url(../s4s_images/pijl_up.png);
}

.item h3, #rooms article h3, #activities article h3 {
    color: #80B641;
}
#top-nav a:hover {
    color: #80B641;
}

.accordion dt a:hover, .accordion dt.active a {
    background: #80B641 url("../s4s_images/plus.png") no-repeat center right;
}

.accordion dt a {
    background: url("../s4s_images/plus.png") no-repeat center right;
}

.section-title p strong {
    color: #80B641;
}
a:hover.button_enter {
    background: #505050 url("../images/arrow-down.png") no-repeat 10px center;
}
a:hover.button_check {
	background: #505050 url("../images/calendar-1.png") no-repeat 10px center;
}
.jcarousel-next:hover{background: url(../s4s_images/carousel-next-2.png) no-repeat left center;}
.jcarousel-prev:hover {background: url(../s4s_images/carousel-prev-2.png) no-repeat left center;}

h4.toursbike {
    background: url("../images/tourbike-icon.png") center left no-repeat;
}
.info-box {
    background: #D1E6B9;
}
#main-facilties span a:hover {
    background-color: #D1E6B9;
}
.price-green, .price-blue, .price-green-2, .price-aqua, .price-red {
    font-size: 22px;
}

ul.room_facilities li.hab_2persoons a{ background:url(../s4s_images/icon_klein_2persoons.png) no-repeat;}
ul.room_facilities li.hab_4persoons a{ background:url(../s4s_images/icon_klein_4persoons.png) no-repeat;}
ul.room_facilities li.hab_badkamer a{ background:url(../s4s_images/icon_klein_badkamer.png) no-repeat;}
ul.room_facilities li.hab_eigendeur a{ background:url(../s4s_images/icon_klein_eigenDeur.png) no-repeat;}
ul.room_facilities li.hab_huisdieren a{ background:url(../s4s_images/icon_klein_huisdieren.png) no-repeat;}
ul.room_facilities li.hab_keuken a{ background:url(../s4s_images/icon_klein_keuken.png) no-repeat;}
ul.room_facilities li.hab_koelkast a{ background:url(../s4s_images/icon_klein_koelkast.png) no-repeat;}
ul.room_facilities li.hab_koffiethee a{ background:url(../s4s_images/icon_klein_koffiethee.png) no-repeat;}
ul.room_facilities li.hab_nietroken a{ background:url(../s4s_images/icon_klein_nietRoken.png) no-repeat;}
ul.room_facilities li.hab_slaapkamer a{ background:url(../s4s_images/icon_klein_slaapkamer.png) no-repeat;}
ul.room_facilities li.hab_tv a{ background:url(../s4s_images/icon_klein_tv.png) no-repeat;}
ul.room_facilities li.hab_verwarming a{ background:url(../s4s_images/icon_klein_verwarming.png) no-repeat;}
ul.room_facilities li.hab_wifi a{ background:url(../s4s_images/icon_klein_wifi.png) no-repeat;}

ul.room_facilities li a {
    cursor: pointer;
    display: block;
    height: 26px;
    width: 35px;
}
.ui-datepicker {
	width:auto;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 100%;
}
.ui-datepicker-header {
	background:none;
	background-color:#80B641;
}
.ui-datepicker-calendar .ui-state-active {
    background: #80B641;
}

#beschikbaarheid {
	width:100%;
	min-height:650px;	
}
#reserveren {
	width: 100%;
	background-color: #fff;
	float: left;
}

#reserveren .tekst {
	margin-bottom: 15px;
}

#reserveren .tekst ul {
	margin-left:5%;
}

#reserveren .tekst a {
	color:#ef4036;
	text-decoration:underline;
}
#reserveren .tekst a:hover {
	text-decoration:none;
}

#reserveren span.selectieJaarActief {
	padding:0 30px;
	font-size: 18px;
	font-weight:bold;
	color: #ef4036;
}

#reserveren span.selectieMaandActief {
	width:16.666666%;
	float:left;
	font-size: 18px;
	font-weight:bold;
	color: #ef4036;
	line-height:30px;
	
}

#reserveren span.selectieJaar a {
	color:#80B641;
	text-decoration:none;
	font-size: 18px;
	font-weight:bold;
}
#reserveren span.selectieJaar a:hover {
	text-decoration:underline;
	
}
#reserveren span.selectieMaand {
	line-height:30px;
	width:16.666666%;
	float:left;
}
#reserveren span.selectieMaand a {
	color:#80B641;
	text-decoration:none;
}
#reserveren span.selectieMaand a:hover {
	text-decoration:underline;
	
}

#jaarSelectie {
	width: 100%;
	float: left;
	text-align: center;
	color: #ef4036;
	
	
	font-size: 15px;
	
	margin-bottom:20px;
}

#maandSelectieLang {
	width: 100%;
	float:left;
	text-align: center;
	color: #ef4036;
	font-size: 15px;
}
#maandSelectieKort {
	display:none;
	width: 100%;
	float:left;
	text-align: center;
	color: #ef4036;
	font-size: 15px;
}


#reserveerBlokScherm {
	width: 100%;
	float: left;
	margin-top: 20px;
}

#reserveerBlokSchermWeek {
	width: 100%;
	float: left;
	margin-top: 50px;
}

#reserveerBlokScherm .column {
	width: 12.785%;
	padding-left: 0.75%;
	padding-right: 0.75%;
	float: left;
}

#reserveerBlokSchermWeek .column {
	width: 12.785%;
	padding-left: 0.75%;
	padding-right: 0.75%;
	min-width: 85px;
	float: left;
}

#dagtitelsLang {
	width:100%;	
}

#dagtitelsKort {
	display:none;
	width:100%;	
}

.dagtitel {
	float:left;
	font-size: 12px;
	width: 12.785%;
	padding-left: 0.75%;
	padding-right: 0.75%;
	text-align: center;
	font-weight: bold;
	color: #999;
	text-transform: uppercase;
	font-family: Arial, sans-serif;
	margin-bottom: 15px;
}
	
.reservering {	
	width: 12.785%;
	padding-left: 0.75%;
	padding-right: 0.75%;
	float: left;
	margin-bottom: 15px;
}

.reservering .header {
	width: 100%;
	height: 23px;
	padding-top: 4px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	float: left;
	background: #80B641;
	color: #fff;
}

.reservering .blokken {
	width: 100%;
	float: left;
	height: 28px;
	border: 1px solid #80B641;
	box-sizing:border-box;
}

.reservering .blokken span.bezetLinks {
	float:left;
	width:50%;
	background: #ef4036;
	color:#fff;
	text-align:center;
	height:22px;
	padding-top:4px
}

.reservering .blokken span.bezetRechts {
	float:right;
	width:50%;
	background: #ef4036;
	color:#fff;
	text-align:center;
	height:22px;
	padding-top:4px
}

.reservering .blokken span.bezetTotaal {
	float:left;
	width:100%;
	background: #ef4036;
	color:#fff;
	text-align:center;
	height:22px;
	padding-top:4px;
    
}

.reservering .blokken .blok{
	width: 33.33333%;
	float: left;
	height: 27px;
	box-sizing: border-box;
	border: 1px solid #80B641;
	text-align: center;
	color:#80B641;
	padding-top: 5px;
	font-size: 14px;
	font-weight: bold;
}


.reservering .blokken .blok a{
	width: 100%;	
	color:#80B641;
	display: block;
	height: 20px;
	padding-top: 5px;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}

.reservering .blokken .blok a:hover{
	background: #ef4036;
}

.inactief .header {
	background: #ddd;
}

.inactief .blokken .blok{ 
	border: 1px solid #ddd;
	color: #ddd;
	padding-top: 5px;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}

.inactief .blokken {
	border: 1px solid #ddd;
}

#legenda {
	width: 100%;
	float: left;
	margin-top: 15px;
}

#legendaBlok {
	width: 7.5%;
	margin-left: 0.75%;
	height: 21px;
	float: left;
	background: #ef4036;
	color:#fff;
	text-align:center;
	padding-top:4px;
}

#legenda .tekst {
	width: 82.96%;
	margin-left: 2%;
	float: left;
	padding-top:4px;
}
/* for 980px or less */
@media screen and (max-width: 980px) {
	
}

/* for 880px or less */
@media screen and (max-width: 880px) {
	
}

/* for 768px or less */
@media screen and (max-width: 768px) {
	#dagtitelsLang {
	display:none;	
	}

	#dagtitelsKort {
		display:block;
	}
	
}
/* for 600px or less */
@media screen and (max-width: 600px) {	
	#maandSelectieLang {
		display:none;
	}
	#maandSelectieKort {
		display:block;
	}
		
}

/* for 480px or less */
@media screen and (max-width: 480px) {
	
}

/* for 480px or less */
@media screen and (max-width: 400px) {
		
}

@media only screen and (max-width : 320px) {  
   
}