html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, img, form, label, table, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
img {
	display:block;
	padding:0;
	margin:0;
}
body {
	line-height: 1;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* #################################### einde browserinstellingen ######################## */
body {
	margin:0;
	padding:0;
	font:normal 100% Calibri Verdana, Arial, sans-serif;
	font-size:0.9em;
	line-height:1.5em;
	background-color:#2c5b6d;
	text-align:center;
	color:#000000;
}

p, li {
	margin:0;	
	padding:0;
}
ul {
	margin:0 0 0 5px;	
	padding:0 0 0 18px;
}
ol {
	margin:0;	
	padding:0 0 0 25px;
}
h1 {
	padding:0;
	font-size:2em;
	line-height:1em;
	padding:20px 0 8px 0;
	color:#86898a;
	text-align:left;
	font-weight:bold;
}
h2 {
	margin:10px 0 8px 0;
	padding:0;
	font-size:1.3em;
	font-weight:bold;
}
h3 {
	display:block;
	margin:0px 0 2px 0;
	padding:0;
	font-size:20px;
	font-weight:bold;
}
h4 {
	display:block;
	margin:0px 0 2px 0;
	padding:0;
	font-size:17px;
	font-weight:bold;
}
a:link, a:active, a:visited, a:hover {
	color:#1a77b1;
	font-weight:bold;
	text-decoration:none;	
}
/* #################################### hoofdopzet en menu ######################## */
#container{
	width:100%;
	max-width:1000px;
	padding:0px;
	margin:0 auto;
	overflow:auto;
	background:#FFFFFF;
}
#topfoto{
	width:100%;
	background-position:0 0; 
	background-size: contain; 
	background-repeat:no-repeat;
	padding:0;
	margin:0;
}
#topfoto img{
	width:100%;
}

/* menu */
#menu {
	width:100%;
	padding:0;
	margin:0;
	font-variant: small-caps;
	font-size:1.2em;
}
#menu ul {
	list-style: none;
	padding:10px 0;
	margin:0;
	overflow:hidden;
	line-height:1.8em;
	background:#86898a;
}
#menu ul li {
	display:block; 
	float:left; 
	padding:0;
	margin:0;
}
#menu ul li a:link, #menu ul li a:active, #menu ul li a:visited {
	display:block;
	color:#050505;
	text-decoration:none;
	vertical-align:middle;
	padding-left: 20px;
	padding-right: 10px;
	font-weight:normal;
}
#menu ul li a:hover {
	color:#FFFFFF;
}
#menu ul li a.actief:link, #menu ul li a.actief:active, #menu ul li a.actief:visited, #menu ul li a.actief:hover  {
	color:#FFFFFF;
}
#menu ul li ul{
	display:none;
}
#menu ul li:hover ul{
	display:block; 
	position:absolute;
	z-index:5000;
	background:#86898a;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
#menu ul:hover li ul li {
	text-align:left;
	display:block;
	float:none;
}
#menu ul:hover li ul li a{
	padding-left: 20px;
	padding-right: 10px;
}
#menu2 {
	display:none;
}
#menu2{	
	background:#86898a;
	width:100%; 	
	margin:0px 0 0 0; 
	padding:10px 0; 
	/*position:absolute; 
	z-index:10;*/
	text-align:left;
	font-variant: small-caps;
}
#menuknop a{
	color: #050505;
	padding: 0 20px;
}
#menu2 ul  {
	list-style:none; 
	margin:0;
	padding:0 20px 0px 20px; 	
}
#menu2 ul li ul {
	list-style-type:disc; 
	padding:0 0 0 33px; 
	margin:0;
}
#menu2 ul li ul li{
	padding:0; 
	margin:0;
}
#menu2 ul li a:link, #menu2 ul li a:active, #menu2 ul li a:visited {
	display:block; 
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
	color: #050505;
}
#menu2 ul li a:hover {
	background:#86898a;
	color:#FFFFFF;
}
#menu2 ul li a.actief:link, #menu2 ul li a.actief:active, #menu2 ul li a.actief:visited, #menu2 ul li a.actief:hover  {
	color:#FFFFFF;
}
#menu2 ul li a.actief:link, #menu2 ul li a.actief:active, #menu2 ul li a.actief:visited, #menu2 ul li a.actief:hover   {
	display:block; 
	
}
#menu2 ul li ul li a:link, #menu2 ul li ul li a:active, #menu2 ul li ul li a:visited {	
	text-decoration:none; 
	font-weight:normal;
}
#menuinhoud2 {
	border-top:1px solid #050505;
  	border-bottom:1px solid #050505;
	background:#86898a;
	width:100%;
	margin-top:5px;
	padding:15px 0 15px 0;
	display:none;
	position:absolute; 
	z-index:10;
}

/* kolommen */
#homecontent {
	padding:0 20px;	
}
#hoofdkolom{
	width:60%; /* 600px */
	float:left;
	text-align:left;
	overflow:hidden;
}
#rechterkolom{
	width:40%; /* 400px */
	float:right;
	text-align:left;
	overflow:hidden;
	padding-top:20px;
}
#bredekolom{
	width:100%; /* 1000px */
	float:left;
	text-align:left;
	overflow:hidden;
}
.kolominhoud1{
	padding:10px 15px 10px 20px;
}
.kolominhoud2{
	padding:10px 20px 10px 15px;
}
.outerhome1, .outerhome2, .outerhome3 {
	float:left;
	width:33.2%;
	overflow:hidden;
	text-align:left;
}
.innerhome1 {
	padding-right:4%;
	overflow:hidden;
}
.innerhome2 {
	padding-left:2%;
	padding-right:2%;
	overflow:hidden;
}
.innerhome3 {
	padding-left:4%;
	overflow:hidden;
}
.hometekst{
	width:100%;
	font-size:90%;
	line-height:135%;
	margin:0;
}
.homebutton {
	border:0px;
	background-color:#86898a;
	color: #050505;
	font-weight:bold;
	font-size:15px;
	padding:10px 15px;
	margin:10px 0 25px 0;
	cursor:pointer;
}

.fotodiv3 {
	width:100%;
	max-width:980px; //580px; 
	padding: 0 0 10px 0;
}
.fotodiv2 {
	width:50%; /* 300px */
	max-width:290px;
	float: left;
	padding-right: 10px;
}
.fotodiv1{
	width:50%; /* 300px */
	max-width:290px;
	float: right;
	padding-left: 10px;
}
.fotodivrechts{
	width:100%; 
	margin-bottom:10px;
}
.fotodivhome{
	padding-top:10px;
	padding-bottom:10px;
	width:100%;
	float:left;
}
.fotodiv1 img, .fotodiv2 img, .fotodiv3 img, .fotodivrechts img, .fotodivhome img {
	width:100%;
	padding:0%;
	display:block;
	margin:0;
}
.fotodivhome img {
	width:100%;
	padding:0;
	display:block;
	margin:0;
}
.fotoonderschrift{
	padding:0 5px 0 0;
	font-size:0.8em;
	font-style:italic;
}
.youtube {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0; /**/
	overflow: hidden;
}
.youtube iframe, .youtube1 object, .youtube1 embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.fotokoepel {
	padding:0 0 0 0;	
}
.fotokoepel img{
	display:inline-block;
	margin:2px;
}
.newsdiv{
	display:block;
	overflow:hidden;
	width:100%;
	text-decoration:none;
	padding:5px;
}
.newsdiv img{
	float:left;
	width:105px;
	height:105px;
}
.newstext{
	color:#000000;
	font-weight:normal;
	margin-left:120px;
}
/* formulier */
.label{
	float:left;
	width:160px;
	clear:both;
	padding:4px 0 0 0;
}
.obslabel{
	display:block;
	padding:15px 0 0 0;
	font-size:120%;
}
.formveld{
	float:left;
	width:350px;
	padding:4px 0 4px 0;
}
.unveld {
	font:inherit;
	color:inherit;
	background:	FFFFFF;
	width:95%;
	height:22px;
	padding:2px 5px;
	border:1px solid #2c5b6d;
}
.untekstveld {
	color:inherit;
	font-family:inherit;
	font-size: inherit;
	background:	FFFFFF;
	width:95%;
	height:250px;
	padding:5px 5px;
	border:1px solid #2c5b6d;
}
.knop{
	color: #FFFFFF;
	background:#2c5b6d;
	font:inherit;
}
.niettonen{
	display:none;	
}
.gmap{
	margin-top:10px;
}
.clear_all {
	clear:both;	
}
#map_canvas{
	height:300px;
	width:95%;
	border:1px solid #2c5b6d;
}
#footer img{
	width:100%;
}
#edited{
	font-size: 70%;
}
@media screen and (max-width : 860px) {
	/* homeblokjes onder elkaar met tekst ernaast */
	.outerhome1, .outerhome2, .outerhome3 {
	 	width:100%;
	}
	.innerhome1, .innerhome2, .innerhome3 {
		padding:0 0 10px 0;
	}
	.hometekst{
	  width:40%;
	  font-size:100%;
	  line-height:150%;
	  float:right;
	  text-align:left;
	}
	.fotodivhome{
		padding:0;
		width:56%;
		float:left;
	}
	.fotodivhome img {
	   width:100%;
	}	
}
/* om te zorgen dat menu op één lijn blijft */
@media screen and (max-width : 860px) {
	#menu {
		font-size:1em;
	}
}
@media screen and (max-width : 740px) {
	#menu {
		font-size:0.9em;
	}
}
@media screen and (max-width : 665px) {
	/* rechterkolom onder hoofdkolom */
	#hoofdkolom{
		width:100%;
		float:none;
	}
	#rechterkolom{
		width:100%;
		float:none;
		font-size:100%;
	}
}
@media screen and (max-width : 700px) {
	/* menu 2 actief */
	#menu{
		display:none;
	}
	#menu2{
		display:block;
	}
}
@media screen and (max-width : 485px) {
	/* homefoto en tekst weer onder elkaar */
	.innerhome1, .innerhome2, .innerhome3 {
		padding:0 0 20px 0;
	}
	.hometekst{
	  width:100%;
	  font-size:100%;
	  line-height:150%;
	  float:none;
	}
	.fotodivhome{
		padding:0;
		width:100%;
		float:none;
	}
	.fotodivhome img {
	   width:100%;
	   margin-bottom:10px;
	}
}