/* CONTENT */

#content
{
  position: absolute;
  z-index: 30;
  top: 230px;
  left: 439px;
}
.preloadcontent {
  xtop:1000px!important; xleft:439px!important;
}

/*q
{
  z-index: 25;
}*/
.kader
{
  position: absolute;
  z-index: 25;
}
.afbeelding
{
  position: absolute;
  z-index: 24;
}
#h2-positioner
{
  position: absolute;
  top: -120px;
  left: -10px;
  z-index: 40;
  height: 134px;
  width: 430px;
}
#h2-container
{
  position: absolute;
  bottom: 0;
}
h2
{
  position: relative;
  z-index: 40;
  color: #FFFFFF;
  font-family: Impact, "Arial Black", Sans-Serif;
  font-weight: normal;
}
#tekst
{
  position: relative;
  padding: 28px 16px 4px 16px;
  width: 340px;
  background-color: #FFFFFF;
  border: 1px solid #F7F7F7;
  color: #004e64;
  line-height: 1.3em;
  z-index: 30;
}
#tekst .afbeeldingen-container
{
  position:relative;
  width:200%;
}
.voiceover
{
  display:block;
  position: absolute; z-index: 60;
  top: -2px; left: -24px;
  width: 40px; height: 42px;
  background-image:    url("/img/voiceover.png");
  /* Fix for transparant PNG's in IE */
  _background-image:   none;
  _filter:             progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/voiceover.png", sizingMethod='crop');
}

/* STARTPAGINA EN THEMA */

.startpagina .kader,
.themapagina .kader
{
  top: -125px;
  left: -209px;
  height: 249px;
  width: 248px;
  background-image: url("/img/kader-blauw.png");
  /* Fix for transparant PNG's in IE */
  _background-image: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/kader-blauw.png", sizingMethod='crop');
}
.startpagina .afbeelding,
.themapagina .afbeelding
{
  top: -115px;
  left: -199px;
}
.startpagina h2
{
  position: absolute;
  top: -85px;
  left: -7px;
  height: 98px;
  width: 297px;
  padding: 0;
  text-indent: -1000em;
  background-image:    url("/img/titel-startpagina.png");
  /* Fix for transparant PNG's in IE */
  _background-image:   none;
  _filter:             progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/titel-startpagina.png", sizingMethod='crop');
}
.themapagina h2
{
  padding: 2px 16px;
  background-color: #004E64;
  font-size: 390%;
  text-transform: uppercase;
}
.startpagina #tekst,
.themapagina #tekst
{
  min-height: 96px;
  _height: 96px;
}

/* HOOFDSTUK */

.hoofdstukpagina .kader
{
  top: -112px;
  left: -200px;
  height: 216px;
  width: 213px;
  background-image: url("/img/kader-geel.png");
  /* Fix for transparant PNG's in IE */
  _background-image: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/kader-geel.png", sizingMethod='crop');
}
.hoofdstukpagina .afbeelding
{
  top: -103px;
  left: -191px;
}
.hoofdstukpagina h2
{
  padding: 8px 16px;
  background-color: #EEA800;
  font-size: 192%;
}
.hoofdstukpagina #tekst-container
{
  position: relative;
  z-index: 30;
  width: 374px;
}
.hoofdstukpagina #tekst
{
  min-height: 96px;
  _height: 96px;
}

/* OPDRACHT */
#container .opdrachtpagina
{
  top: 108px;
  xleft: 270px;
  width: 590px;
}
.opdrachtpagina h2
{
  position: absolute;
  left: 0px;
  font-size: 150%;
}
.opdrachtpagina .richtext,
.opdrachtpagina form
{
  margin-left:-200px;
}

.opdrachtpagina #titel
{
  display: block;
  padding: 14px 0 0 56px;
  height: 41px;
  width: 394px;
  background-image: url("/img/opdracht-titel-bg.png");
  /* Fix for transparant PNG's in IE */
  _background-image: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/opdracht-titel-bg.png", sizingMethod='crop');
}
.opdrachtpagina #opdracht-nr
{
  position: absolute;
  top: -16px;
  left: -50px;
  z-index: 200;
  display: block;
  padding-top: 3px;
  height: 91px;
  width: 100px;
  font-size: 350%;
  text-align: center;
  background-image: url("/img/opdracht-titel-nr-bg.png");
  /* Fix for transparant PNG's in IE */
  _background-image: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/opdracht-titel-nr-bg.png", sizingMethod='crop');
}
.opdrachtpagina #tekst
{
  padding-top: 84px;
  padding-right: 264px;
  padding-bottom: 1em;
  min-height: 96px;
  _height: 96px;
  width: 310px;
  border: none;
}