html, body { margin: 0; font-family:'Open Sans';}
h1, h2, h3, h4, h5, li, a, p {font-family:'Open Sans';}
.row { max-width: 1000px; }
.top { background-color:#112f87; color:#FFF; }
.mobile-contact { display:none;}

.contact {
	margin:0;
	padding:0;
	height:30px;
	margin-top:5px;
	text-align:right;
}
.contact a {text-decoration:none; color:#FFF;}
.logo{padding:10px 0;text-align:center }
.logo img { max-height: 120px; }
.logo-text {  margin-top: 180px; padding: 15px 10px; padding-left: 15px; background: #000; opacity:0.6;}
.logo-text p { color: #fff; font-size: 14px; font-weight: bold;text-transform: uppercase;  text-align: center; }
/* .bg { background: url('../img/headerimg.jpeg') no-repeat center top; height: 300px; background-position: 40% 35%;}*/
.bg-mobile { display:none;}

.contact li { list-style:none; display:inline-block; font-size:14px; padding-right:15px; text-align:right;}

.bg img{ height: 300px;}
#hamburger { display: none; }

.menuwrap { background: #FFF; }
.menu {}
.menu ul { margin: 0; padding-top:17px;}
.menu li { float: left; list-style: none; }
.menu a { color: #272727; font-weight: bold; padding: 15px; display: block; }
.menu a:hover { background: #112f87; }

.menu ul ul { display: none; }
.menu ul li:hover > ul { display: block; }
.menu ul li:hover > a { background: #112f87; color: #fff; }

.menu ul ul { background: #112f87; 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: #9fcc0f;  float: none; margin-left: 0; line-height: 30px; padding-bottom: 0; border: none; }
.menu ul ul li:hover { border: none; }
.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; }
.menu ul ul ul { position: absolute; top:0; left: 100%; }
.menu ul ul li:hover > a { background: none; }

.content { margin: 45px 0; }
.content h1, .content h2 { color: #112f87; font-size: 18px; font-weight: bold; }
.content p { color: #272727; font-size: 14px; line-height: 30px; }

.rechts { padding: 0 20px; }
.rechts input, .rechts textarea { width: 100%; border: 2px solid #d9d9d9; font-size: 14px; margin-bottom: 10px; padding: 12px; }
.rechts textarea { height: 130px; resize: none; }
.rechts input.verzenden { width: auto; float: right; color: #fff; background: #112f87; font-size: 16px; font-weight: bold; cursor: pointer; border: none; padding: 17px; }

.quote { background: #eeeeee; padding: 25px 0; }
.quote p { text-align: center; font-size: 15px; color: #272727; line-height: 30px; }
.quote p.title { font-weight: bold; font-style: italic; margin-bottom: 5px; padding-top: 25px; }

.footer { margin-top: 50px; margin-bottom:30px; }
.footer h3 { color: #112f87; font-size: 14px; font-weight: bold; margin-bottom: 10px; }
.footer ul { margin: 0; }
.diensten ul li { line-height: 40px; }
.gegevens .adresgegevens  { margin-bottom: 45px; }
.footer li { font-size: 15px; color: #272727;  list-style: none; line-height: 30px; }
.footer a { color: #272727; }
.maps a{text-decoration:underline;}
.bottom { border-top: 2px solid #112f87; 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) { 
.wrap {padding-left:0px; padding-right:0px;}
.logo-text { display: none; }
.logo img { max-height: 100%; }
#hamburger { background: #272727; 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; }
.top {display:none;}
.logo img {  width:100%; }

.menu { height: auto; display: none; background: #272727; float: left; margin-top: 0; width: 100%; margin-bottom: 20px; }
.menu li { float: none; line-height: 26px; border-bottom: 1px solid #fff; width: 100%; margin-left: 0; line-height: 40px; }
.menu ul { margin-top: 10px; width: 100%; margin-left: 0; display: block; padding-top: 0; padding-right: 0; }
.menu a { color: #fff; width: 100%; padding-left: 45px; 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: #272727; 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;  }


.bg { display:none;}
.bg-mobile{display:block; width:100%;}
.quote-img { text-align: center; }
.diensten { margin-bottom: 25px; }
.maps { margin-top: 25px; }

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

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

}
.bellen:hover {
	background:#000;
	color:#FFF;
}
.route {
	background:#000;
	color:#FFF;
	padding:12px 18px;
	margin-left:5px;
}
.route:hover {
	background:#112f87;
	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 */