@charset "utf-8";
/* CSS Document */

* {
  box-sizing: border-box;
}


/* general settings  */

body {
	margin: 0;
	font-family: "Lato", sans-serif;
	background-color: #f2f2f2;
}

h1 {
	font-size:150%;
	font-weight:bold;
	color:#669999;
}
h2 {
	font-size:120%;
	font-weight:bold;
	color:#669999;
}
h3 {
	font-size:120%;
	font-weight:bold;
	color:#999966;
}
h5 {
	color:#999966;
	font-size:90%;
	font-weight:normal;
}


a:link {
	color: #669999;
	text-decoration: none;
	font-size:90%;
}
a:visited {
	color: #669999;
}
a:hover {
	color: #999966;
}
a:active {
	color: #999966;
}


/* header-logo  */
.header {
  max-width: 100%;
  height: auto;
}


/* introductietekst  */
.intro {
	font-size:100%;
	font-weight:bold;
	color:#999966;
	padding-left:30px;
	padding-top:10px;
	padding-bottom:10px;
	font-style: italic;
}

/* tekst in de kijker  */
.adv {
	font-size:110%;
	color:#669999;
}

/* tekst in de kijker  */
.tekst {
	font-size:100%;
	line-height: 2;
}
.tekst .titel{
	font-size:100%;
	color: #999966;
}
.tekst .titel2{
	font-size:100%;
	color: #669999;
	font-weight:bold;
}


/* inhoud nieuws updates  */
.content {
	color: #333333;
	text-decoration: none;
	font-size:80%;
	width:100%;
	background-color:#ffffff;
}
.content a:link {
	color:#669999;
	font-weight:bold;
	font-size:100%;
}
.content a:visited {
	color:#669999;
	font-weight:bold;
	font-size:100%;
}
.content a:hover {
	color:#999966;
	font-weight:bold;
	font-size:100%;
}
.content a:active {
	color:#333333;
	font-weight:bold;
	font-size:100%;
}
.content td {
	padding-right:0px;
}

.archives {
	color: #333333;
	font-size:90%;
	font-weight:bold;
}
.archives a:link{
	color: #999966;
	font-size:90%;
	font-weight:normal;
}
.archives a:visited {
	color: #333333;
	font-size:90%;
	font-weight:normal;
}
.archives a:hover{
	color: #669999;
	font-size:90%;
	font-weight:normal;
}
.archives a:active{
	color: #333333;
	font-size:90%;
	font-weight:normal;
}

.knop1 {
	height:auto;
}
.knop1 a:link {
	background-color:#669999;
	border: 1px solid;
	border-color:#666666;
	font-size: 90%;
	font-weight: normal;
	color: #f2f2f2;
	text-decoration: none;
	padding :12px;
	border-radius:8px;
}
.knop1 a:visited {
	background-color:#669999;
	border: 1px solid;
	border-color:#666666;
	font-size: 90%;
	font-weight: normal;
	color: #f2f2f2;
	text-decoration: none;
	padding :12px;
	border-radius:8px;
}
.knop1 a:hover {
	background-color:#999966;
	border: 1px solid;
	border-color:#666666;
	font-size: 90%;
	font-weight: normal;
	color: #f2f2f2;
	text-decoration: none;
	padding :12px;
	border-radius:8px;
}
.knop1 a:active {
	background-color:#669999;
	border: 1px solid;
	border-color:#666666;
	font-size: 90%;
	font-weight: normal;
	color: #f2f2f2;
	text-decoration: none;
	padding :12px;
	border-radius:8px;
}


/* subnavigatie rechts openen op pagina  */
.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	right: 0;
	background-color: #666666;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 50px;
	line-height:1;
}
.sidenav a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	font-size: 100%;
	color: #F2F2F2;
	display: block;
	transition: 0.3s;
}
.sidenav a:hover {
	color: #F2F2F2;
	background-color: #669999;
}
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 150%;
  margin-left: 50px;
}
/* Add an active class to highlight the current page */
.activpage {
  background-color: #999966;
  color:#f2f2f2;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 100%;}
}

/* fotoalbum  */
.album {
	background-color:#f2f2f2;
	width:100%;
	float:left;
	font-size:90%;
	color: #999966;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}

.album.titel2 {
	font-size:110%;
	color: #669999;
	font-weight:bold;
	padding-bottom:30px;
}

.album.tekst {
	font-size:100%;
	font-weight:bold;
	height:70px;
	color: #999966;
	padding-bottom:10px;
	padding-top:20px;
}


.album.kol1 {
	width:25%;
	text-align:center;
	height:auto;
	paddng-bottom:30px;
}
.album.kol2  {
	width:25%;
	text-align:center;
	height:auto;
	paddng-bottom:30px;
}
.album.kol3  {
	width:25%;
	text-align:center;
	height:auto;
	paddng-bottom:30px;
}
.album.kol4  {
	width:25%;
	text-align:center;
	height:auto;
	paddng-bottom:30px;
}
/* lijn leegmaken na kolommen */
.album.rij:after {
  content: "";
  display: table;
  clear: both;
}

.album img {
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	border-color:#666666;
	border-radius:12px;

}


/* informatie onderaan pagina */
.bottom {
	color: #666666;
	font-size:90%;
	text-align: center;
	padding-top:30px;
	padding-bottom:10px;
}

/* sitemap */
.sitemap {
  float: left;
  color: #F2F2F2;
  text-decoration: none;
  font-size:90%;
  width: 100%;
  font-size:90%;
  background-color:#666666;
  line-height:1.5;
  padding-top:20px;
}
.sitemap a:link {
	color:#FFFFFF;
	font-weight:normal;
	font-size:90%;
}
.sitemap a:visited {
	color:#FFFFFF;
	font-weight:normal;
	font-size:90%;
}
.sitemap a:hover {
	color:#669999;
	font-weight:normal;
	font-size:90%;
}
.sitemap a:active {
	color:#FFFFFF;
	font-weight:normal;
	font-size:90%;
}
.sitemap .sub1 {
	padding-left:30px;
}

/* linker kolom */
.sitemap .left {
	width: 60%;
	line-height: 1.5;
	padding-top:0px;
	padding-left: 10px;
	padding-right:10px;
	padding-bottom:20px;
}

/* rechter kolom */
.sitemap .right {
	width: 40%;
	line-height: 1.5;
	padding-top:0px;
	padding-left: 10px;
	padding-right:10px;
	padding-bottom:20px;
}

/* lijn leegmaken na kolommen */
sitemap .row:after {
  content: "";
  display: table;
  clear: both;
}
/* Responsive layout - 2 columns stack on top of each other instead of next to each other */
@media screen and (max-width: 768px) {
.sitemap .left {
    width: 100%;
	line-height: 1.5;
	padding-left: 10px;
	padding-right:10px;
	padding-top:0px;
	padding-bottom:20px;
  }
.sitemap .right {
    width: 100%;
	line-height: 1.5;
	padding-left: 10px;
	padding-right:10px;
	padding-top:0px;
	padding-bottom:20px;
  }


.album.kol1 {
	width:50%;
	text-align:center;
}
.album.kol2  {
	width:50%;
	text-align:center;

}
.album.kol3  {
	width:50%;
	text-align:center;

}
.album.kol4  {
	width:50%;
	text-align:center;

}
.album img {
	width:80%;
	height:auto;
	max-width:100%;
	max-height:100%;
}

}



/* footer */
.footer {
	color: #669999;
	background-color:#000000;
	font-size:80%;
	text-align: left;
	width: 100%;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom:10px;
	padding-right: 100px;
}

/* go to top bij scrollen */
#myBtn {
	display: none;
	position: fixed;
	bottom: 40px;
	right: 20px;
	z-index: 99;
	font-size: 18px;
	border: none;
	outline: none;
	background-color: #333333;
	color: #f2f2f2;
	cursor: pointer;
	padding: 0px;
	border-radius: 32px;
}
#myBtn:hover {
	background-color: #333333;
}