/*  pagina  */
html	{
	background:red url("") repeat scroll left;
	width:100%;
	height:100%;
	}

body	{
	background:white;
	display:block;
	max-width:1020px;
	min-height:100%;
	margin:auto;
	}

/*  kop  */
header	{
	background:white url("") repeat scroll left;
	margin:0;
	padding:20px;
	}

@media(min-width:1024px){header{margin:0 36px;}}

#head-logo
	{
	float:left;
	margin-right:18px;
	}

#head-logo2
	{
	float:right;
	margin-left:18px;
	}

h1	{
	font-family:arial;
	font-size:24.0pt;
	color:red;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	}
@media(min-width:400px) and (max-width:620px){h1{margin:0;}}

/*  navigatie  */
nav{display:block;font-family:arial;font-size:10.0pt;font-weight:bold;color:black;}
nav a{color:black;text-decoration:none;}
nav a:hover{color:red;}

nav .dropdown {background:;position:relative;display:inline-block;margin-left:-4px;z-index:1;top:10px;padding:0 10px;}
nav .dropdown:first-child{margin:0;}

nav .dropbtn{background:yellow;padding:0px;cursor:pointer;}

.dropdown-content {display:none;position:absolute;padding:0px 10px 10px 10px;margin-left:-10px;background:yellow;}
.dropdown-content a{display:block;background:yellow;margin-top:10px;}
#pcDrop1 {min-width:151px;}
#pcDrop2 {min-width:142px;}
#pcDrop3 {min-width:60px;}
#mDrop {min-width:144px;margin:0 0 0 -134px;}

#navM .dropdown:nth-child(1n+4) {position:relative;top:8px;padding:0px 10px;}
#navM .dropdown:nth-child(1n+4) .sm{position:relative;width:20px;height:20px;background:black;border-radius:5px;padding:0;}
#navM .dropdown:nth-child(1n+4) .sm:hover{background:red;}
#navM .dropdown:last-child .sm{background:yellow;}
#navM .dropdown:last-child .sm:hover{background:yellow;}
#navPC .dropdown:nth-child(1n+7) {position:relative;top:8px;padding:0px 10px;}
#navPC .dropdown:nth-child(1n+7) .sm{position:relative;width:20px;height:20px;background:black;border-radius:5px;padding:0;}
#navPC .dropdown:nth-child(1n+7) .sm:hover{background:red;}

#fb{font-size:14px;color:white;position:relative;top:3px;left:9px;}
#li{font-size:14px;color:white;position:relative;top:3px;left:4px;}
#tw{font-size:14px;color:white;position:relative;top:3px;left:3px;}
#ig{font-size:14px;color:white;position:relative;top:3px;left:4px;}
#mb{font-size:14px;position:relative;top:3px;left:4px;}

@media (max-width:340px)
	{
	#navPC{display:none;}
	#navM{background:yellow;max-width:340px;margin:auto;height:38px;}
	nav .dropdown{padding:0 9px;}
	}

@media (min-width:341px) and (max-width:520px)
	{
	#navPC{display:none;}
	#navM{background:yellow;max-width:340px;margin:auto;height:38px;}
	}

@media (min-width:521px)
	{
	#navM{display:none;}
	#navPC{background:yellow;max-width:520px;margin:auto;height:38px;}
	}

.show{display:block;}
.show1{color:grey;}
.dropdown:hover {color:grey;}
.dropdown:hover .dropdown-content {display:block;}

/*  inhoud  */
#main {background:white;padding:20px;margin:0;max-width:908px;}

@media(min-width:1024px){#main{margin:0 36px;}}

@media(min-width:600px) and (max-width:1023px) and (orientation:portrait){#main{position:absolute;top:162px;bottom:36px;overflow:auto;}footer{position:absolute;bottom:0;width:100%;}}

@media(min-width:550px) and (max-width:599px) and (orientation:portrait){#main{position:absolute;top:198px;bottom:36px;overflow:auto;}footer{position:absolute;bottom:0;width:100%;}}

@media(min-width:1024px) and (min-height:600px) and (orientation:landscape){#main{position:absolute;top:162px;bottom:36px;width:944px;overflow:auto;}footer{position:absolute;bottom:0;width:100%;}}

#main a.doneer {display:;margin:auto;padding:2px;border:1px solid red;background:yellow;width:100px;text-align:center;text-decoration:none;font-weight:bold;}

article {background:;padding:0;margin:0;}

h2	{
	font-family:arial;
	font-size:12.0pt;
	color:red;
	font-weight:bold;
	text-decoration:none;
	margin:0px 0px 20px 0px;
	}

h4	{
	font-family:arial;
	font-size:10.0pt;
	color:black;
	font-weight:bold;
	text-decoration:none;
	margin:0px;
	}

P, #lesprogramma, .fotonr, .fototekst, ul
	{
	font-family:arial;
	font-size:10.0pt;
	color:black;
	font-weight:normal;
	text-decoration:none;
	margin:0;
	}
ul, ol	{padding:0;margin-left:15px;}
ul h4{display:inline-block;}

.lijn	{
	text-decoration:underline;
	}

hr	{
	color:#cc0000;
	border:none;
	border-top:1px solid #cc0000;
	height:1px;
	}

#main a
	{
	font-family:arial;
	font-size:10.0pt;
	color:black;
	font-weight:normal;
	text-decoration:;
	}

#main a:link
	{
	color:black;	
	}

#main a:visited
	{
	color:black;	
	}

#main a:hover
	{
	color:red;
	}

#main a:active
	{
	color:;
	}

aside	{
	background:white url("/images/Hesje.jpg") repeat scroll center;
	width:auto;
	}
/*  home  */
#actie {max-width:600px;margin:auto;display:none;overflow:auto;}
#actie img {width:100%;max-width:300px;border:1px solid grey;float:;margin:auto;display:block;}

#covid19 {overflow:auto;border:1px solid red;padding:10px;}
#covid19 img {width:100%;max-width:300px;border:1px solid lightgray;margin:0 auto 10px auto;display:block;}
@media(min-width:500px) {#covid19 img{float:right;margin:0 0 0 20px;}}

/* covid-19 */
#reanimatie {width:100%;border:0px solid red;}
#reanimatie div {width:100%;max-width:400px;margin:auto;border:0px solid yellow;}
#poster1 {padding:;}
#poster2 #nrr {opacity:1;}
#nrr {width:100%;max-width:400px;border:0px solid blue;}
@media(min-width:800px) {#reanimatie div {display:inline-block;} #reanimatie #poster2 {float:right;}}

#main header
	{
	background:;
	border:1px solid red;
	padding:10px;
	margin:auto;
	max-width:525px;
	}

/*  cursusinfo  */

/*  tabel lesprogramma  */
#lesprogramma{display:table;}
.lesr{display:table-row;}
.lesnr{display:table-cell;width:15px;padding-right:25px;text-align:right;}
.lesdatum{display:table-cell;width:200px;}
.lesdag{display:table-cell;width:85px;}
.lesdd{display:table-cell;width:15px;padding-right:3px;text-align:right;}
.lesmm{display:table-cell;}
.les{display:table-cell;padding:0 0 2px 0;}
.lesr:last-child{padding:0;}
@media(max-width:400px){#lesprogramma, .lesr div{display:block;}.lesdatum div{display:inline-block;}.les{padding:0 0 5px 0;}}

/*  evenementen  */
#evenement .tr div{display:inline-block;}
.dag{width:85px;}
.dd{width:15px;padding-right:3px;text-align:right;}
.mj{width:105px;}
#evenement{min-width:200px;}
@media(max-width:500px){#evenement .tr{padding:0 0 5px 0;}}

/*  foto  */
/*  slideshow  */
#diashow{display:block;}
#slideshow{display:;max-width:600px;margin:auto;position:relative;}
.mySlides{display:none;}
.mySlides img{width:100%;}
.fotonr {color:red;position:absolute;top:0;padding:2px;}
.fototekst{color:red;position:absolute;bottom:0;padding:10px;width:100%;text-align:center;}
@media(max-height:500px){#slideshow{max-width:75%;}}
@media(min-width:1024px){#txt{width:110px;position:absolute;}}

/*  contact  */
#contact div{display:inline-block;}
#contact a{display:block;}
.cont{width:296px;}
.cont1{width:255px;}

#bestuur .tr{padding:0 0 10px 0;width:100%;}
#bestuur .tr div{display:inline-block;}
#bestuur .td{width:146px;}
.ntm{max-width:;}
.ntm a{display:block;width:;}
@media(max-width:490px){#bestuur .tr div{display:block;}}

.phones a{padding:0;}
@media(max-width:499px) and (orientation:portrait){.tablet{display:none;}.phones a{padding:5px 0;}}
@media(max-width:739px) and (orientation:landscape){.tablet{display:none;}p.phones a{padding:5px 0;}}
@media(min-width:500px) and (orientation:portrait){.phones{display:none;}}
@media(min-width:740px) and (orientation:landscape){.phones{display:none;}}

/* contactformulier en inschrijfformulier */
form .tr{padding:0 0 2px 0;}
form .tr div{display:inline-block;}
.veldnaam{width:106px;vertical-align:top;padding:2px 0 0 0;}
.tr1{max-width:610px;}
.tr1 div{display:inline-block;}
.veld {width:300px;}
.cel{width:100%;}

input[type=text], textarea{border:1px solid black;width:96%;max-width:;outline:none;}
@media(max-width:350px){form .tr{padding:0 0 5px 0;}.tr1 {width:100%;}.veld{width:95%;}}
@media(max-width:700px) and (min-width:351px){form .tr{padding:0 0 5px 0;}.tr1 {max-width:305px;}}
@media(min-width:1024px){.av{display:block;margin-left:24px;}}

.melding
	{
	width:300px;
	font-family:arial;
	font-size:10.0pt;
	color:red;
	font-weight:normal;
	text-decoration:none;
	}

#verzend
	{
	display:block;
	border:1px solid black;
	background:yellow;
	color:red;
	width:100px;
	height:22px;
	margin:auto;
	font-family:arial;
	font-size:10.0pt;
	font-weight:bold;
	text-decoration:none;	
	}

#verzend:hover
	{
	color:black;
	}

/*  links  */
#sponsor {overflow:auto;border:0px solid gray;}
#sponsor img {margin:auto auto 5px auto;width:100px;display:block;}
#sponsor a {display:block;}
#sponsor img.logo {padding:5px 0px;}
@media(min-width:400px) {#sponsor img {float:left;margin:auto 20px auto auto;} #sponsor div {display:block;margin-left:120px;}}

/*  onder  */
footer	{
	background:yellow;
	max-width:1020px;
	padding:;
	margin:0;
	text-align:center;
	}

footer div
	{
	padding:10px 20px;
	}

h6	{
	margin:0px;
	font-family:arial;
	font-size:10.0pt;
	color:red;
	font-weight:normal;
	text-decoration:none;
	}

/*  einde  */