body {
	background-color:#f2f2f2 !important;
	font-family: "Segoe UI", sans-serif;
	
}
.w3-blauw	{color:#ffffff!important;background-color:#2e4a62 !important}
.w3-text-blauw {color:#2e4a62 !important;}
.w3-grijs	{color:#734d26!important;background-color:#f2f2f2 !important}

.buiten {
	max-width: 1600px;
}
.page {
	position: relative;
	min-height: 100vh;
}
.pgct {
	padding-bottom: 50px;
}
.pgft {
  position: absolute;
  bottom:0;
  height: 50px; 
  width:100%;
}

.tooltip {
  text-decoration:none;
  position:relative;
}
 
.tooltip span {
  display:none;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  color:black;
  background:white; 
}
 
.tooltip span img {
  float:left;
  margin:0px 8px 8px 0;
}
 
.tooltip:hover span {
  display:block;
  position:absolute;
  top:0;
  left:0;
  z-index:100000;
  width:auto;
  max-width:320px;
  min-height:128px;
  border:1px solid black;
  margin-top:12px;
  margin-left:32px;
  overflow:hidden;
  padding:8px;
}

@media only screen and (max-width:600px){
.buitenrand {
	position: relative;
	margin: 0 auto; 
}
.bannerblok {
	margin-top:40px;
}
.positie {
	top:100px;
	left:50px;
}
.hoofdtitel {
	font-family: "Segoe UI", sans-serif;
	color:maroon;
	font-size:18px;
}
.ondertitel {
	font-family: 'Segoe UI', sans-serif;
	font-size:16px;
	color: olive;
}
.menu {
	font-family: 'Segoe UI', sans-serif;
	font-size:12px;
	color: ;
}
.koptitel {
	font-family: 'Segoe UI', sans-serif;
	font-size:10px;
	font-weight:bold;
	color:maroon;
}
.inhoud {
	font-family: 'Segoe UI', sans-serif;
	font-size:10px;
	color:#000000;
}
.footer {
	font-family: 'Segoe UI', sans-serif;
	font-size:8px;
	color:#FFFFFF;
}
	
}

@media only screen and (min-width:601px) and (max-width:800px){
.buitenrand {
	position: relative;
	margin: 0 auto; 
	padding: 0 20px; 
}

.bannerblok {
	padding-top:110px;
}

.positie {
	top:180px;
	left:160px;
}
.hoofdtitel {
	font-family: "Segoe UI", sans-serif;
	color:maroon;
	font-size:18px;
}
.ondertitel {
	font-family: "Segoe UI", sans-serif;
	font-size:16px;
	color: olive;
}
.menu {
	font-family: "Segoe UI", sans-serif;
	font-size:13px;
	color: olive;
}
.koptitel {
	font-family: 'Segoe UI', sans-serif;
	font-size:11px;
	font-weight:bold;
	color:maroon;
}
.inhoud {
	font-family: "Segoe UI", sans-serif;
	font-size:11px;
	color:#000000;
}
.footer {
	font-family: "Segoe UI", sans-serif;
	font-size:10px;
	color:#FFFFFF;
}

	
}


@media only screen and (min-width:801px){
.buitenrand {
	max-width: 1400px; 
	min-width:504px;
	position: relative;
	margin: 0 auto; 
	padding: 0 20px; 
}

.bannerblok {
	padding-top:110px;
}
.positie {
	top:200px;
	left:400px;
}
.hoofdtitel {
	font-family: "Segoe UI", sans-serif;
	color:maroon;
	font-size:20px;
}
.ondertitel {
	font-family: "Segoe UI", sans-serif;
	font-size:18px;
	color: olive;
}
.menu {
	font-family: "Segoe UI", sans-serif;
	font-size:14px;
	color: olive;
}
.koptitel {
	font-family: 'Segoe UI', sans-serif;
	font-size:12px;
	font-weight:bold;
	color:maroon;
}
.inhoud {
	font-family: "Segoe UI", sans-serif;
	font-size:12px;
	color:#000000;
}
.footer {
	font-family: "Segoe UI", sans-serif;
	font-size:10px;
	color:#FFFFFF;
}
	
}