/* VRAGENFORMULIER */
#naam-datum-container
{
  position: absolute;
  z-index: 30;
  top: 45px;
  right: 260px;
}
#naam-datum
{
  position: relative;
  z-index: 30;
  padding: 1em 0 0.4em 0;
  width: 200px;
  background-color: #BE0129;
  color: #FFFFFF;
  text-align: center;
}
#naam
{
  margin-top: 4px;
  padding: 1px 4px;
  color: #990122;
  font-weight: bold;
}
#datum-container
{
  margin: 0.8em 8px 0 8px;
  padding: 4px 0;
  background-color: #990122;
}
#datum
{
  display: block;
  font-style: italic;
  font-size: 110%;
}
.opdrachtpaginacontainer .voiceover {
  top:42px; left:40px;
}
.opdrachtpaginacontainer .vraag .voiceover {
  top:60px; left:100px;
}
.opdrachtpaginacontainer .vraag .uitleg .voiceover {
  position:relative;
  float:left;
  top:auto; left:auto; right:auto;
}

/* VRAGEN */
#vragen-container
{
  position: absolute;
  margin: -40px 0 0 -20px;
  padding: 90px 25px 20px 25px;
  width: 590px;
  background-color: #FFFFFF;
}
#vragen
{
  position: relative;
  z-index: 11;
}
/*#vragen-container .shadow
{
  z-index: 10;
}*/
.vraag
{
  padding-top: 2em;
}
.vraag h3
{
  position: absolute;
  padding-top: 12px;
  height: 41px;
  width: 126px;
  background-image: url("/img/vraag-header-bg.gif");
  color: #FFFFFF;
  font-family: Impact, "Arial Black", Sans-Serif;
  font-weight: normal;
  font-size: 180%;
  text-align: center;
}
.vraag-tekst
{
  min-height: 53px;
  _height: 53px;
  padding: 0 0 1em 138px;
}
.antwoorden-list
{
  list-style: none;
}
.antwoorden-list li
{
  position: relative;
}
.antwoord-radio
{
  position: absolute;
  top: 10px;
  _top: 24px;
  left: -24px;
  cursor: pointer;
}
.antwoorden-list li label
{
  cursor: pointer;
}
.antwoord-letter
{
  position: absolute;
  display: block;
  padding-top: 4px;
  height: 34px;
  width: 37px;
  color: #FFFFFF;
  font-family: Impact, "Arial Black", Sans-Serif;
  font-weight: normal;
  font-size: 180%;
  text-align: center;
}
.antwoord-letter-oneven
{
  background-image: url("/img/antwoord-letter-bg-1.gif");
}
.antwoord-letter-even
{
  background-image: url("/img/antwoord-letter-bg-2.gif");
}
.antwoord-tekst
{
  display: block;
  width:400px;
  min-height: 32px;
  padding: 10px 0 0 48px;
}
#vragen-buttons
{
  position: absolute;
  margin-top: 20px;
  list-style: none;
}
#vragen-buttons li
{
  float: left;
  margin-right: 4px;
  background-color: #80A100;
}
#vragen-buttons input,
#vragen-buttons a
{
  position: relative;
  z-index: 9;
  padding: 6px 10px;
  _padding: 4px 0;
  margin: 0;
  background-color: #80A100;
  border: none;
  color: #FFFFFF;
  font-family: Impact, "Arial Black", Sans-Serif;
  font-weight: normal;
  font-size: 110%;
  cursor: pointer;
  zoom: 1;
}
#vragen-buttons a
{
  top: 7px;
  _top: 0;
  padding: 6px 10px 7px 10px;
  text-decoration: none;
}
/*#vragen-buttons .shadow
{
  z-index: 8;
  margin-left: 0;
}*/
.vraag h4
{
  position: relative;
  margin: 0 0 2em 0;
  color: #FFFFFF;
  font-family: Impact, "Arial Black", Sans-Serif;
  font-weight: normal;
  font-size: 180%;
}
.vraag .goed,
.vraag .fout
{
  margin-bottom: 3em;
}
.vraag .shadow-container
{
  position: absolute;
  padding: 4px 0;
}
.vraag h4 .text-container
{
  position: relative;
  z-index: 50;
  padding: 4px 8px;
  background-color: #910120;
}
.vraag h5
{
  position: relative;
  margin: 0 0 2em 0;
  color: #FFFFFF;
  font-family: Impact, "Arial Black", Sans-Serif;
  font-weight: normal;
  font-size: 140%;
  _zoom: 1;
}
.vraag h5 .text-container
{
  position: relative;
  z-index: 50;
  padding: 4px 8px;
  background-color: #910120;
}
.nagekeken .antwoord,
.uitleg
{
  position:relative;
  margin: 1em 0;
}

.multi-one-image .afbeeldingen-container
{
  position: absolute;
}
.multi-one-image .antwoorden-list
{
  min-height: 150px;
  _height: 150px;
  position: relative;
  _top: -1em;
  left: 160px;
}
.multi-one-image .nagekeken {
  min-height: 150px;
  _height: 150px;
  position: relative;
  _top: -1em;
  left: 160px;
}
.multi-one-image .nagekeken .antwoord {
  margin-top:3em!important;
}

.vraag-afbeelding
{
  position: relative;
  display: inline;
}

.one-image .vraag-afbeelding
{
  position: absolute;
  left: 0;
}
.vraag-afbeelding img
{
  margin: 0 15px 1.5em 0;
}
.opdrachtpagina .kader
{
  top: -136px;
  _top: 0;
  left: 0;
  height: 136px;
  width: 135px;
  background-image: url("/img/kader-rood.png");
  /* Fix for transparant PNG's in IE */
  _background-image: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/kader-rood.png", sizingMethod='crop');
}
.opdrachtpagina .one-image .kader
{
  top: 0;
}
.one-image .antwoord-container
{
  margin-left: 165px;
}
.antwoord-header-container
{
  position: relative;
}
.antwoord-container h4
{
  position: relative;
  z-index: 30;
  width: 570px;
  margin: 0;
  border: 6px solid #910120;
  background-color: #910120;
  color: #FFFFFF;
  font-family: Impact, "Arial Black", Sans-Serif;
  font-weight: normal;
  font-size: 140%;
}
.one-image .antwoord-container h4
{
  width: 406px;
}
/*.antwoord-header-container .shadow
{
  width: 575px;
  margin: 4px 0 0 6px;
}
.one-image .antwoord-header-container .shadow
{
  width: 411px;
}*/
.antwoord-container textarea
{
  height: 7em;
  width: 562px;
  margin: 0;
  -margin-top: -1px;
  padding: 4px;
  border: 6px solid #910120;
  border-top: none;
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 100%;
}
.one-image .antwoord-container textarea
{
  width: 398px;
}

.invul-veld
{
  padding: 1px;
  border: 1px inset;
  background-color: #C3012A;
  color: #FFFFFF;
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 100%;
}

.vraag-tekst-container
{
  position: relative;
  padding-top: 80px;
}
.invul-afbeeldingen-container
{
  margin: 70px 0 -70px 0;
}

.opdracht-afbeeldingen
{
  margin-right:-286px;
  margin-top:30px;
}


#popup-box
{
  position:absolute; z-index:9999;
  top:0; left:0;
  width:100%; height:100%;
}
#popup-filter
{
  z-index:9999;  
  position:fixed;
  _position:absolute;
  top:0; left:0;
  _top:expression(eval(document.documentElement.scrollTop)); _left:expression(eval(document.documentElement.scrollLeft));
  width:100%; height:100%;
  background-color:#FFFFFF;
  opacity:.7;
	filter:alpha(opacity=70);
}
#popup-img
{
  position:relative; z-index:99999;
  top:10px;
  border:3px solid #CCCCCC;
}
#popup-close
{
  position:relative; z-index:99999;
  top:10px;
  font-weight:bold;
  cursor:pointer;
}

#popup-box.collapsed
{
  top:-2000px;
}
#popup-box.collapsed #popup-filter
{
  height:0;
}
.popupper
{
  cursor:pointer;
}
.opdrachtpagina .zoom
{
  position:absolute; z-index:40;
  top:103px; left:103px;
  width:30px; height:29px;
  cursor:pointer;
  background-image: url("/img/zoom-icon.png");
  /* Fix for transparant PNG's in IE */
  _background-image: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/zoom-icon.png", sizingMethod='crop');
}