#informatie-container
{
  position: relative;
  top: -42px;
  left: -200px;
}
.opdrachtpagina #informatie-container
{
  position: absolute;
  top: auto;
  left: -200px;
  margin: -20px 0 0 -26px;
  z-index: 80;
}
#informatie-container h3
{
  height: 39px;
  width: 214px;
  text-indent: -1000em;
  background-image: url("/img/informatie-header.png");
  /* Fix for transparant PNG's in IE */
  _background-image: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/informatie-header.png", sizingMethod='crop');
}

/* HEADERS */
#informatie-headers
{
  position: relative;
  z-index: 21;
  height: 45px;
  width: 671px;
}
#informatie-headers-bg
{
  position: relative;
  z-index: 20;
  top: -45px;
  height: 45px;
  width: 671px;
  background-image: url("/img/informatie-headers-bg.png");
  /* Fix for transparant PNG's in IE */
  _background-image: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/informatie-headers-bg.png", sizingMethod='crop');
}
.mouseover
{
  cursor: pointer;
}

/* WOORDEN HEADER */
#informatie-container #woorden-header
{
  float: left;
  position: relative;
  top: -6px;
  left: 50px;
  padding: 0;
  height: 42px;
  width: 107px;
}
#informatie-container #woorden-header a,
#informatie-container #woorden-header label
{
  background-image: url("/img/informatie-woorden.gif");
}
#informatie-container #woorden-header a:hover,
#informatie-container .informatie-active-item1 #woorden-header label,
#informatie-container #woorden-header .mouseover
{
  background-image: url("/img/informatie-woorden-selected.gif");
}

/* LEESTEKST HEADER */
#informatie-container #leestekst-header
{
  float: left;
  position: relative;
  top: -8px;
  left: 64px;
  height: 42px;
  width: 107px;
}
#informatie-container #leestekst-header a,
#informatie-container #leestekst-header label
{
  background-image: url("/img/informatie-leestekst.gif");
}
#informatie-container #leestekst-header a:hover,
#informatie-container .informatie-active-item2 #leestekst-header label,
#informatie-container #leestekst-header .mouseover
{
  margin-top: 3px;
  background-image: url("/img/informatie-leestekst-selected.gif");
}

/* VIDEOS HEADER */
#informatie-container #videoclips-header
{
  float: left;
  position: relative;
  top: -5px;
  left: 68px;
  height: 42px;
  width: 137px;
}
#informatie-container #videoclips-header a,
#informatie-container #videoclips-header label
{
  background-image: url("/img/informatie-videoclips.gif");
}
#informatie-container #videoclips-header a:hover,
#informatie-container .informatie-active-item3 #videoclips-header label,
#informatie-container #videoclips-header .mouseover
{
  background-image: url("/img/informatie-videoclips-selected.gif");
}

/* CONTENT */
#informatie-container #informatie-content-container
{
  position: relative;
  margin-top: -57px;
  top: 0;
  left: 35px;
  width: 600px;
}
#informatie-container.informatie-inactive-item1 #informatie-content-container,
#informatie-container.informatie-inactive-item2 #informatie-content-container,
#informatie-container.informatie-inactive-item3 #informatie-content-container
{
  height: 0;
  overflow: hidden;
}
#informatie-content-woorden,
#informatie-content-leestekst,
#informatie-content-videos
{
  position: relative;
  z-index: 10;
  padding: 1.5em;
  min-height: 5em;
  _height: 5em;
  background-color: #910120;
  color: #FFFFFF;
}
/*#informatie-content-container .shadow
{
  z-index: 9;
}*/

#informatie-container .voiceover
{
  top:16px; right:10px; left:auto;
}

/* WOORDEN CONTENT */
#informatie-content-woorden
{
  display: none;
}
.informatie-active-item1 #informatie-content-woorden
{
  display: block;
}
#informatie-container #woorden
{
  margin-top: -0.5em;
}
#informatie-container #woorden dt
{
  float: left;
  font-weight: bold;
}

/* LEESTEKST CONTENT */
#informatie-content-leestekst
{
  display: none;
}
.informatie-active-item2 #informatie-content-leestekst
{
  display: block;
}

/* VIDEOS CONTENT */
#informatie-content-videos
{
  display: none;
}
.informatie-active-item3 #informatie-content-videos
{
  display: block;
}
#informatie-container #informatie-videos
{
  list-style: none;
  background-color: #C3012A;
  padding: 6px 6px 2px 6px;
  width: 210px;
}
#informatie-container #informatie-videos li
{  
  border-top:1px dotted #FFFFFF;
}
#informatie-container #informatie-videos label
{
  display: block;
  padding: 0.5em 0 0.5em 28px;
  background-image: url("/img/informatie-bullet.gif");
  background-position: 8px 50%;
  background-repeat: no-repeat;
  color: #FFFFFF;
  text-decoration: none;
  /* IE6 goes nuts when display is set to block and zoom isn't set. */
  _zoom: 1;
}
/*#informatie-container #videos a:hover
{
  background-image: url("/img/extra-informatie-bullet-over.gif");
  background-color: #80BDCF;
}
#informatie-container #videos .selected a
{
  padding-left: 45px;
  background-image: url("/img/extra-informatie-pijl.gif");
}
#informatie-container #videos .selected a:hover
{
  background-image: url("/img/extra-informatie-pijl-over.gif");
  background-color: #80BDCF;
}*/


#informatie-videos-table,
#informatie-videos-table td
{
  border: 0;
  vertical-align: top;  
}
#informatie-videoplayer-box
{
  padding-left: 20px;
}
#informatie-videoplayer-titel
{
  display:none;
  position:relative; z-index:80;
  font-weight: bold;
  background-color: #C3012A;
  padding: 8px;
  margin: 0 20px -2px 20px;
  text-align: center;
  color:#FFFFFF;
}
#informatie-videoplayer
{
  position:relative; z-index:70;
  border:4px solid #B0DC00;
}
#informatie-custom-toolbar
{
  position:relative;
  display: none;
  width:323px; height:62px;
  margin:-4px 0 0 2px;
  background-image:url("/img/informatie-video-custom-toolbar.gif");
}
#informatie-play-button
{
  display:block;
  position: absolute; z-index:90;
  top:36px; left:14px;
  width:23px; height:18px;
  border:none;
  border-right:2px dotted #81C62F;
  background-image:url("/img/informatie-video-play-button.gif");
  background-repeat:no-repeat;
  text-indent:-1000em;
}
#informatie-pause-button
{
  display:block;
  position: absolute; z-index:90;
  top:36px; left:46px;
  width:23px; height:18px;
  border:none;
  border-right:2px dotted #81C62F;
  background-image:url("/img/informatie-video-pause-button.gif");
  background-repeat:no-repeat;
  text-indent:-1000em;
}
#informatie-stop-button
{
  display:block;
  position: absolute; z-index:90;
  top:36px; left:77px;
  width:23px; height:18px;
  border:none;
  border-right:2px dotted #81C62F;
  background-image:url("/img/informatie-video-stop-button.gif");
  background-repeat:no-repeat;
  text-indent:-1000em;
}

#informatie-counter
{
  display:none;
}
#informatie-tijdbalk
{
  position: relative; z-index:99;
  top:13px; left:2px;
  width:300px; height:10px;
  cursor:pointer;
}
#informatie-dot
{
  position:absolute; z-index:100;
  left:0;
  width:12px; height:13px;
  background-image:url("/img/video-dot.png");
  background-image:none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/video-dot.png", sizingMethod='crop');
}