@charset "utf-8";
/* CSS Document */
body{
	
	color: #575c7a;
	line-height: 1.5em;
	font-family: Arial;
	font-size: 14px;
	background:#1A1B2B;
	background-image: url("../images/backgroundBody.jpg");
		background-repeat: repeat-x;
}
.page{
	max-width: 1024px;
	margin: 0px auto 0px auto;
	position: relative;
	background-color:#D3F0E0;
	
	/* 2em betekent dat de font-size in px met 2 vermeningvuldigd wordt*/
}
h1{ font-size: 2em; font-weight: normal; color: #a6430a; margin:0 0 .5em 0;}
h2{ font-size: 1.7em; margin: 0 0 1em 0;}
h3{ font-size: 1.5em; margin: 0 0 1em 0;}
p{ margin: 0 0 .75em 0;}
a{ color: #de9000;}
a:hover{ color:#009eff;}

footer{ font-size: .85em; color:#9ba0bd; background-color:#1A1B2B; padding: 10px 10px 10px 0px;}


a.cta {
	text-transform: uppercase;
	font-size: .9em;
	font-weight: bold;
	text-decoration: none;
	margin: .5em 0 0 0;
}



.promo h3{ font-size: 1.1em; margin: 0;}
.promo p{line-height:1.2em; font-size: .9em; margin-bottom: .5em;}

.promo{ background-repeat: no-repeat;}
.promo.one{ background-image: url("../images/lessen in orde VO 2022.jpg");}
.promo.two{ background-image: url("../images/basisschool.png");}
.promo.three{ background-image: url("../images/mbo.jpg");}
.promo.four{ background-image: url("../images/Les_is_meer.png");}


nav a{
	color: #f5a06e;
	text-transform: uppercase;
	text-decoration: none;
	display:inline-block;
	font-size: .9em;
	font-weight: bold;		
}
nav a:hover{ color:#fff;}
.clear-fix{clear:both; line-height: 1px; }

.quots li {
	font-style: italic;
	list-style: none;
	line-height: 25px;
}

article h3{font-size: 1em;}

.opsomming ol{font-style:italic;}

.WSA {background-image: url("../images/background1.jpg");
background-repeat: no-repeat;
}

.text-all{
	display:grid;
	grid-template-columns:auto auto;
	grid-gap: 0.5em;
	grid-auto-rows:auto;
	padding: 4em 1em;
	background-image: url("../images/background1.jpg");
background-repeat: no-repeat;
}

.text-all > div{
	background-color:rgba(140,180,158,0.3);

	padding:0.5em 2em;
	
}
.foot{
	padding:0em 2em;
}
.Peter_container{background-image: url("../images/PeterTeitler.jpg"); background-repeat: no-repeat;
height: 307px;}

.textblok_center_1{
	text-align:left;
	padding: 4em 5em 5em 10em;
}