@charset "utf-8";
/* CSS Document */
@media only screen and (orientation:portrait) {
  body {
    height: 100vw;
    transform: rotate(90deg);
  }
}
body{
  color: #130336;
  overflow-x:hidden;
  background-color: #FFF;
  margin: 0;
  font-family: Arial;
  font-size: 16px;
}
a:link { 
  color: #130336;
  text-decoration: none;
}
a:visited {
  color: #130336;
  text-decoration: none;
}
a:hover { 
  color: #130336;
  text-decoration: underline;
}
a:active { 
  color: #130336;
  text-decoration: none;
}

#page-container {
	position: relative;
	min-height: 98vh;
	width: 100%;
}
#content-wrap {
	  padding-bottom: 2.5rem;    /* Footer height */
}
#footer {
	position: fixed;
	bottom: 0px;
	color: white;
	width: 100%;
	background-color: #0071BC;
	z-index: 99;
	text-align: center;
	font-family: "Arial";
	height: 20px;          /* Footer height */
}
#main {
	margin: auto;
	width: 99%;
	position: absolute;
	top:0px;
}
.centersub{
	position: relative;
	margin: 0 auto;
	width: 950px;
}
#kop{
	position: relative;
	height: 150px;
}
#knoppen{
	position: relative;
	background-color: #0071BC;
	height: 30px;
}
.logo{
	position:absolute;
	width: 400px;
	height: 100px;
	left: 10px;
	top: 0px;
}
.main{
	top:3vw;
	padding-top: 4vh;
	font-family: "Arial";
	color: #1B75BC;
	position: relative;
}
h1{
	text-align: center;
}
ol li {display:block;} /* hide original list counter */
ol > li:first-child {counter-reset: item;} /* reset counter */
ol > li {counter-increment: item; position: relative;} /* increment counter */
ol > li:before {content:counters(item, ".") ". "; position: absolute; margin-right: 100%; right: 10px;font-weight: bold;} /* print counter */
.button {
	height:30px;
	padding-left: 10px;
	padding-right: 20px;
	text-align: center;
	font-size: 20px;
	border: none;
	background-color: #0071BC;
	color: white;
	cursor: pointer;
	vertical-align: top;
}
.active,.button:hover {
	background-color: white;
	color: #0071BC;
}
.btninstagram {
	background-image: url("../images/instagram30.png");
	background-color: transparent;
	height: 30px;
	width: 30px;
	border: none;
	cursor: pointer;
}
.btnfacebook {
	background-image: url("../images/facebook30.png");
	background-color: transparent;
	height: 30px;
	width: 30px;
	border: none;
	cursor: pointer;
}

/* Fixed sidenav, full height */
.sidenav {
    height: 100%;
    width: 222px;
    float: left;
    z-index: 1;
    overflow-x: hidden;
}

/* Style the sidenav links and the dropdown button */
.sidenav a, .dropdown-btn {
	text-decoration: none;
	text-align:center;
	font-size: 16px;
	color: #fff;
	display: block;
	background-color: #0071bc;
	border:1px solid rgba(0,113,188,1);
	border-radius: 10px;
	width: 90%;
	cursor: pointer;
	outline: none;
	margin: 2px;
	padding-top: 6px;
	padding-bottom: 6px;
}

/* On mouse-over */
.sidenav a:hover, .dropdown-btn:hover {
    color: #0071bc;
	background-color:#fff;
}
.dropdown-container a {
    background-color: #0071bc;
	color: white;
}

/* Add an active class to the active dropdown button */
.sidenav .active {
    background-color: #003c63;
    color: white;
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
	display: none; 
}

/* Optional: Style the caret down icon */
.fa-caret-down {
    float: right;
    padding-right: 10px;
}

/* Some media queries for responsiveness */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 12px;}
}
.next_sidebar {
    position: absolute;
	left: 220px;
}
.box {
	height: 166px;
	width:950px;
	border-radius:20px;
	overflow: hidden;
	border: 1px solid #06C;
	position: relative;
	box-shadow: 3px 3px 5px #666;
}
.fotodiv {
	float: left;
	position: absolute;
	left: 8px;
	top:8px;
}
.foto {
	border-radius:15px;
}
.titel {
	float: left;
	position: absolute;
	left: 190px;
	top:10px;
	font-size:18px;
}
.datum {
	float: left;
	position: absolute;
	left: 190px;
	top:37px;
	font-size:14px;
}
.tekst {
	position: absolute;
	left: 190px;
	top: 60px;
	height:96px;
	width:740px;
	font-size:12px;
	overflow:hidden;
}
.invultitel{
	width: 500px;
}
table {
	border-collapse:collapse;
}
.table_1 {
	border: solid 1px;
}
.tabkop {
	font-size: 16px;
	color: #FFF;
	background-color: #130336;
}
.tabel1 {
	font-family: Arial;
	font-size: 16px;
	color: #FFF;
	background-color: #0071bc;
}
.tabel2 {
	font-family: Arial;
	font-size: 16px;
	color: #FFF;
	background-color: #003c63;
}
.subkop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #130336;
	font-weight: bold;
}
/* phone settings */
.phonedropbtn {
  background-color: #0071bc;
  color: white;
  padding: 6px;
  font-size: 16px;
	border-radius: 10px;
  border: none;
}

.phonedropdown {
  position: relative;
  display: inline-block;
}

.phonedropdown-content {
  display: none;
  position: absolute;
  background-color: #c8dddd;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	border-radius: 10px;
  z-index: 1;
}

.phonedropdown-content div {
  color: #0071bc;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.phonedropdown-content div:hover {background-color: #74b4e4}

.phonedropdown:hover .phonedropdown-content {
  display: block;
}
.phonedropdown:hover .phonedropbtn {
  background-color: #0071bc;
}