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


body {
  background-image: url("../images/IMG_0419 copy2.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	
	
}


/*logo*/

div 
	h2 {
  color:rgb(132,107,104);
	opacity: 0.3;
  text-align: center;
	
font-family: papyrus;
font-size:65px;
	padding-top: 50px
}



div
	h3{
	font-family:papyrus;
	padding: 20px;
	color:rgb(102,78,87);
	font-size: 40px
}

p {
  font-family: arial;
  font-size: 20px;
}


/* hieronder staat de button beschreven*/
.btn{
	background-color: rgb(217,201,197);
	font-family:arial;
	border: medium;
	border: 10px black;
	font-size :15px;
	border-radius:8px;
	
	
	
}

.btn:hover{
	transform:scale(1.2);
	
}



/*Hieronder staat de kleur en font van tekst onder afbeelding per cursus
*/

.tekstc1 {
	font-family: arial;
  font-size: 20px;
	
}
.tekstc2 {
	font-family: arial;
  font-size: 20px;
}
.tekstc3 {
	font-family: arial;
  font-size: 20px;
}

.tekstc4 {
	font-family: arial;
  font-size: 20px;
	
}



/*navigatiebar*/

.navigatie u{
	padding-top: 20px;
	color:rgb(102,78,87);
	
}


.navigatie a{
	color: rgb(102,78,87);
	font-family: Arial;
	
}

.navigatie ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: rgb(217,201,197);
}

.navigatie li {
  float: left;
}

.navigatie li a {
  display: block;
  color: rgb(102,78,87);
  text-align: center;
  padding: 14px 110px 14px 110px;
  text-decoration: none;
  font-family: arial;
}

.navigatie li a:hover{
	background-color:rgb(132,107,104);
}


#navigation .containter{
	text-align:center;
		
}


/*
Hieronder staan de cursussen in een grid

*/


.container{
	display: grid;
	grid-template-columns: auto auto ;
	gap: 100px;
	padding:100px;
	
}

/*Hieronder staat de positie van de tekst onder de afbeeldingen per cursus
*/

#homecursus1{
	text-align: center;
	font-family:arial;
}

		
#homecursus2{
	text-align: center;
	font-family: arial;
}
#homecursus3{
	text-align:center;
	font-family: arial;
	
}
#homecursus4{
	text-align: center;
	font-family: arial;
}


/*hover over de afbeeldingen per cursus*/

.cursus1:hover{
	transition: .5s;
	opacity: 0.25;
}

.Cursus2:hover {
	transition: .5s;
	opacity: 0.25;
	
}
.cursus3:hover {
	transition: .5s;
	opacity: 0.25;
}
.cursus4:hover {
	transition: .5s;
	opacity: 0.25;
}



/*hieronder staat de footer in css*/



.footer li a {
  display: block;
	padding-bottom:0px;
	padding-top: 20px;
  color: rgb(102,78,87);
  text-align: center;
  text-decoration: none;
  font-family: arial;
	font-size: 13px;
}

.footer h3{
	font-size: 30px
}

.footer {
  text-align: center;
  padding: 3px;
  background-color:rgb(217,201,197);
  
}




/**********************hieronder begint de css voor de pagina van cursus 1; ontdekken*****************/

.navigatiecursus1 u{
	padding-top: 20px;
	color:rgb(102,78,87);
	
}


.navigatiecursus1 a{
	color: rgb(102,78,87);
	font-family: Arial;
	
}

.navigatiecursus1 ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: rgb(217,201,197);
}

.navigatiecursus1 li {
  float: left;
}

.navigatiecursus1 li a {
  display: list-item;
  color: rgb(102,78,87);
  text-align: center;
  padding: 14px 105px 14px 105px;
  text-decoration: none;
  font-family: arial;
}

.navigatiecursus1 li a:hover{
	background-color:rgb(132,107,104);
}

.headerc1 {
	font-size: 20px;
	text-align:left; 
}
.introductie {
	font-size: 15px;
	text-align:center;
	padding-top: 100px;
	
}
.ontdekken {
	padding: 70px 800px 800px 800px;
		
}

.ontdekken:hover{
	transition: .5s;
	opacity: 0.25;
	transform:scale(1.1);
	
}

h2.ontdekkentekst{
	font-family:papyrus;
	color:rgb(102,78,87);
	font-size:30px;
	text-align: center;
	padding-top:40px;
	
	
}

p.introductie{
  border: 1px solid #000000;
  background-color:transparent;
  font-family: arial;
  font-size: 10pt;
  padding: 5px;
  text-align: justify;
  width: 600px; 
  margin-left:580px;
}