body {max-width: 1600px;
	   margin: 0 auto;
       padding: 1rem;}

div.left { width:30%; float:left; }
div.vragen { width: 70%; float: right;}

div.transcript {
	margin-top: 15px;
	height: 60vh;
	padding-left: 25px;
	padding-right: 25px;
	overflow: scroll;
	border: 1px solid #000000; 
}

video {
  max-width: 100%;
  height: auto;
}

a.vraag {margin-bottom: 8px;}

a.vraag:hover, a.vraag:focus {
  background-color: #66afd4;
}

a.vraag:focus {
  color: white;
}

a.vraag:link {
  background-color: #dff2fd;
  color: black;
  width: 40px; 
  padding-top: 3px; padding-bottom:3px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}


.vraagnrs {background-color: #dff2fd; width: 40px; padding: 3px 10px; margin-left:55px; font-weight: bold;}

a.terug {font-family: Verdana, Arial; background-color: #66afd4; color: white; padding: 5px 10px;  border-radius: 5px; display:inline; float:right; margin-top: 1em; margin-right: 50px;}
a.terug:hover {background-color: #dff2fd; color: black; }
a.terug:link { text-decoration: none;}