/* video landingspagina HAN */
body {background: url('videopagina-01-small.jpg') no-repeat; background-size: 100% auto; font-family: arial, verdana;
background-color: #000000}

.clear {clear: both;}	
.content {margin-top: 50px;}
.block {width: 70%; margin: 0 auto;}
.block__btn {border: #d0021b 1px solid;background: #e50056;	color: #ffffff;	float: left; padding: 20px;	text-align: left; display: inline-block;	margin: 10px 5px 10px -20px; width: 100%;margin-top: 25px;}

/* aankondiging tekstblok */
.block__btn1 {border: #d0021b 1px solid;background: #ffffff;color: #000000;	float: none; padding: 20px;	text-align: center; display: block;	margin: 10px 20px 60px 20px;margin-top: 25px;}
.block__btn1--title {font-size: 20px; display: block; font-weight: bold;}
.block__btn_gl {border: #d0021b 1px solid;background: #fbff44;	color: #000000;	float: left; padding: 20px;	text-align: left; display: inline-block;	margin: 10px 5px 10px -20px; width: 100%;margin-top: 25px;}



.block__btn:hover {border: #e50056 1px solid;background: #ffffff;color: #e50056;}
.block__btn--title {font-size: 26px; display: block; font-weight: bold;}
.block__btn--normal {}
.block__btn--BOLD {color:#000000;font-weight: bold; font-size: 12px;}

.block__btn_gl:hover {border: #e50056 1px solid;background: #ffffff;color: #ff0000;}
.block__btn_gl--title {font-size: 26px; display: block; font-weight: bold;}
.block__btn_gl--normal {}
.block__btn_gl--BOLD {color:#000000;font-weight: bold; font-size: 12px;}

/* landscape mobile */
@media only screen and (min-width: 480px) and (max-width: 1024px) {
    body {background-size: 100% auto;}
	.content {margin-top: 150px;}
	.block__btn { margin: 10px 5px 10px 10px; padding: 3px;}
	.block__btn--title {margin-left:15px;}
	.block__btn--normal {margin-left:15px;}

	.block__btn_gl { margin: 10px 5px 10px 10px; padding: 3px;}
	.block__btn_gl--title {margin-left:15px;}
	.block__btn_gl--normal {margin-left:15px;}
}

/* Full screen mobile */
@media only screen and (min-width: 1024px) {
    body {background: url('videopagina-01.jpg') no-repeat ; background-size: 100% auto;}
	.content {margin-top: 200px;}
	.block {width: 100%; margin: 0 auto;}
	.block__btn {width: 26%;	margin: 10px 5px 10px 20px;}
	.block__btn_gl {width: 26%;	margin: 10px 5px 10px 20px;}
	.block__btn_gl--normal {font-size: 12px;}
	.block__btn--normal {font-size: 12px;}
}

@media only screen and (min-width: 1200px) {
	.block {width: 80%; margin: 0 auto;}
	.block__btn {width: 26%;	margin: 10px 5px 10px 20px;}
	.block__btn_gl {width: 26%;	margin: 10px 5px 10px 20px;}
}