body {
	background: #53abfe;
	font-family: "Open Sans", serif, arial;
}



/* HEADER */

header								{  }
header .container					{ height: 300px; background-image: url('../images/header_2016_03.jpg'); background-size: container; background-repeat: no-repeat; }
header .container h1				{ padding: 80px 0 0 0; margin: 0; font-size: 100px; }
header .container h1 a				{ color: #fff; text-decoration: none; }
header .container h2				{ color: #ffc40f; font-size: 50px; }

header #languages					{ position: absolute; right: 25px; top: 25px; text-align: right; }



header.main-aboutthehouse .container			{ background-image: url('../images/header_2016_02.jpg'); }
header.main-photos .container					{ background-image: url('../images/header_2016_01.jpg'); }
header.main-prices .container					{ background-image: url('../images/header_2016_05.jpg'); }
header.main-availability .container				{ background-image: url('../images/header_2016_04.jpg'); background-position: top right; }
header.main-surroundings .container				{ background-image: url('../images/header_2016_07.jpg'); }
header.main-reviews .container					{ background-image: url('../images/header_2016_08.jpg'); }
header.main-contact .container					{ background-image: url('../images/header_2016_06.jpg'); }

/* NAV */
.navbar-default									{ background: none; border: none; margin-bottom: 0; }
.navbar-default .container 						{ background: #ffa627; font-size: 15px; }
.navbar-default a.navbar-brand 					{ display: none; }
.navbar-default ul.navbar-nav li a				{ color: #fff; font-size: 18px; }
.navbar-default ul.navbar-nav li a:hover		{ color: rgba(255,255,255,0.8); }
.navbar-default ul.navbar-nav li.first a 		{ padding-left: 0; }
.navbar-default ul.navbar-nav li#currentmenu a	{ color: #000; }

.navbar-default button.navbar-toggle 			{ background: #fff;  float: left; margin-right: 0; margin-left: 15px; border: 1px solid #fff; }
.navbar-default button.navbar-toggle span		{ color: #eb6003; }
.navbar-default button.navbar-toggle:hover		{ background: #fafafa; }
.navbar-default button.navbar-toggle:hover span	{ color: #000; }



/* FONT */
.handlee {
	font-family: "Handlee", serif, Georgia MS;
}

/* h1 h2 h3 */
h1					{ font-family: "Handlee", serif, Georgia MS; margin: 0 0 25px 0; font-size: 60px; color: #227ac4; }
h2					{ font-family: "Handlee", serif, Georgia MS; margin: 0 0 10px 0; font-size: 30px; color: #eb6003; }
h3					{ font-family: "Handlee", serif, Georgia MS; margin: 0 0 10px 0; font-size: 20px; color: #888; }



/* MAIN */

.content-wrapper 						{ background: #fff; margin-top: 50px; ; }
.content-wrapper .container				{ padding: 50px 0 50px 0; }


section.main .container					{ background: #fff; padding-top: 30px; padding-bottom: 100px; }
section.main .container p 				{ margin: 0 0 30px 0; line-height: 1.8em; }
section.main .container ul 				{ margin: 0 0 30px 0; padding: 0 0 0 15px; }
section.main .container ul li			{ margin: 0 0 10px 0; }

/* HOME */

.swiper-container						{ margin-bottom: 25px !important; }


/* PHOTOS */

.thumbs					{ margin-bottom: 30px; }
.thumbs .img-thumbnail	{ margin: 0 5px 5px 0; }

/* CONTACT */

.form-row		{ margin-bottom: 25px; }


/* FOOTER */

footer 		{ color: #fff; }



/* TABLE */

table.themed 							{ margin: 0 0 15px 0; border-collapse: collapse; border-top: 1px solid #ddd; border-left: 1px solid #ddd; font-size: 1em; }
table.themed tr th, table.themed tr td 	{ border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 5px; } 
table.themed tr th 						{ text-align: left; background: #227ac4; color: #fff; }
table.themed tr.even td 				{ background: #f5f5f5; } 


/* TABLE PRIJZEN */

table#prices 								{ width: 100%; margin-bottom: 40px; }

table#prices tr td 							{ vertical-align: top; }

table#prices tr td.prijs 					{ text-align: right; }
table#prices tr td.period					{ line-height: 1.8em; }

table#prices tr.nrofpersons td 				{ background: #ffcc00; }

table#prices tr td span.year				{ color: #999; }

table#prices tr.inthepast td				{ color: #aaa; }
table#prices tr.discount td					{ background: #ffff99; }


/* TABLE BESCHIKBAARHEID */

#legenda 									{ float: right; margin: 0 40px 0 0; }

#legenda span.available 					{ background: #d8f7ae; border: 1px solid #eee; padding: 0 5px 0 5px; }
#legenda span.booked 						{ background: #ff8a9c; color: #fff; border: 1px solid #eee; padding: 0 5px 0 5px; }
#legenda span.today 						{ background: #ffcc00; border: 1px solid #eee; padding: 0 5px 0 5px; }

.calendar-row 								{ margin: 0 0 20px 0; }
.month										{ float: left; margin: 0 0 20px 0; height: 210px; }
.month-editmode								{ height: 380px; }

table.calendar 								{ width: 290px; margin: 0 15px 0px 0; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
table.calendar tr th, table.calendar tr td 	{ border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }
table.calendar tr th 						{ text-align: center; background: #013f75; }
table.calendar tr.daynames td 				{ background: #227ac4; color: #fff; text-align: center; }

table.calendar tr td						{ text-align: center; background: #d8f7ae; padding: 0; line-height: 24px; width: 40px; }
table.calendar tr td.empty					{ background: #fff; }			
table.calendar tr td.today					{ background: #ffcc00; }
table.calendar tr td.inthepast				{ background: #fff; color: #aaa; }
table.calendar tr td.booked					{ background: #f8667c; color: #fff; }
table.calendar tr td.option					{ background: #f79c13; color: #fff; }

table.calendar tr td.booked-not-yesterday	{ background: url('/images/bg_booked_not_yesterday.gif') no-repeat top right; }
table.calendar tr td.booked-not-tomorrow	{ background: url('/images/bg_booked_not_tomorrow.gif') no-repeat top right; }


table.calendar tr td a						{ color: #339900; display: block; width: 40px; text-align: center; }
table.calendar tr td a:hover				{ background: #0066cc; color: #fff; }

table.calendar tr td a.makeavailable 		{ margin: 0 0 5px 0; }
table.calendar tr td a.makeavailable:hover 	{ background: none; }

table.calendar tr td a.makeoption 			{ display:inline-block; color:#000; text-decoration: underline; }
table.calendar tr td a.makeoption:hover 	{ background: orange; color: #000; }


/* REVIEWS */

.review						{ margin: 0 0 3px 0; }
.review p.text				{ font-style: italic; margin-bottom: 0 !important; }
.review p.author 			{ color: #777; margin: 0 0 20px 0; }
.review p.author .name 		{ color: #ff6600; font-weight: bold; }
.review p.author .line 		{ color: #ccc; padding: 0 5px 0 5px; }
.review p.author .date 		{ color: #999; }

/* FORMS */

input.btn-send				{ padding: 6px 20px 6px 20px; font-size: 18px; background: #5cb85c; border-color: #4cae4c; color: #fff; }
input.btn-send:hover		{ background: #449d44; border-color: #398493; }


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* RESPONSIVE */

@media (max-width:991px) {

	.navbar-default ul.navbar-nav li a	{  font-size: 15px; padding-left: 10px; padding-right: 10px; }
	
	header .container h1	{ font-size: 85px; }
	header .container h2	{ font-size: 40px; }
	
	
}


@media (max-width:767px) {

	header 					{ height: 250px; }

	.navbar-default ul.navbar-nav				{ padding-top: 0; }
	.navbar-default ul.navbar-nav li 			{ border-bottom: 1px solid rgba(255,255,255,0.3); }
	.navbar-default ul.navbar-nav li a 			{ padding-left: 15px; }
	.navbar-default ul.navbar-nav li.first a 	{ padding-left: 15px; }
	
	header .container h1	{ font-size: 70px; }
	header .container h2	{ font-size: 30px; }

	header #languages		{ right: 15px; top: 15px;  }

	#legenda 				{ margin-bottom: 20px; }
	
}

@media (max-width:576px) {

	header .container h1	{ font-size: 60px; }
	header .container h2	{ font-size: 25px; }

	.container-video video { width: 100%; height: auto; }

}


@media (max-width:400px) {

	header 					{ height: 200px; }
	
	header .container h1	{ font-size: 50px; }
	header .container h2	{ font-size: 20px; }

}