/* CSS Document */
body{
  background-color:#80a6b9; 
  border:0; 
  margin:0; 
  font-family:arial,sans-serif;
}
div.pagehead{
  background-color:#353e49;
  width:100%; 
  height:4.4em; 
}
img.flower{
  position:relative; 
  left:-25px;
  border-style: none;
}
input{
  width:98%;
  height:1.3em;
  color:#353e49;
  font-family:arial,sans-serif;
  font-size:14px;
}
input.n3{ /* tesktveld, numeriek 3 lang */
  width:2em;
  text-align:right;
}
input.radio{
  margin-left:0;
  margin-right:auto;
  width:2em;
  height:1em;
  color:initial;
  font-family:initial;
  font-size:initial;
}
input.checkbox{
  margin-left:0;
  margin-right:auto;
  width:2em;
  height:1em;
  color:initial;
  font-family:initial;
  font-size:initial;
}
b.words{
  color:#f9bb5d;
  font-size:3em;
  font-family:cursive,arial,sans-serif;
  position:relative;
  left:-23px;
  top:-.0em;
}
input.button{
  width:120px;
  height:25px;
}
table.main{
  width:50em;
}
tr.kop{
  background-color:#c0d3dc;
}
tr.kopkop{
  background-color:#7a909d;
}
tr.r0{
  background-color:#fff9ec;
}
tr.r1{
  background-color:#fffcf6;
}
tr.rE{
  border-top:1px solid #bbb; 
  background-color:white;
}
td.dE{
  border-bottom-right-radius:1em;
}
td{
  font-family:arial,sans-serif;
  font-size:14px;
  color:#353e49;
  padding-top:.25em;
  padding-bottom:.25em;
  vertical-align:top;
}
td.list{
  padding-right:1em;
}
td.c1{
  color:#bbb;
  text-align:right;
  padding-right:.25em;
}
td.cT{ /* titel van een tabel */
  font-size:1.5em;
  font-weight:bold;
}
td.group-collapsed{
  background-color:#feedc7;
  border-top:1px solid #d3d3d3;
  border-bottom:1px solid #d3d3d3;
}
td.group-uncollapsed{
  background-color:#feedc7;
  border-top:1px solid #d3d3d3;
  border-bottom:1px solid #feedc7;
}
td.cG{ /** rijkop van een titel die bij een groep hoort */
  border-left:.5em solid #feedc7;
  color:#bbb;
  text-align: right;
  padding-right: .25em;
}
a{
  color:blue;
}
a.dark{
  color:#353e49;
}
a:link{
  text-decoration:none;
}
a:visited{
  text-decoration:none;
}
a:hover{
  text-decoration:underline;
}
a:active{
  text-decoration:underline;
}
.under1{
  border-bottom:.5px solid #b0c3cc;
}
span.h3{ /* kopje op de Toetspagina met de naam van de taal */
  font-size:1.1em;
  color:#777;
} 
span.h4{ /* tekst onderop de Toetspagina */
  font-size:1em;
  color:#777;
}
span.regels{
  font-size:.8em;
  color:#bbb;
  float:right;
  padding-right:1em;
}
span.lijsten{
  font-size:.8em;
  color:#777;
  padding-left:1em;
}
h4{
  margin-bottom: 0.5em;
} 
span.src{ /* tekst in de brontaal */
  font-size:2em;
  color:#000;
  cursor:pointer; /* als .clickable */
}
span.dstOK{ /* de juiste tekst in de doeltaal */
  font-size:2em;
  color:#070;
}
input.ok{
  font-size:2em;
  width:2em;
  height:2em;
}
input.dst{ /* grote invulveld */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* met bovenstaande kreten wordt .dst even hoog als .ok */
  font-size:2em;
  color:#000;
  width:98%;
  height:2em;
}
div.dst{ /* foute invoer, multiline */
  font-size:2em;
  padding-top:.35em;
  padding-bottom:.35em;
  padding-left:3px;
  padding-right:3px;
  border:1px solid #aaa;
  color:#744; /* rood wordt alleen het doorgestreepte */
  background-color:#fcc;
  width:98%;
  height:auto;
}
s{
  color:#700;
}
th.gray{
  background-color:#e3e0d7;
  padding-left:.5em;
  padding-right:.5em;
  color:#777;
}
td.gray{
  color:#bbb;
  text-align:center;
}
span.cijfer{ /* het eindcijfer van de toets */
  border:1px solid #fbeed6; 
  padding:0 .5em 0 .5em;
  font-family: "Goudy Old Style", Garamond, "Big Caslon", "Times New Roman", serif;
  font-size:3em;
  color:black; 
  background-color:white;
}
.clickable{
  cursor:pointer;
}