html, body { margin: 0; font-family:'Open Sans';}
h1, h2, h3, h4, h5, li, a, p {font-family:'Open Sans';}
.row { max-width: 960px; }
.mobile-contact {display:none;}

.header-contact { padding-top:20px;}
.header-contact ul {list-style:none;}
.header-contact a {text-decoration:none; color:#000;}
.header-contact a:hover{text-decoration:underline;}
.header-contact #adresgegevens {padding-top:27px;}

#hamburger { display: none; }
.menuwrap { background: #2d6a84; }
.menu {}
.menu ul { margin: 0; }
.menu li { float: left; list-style: none; }
.menu a { color: #fff; font-weight: bold; padding: 15px; display: block; }


.menu ul ul { display: none; }
.menu ul li:hover > ul { display: block; }
.menu ul li:hover > a { background: #89bccc; color: #2d6a84; }

.menu ul ul { background: #2d6a84; margin-left: 0px; padding-top: 10px !important; position: absolute; min-width: 100px; padding: 0; float: none; padding-bottom: 10px; z-index: 999; }
.menu ul ul li { color: #fff;  float: none; margin-left: 0; line-height: 30px; padding-bottom: 0; border: none; }
.menu ul ul li:hover { border: none; color: #fff;}
.menu ul ul li:first-child { border-top: none; }
.menu ul ul li a { color:#FFF; padding-left: 10px; font-weight: normal; font-size: 14px; font-weight: bold; padding-right: 80px; padding: 7px 35px 7px 15px; border: none; }	
.menu ul ul li a:hover { text-decoration: underline; border-bottom: 0; border: none; background: none; color: #fff;}
.menu ul ul ul { position: absolute; top:0; left: 100%; }
.menu ul ul li:hover > a { background: none; }

.bg {width:100%; height:400px; max-height:100%;}
.bg-mobile {display:none;}

.content {padding-top:30px; padding-bottom:20px;}
.content img { padding-right:0; }
.content h1 {color:#d84e16; font-size:20px; font-weight:bold;}
.content h2 {color:#2d6a84; font-size:16px; font-weight:bold;}
.content-diensten {padding-top:30px;}
.content-afspraak h2{text-align:center; }

.footer {background:#d84e16; }
.footer .row { padding-top:20px; padding-bottom:20px;}
.footer h2 {color:#fff; font-size:16px; font-weight:bold;}
.footer ul {margin-left:0px;}
.footer li {list-style:none; color:#fff;}
.footer li:before {
    content: "●";
    color: #fff; 
	padding-right:10px;
	font-size:14px;
}
.footer a { color:#fff; font-size:14px; text-decoration:none;}
.footer a:hover{text-decoration:underline;}

.footer iframe {height:300px; max-height:100%;}
.contactgegevens {padding-top:30px;}

.bottom {  padding: 15px 0; text-align: center; }
.bottom p { font-size: 14px; color: #272727; margin-bottom: 0;}
.bottom a { color: #272727; text-decoration: underline; }
.bottom a:hover { text-decoration: none; }

// Small screens
@media only screen { 

	
} /* Define mobile styles */

@media only screen and (max-width: 40em) { 
.header-contact{display:none;}
.bg {display:none;}
.bg-mobile {display:block;}
.bg-mobile img {width:100%;}
#hamburger { background: #2d6a84; display: block; float: left; width: 100%; padding: 10px 7px; }
#hamburger h2 { float: left; padding-right: 20px; color: #fff; font-size: 22px; padding-left: 20px; padding-top: 4px; }
#hamburger img { padding-top: 6px; float: left; }


.menu { height: auto; display: none; background: #2d6a84; float: left; margin-top: 0; width: 100%; margin-bottom: 20px; }
.menu li { float: none; line-height: 26px;  width: 100%; margin-left: 0; line-height: 40px; }
.menu ul {  width: 100%; margin-left: 0; display: block; padding-top: 0; padding-right: 0; }
.menu a { color: #fff; width: 100%; font-size: 16px; display: block; padding-top: 10px; padding-bottom: 10px; }
.menu a:hover { border: none; color: #fff; }

.menu ul ul { display: block; position: relative; background: #2d6a84; padding-top: 0; }
.menu ul li:hover > ul { display: block; }
.menu ul ul li { border-bottom: 0; padding: 0px 0 0px 40px; width: auto; }
.menu ul ul li a { color: #fff; font-weight: normal; font-size: 14px;  }


.mobile-contact {
	display:block;
	text-align:center;
	margin-top:20px;
	margin-bottom:30px;
}

.bellen  {
	background:#2d6a84;
	color:#FFF;
	padding:12px 18px;
	margin-right:5px;

}
.bellen:hover {
	background:#291472;
	color:#FFF;
}
.route {
	background:#291472;
	color:#FFF;
	padding:12px 18px;
	margin-left:5px;
}
.route:hover {
	background:#2d6a84;
	color:#FFF;
}

} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

// Medium screens
@media only screen and (min-width: 40.01em) { 


} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { 


} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

// Large screens
@media only screen and (min-width: 64.063em) {


} /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 140em) { 


} /* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */