*{
  box-sizing: border-box;
}
/*The CSS box-sizing property allows us to include the padding and border in an element's total width and height.*/


body {
  margin: 0;
  background-color: #000035;
  background-image: url(../Plaatjes/BG/BG09_G.jpg);
}
.BG_Tekening_Bruin{
  background-color: #360000;
  background-image: url(../Plaatjes/BG/BG13.jpg);
}
.BG_Tekening_Groen{
  background-color: #011807;
  background-image: url(../Plaatjes/BG/BG_Groen01.jpg);
}

.BG_Vlekken_Blauw{
  background-image: url(../Plaatjes/BG/BGVlekken_Blauw.png)
}
.BG_Vlekken_Bruin{
background-image: url(../Plaatjes/BG/BGVlekken_Bruin.png)
}
.BG_Vlekken_Groen{
background-image: url(../Plaatjes/BG/BGVlekken_Groen.png)
}

.BG_Boskat{
text-align: left;
height: 100%;
width: 100%;
border: 0px;
background-image: url(../Paginas/PaginaPlaatjes/DeAmsBoskat/Schutblad.png);
}

}

.BG_Pinokkios{
text-align: left;
height: 100%;
width: 100%;
border: 0px;
background-image: url(../Paginas/PaginaPlaatjes/Pinokkio/Schut_24_4pct.png);
}


.BG_KopVlek{
background-image: url(../Plaatjes/Kop/KopVlek.png);
background-repeat: no-repeat;
};

.KopVlek{
position: relative;
};

.absoluteKopVlek {
  position: absolute;
  top: 0px;
  left: 0px;
}





.row {
  max-width: 1275px;
  margin: auto;
}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

html { scroll-behavior: smooth; }


/*
Container voor zwevende plaatjes
*/
.RelativeContainer{
position: relative;
}

.absolute {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgb(255, 209, 102, 0);
  border: 0px solid #73AD21;
  z-index: 200;
}



.Centreer{
display: table;
 margin-left: auto;
 margin-right: auto;
}
.CentreerVideo{
 margin-left: auto;
 margin-right: auto;
}

.LinksLijnen{
text-align: left;
}
.MiddenLijnen {
text-align: center;
}
.RechtsLijnen{
text-align: right;
}




/*-----------------Kolombreedtes--------------------*/

.Kolom1000{
   width: 100%;
padding: 50px;
}
@media only screen and (min-width: 1020px) {
  div.Kolom1000{
  width: 1000px;
  }
}
.Kolom800{
   width: 100%;
padding: 10px;
}
@media only screen and (min-width: 800px) {
  div.Kolom800{
  width: 800px;
  }
}


/*--Kolom 850 wordt gebruikt bij Tekeningen---nog meer?---*/

.Kolom850{
   width: 100%;
   padding: 5px 5px;
  /*
 background-color: #011807;
*/

}
@media only screen and (min-width: 870px) {
  div.Kolom850{
  width: 850px;
margin-left: auto;
 margin-right: auto;

  }
  }

/*
.Kolom650{
   width: 100%;
padding: 0px;
}
@media only screen and (min-width: 960px) {
  div.Kolom650{
  width: 650px;
  }
}
*/



/*-----------------Vimeocontainer--------------------*/

.VimeoContainer{
 width: 100%;
 height: 100%;
 border: 0px solid #73AD21;
 background-color: grey;
}


/*-----------------Vimeocontainer_K--------------------*/
.VimeoContainer_K{
 width: 95%;
 height: 95%;
 border: 0px solid #73AD21;
 background-color: grey;
margin: auto;
}

/*
Ook voor de zekerheid in html als frameborder=0 (is obsolete) css werkt niet in alle browsers volgens comments.
*/
iframe {
border: none;
}




/*----------------------------Slider-------------------------*/
.slideContent{
background-color: rgba( 255, 255, 255, 0.15);
display:none;
}

.slideContent2{
background-color: rgba( 255, 255, 255, 0.15);
display:none;
}

.testVierkant{
position:relative;
height: 150px;
  width: 100%;
}

#myButton {
	background-color: rgba( 255, 255, 255, 0.2);
	display:inline-block;
	cursor:pointer;
	color:yellow;
	font-family:courier;
	font-size:17px;
	padding:16px 76px;
     width: 100%;
	text-decoration:none;
}
#myButton:hover {
	background-color: rgba( 255, 255, 255, 0.4);
}
#myButton:active {
	position:relative;
	top:1px;
}
/*--------------------------------------------*/
#myButton2 {
	background-color: rgba( 255, 255, 255, 0.2);
	display:inline-block;
	cursor:pointer;
	color:yellow;
	font-family:courier;
	font-size:17px;
	padding:16px 76px;
     width: 100%;
	text-decoration:none;
}
#myButton2:hover {
	background-color: rgba( 255, 255, 255, 0.4);
}
#myButton2:active {
	position:relative;
	top:1px;
}