html {
    position: relative;
    min-height: 100%;
}

body {
    margin: 0 0 250px; /* bottom = footer height */
    padding-bottom: 80px;
}


body {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    line-height: 1.42857;
    color: #939393;
    background:#FFF;
}

.Facebook { 	
	background: transparent url("/gfx/facebook.svg") no-repeat scroll left center;
	padding: 20px 36px;
	display: inline-block;
	color:#939393!important;
	margin-top:20px;
}

.Facebook:hover {color:#49659F!important; text-decoration:none;}

a {outline:none!important;}
p {line-height:23px;}
.no-padding {padding:0px;}
h1 {font-weight:100; font-size:2.2em; margin-top: 0px; margin-bottom: 30px; color:#00A6AD;}
h3 {font-weight:100; font-size:1.2em; margin-top: 0px; margin-bottom: 30px; line-height:23px; color:#00A6AD;}
h1 small { font-size:13px; margin-bottom:10px; display:block; color:#565555;}

.mobileMenuButton {
		position: fixed;
		top: 15px;
		right: 15px;
		background-color: #0295A5;
		width: 40px;
		height: 40px;
		z-index: 101;
		border-left: 0px none;
		border-top: 0px none;
		-webkit-transition: all ease 0.3s;
		-moz-transition: all ease 0.3s;
		transition: all ease 0.3s;
		display:none;
		border-radius:50%;	
	}
	.mobileMenuButton .bar {
		position: absolute;
		width: 60%;
		left: 20%;
		height: 2px;
		background-color: #FFF;
		transform: rotate(0deg);
		-webkit-transition: all ease 0.3s;
		-moz-transition: all ease 0.3s;
		transition: all ease 0.3s;
	}
	.mobileMenuButton .bar-1 {
		top: 35%;
	}
	.mobileMenuButton .bar-2 {
		top: 50%;
	}
	.mobileMenuButton .bar-3 {
		top: 65%;
	}
	.mobileMenuButton.open .bar-1 {
		transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		top: 15px;
		left: 16px;
		width: 15px;
	}
	.mobileMenuButton.open .bar-2 {
		width:20px;
	}
	.mobileMenuButton.open .bar-3 {
		transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		left: 16px;
		top: 61%;
		width: 15px;
	}
	
	.mobmenu {
		margin-top:80px;
		list-style:none;
		padding:0px;
	}
	
	.mobmenu li {font-size:2em; font-weight:100; text-align:center; margin:10px 0px; padding:15px 0px; letter-spacing:0.5px; }
	.mobmenu li a {color:#565555;}
	.mobmenu .active a{color:#0295A5;}
	
	.header {
		width: 100%;
		height: 100%;
		overflow-x: hidden;
		overflow-y: scroll;
		position: fixed;
		max-height: 100%;
		z-index: 100;
		background-color: #FFF;
		left: -100%;
		transition: all 0.3s ease-in-out 0s;
		box-shadow: 0px 63px 40px 0px rgba(0, 0, 0, 0.15);
	}

	.header.open {
		left: 0;
	}
	

.logo {margin-top:20px;}
.logo img {max-width:100%;}

.menu {margin:45px 0px 0px 0px; padding:0px; background-color: #00A6AD; border-radius:12px;}
.menu .active { 
	background: url("/new/gfx/icon-active.svg"); 
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 8px;
}
.menu li {display:inline-block; margin-right:30px;}
.menu li:first-child {margin-left:30px;}
.menu li a {color:#FFF; padding:17px 0px; display:inline-block;}
.menu li a:hover {color:#FFF; text-decoration:none;}

.menu .bellen {
	color: #fff; background: #0295A5 url("/new/gfx/icon_phone.svg"); 
	background-repeat:no-repeat;
	background-size:21px;
	background-position:25px center;
	float:right; 
	margin:0px; 
	padding: 9px 30px 9px 70px;
	-webkit-border-top-right-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;
	-moz-border-radius-topright: 12px;
	-moz-border-radius-bottomright: 12px;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
}
.menu .bellen a {color: #fff; padding:0px;}
.menu .bellen a:hover {color:#FFF;}
.menu .bellen span { display:block;}
.menu .bellen .big { font-weight:800;} 
.menu .bellen .small {
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 0.25px;
	color: #A0DCE3;
}

.content {margin-top:50px; padding:0px;}
.content img {max-width:100%;}
.content a {color:#565555;}
.content ul {padding:0px; }
.content li {
	list-style:none; 
	padding-left:30px;  
	background-image: url("/new/gfx/icon-voordeel.svg"); 
	background-size: 10px;
	background-repeat: no-repeat;
	padding: 2px 0px 2px 22px;
	background-position: left center;
	font-style:italic;
}

.content-vervolg { margin-top:20px;}
.content-vervolg .big {font-size:1.3em; font-weight:100; color:#00A6AD; }

.about img {border-radius:50%; width:270px; max-width:100%; float:right;}

.footer {
	background:#C1E9EB url("/new/gfx/background_balk-horizontal.jpg");
    background-repeat:repeat-x;
    background-size: 9%;
    background-position:top left;
	padding:80px 0px;
	margin-top:120px;
	position: absolute;
    left: 0;
    bottom: 0;
    height: 250px;
    width: 100%;
    overflow:hidden;
}
.contactblok {
	color:#0295A5; 
	line-height: 24px;
	font-weight: 100;
	font-size: 0.95em;
	letter-spacing: 0.25px;
}

.contactblok a {color:#0295A5; }

.contactblok .contact {
	background: transparent url("/new/gfx/icon_phone-blue.svg") no-repeat scroll left top / 24px auto;
	padding-left: 50px;
}

.contactblok .tijden {
	background: transparent url("/new/gfx/icon_clock.svg") no-repeat scroll left top / 40px auto;
	padding-left: 70px;
}

.contactblok .tijden .small {margin-top:10px; display:block; font-style:italic;}
.whatsapp {
	background:#5CBF4B url("/new/gfx/icon-whatsapp.svg") no-repeat scroll 10px center / 27px auto; 
	color:#FFF;
	display: inline-block;
	padding: 10px 20px 10px 50px;
	border-radius: 8px;
	margin-top:10px;
}

.pricelist .small {text-align:right; color:#B6B6B6;}
.pricelist {padding:0px 15px;}
.pricelist .col-md-10 {line-height:25px;}
.pricelist .col-md-2 {line-height:25px;}
.pricelist .col-md-12 {padding: 11px 4px 9px; font-size: 13px;}
.pricelist .title {display:block; font-weight: 100; padding: 8px 18px; clear:both; font-size:1.1em; background-color: #00A6AD;color: #FFF;}
.pricelist .col-md-12:nth-of-type(even) { background-color:#FFF; }
.pricelist .col-md-12:nth-of-type(odd){ background-color: #F0F0F0; border-bottom: 1px solid #E4E4E4;}

.mobilebellen {display:none;}
@media (max-width: 768px) {
	
	.content {float:left; margin-top:0px;}
	body {padding-bottom:30px; margin: 0 0 450px; /* bottom = footer height */}
	.mobilebellen {display:block;}
	.mobilebellen {
	color: #fff; background: #0295A5 url("/new/gfx/icon_phone.svg"); 
	background-repeat:no-repeat;
	background-size:21px;
	background-position:25px center;
	float:left;
	width:100%; 
	margin:40px 0px; 
	padding: 10px 30px 9px 70px;
	border-radius:15px;
	}
	
	.mobilebellen a {color: #fff;}
	.mobilebellen a:hover {color:#FFF;}
	
	.mobilebellen span { display:block;}
	.mobilebellen .big { font-weight:800;} 
	.mobilebellen .small {
		text-transform: uppercase;
		font-size: 11px;
		letter-spacing: 0.25px;
		color: #A0DCE3;
	}
	
	.content li {background-position: left 10px;}

	.mobileMenuButton {display:block;}
	.menu {display:none;}
	.about img {margin:20px 0px;}
	.contactblok .tijden { background: transparent url("/new/gfx/icon_clock.svg") no-repeat scroll left top / 32px auto;padding-left: 60px; margin-top:20px; }
	.contactblok .contact { padding-left: 60px;}
	.whatsapp {margin-left:0px;}
	.footer {margin-top:40px; background-size:30%; height:450px;}
}