body{
	font:400 18px/24px 'Raleway';
	color:#292929;
}

html,
body{
	overflow-x: hidden;
}

h1, h2, h3, p, ul, ol, table, form, iframe{
	margin-top:0;
	margin-bottom:24px;
}

.ssbl-wrap .ssbl-container .ssbl-img{
	display:inline !important;
}

#left-content{
	width:100%;
	float:left;
}

.row.gallery > div{
	margin-bottom: 30px;
}

.row.gallery > div img{
	width: 100%;
}

.webton-faq-antwoord table:last-child{
	margin-bottom: 24px !important;
}

.lijnen{
	height: 7px;
	width: 100%;
	float: left;
	border-top: solid 1px #d5d5d5;
	margin-top: -15px;
	border-bottom: solid 1px #d5d5d5;
}

#show_bezoek_ook{
	position: relative;
}

#bezoek_ook{
	display: none;
}

#bezoek_ook a{
	font: 700 18px/36px 'Raleway' !important;
	color: #fff;
    white-space: nowrap;
	text-transform: none !important;
}

#show_bezoek_ook:hover #bezoek_ook{
	display: block;
	background: #149dae;
	padding: 5px 22px;
	border: solid 1px #3e767d;
	border-top: solid 8px #3e767d;
	position: absolute;
	right: 0;
    top: 45px;
    z-index: 1500;
}

#show_bezoek_ook:hover #bezoek_ook:after{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 19px 19px;
	border-color: transparent transparent #149dae transparent;
    position: absolute;
    top: -19px;
    right: 115px;
}


.jumbotron h2.kaart-titel{
	font: 400 30px/normal 'Rammetto One';
	color: #149dae;
}

.jumbotron h2.kaart-titel:empty{
	display: none;
}

.jumbotron h3.kaart-titel{
	font: 400 24px/normal 'Sansita One';
	font-style: italic;
	text-transform: uppercase;
	color: #149dae;
}

.extra_info{
	background: #fff;
	padding: 20px 25px;
	border: solid 1px #cfcfcf;
	float: left;
	width: 100%;
}

.extra_info p:last-child{
	margin-bottom: 0;
}

.jumbotron .extra_info p{
	font-size: 16px !important;
}

.Blauw{
	color: #1381d7 !important;
}

.Groen{
	color: #3db537 !important;
}

.Rood{
	color: #f40140 !important;
}

.Oranje{
	color: #149dae !important;
}

.Wit{
	padding: 60px 0 36px !important;
	background: #fff !important;
	position: relative;
}

.Grijs{
	padding: 60px 0 36px !important;
	background: #eaeff3 !important;
}

.Grijs + .Grijs,
.Wit + .Wit{
	padding-top: 0 !important;
}

.kaart-rij{
	margin-bottom: 24px;
}

.subtitel{
	font-size: 16px;
}

ul.checklist{
	padding: 0;
	list-style: none;
}

ul.checklist li{
	position: relative;
	padding-left: 25px;
}

ul.checklist li:before{
	color: #39e07c;
	position: absolute;
	left: 0;
	top: 0;
	content: "\f00c";
	font-family: FontAwesome;
}

.object{
	position: relative;
	border: solid 1px #dfdfdf;
	padding: 20px 25px 69px;
	overflow: hidden;
}

#objecten{
	padding: 60px 0;
    background: #fff;
}

#objecten .row > aside > .col-md-6 + .col-md-6 + .col-md-6{
	margin-top: 45px;
}

.object .button{
	position: absolute;
	bottom: 20px;
}

.object > div div:nth-child(1){
    min-width: 60%;
    flex-basis: 60%;
}

.object > div div:nth-child(2){
    min-width: 40%;
    flex-basis: 40%;
    align-self: baseline;
}

.object > div > div{
    padding: 0 15px;
}

.object > div{

    margin: 0 -15px;
    display: flex;
    align-items: center;
}

.object p{
	position: relative;
	z-index: 150;
}

.object img{
}

.alm-btn-wrap{
	width: 100%;
	text-align: center;
	float: left;
	margin-top: 30px;
}

.alm-btn-wrap .button.done{
	opacity: 0.4;
}

.flex-center-v{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.flex-center-h{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.flex-center{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.alert > *:last-child{
	margin:0 !important;
}

.row.editor{
	margin-bottom:24px;
}

.row.editor div > *:last-child{
	margin-bottom:0;
}

.jumbotron{
	background:none;
	margin:0;
	padding:0;
	float:left;
	clear:both;
	width:100%;
}

.jumbotron h1,
.jumbotron h2,
.jumbotron h3,
.jumbotron p,
.jumbotron ul,
.jumbotron ol,
.jumbotron table,
.jumbotron div.gform_wrapper form{
	font-size:18px;
	font-weight:400;
	font-style:normal;
	margin-bottom:24px;
	margin-top:0;
}

.jumbotron ul ul, .jumbotron ol ul, .jumbotron ul ol, .jumbotron ol ol {
    margin-bottom: 0;
}

.jumbotron h1,
.jumbotron h1 a{
	font: 400 36px/normal 'Raleway';
	color: #149dae;
}

.jumbotron h2,
.jumbotron h2 a{
	font: 700 24px/normal 'Raleway';
	color: #149dae;
}

.jumbotron h3,
.jumbotron h3 a{
	font-size:20px;
}

.hide_tekst {
    display: none;
}

.lees_verder{
	margin-bottom:24px;
}

p:empty{
	display:none;
}

em{
	font-style:italic !important;
}

strong{
	font-weight:700 !important;
}

a,
a:hover,
a:focus{
	color:#149dae;
	-webkit-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}

hr{
	float:left;
	clear:both;
	width:100%;
	border-top:solid 1px #c9c9c9;
	margin:48px 0 48px;
}

#googlemaps{
	height: 525px;
	margin: 48px 0 0 !important;
    float: left;
}

.button,
.button:hover,
.button:focus,
body div.gform_wrapper .gform_footer input[type=submit],
body div.gform_wrapper .gform_footer input[type=submit]:hover,
body div.gform_wrapper .gform_footer input[type=submit]:focus{
	display:inline-block;
	text-decoration:none !important;
	outline:none;
	border:none;
	border-radius:0px;
	color:#fff;
	background:#149dae;
	font-weight: 500;
	padding:14px 15px !important;
	line-height:normal !important;
	-webkit-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
    font-size: 18px;
}

#right-content .button{
	background: #373a3d;
}

#social-side a{
	font-size: 20px;
	color: #149dae;
}

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

.page-id-164 #content,
.page-id-166 #content{
	background: #eaeff3;
	padding-bottom: 0;
}

form.search-form{
	margin:0;
}

form.search-form label{
	padding:0;
	margin:0;
	float:left;
	background:#fff;
}

form.search-form input{
	margin:0;
	padding:0 5px;
	outline:none;
	background:none;
	border:none;
	border-radius:0;
	float:left;
}

form.search-form button{
	margin:0;
	padding:0;
	outline:none;
	background:none;
	border:none;
	border-radius:0;
	float:left;
}

.navbar-default{
	min-height:0;
	background:#fff;
	border:none;
	margin:0;
	width:100%;
	float:left;
}

.navbar-brand{
	height:auto;
	padding:0;
	margin:0;
}

#logoholder{
	margin: 20px 0;
	float:left;
    position: relative;
    z-index: 150;
}

.navbar-brand>img{
	float: left;
}

.navbar-brand span{
	float: left;
    margin-top: 63px;
    font: 600 24px/normal 'Open Sans';
    color: #505f61;
	text-transform: none;
    margin-left: 18px;
}

#reserveren{
	padding: 60px 0;
	position: relative;
	-webkit-background-size: cover;
	background-size: cover;
}

#reserveren p,
#reserveren h1{
	color: #fff;
}

#reserveren .col-lg-5 img{
    margin-bottom: -60px;
    margin-top: -130px;
}

#reserveren:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(33,36,37,0.50);
}

#slider{
	padding:0;
	margin:0;
	width:100%;
	overflow:hidden;
	float:left;
	clear:both;
	border-radius:0;
}

#slider .slide{
	width:100%;
	overflow:hidden;
	float:left;
	clear:both;
	display:-webkit-flexbox !important;
    display:-ms-flexbox !important;
    display:-webkit-box !important;
    display:-webkit-flex !important;
    display:flex !important;
    -webkit-flex-align:center !important;
    -ms-flex-align:center !important;
    -webkit-box-align:center !important;
    -webkit-align-items:center !important;
    align-items:center !important;	
	-webkit-background-size:cover !important;	
	background-size:cover !important;	
	position:relative;
}

.slide-tekst-holder{
	width: 100%;
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 15;
}

.slide-tekst-holder .container{
	height: 100%;
}

#slider .slide .parallaxer{
	width:100%;
	position:absolute;
	top:0;
	height:100%;
	left: 0;
}

#slider .slide .parallaxer:after {
    background: rgba(0,0,0,0.25);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
}

#slider .slide .parallaxer > img{
	position:absolute;
	top:0;
	object-fit:cover;	
	left:0;
	margin:0;
	display:block;
	/* fill and maintain aspect ratio */
	width:auto; height:auto;
	min-width:100%; min-height:100%;
	max-height:none; max-width:100%;
}

#slider .slide-link{
	width:100%;
	height:100%;
	float:left;
	position:relative;	
	display:-webkit-flexbox !important;
    display:-ms-flexbox !important;
    display:-webkit-box !important;
    display:-webkit-flex !important;
    display:flex !important;
    -webkit-flex-align:center !important;
    -ms-flex-align:center !important;
    -webkit-box-align:center !important;
    -webkit-align-items:center !important;
    align-items:center !important;
}

.text-center.slide-tekst{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	background:#666;
}

.pull-left.slide-tekst{
	position:relative;
	background:#666;
}

.pull-right.slide-tekst{
	position:relative;
	background:none;
	color: #e8eae9;
	font: 800 36px/normal 'Raleway';
    text-align: center;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 40px 0 0;
}

body div.gform_wrapper .gfield_checkbox li label{
	font-weight: 400;
}

.home .pull-right.slide-tekst p{
	font: 800 36px/normal 'Raleway';
	font-size: 52px;
}

.home .pull-right.slide-tekst p:last-child{
	margin-bottom: 0;
}

.pull-right.slide-tekst img{
	float: left;
}

.pull-right.slide-tekst p img{
	float: none;
}

.pull-right.slide-tekst span{
	max-width: 500px;
    margin-left: -50px;
}

#topmenu{
	padding: 0;
	background: #373a3d;
	font: 700 16px/45px 'Raleway';
	color: #fff;
	text-transform: uppercase;
	position: fixed;
    top: 0;
	z-index: 100;
}

#fixed-top-menu{
	position: fixed;
	top: 45px;
    width: 100%;
	background: #3e767d;
	z-index: 150;
}

body{
	padding-top: 143px;
}

body.fixed{
    padding-top: 243px;
}

#topmenu span{
	display: inline-block;
}

#topmenu a{
	font: 700 16px/45px 'Raleway';
	color: #fff;
	display: inline-block;
	text-transform: uppercase;
}

.navbar-header{
	width: 100%;
}

#menuholder{	
	background: #3e767d;
	border-top: solid 1px #fff;
}

#menuholder.fixed{
    border-top: solid 1px #fff;
    position: fixed;
    top: 143px;
    z-index: 70;
}

.page-id-164 #objecten .container,
.page-id-166 #objecten .container{
	position: relative;
}

.page-id-164 #content #left-content img,
.page-id-166 #content #left-content img{
	margin-top: -66px;	
}

#social-top .fa-inverse{
	margin-top: -1px;
	color: #3e767d;
}

#content > .container{
	position: relative;
}

#de{
	margin: 31px 5px 31px;
	width: 36px;
	height: 36px;
}

#sidebarvlag{
	margin-top: 65px;
	margin-bottom: 24px;
}

#social-top{
	margin: 25px 0;
}

#social-top a{
	color: #deeced;
	font-size: 20px;
}

#hoofdmenu{
	margin:0;
}

#hoofdmenu li{
	position:relative;
	margin: 0 30px 0 0;
}

#hoofdmenu li:first-of-type{
	margin-left:0;
}

#hoofdmenu li:last-of-type{
	margin-right:0;
}

#hoofdmenu li a{
	padding:39px 0 30px;
	background:none;
	color: #fff;
	font: 700 18px/normal 'Raleway';
}

#hoofdmenu > li > a{
	border-bottom: solid 9px #3e767d;
}

#hoofdmenu > li:hover > a,
#hoofdmenu > li.current-menu-item > a,
#hoofdmenu > li.current-menu-ancestor > a,
#hoofdmenu > li.current-menu-parent > a{
	border-bottom: solid 9px #373a3d;
}

/*Submenu*/
#hoofdmenu > li > ul{
	display:none;
	list-style: none;
    padding: 5px 0 0;
    margin: 0;
    position: absolute;
    background: #373a3d;
    top: 99px;
    left: 0;
}

/*Dit is om de ruimte tussen menu en submenu hoverable te maken
#hoofdmenu > li > ul:before {
    height: 15px; Dit is afhankelijk van je website
    top: -15px; Deze moet evenhoog zijn als "height"
    position: absolute;
    content: "";
    left: 0;
    width: 100%;
    background: #f00; Deze moet je op "transparent" zetten
}
*/

#hoofdmenu li:hover > ul{
	display:block;
}

#hoofdmenu li ul li{
	margin:0;
	padding:0;
	float:left;
	width:100%;
	clear:both;
}

#hoofdmenu li ul li:last-child a{
	padding-bottom: 0;
	border-bottom: none;
}

#hoofdmenu li ul li:first-child a{
	padding-top: 0;
}

#hoofdmenu li ul li a{
	white-space:nowrap;
	margin:0;
	padding:0 20px;
	line-height: 36px;
	font-size: 16px;
	border-bottom: solid 1px #fff;
	float:left;
	width:100%;
}

#hoofdmenu li ul li:hover > a,
#hoofdmenu li ul li.current-menu-item > a,
#hoofdmenu li ul li.current-menu-ancestor > a,
#hoofdmenu li ul li.current-menu-parent > a{
}

/*Sub-sub menu*/
#hoofdmenu li ul li ul{
	display:none;
	left:100%;
	top:0;
}

#hoofdmenu li ul li:hover > ul{
	display:block;
}

#hoofdmenu li ul li ul li{
	margin:0;
	padding:0;
	float:left;
	width:100%;
	clear:both;
}

#hoofdmenu li ul li ul li a{
	white-space:nowrap;
	margin:0;
	padding:0;
	float:left;
	width:100%;
}

#naarmenukaart{
	padding: 60px 0;
	background: #eaeff3;
	font: 400 30px/normal 'Raleway';
	color: #3e767d;
}

#naarmenukaart p{
	margin-bottom: 0;
	font: 400 30px/normal 'Raleway';
	color: #3e767d;
}

#naarmenukaart .button,
#naarmenukaart .button:hover,
#naarmenukaart .button:focus{	
    font: 500 18px/normal 'Raleway';
    padding: 14px 15px !important;
	background: #149dae;
    color: #fff;
    margin-left: 20px;
}

#social-bottom{
	display: inline-block;
	margin-top: 36px;
}

#reserveren .button,
#reserveren .button:hover,
#reserveren .button:focus{
	background: #149dae !important;
}

#social-bottom a{
	font-size: 20px;
}

.rode-tekst{
	color: #149dae !important;
}

#content{
	padding: 30px 0;
}

#left-content,
#right-content{
	padding-top: 30px;
	padding-bottom: 6px;
}

.home #left-content,
.page-template-page-geen-sidebar #left-content,
.page-template-page-menukaart #left-content{
	padding-bottom: 30px;
}

.page-template-page-menukaart #content{
	background: #eaeff3;
	padding-bottom: 0;
}

#home-right{
	padding-left: 30px;
}

#homeblokken > div + div + div{
	margin-top: 45px;
}

.homeblok{
	position: relative;
	width: 100%;
	float: left;
}

.homeblok > img{
	margin-bottom: 0 !important; 
}

.homeblok span{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	padding: 20px 30px;
	color: #fff;
	font: 700 24px/normal 'Raleway';
	background: rgba(55,58,61,0.72);
}

.homeblok span small{
	font: 400 14px/normal 'Raleway';
	position: absolute;
    margin-top: -10px;
    right: 50px;
}

.page-template-page-menukaart #content + .Grijs{
	padding-top: 0 !important;
}

#right-content{
	padding-left: 30px;
	border-left: solid 1px #e4e8ec;
}

#contact-left{	
	padding: 15px 0;
	padding-right: 30px;
	border-right: solid 1px #e4e8ec;
}

#gform_wrapper_1{
	padding: 15px 0 4px;
}

#footer{
	padding:75px 0;
	background:#3e767d;
    -webkit-background-size: cover;
    background-size: cover;
}

#footer span{
	color: #fff;
}

#footer ul,
#footer p,
#footer p a{
	list-style:none;
	padding:0;
	font:400 16px/24px 'Raleway';
	color:#fff;
}

#footer ul li.spacer{
	margin-top: 36px;
}

#footer ul li a{
	font:400 18px/36px 'Raleway';
	color:#fff;
}

#footer div[class^="col-"] p:last-child,
#footer div[class*=" col-"] p:last-child,
#footer div[class^="col-"] ul:last-child,
#footer div[class*=" col-"] ul:last-child{
	margin-bottom:0 !important;
}

#menu-footermenu-3 li a{
	font-weight: 700 !important;
	position: relative;
}

#menu-footermenu-3 li a:before{
	content: "\f0a9";
	margin-right: 5px;
	font-size: 18px;
	font-family: FontAwesome;
}

#credits{
	padding:20px 0;
	background:#212425;
}

#credits,
#credits a{
	color:#949899;
	text-decoration:none;
	font:400 14px/normal 'Open Sans';
}

#credits img{
	margin: -115px 0 0;
	float: none;
	display: inline-block;
}

.webton-faq-holder{
	margin-bottom: 15px;
    background: #fff;
    padding: 12px 15px;
    font: 700 16px/normal 'Raleway';
}

.webton-faq-antwoord-holder{
	margin-top: 10px;
	padding: 10px 0 1px;
    border-top: solid 1px #c5cbd2;
}

.webton-faq-vraag{
	padding-right: 20px;
	position: relative;
	color: #454545;
	-webkit-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}

.webton-faq-vraag.active-vraag{
	color: #1381d7;
	-webkit-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}

.webton-faq-holder.active-vraag{
	background: #fff;
	-webkit-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}

.webton-faq-holder{
	background: #eaeff3;
	-webkit-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}

.webton-faq-vraag:after {
	position: absolute;
	right: 0;
    content: "\f067";
    top: 0;
	font-family: FontAwesome;
	color: #1381d7;
    line-height: 22px;
    float: right;
}

.webton-faq-vraag.active-vraag:after {
    content: "\f068";
}

#topmenu .pull-right > div{
	display: inline-block;
}

#menukaart-1 .container,
#menukaart-3 .container,
#menukaart-4 .container,
#menukaart-5 .container,
#menukaart-8 .container,
#menukaart-10 .container,
#menukaart-12 .container,
#menukaart-13 .container,
#menukaart-15 .container,
#menukaart-16 .container,
#menukaart-6 .container{
	position: relative;
}

#menukaart-1 > .container:before{
	content: "";
	background: url(../images/pan.png);
	width: 143px;
	height: 111px;
	position: absolute;
	left: -175px;
	bottom: 10px;
}

#menukaart-1 > .container:after{
	content: "";
	background: url(../images/zon.png);
	width: 134px;
	height: 130px;
	position: absolute;
    right: 100px;
    top: -50px;
}

#menukaart-3 > .container:after{	
	content: "";
	background: url(../images/lolli.png);
	width: 169px;
	height: 199px;
	position: absolute;
    left: 250px;
    top: -10px;
}

#menukaart-4 > .container:after{	
	content: "";
	background: url(../images/drinken.png);
	width: 122px;
	height: 163px;
	position: absolute;
    left: -150px;
    bottom: 50px;
}

#menukaart-5 > .container:after{	
	content: "";
	background: url(../images/donut.png);
	width: 123px;
	height: 99px;
	position: absolute;
    right: 150px;
    top: -20px;
}

#menukaart-8 > .container:after{	
	content: "";
	background: url(../images/hamburger.png);
	width: 153px;
	height: 124px;
	position: absolute;
    right: 150px;
    top: -20px;
}

#menukaart-10 > .container:after{	
	content: "";
	background: url(../images/kado.png);
	width: 111px;
	height: 108px;
	position: absolute;
    left: 350px;
    top: -110px;
}

#menukaart-12 > .container:after{	
	content: "";
	background: url(../images/krab.png);
	width: 135px;
	height: 125px;
	position: absolute;
    left: -175px;
    top: 100px;
}

#menukaart-13 > .container:after{	
	content: "";
    background: url(../images/bloem.png);
    width: 99px;
    height: 104px;
    position: absolute;
    left: 350px;
    top: -85px;
}

#menukaart-15 > .container:after{	
	content: "";
	background: url(../images/kroon.png);
	width: 129px;
	height: 135px;
	position: absolute;
    left: 350px;
    top: -110px;
	z-index: 151;
}

#menukaart-15 > .container:before{	
	content: "";
	background: url(../images/bel.png);
	width: 91px;
	height: 133px;
	position: absolute;
    right: -100px;
    bottom: 30px;
}

#menukaart-14{
	position: relative;
	z-index: 150;
}

#menukaart-16 > .container:before{	
	content: "";
	background: url(../images/vlinder.png);
	width: 132px;
	height: 121px;
	position: absolute;
    left: -150px;
    bottom: 60px;
}

#menukaart-16 > .container:after{	
	content: "";
	background: url(../images/groentes.png);
	width: 593px;
	height: 537px;
	position: absolute;
    right: 0;
    bottom: -36px;
}

#menukaart-6 > .container:before{
    content: "";
    background: url(../images/piraat.png);
    width: 440px;
    height: 286px;
    position: absolute;
    right: 0;
    bottom: -75px;
    z-index: 15;
}

#menukaart-13 > .container:before{
    content: "";
    background: url(../images/kind-met-ijs.png);
    width: 392px;
    height: 345px;
    position: absolute;
    right: 0;
    bottom: -70px;
    z-index: 0;
}


@media (max-width:767px)
{	
	.no_parallax_slider_xs .parallaxer{
		top:0 !important;
	}

    .object > div{

        margin: 0 -15px;
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    
    .object > div div:nth-child(2){
        margin-bottom: 30px !important;
    }

	.navbar>.container .navbar-brand{
		max-width:100%;
	}
	
	#topmenu{
		position: static;
	}
	
	#menuholder{
		border: none !important;
	}
	
	body{
		padding-top: 0;
	}
	
	#logoholder{
		padding-left:15px;
		padding-right:15px;
		margin:5px 0 5px
	}
	
	#contact-left{
		height: auto !important;
	}

	#hide-top{
		display:none;
	}

	.navbar-brand span {
		margin-top: -30px;
		font: 600 14px/normal 'Open Sans';
		margin-left: 125px;
	}
	
	.jumbotron h1, .jumbotron h1 a {
		font: 400 32px/normal 'Raleway';
	}
	
	.pull-right.slide-tekst img {
	    height: 100%;
	    width: auto;
	}
	
	.home .pull-right.slide-tekst img{
		display: none;
	}

	.not-home .pull-right.slide-tekst span{
		display: none;
	}

	.home .pull-right.slide-tekst p {
		font-size: 28px;
	}
	
	.home .pull-right.slide-tekst p{
		margin-bottom: 0;
	}
	
	.pull-right.slide-tekst span{
		margin-left: 0;
		width: 100%;
		max-width: none;
	}
	
	.pull-right.slide-tekst{
		margin: 0;
		width: 100%;
	}

	#hoofdmenu > li > a{
		border: none !important;
	}
	
	.navbar-toggle {
	  border: none;
	  background: transparent !important;
	}
	.navbar-toggle:hover {
	  background: transparent !important;
	}
	.navbar-toggle .icon-bar {
	  width: 22px;
	  -webkit-transition: all 0.2s;
	  transition: all 0.2s;
	}
	.navbar-toggle span:nth-child(2) {
	  -ms-transform: rotate(45deg);
	  -webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
	  -ms-transform-origin: 10% 10%;
	  -webkit-transform-origin: 10% 10%;
	  transform-origin: 10% 10%;
	}
	.navbar-toggle span:nth-child(3) {
	  opacity: 0;
	}
	.navbar-toggle span:nth-child(4) {
	  -ms-transform: rotate(-45deg);
	  -webkit-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	  -ms-transform-origin: 10% 90%;
	  -webkit-transform-origin: 10% 90%;
	  transform-origin: 10% 90%;
	}
	
	.navbar-toggle.collapsed  span:nth-child(2) {
		-ms-transform: rotate(0);
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	.navbar-toggle.collapsed  span:nth-child(3) {
	  opacity: 1;
	}
	.navbar-toggle.collapsed  span:nth-child(4) {
		-ms-transform: rotate(0);
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	
	.navbar>.container .navbar-brand img{
		max-width:100%;
		height:auto;
	}
	
	.navbar-header{
		position:relative;
		width:auto;
	}
	
	.navbar-toggle {
		position: absolute;
		right: 15px;
		border: none;
		top: 0;
		background: none !important;
		margin-right: 0;
		margin-top: -38px;
	}
	
	.navbar-default .navbar-toggle .icon-bar{
		background:#fff;
	    display: block !important;
	}

	#topmenu a{
		font-size: 14px;
	}

	#hoofdmenu{
		padding-top: 10px;
	}

	#hoofdmenu li a{
		padding: 0;
		line-height: 36px;
	}

	#topmenu .pull-right{
		margin-right: 50px;
	}
	
	.table-responsive{
		width:100%;
		overflow-y:auto;
		_overflow:auto;
		margin:5px 0 0 0;
		border:1px solid #888;
	}
	
	#objecten .row > aside > .col-md-6 + .col-md-6{
		margin-top: 30px;
	}

	#objecten {
		margin-top: 0;
	}
	
	#right-content {
		padding-left: 0;
		border-left: none;
	}
	
	.table-responsive::-webkit-scrollbar{
		-webkit-appearance:none;
		width:14px;
		height:14px;
	}
	
	.table-responsive::-webkit-scrollbar-thumb{
		border-radius:8px;
		border:3px solid #fff;
		background-color:rgba(0, 0, 0, .3);
	} 
	
	.table-responsive table{
		min-width:100%;
	}
	
	article img{
		max-width:100%;
		height:auto;
		
		float: none !important;
		margin: 0 auto 15px !important;
		display: block !important;
		width: auto !important;
	}
	
	#naarmenukaart .button, #naarmenukaart .button:hover, #naarmenukaart .button:focus{
		clear: both;
		margin-left: 0;
		margin-top: 30px;
	    width: 100%;
	}
	
	#hoofdmenu li{
		margin:0;
	}
	
	#hoofdmenu li a{
		line-height:36px;
	}
	
	#homeblokken > div + div{
		margin-top: 30px;
	}
	
	.home article > .row{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	    -webkit-flex-direction: column;
	    -ms-flex-direction: column;
	    flex-direction: column;
	}
	
	.home article > .row > .col-lg-6:nth-child(1){
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		-ms-flex-order: 2;
		order: 2;
	}
	
	.home article > .row > .col-lg-6:nth-child(2){
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1;
	}
	
	#home-right{
		padding-left: 0;
	}
	
	#footer .row > div + div + div{
		margin-top: 30px;
	}
	
	#credits img{
		display: none;
	}
	
	#googlemaps {
		height: 325px;
		margin-top: 0 !important;
	}
	
	.page-id-164 #content #left-content img, .page-id-166 #content #left-content img {
		margin-top: 0;
	}
	
	.kaart-rij .pull-right,
	.Grijs .pull-right{
		float: left !important;
	}

	body{
		padding-top: 0 !important;
	}
	
	#menuholder{
		position: static !important;
	}
	
	#fixed-top-menu{
		position: static;
		width: 100%;
		float: left;
	}
	
	.navbar-brand>img{
		max-width: 100%;
	}
	
	#menukaart-13 > .container:before,
	#menukaart-6 > .container:before{
		display: none;
	}
	
	#menukaart-16 > .container:after{
		content: "Allergie of voedsel-intolerantie? Meld het ons";
		position: relative;
		width: 100%;
		background: #faffcc;
		padding: 10px 15px;
		color: #3db537;
		font: 400 24px/normal 'Sansita One';
		text-align: center;
		float: left;
		height: auto;
		margin-bottom: 24px;
	}
	
	#menukaart-1 > .container:after {
		right: -60px;
		top: -50px;
		opacity: 0.2;
	}
	
	#menukaart-3 > .container:after {
		left: 175px;
		top: -10px;
		opacity: 0.2;
	}

	#menukaart-8 > .container:after {
		content: "";
		background: url(../images/hamburger.png);
		width: 153px;
		height: 124px;
		position: absolute;
		right: -40px;
		top: 150px;
		z-index: 15;
	}
	
	.jumbotron h2.kaart-titel{
		font-size: 26px;
	}

	#menukaart-5 > .container:after {
		top: -110px;
	}
}

@media (max-width:480px){
	.navbar-brand span {
		margin-left: 125px;
	}
}

@media (max-width:375px){	
	.col-xs-6{
		width:100%;
	}
	
	#footer .row > div + div{
		margin-top: 30px;
	}
	
	.nieuws-tekst.nieuws-margin{
		margin-left:0;
	}
	
	.nieuws-tekst.nieuws-margin,
	.nieuws-tekst{
		width:100%;
		float:left;
	}
}

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

@media (min-width:768px) and (max-width:991px)
{
	.no_parallax_slider_sm .parallaxer{
		top:0 !important;
	}
	
	.page-id-164 #content #left-content img, .page-id-166 #content #left-content img {
		margin-top: 0;
	}
	
	#objecten {
		margin-top: 0;
	}
	
	#googlemaps {
		height: 375px;
		margin-top: 0 !important;
	}
	
	#footer .row > div + div + div{
		margin-top: 30px;
	}
	
	.home .pull-right.slide-tekst p {
		font-size: 48px;
	}
	
	.pull-right.slide-tekst > img {
		height: 100%;
		margin-left: -60px;
	}
	
	#objecten .row > aside > .col-md-6 + .col-md-6{
		margin-top: 30px;
	}
	
	#naarmenukaart p{
		font-size: 26px;
	}

	#homeblokken > div{
		margin-top: 30px;
	}
	
	.jumbotron h1, .jumbotron h1 a {
		font: 400 30px/normal 'Raleway';
	}

	#naarmenukaart .button, #naarmenukaart .button:hover, #naarmenukaart .button:focus {
		margin-left: 0;
		margin-top: 24px;
	}
	
	#home-right{
		padding-left: 0;
	}
	
	#topmenu .pull-right > div{
		max-width: 50px;
		display: inline-block;
		text-align: center;
	}
	
	#topmenu .pull-right:not(#social-top) a, #topmenu {
		font-size: 14px;
		margin-right: -10px;
	}
	
	#topmenu .pull-right > div {
		width: 20px;
		display: inline-block;
		text-align: center;
		overflow: hidden;
		margin-bottom: -18px;
	}

	#topmenu{
		font-size: 14px;
	}
	
	.home article > .row{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	    -webkit-flex-direction: column;
	    -ms-flex-direction: column;
	    flex-direction: column;
	}
	
	.home article > .row > .col-lg-6:nth-child(1){
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		-ms-flex-order: 2;
		order: 2;
	}
	
	.home article > .row > .col-lg-6:nth-child(2){
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1;
	}
	
	.navbar-brand span {
		margin-top: -45px;
		margin-left: 145px;
	}
	
	#de {
		margin: 29px 14px 30px 0;
		position: relative;
		z-index: 1500;
	}
	
	#social-top {
		margin: 24px 0 29px;
		position: relative;
		z-index: 1500;
	}
	
	#contact-left {
		background: url(../images/telescoop.png) right 10px top no-repeat;
	}

	#hoofdmenu li {
		margin: 0 11px 0 0;
	}
	
	#hoofdmenu li a {
		padding: 29px 0 20px;
		font: 500 14px/normal 'Raleway';
	}
	
	#hoofdmenu > li > ul{
		top: 74px;
	}
	
	.page-id-164 #objecten > .container:after, .page-id-164 #objecten > .container:after{
		right: -80px;
		opacity: 0.2;
	}
	
	.page-id-164 #objecten > .container:before, .page-id-166 #objecten > .container:before,
	.home #content > .container:before{
		left: -50px;
		opacity: 0.2;
	}
	
	.home #content > .container:after{
		right: -30px;
		opacity: 0.2;
	}
	
	.page-template-default #content > .container:before{
		left: -42px;
		opacity: 0.2;
	}
	
	.page-id-164 #content > .container:before, .page-id-166 #content > .container:before{
		opacity: 0.2;
		left: -30px;
	}

	body{
		padding-top: 143px;
	}

	body.fixed{
		padding-top: 242px;
	}
	
	#menuholder.fixed {
		top: 143px;
	}
	
	#menukaart-8 > .container:after{
		right: 50px;
	}
	
	#menukaart-13 > .container:before,
	#menukaart-6 > .container:before{
		display: none;
	}
	
	#menukaart-13 > .container:after{
		right: 100px;
		left: auto;
	}
	
	#menukaart-16 > .container:after {
		content: "";
		background: url(../images/groentes.png);
		-webkit-background-size: contain;
		background-size: contain;
		width: 465px;
		height: 410px;
		position: absolute;
		right: 70px;
		bottom: -36px;
	}
	
	.row .col-md-6:last-child .kaart-rij:last-child{
		margin-bottom: 24px;
	}
	
	.kaart-rij:last-child{
		margin-bottom: 0;
	}
}

@media (min-width:992px) and (max-width:1199px)
{
	.no_parallax_slider_md .parallaxer{
		top:0 !important;
	}
	
	#naarmenukaart p {
		font: 400 26px/normal 'Raleway';
	}

	body{
		padding-top: 143px;
	}

	body.fixed{
		padding-top: 221px;
	}
	
	.page-id-164 #objecten > .container:after, .page-id-164 #objecten > .container:after{
		right: -80px;
		opacity: 0.2;
	}
	
	.page-id-164 #objecten > .container:before, .page-id-166 #objecten > .container:before,
	.home #content > .container:before{
		left: -50px;
		opacity: 0.2;
	}
	
	.home #content > .container:after{
		right: -30px;
	}
	
	.page-template-default #content > .container:before{
		left: -42px;
		opacity: 0.2;
	}
	
	.page-id-164 #content > .container:before, .page-id-166 #content > .container:before{
		opacity: 0.2;
		left: -30px;
	}
	
	#reserveren {
		padding: 60px 0 13px;
	}
	
	#googlemaps {
		height: 425px;
	}
	
	#hoofdmenu li {
		margin: 0 17px 0 0;
	}

	#hoofdmenu li a {
		padding: 29px 0 20px;
		font: 700 16px/normal 'Raleway';
	}
	
	#hoofdmenu > li > ul{
		top: 77px;
	}
	
	#menukaart-13 > .container:after {
		left: 300px;
	}
	
	#menukaart-16 > .container:after {
		content: "";
		background: url(../images/groentes.png);
		-webkit-background-size: contain;
		background-size: contain;
		width: 490px;
		height: 443px;
		position: absolute;
		right: 0;
		bottom: -36px;
	}
	
	#menukaart-15 > .container:before {
		right: 100px;
	}
	
	#menukaart-6 > .container:before {
		content: "";
		background: url(../images/piraat.png);
		-webkit-background-size: contain;
		background-size: contain;
		width: 365px;
		height: 235px;
		position: absolute;
		right: 0;
		bottom: -60px;
		z-index: 15;
	}
}

@media (min-width:1200px)
{
	.no_parallax_slider_lg .parallaxer{
		top:0 !important;
	}
}

.cd-top{
	display:inline-block;
	height:40px;
	width:40px;
	position:fixed;
	bottom:40px;
	right:10px;
	-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.05);
	box-shadow:0 0 10px rgba(0, 0, 0, 0.05);
	overflow:hidden;
	text-indent:100%;
	z-index:1000;
	white-space:nowrap;
	/*Kleur instellen*/
	background:rgba(161, 197, 22, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;
	visibility:hidden;
	opacity:0;
	-webkit-transition:opacity .3s 0s, visibility 0s .3s;
	transition:opacity .3s 0s, visibility 0s .3s;
}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover{
	-webkit-transition:opacity .3s 0s, visibility 0s 0s;
	transition:opacity .3s 0s, visibility 0s 0s;
}

.cd-top.cd-is-visible{
	visibility:visible;
	opacity:1;
}

.cd-top.cd-fade-out{
	opacity:.5;
}

.cd-top.cd-fade-out:hover{
	opacity:1;
}

.no-touch .cd-top:hover{
	/*Kleur instellen*/
	background-color:#a1c516;
	opacity:1;
}

@media only screen and (min-width:768px){
	.cd-top{
		right:20px;
		bottom:20px;
	}
}

@media only screen and (min-width:1024px){
	.cd-top{
		height:60px;
		width:60px;
		right:30px;
		bottom:30px;
	}
}