@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	body {
	  font-size: 120%;
      background-color: black;
      color: white;
	}

	.footnote {
	  font-size: 100%;
	}
		
	audio {
	    width: 100%;
	    display: block;
	    padding-bottom: 100px
	}
	
	.iframeVideo {
		position: relative;
		padding-bottom: 56.25%!important;
		padding-top: 30px;
		width: 100%!important;
		height: 0;
		overflow: hidden;
	}
	
	img {
	  max-width: 100%;
      height: auto;
    }
}

@media only screen and (min-width: 640px) {
	body {
      background-color: black;
      color: white;
	}
	
	.iframeVideo {
		position: relative;
		padding-bottom: 28.125%;
		padding-left: 30px;
		padding-top: 30px;
		width: 50%;
		height: 0;
		overflow: hidden;
	}
}

@media only screen and (max-width: 640px) {
	body {
      background-color: black;
      color: white;
	}
	
	.iframeVideo {
		position: relative;
		padding-bottom: 56.25%;
		padding-left: 30px;
		padding-top: 30px;
		width: 100%;
		height: 0;
		overflow: hidden;
	}
}

/* normal style sheet */
body {
  font-family: Verdana, sans-serif;
  background-color: black;
  color: white;
}

.footnote {
  font-size: 80%;
  font-style: italic;
}

.titel {
  font-size: 80%;
  color: #cccccc;
}

.subtitel {
  font-size: 80%;
  color: #cccccc;
}
  
.mediatitle {
  font-family: Times, serif;
}

.iframeVideo iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

a {
  color: #cccccc;
}

a.knop:link, a.knop:visited {
  font-size: 120%;
  background-color: #c6ffc4;
  border: 2px solid green;
  color: green;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block
}

a.knop:hover, a.knop:active {
  font-size: 120%;
  background-color: green;
  color: white;
}

a.knophuidig {
  font-size: 120%;
  background-color: green;
  color: white;
  border: 2px solid green;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block
  }

.cr {
  font-size: 80%;
  text-align: center;
  color: grey;
}

table {
  width: 100%;
  table-layout: fixed;
  border: 1px solid green;
}
tr {
}
td {
  word-wrap: break-word;
}
th, td {
  vertical-align: top;
  text-align: left;
  padding: 5px;
}

img {
  padding-left: 30px;
  max-width: 640px;
  height: auto;
}