@import url('https://fonts.googleapis.com/css?family=Roboto');
/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,800'); */

/*!
 * IE10 viewport hack for Surface/desktop Windows 8 bug
 * Copyright 2014-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*
 * See the Getting Started docs for more information:
 * http://getbootstrap.com/getting-started/#support-ie10-width
 */
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }


body
{
	font-family: 'Roboto', sans-serif;
	-webkit-font-smoothing: antialiased;

	font-size: 15px;
	line-height: 28px;
	color: #2B2924;
	overflow-y:scroll;
	background-color: #FFFFFF;
}

@media screen and (max-width: 990px)
{
	body
	{
		font-size: 14.5px;
		line-height: 1.7em;
	}
}

p
{
	margin-bottom: 20px;
	text-align: center;
}

@media screen and (max-width: 767px)
{
    p
    {
        text-align: left;
    }
}

.bruin
{
	color: #c0980f;
}

a:link, a:visited, a:active
{
	color: #232323;
	text-decoration: underline;
}
a:hover
{
	color: #232323;
	text-decoration: underline;
}

.social-links
{
    color: #2B2924;
}

.social:link, .social:visited, .social:active, .social:hover
{
	color: #9d9d9d;
}


.email,
.telefoon
{
	color: #9d9d9d;
}
.email a:link, .email a:visited, .email a:active
{
	color: #9d9d9d;
}
.email a:hover
{
	text-decoration: underline;
}

a.btn,
.btn
{
	background-color: #ee6e00;
	border: 2px solid #ee6e00;
	color: #FFFFFF;
	border-radius: 0px;
    -moz-transition: all 300ms;
    -webkit-transition: all 300ms;
    transition: all 300ms;
	display:inline-block;
    margin: 0px 15px 15px 15px;
	text-decoration: none;
}
.btn:hover
{
	color: #FFFFFF;
	background-color: #d26800;
	border: 2px solid #d26800;
}

@media screen and (max-width: 600px)
{
    a.btn,
    .btn
    {
    	display: block;
    }
}



a.btn2,
.btn2,
a.btn2-inline,
.btn2-inline
{
 	color: #FFFFFF;
	display:inline-block;
    margin: 0px 15px 15px 15px;
    border: none !important;
    padding: 5px 15px 5px 50px;
    background: #1e5799;
    background: -moz-linear-gradient(left, #ff7e00 34px, #6c563f 34px, #6c563f 100%, #6c563f 100%);
    background: -webkit-linear-gradient(left, #ff7e00 34px,#6c563f 34px,#6c563f 100%,#6c563f 100%);
    background: linear-gradient(to right, #ff7e00 40px,#6c563f 34px,#6c563f 100%,#6c563f 100%);
    text-align: left;
	text-decoration: none;
	text-indent: -2px;
}
.btn2-inline:hover,
.btn2:hover
{
    background: -moz-linear-gradient(left, #6c563f 34px, #ff7e00 34px, #ff7e00 100%, #ff7e00 100%);
    background: -webkit-linear-gradient(left, #6c563f 34px,#ff7e00 34px,#ff7e00 100%,#ff7e00 100%);
    background: linear-gradient(to right, #6c563f 40px,#ff7e00 34px,#ff7e00 100%,#ff7e00 100%);
}

.btn2-inline.nohover:hover,
.btn2.nohover:hover
{
    background: -moz-linear-gradient(left, #ff7e00 34px, #6c563f 34px, #6c563f 100%, #6c563f 100%);
    background: -webkit-linear-gradient(left, #ff7e00 34px,#6c563f 34px,#6c563f 100%,#6c563f 100%);
    background: linear-gradient(to right, #ff7e00 40px,#6c563f 34px,#6c563f 100%,#6c563f 100%);
}

a.btn2-inline,
.btn2-inline
{
    margin: 0px 0px 15px 0px;
}

@media screen and (max-width: 1200px)
{
    a.btn2,
    .btn2
    {
    	    margin: 0px 5px 15px 5px;
    }
}
@media screen and (max-width: 992px)
{
    a.btn2,
    .btn2
    {
    	display: block;
    }
}

.btn2-icon
{
    margin-left: -36px;
    margin-right: 20px;
}


/* Since iOS adds a <a href="tel123456789"> tag around the number, all you have to do is make a css rule that styles this tag. */
a[href^=tel]
{
	color: #6d553d;
	text-decoration: none;
}

.zwart
{
	color: #2B2924 !important;
}

.img-responsive-center
{
	margin: 0 auto;
}

.imgborder_links
{
	border: 1px solid #CCCCCC;
	margin-top: 6px;
	margin-right: 15px;
	margin-bottom: 6px;
}


.afbeelding
{
    margin-bottom: 20px;
}


.opsomming ul
{
	list-style: none;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
}

.opsomming li
{
	list-style:none;
	padding-left: 5px;
	text-indent: -3em;
}

.opsomming li::before
{
	content: '\2022';
	color: #096007;
	font-weight: bold;
	font-size: 15px;
	line-height: 26px;
	padding-right: 10px;
	position:relative;
}


.opsomming.vlak-rechts li
{
	text-indent: 0em;
}

.opsomming.vlak-rechts li::before
{
	content: url('../img/svg/icoon_pluspunt.svg');
	padding-right: 20px;
	vertical-align: middle;
	color: #FFFFFF;
	position:relative;
	display: table-cell;
	padding-bottom: 10px;
}
.opsomming.vlak-rechts li
{
	display: table-row;
}
.opsomming.vlak-rechts
{
	color: #FFF;
}

@media screen and (max-width: 767px)
{
	.opsomming.vlak-rechts
	{
		padding-left: 15px;
		padding-bottom: 36px;
	}
}




h1
{
	font-family: 'Roboto', sans-serif;
	color: #6c563f;
	font-size: 24px;
	line-height: 42px;
	font-weight: 600;
	margin-top: 45px;
	margin-bottom: 5px;
	text-align:center;
}


h2
{
	text-align:center;
	color: #4b4b4b;
	font-size: 20px;
	line-height: 42px;
	font-weight: 600;
	margin-top: 45px;
	margin-bottom: 5px;
}


h3
{
	color: #4b4b4b;
	font-size: 24px;
	line-height: 34px;
	font-weight: 600;
	margin: 0;
	margin-top: 35px;
	margin-bottom: 25px;
	padding-top: 10px;
}


@media screen and (max-width: 1200px)
{
	h1
	{
		font-size: 25px;
	}

	h2
	{
		font-size: 24px;
	}
}
@media screen and (max-width: 992px)
{
	h1
	{
		font-size: 25px;
	}

	h2
	{
		font-size: 24px;
	}
}
@media screen and (max-width: 767px)
{
	h1
	{
        font-weight: 500;
		font-size: 25px;
        text-align: left;
        margin-top: 40px;
/*
        text-decoration: underline;

        border-bottom: 2px solid #4b4b4b;
        padding-bottom: 2px;
*/
	}

	h2
	{
        font-weight: 500;
		font-size: 25px;
	}
}

.wit
{
	color: #FFFFFF;
}

.no-margin { margin: 0px; }
.margin-left-0 { margin-left: 0px; }
.margin-right-0 { margin-right: 0px; }
.margin-top-0 { margin-top: 0px; }
.margin-bottom-0 { margin-bottom: 0px; }

.no-padding { padding: 0px; }

.margin-top-10 { margin-top: 10px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-30 { margin-top: 30px; }
.margin-top-40 { margin-top: 40px; }
.margin-top-50 { margin-top: 50px; }
.margin-top-60 { margin-top: 60px; }

.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-30 { margin-bottom: 30px; }
.margin-bottom-40 { margin-bottom: 40px; }
.margin-bottom-50 { margin-bottom: 50px; }
.margin-bottom-60 { margin-bottom: 60px; }

.padding-top-20 { padding-top: 20px; }
.padding-top-30 { padding-top: 30px; }
.padding-top-40 { padding-top: 40px; }
.padding-top-50 { padding-top: 50px; }
.padding-top-80 { padding-top: 80px; }

.padding-bottom-30 { padding-bottom: 30px; }
.padding-bottom-40 { padding-bottom: 40px; }
.padding-bottom-50 { padding-bottom: 50px; }
.padding-bottom-80 { padding-bottom: 80px; }


/***********************************************************************************************************************/
/* Header                                                                                                              */
/***********************************************************************************************************************/
.header-container
{
	color: #FFFFFF;
	margin-bottom: 20px;
	text-align: left;
}
@media screen and (max-width: 990px)
{
    .header-container
    {
        padding:0px;
    }
}
.headerafb
{
	height: 260px;
}

.header-container .bollen-container
{
    position: relative;
    width: 100%;
    float: right;
}

.header-container .bollen
{
    position: absolute;
    width: 125px;
    right: 0;
    height: 260px;
}

.header-container h1
{
	color: #FFFFFF;
	font-size: 22px;
	line-height: 44px;
	font-weight: 600;
    margin-top: 0px;
	margin-bottom: 5px;
    text-align: left;
    letter-spacing:  1px;
}

.header-container p
{
	color: #FFFFFF;
	margin-bottom: 20px;
	text-align: left;
}

.header-container a:link, .header-container a:visited, .header-container a:active
{
	color: #FFFFFF;
	text-decoration: underline;
}
.header-container a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}

.header-container .header-vlak
{
    position: absolute;
    width: 320px;
    height: 260px;
    top: 170px;
    padding: 15px 30px 30px 30px;
    margin-left: 100px;
    background-color: rgba(231, 116, 4, 0.8);
}
@media screen and (max-width: 990px)
{
    .header-container .header-vlak
    {
        width: 300px;
        height: 260px;
        margin-left: 15px;
        top: 140px;
    }

    .header-container h1
    {
        font-weight: 500;
        font-size: 22px;
        letter-spacing:  0px;
        text-decoration: none;
   }
}


.button-load-url
{
	cursor: pointer;
}



.titel-container
{
    margin-top: 40px;
}





/***********************************************************************************************************************/
/* Blauwe content vlakken                                                                                              */
/***********************************************************************************************************************/
.flex-row-column-bg
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0px 50px 50px 50px;
}

.flex-row-column-bg-content
{
    background-color: #d7e5f2;
    margin:15px;
    width: calc(50% - 30px);
    padding: 50px;
}

@media screen and (max-width: 992px)
{
     .flex-row-column-bg
    {
        padding: 0px;
    }

.flex-row-column-bg-content
    {
        padding: 30px;
    }
}

@media screen and (max-width: 768px)
{
    .flex-row-column-bg
    {
        padding: 0px;
    }

    .flex-row-column-bg-content
    {
        width: 100%;
        padding: 20px;
    }
}



/***********************************************************************************************************************/
/* Gallery                                                                                                           */
/***********************************************************************************************************************/
.gallery-container .afbeelding
{
	margin-bottom: 30px;
}

/*****************************************
GALLERY
*****************************************/
.gallery-fluid-container
{
	background-color: #f6f6f6;
}

.gallery-container
{
	padding-bottom: 20px; padding-top: 20px;
}


.lijn-subtitel
{
    background-color: #e77404;
    background-repeat: no-repeat;
	height: 2px;
	width: 40%;
	margin: 0 auto;
	margin-bottom: 20px;
}

.lijn-titel,
.lijn-titel2,
.lijn
{
    background-color: #e77404;
    background-repeat: no-repeat;
	height: 3px;
	width: 40%;
	margin: 0 auto;
	margin-bottom: 20px;
}

.lijn-titel2
{
	width: 30%;
}

.lijn
{
	width: 90%;
}

@media screen and (max-width: 1200px)
{
    .lijn-subtitel,
    .lijn-titel,
	.lijn-titel2
	{
		width: 60%;
	}
}
@media screen and (max-width: 992px)
{
    .lijn-subtitel
	{
		width: 65%;
	}

	.lijn-titel,
	.lijn-titel2
	{
		width: 50%;
	}
}
@media screen and (max-width: 767px)
{
    .lijn-subtitel
    {
		width: 30%;
    }

    .lijn-titel,
	.lijn-titel2
	{
		width: 100%;
        margin-left: 0px;
	}
}
@media screen and (max-width: 500px)
{
    .lijn-subtitel
    {
		width: 60%;
    }

    .lijn-titel,
	.lijn-titel2
	{
		width: 100%;
	}
}


/***********************************************************************************************************************/
/* Parallax container                                                                                                  */
/***********************************************************************************************************************/
.parallax-container
{
	position: relative;
	padding: 200px 0px;
	background-size: cover;
	background-attachment: fixed;
	background-position: top center;
	background-repeat: no-repeat;
}

.parallax-container:before
{
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.15);
}

.parallax-container .auto-container
{
	position: relative;
	z-index: 1;
}



/*****************************************
HEADER CAROUSEL
*****************************************/
#headerCarousel
{
	padding-top: 68px;
	border-bottom: 1px solid #f7ecd3;
}

#headerCarousel .afb
{
	min-height: 200px;
}


/* Let op: Fallback JS voor IE */
#headerCarousel .obj-fit
{
	min-height: 200px;
	object-fit: cover;
	object-position: 50% 50%;
}


.carousel-indicators li { visibility: hidden; }

.carousel-control.left,
.carousel-control.right
{
	visibility: hidden;
    background-image: none
}
@media screen and (max-width: 990px)
{
	.carousel-control.left,
	.carousel-control.right
	{
		visibility: hidden;
	}
}


/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 0;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}





/*****************************************
FOOTER
*****************************************/
.footer-slogan
{
    text-align: center;
    color: #6d553d;
    font-size: 18px;
    line-height: 32px;
    font-weight: bold;
    font-style: italic;
}

@media screen and (max-width: 767px)
{
    .footer-slogan
    {
        font-size: 16px;
        line-height: 28px;
    }
}
@media screen and (max-width: 400px)
{
    .footer-slogan
    {
        font-size: 14px;
        line-height: 24px;
    }
}

@media screen and (max-width: 320px)
{
    .footer-slogan
    {
        font-size: 13px;
        line-height: 24px;
    }
}

.footer-oranje-lijn
{
    background-color: #ff7d01;
    height: 3px;
}

.footer-container
{
    padding-top: 60px;
    padding-bottom: 60px;
}

.footer-container .telefoonnummer
{
    color: #00549f;
    font-size: 18px;
    font-weight: 600;
}

.footer-container .row-flex
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}

.footer-container .flex-links
{
    padding-right: 100px;
    text-align: right;
    flex-grow: 1;
    flex-basis: 0;
}

.footer-container .adres
{
    margin-top: 30px;
    margin-left: 70px;
}

.footer-container .flex-rechts
{
    padding-left: 100px;
    flex-grow: 1;
    flex-basis: 0;
}

.footer-container .verticale-lijn
{
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #d9d9d9;
    height: 160px;
}

@media screen and (max-width: 767px)
{
    .footer-container .row-flex
    {
        flex-direction: column;
        align-items: left;
        flex-wrap: nowrap;
    }

    .footer-container .flex-links
    {
        padding-right: 0px;
        margin-bottom: 30px;
        text-align: left;
    }

    .footer-container .flex-rechts
    {
        padding-left: 0px;
        text-align: left;
        margin-left: 70px;
    }

    .footer-container img
    {
        width: 280px;
        height: 73px;
    }
}

@media screen and (max-width: 320px)
{
    .footer-container .adres
    {
        margin-left: 55px;
    }

    .footer-container .flex-rechts
    {
        margin-left: 55px;
    }

   .footer-container img
    {
        width: 230px;
        height: 60px;
    }
}




/*****************************************
COLOFON
*****************************************/
.colofon-container
{
	padding-top: 10px;
    border-top: 1px solid #d9d9d9;
    color: #4b4b4b;
    background-color: #fbfdff;
}

.colofon-container .colofon_content
{
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 10px;
	line-height: 1em;
}


@media screen and (max-width: 380px)
{
	.colofon-container .spaties
	{
		display: none;
	}
}
@media screen and (min-width: 381px)
{
	.colofon-container .spaties
	{
		display: inline-block;
	}
	.colofon-container .enter
	{
		display: none;
	}
}

.colofon-container .colofon_content .links
{
	text-align: left;
	padding-left: 160px;
}
@media screen and (max-width: 1200px)
{
	.colofon-container .colofon_content .links
	{
		padding-left: 90px;
	}
}

@media screen and (max-width: 990px)
{
	.colofon-container .colofon_content .links
	{
		padding-left: 10px;
		text-align: center;
	}
}

.colofon-container .colofon_content .links a:link, .colofon-container .colofon_content .links a:visited, .colofon-container .colofon_content .links a:active
{
	color: #4b4b4b;
	text-decoration: none;
}
.colofon-container .colofon_content .links a:hover
{
	color: #4b4b4b;
	text-decoration: underline;
}

.colofon-container .colofon_content .rechts
{
	color: #a2a2a2;
	text-align: right;
	padding-right: 100px;
}

@media screen and (max-width: 1200px)
{
	.colofon-container .colofon_content .rechts
	{
		padding-right: 35px;
	}
}

@media screen and (max-width: 990px)
{
	.colofon-container .colofon_content .rechts
	{
		padding-right: 15px;
		text-align: center;
	}
}



.colofon-container .colofon_content .rechts a:link, .colofon-container .colofon_content .rechts a:visited, .colofon-container .colofon_content .rechts a:active
{
	color: #a2a2a2;
	text-decoration: none;
}
.colofon-container .colofon_content .rechts a:hover
{
	color: #a2a2a2;
	text-decoration: underline;
}


@media screen and (max-width: 767px)
{
	.colofon-container .colofon_content
	{
		font-size: 12px;
		line-height: 1.6em;
	}

	.colofon-container .colofon_content .rechts
	{
		margin-top: 5px;
		margin-bottom: 0px;
	}
}

@media screen and (max-width: 320px)
{
	.colofon-container .colofon_content
	{
		font-size: 10px;
	}
}



.form-control
{
	padding-left: 5px;
	padding-right: 5px;
	margin: 0px;
}

#reserveringsFormulier .form-control-feedback,
#contactFormulier .form-control-feedback
{
	position: absolute;
	display: inline-block;
	top: 34px;
	margin-right: 8px;
}
@media screen and (max-width: 767px)
{
	#reserveringsFormulier .form-control-feedback,
	#contactFormulier .form-control-feedback
	{
		top: 30px;
	}
}


#reserveringsFormulier .help-block,
#contactFormulier .help-block
{
	-webkit-font-smoothing: antialiased;

	font-size: 15px;
	line-height: 24px;
}


/*****************************************

*****************************************/
.ui-dialog-titlebar
{
	background-color: #ee6e00;
	background-image: none;
	color: #FFFFFF;

	font-family: 'Ubuntu', sans-serif;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;

	font-size: 15px;
	line-height: 1.6em;
	border-radius: 0px;
}

.ui-widget-content
{
	border-radius: 0px;
	border:none;

	font-family: 'Ubuntu', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;

	font-size: 15px;
	line-height: 1.6em;
	color: #2B2924;
}

.ui-widget-content p
{
	text-align: left;
}

.ui-widget-overlay
{
	opacity: .50 !important;
	filter: Alpha(Opacity=50) !important;

	background: #333333 !important;
	z-index: 10000;
}

.ui-widget.dialog
{
	position:fixed;
}

.ui-widget button
{
	margin-top: 20px;
	color: #FFFFFF;
	background-color: #ee6e00;
	outline:none !important;
	border: 2px solid #ee6e00;
	transition: 200ms;
	-webkit-transition: 200ms;
	border-radius: 0px;
}

.ui-widget button:hover
{
	color: #FFFFFF;
	border: 2px solid #d26800;
	background-color: #d26800;
	border-radius: 0px;
}


/***********************************************************************************************************************/
/* Fancybox                                                                                                            */
/***********************************************************************************************************************/
.fancybox-skin,
.fancybox-overlay
{
    display: none !important;
	background-color: #FFFFFF;
}

@media (min-width: 768px)
{
	.fancybox-skin,
    .fancybox-overlay
	{
        display: block !important;
    }
}

.fancybox-skin a
{
	color: #000000;
	font-weight: bold;
	font-size: 1.3em;
	text-decoration: none;
}

.fancybox-skin a:hover
{
	text-decoration: none;
}

.fancybox-close
{
	background-image: none;
}

.myClose
{
	text-align:center;
	font-size: 18px;
	width: 36px;
	height: 36px;

	top: -2px;
	right: -5px;
}
.myClose:before
{
	font-family: 'Font Awesome 5 Pro';
	font-size: 24px;
	line-height: 30px;
	position:absolute;
	right: 10px;
	color: #ff7e00;
	content: '\f00d';
}

a.myClose
{
	color: #ff7e00;
}
.myNext
{
	position: absolute;
	top: 45%;

	width: 36px;
	height: 36px;
	background-color: #ff7e00;
	border-radius: 5px;
	border: 3px solid #FFF;

	transition: 500ms;

	right: -46px;
}
.myNext:before
{
	font-family: 'Font Awesome 5 Pro';
	font-size: 24px;
	line-height: 30px;
	position:absolute;
	right: 10px;
	color: #FFF;
	content: '\f0da';
}


.myPrev
{
	position: absolute;
	top: 45%;

	width: 36px;
	height: 36px;
	background-color: #ff7e00;
	border-radius: 5px;
	border: 3px solid #FFF;

	transition: 500ms;

	left: -46px;
}
.myPrev:before
{
	font-family: 'Font Awesome 5 Pro';
	font-size: 24px;
	line-height: 30px;
	position:absolute;
	left: 10px;
	color: #FFF;
	content: '\f0d9';
}


.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

@media screen and (max-width: 767px)
{
	.row-eq-height {
	  display:         block;
	}
}


.nowrap
{
	white-space: nowrap;
}

.center
{
	text-align: center;
}

textarea
{
	resize: none;
}

.openingstijden
{
	width: 90px;
	float: left;
}


#google-maps
{
	position: relative;
	width: 100%;
	height: 300px; /* berekenen */
}

@media screen and (max-width: 767px)
{
	label
	{
		font-weight: normal;
	}
}