/* Extra Informatie Algemeen */


#extra-informatie
{
  position:absolute; z-index:61;
  top:176px; right:0;
}
.extra-informatie-inactive
{
  width:42px; height:146px;
  overflow: hidden;
}
.extra-informatie-empty {
  display:none;
  width:0px;
  overflow:hidden;
}

#extra-informatie td
{
  vertical-align:top;
}




/* Extra Informatie Tab */
#extra-informatie-label
{
  display:block;
  width:44px; height:146px;
  cursor: pointer;

  background-image: url("/img/label-extra-informatie.png");
  _background-image: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/label-extra-informatie.png", sizingMethod='crop');
}




/* Extra Informatie Content */

#extra-informatie-content
{
  min-width: 238px; _width: 238px;
  padding: 16px 16px 1em 10px;
  background-color: #004E64;
  color: #FFFFFF;
}
#xextra-informatie.empty #extra-informatie-content { display:none; }
#extra-informatie-list
{
  list-style: none;
  width:253px;
}

#extra-informatie-list li.collapsed
{
  margin-bottom:4px;
  background-color: #007B9E;
  overflow:hidden;
}
#extra-informatie-list li.expanded
{
  margin-bottom:4px;
  background-color: #007B9E;
  overflow:auto;
}
#extra-informatie-list h4
{
  position:relative;
  top:0px; left:0px;
  width:254px; height:33px;
  background-image: url("/img/extra-informatie-header-bg.gif");
}
#extra-informatie-list .expanded h4
{
  top:5px; left:5px;
  width: 225px;
  margin-bottom:7px;
  background-image: url("/img/extra-informatie-header-selected-bg.gif");
}
#extra-informatie-list h4 label
{
  display: block;
  padding: 6px 0 0 26px;
  height: 27px;
  color: #FFFFFF;
  font-size: 110%;
  font-weight: bold;
  text-decoration: none;
}

#extra-informatie-list li.collapsed ul
{
  display:none;
}


#extra-informatie-list a,
#extra-informatie-list label.activator
{
  display: block;
  padding: 0.5em 0 0.5em 28px;
  background-image: url("/img/extra-informatie-bullet.gif");
  background-position: 8px 7px;
  background-repeat: no-repeat;
  color: #FFFFFF;
  text-decoration: none;
  _zoom: 1;
}
#extra-informatie-list a:hover
{
  background-image: url("/img/extra-informatie-bullet-over.gif");
  background-color: #80BDCF;
}
#extra-informatie-list .selected a
{
  padding-left: 45px;
  background-image: url("/img/extra-informatie-pijl.gif");
}
#extra-informatie-list .selected a:hover
{
  background-image: url("/img/extra-informatie-pijl-over.gif");
  background-color: #80BDCF;
}



/* Extra Informatie Player */

#extra-informatie-player
{
  display:block;
  background-color: #007B9E;
}

#extra-informatie-videoplayer
{
  margin-bottom: 1em;
  text-align: center;
}
.extra-informatie-videoplayer-inactive
{
  width: 1px; height: 1px;
  padding:0px;
  overflow:hidden;
}
.extra-informatie-videoplayer-active
{
  width: 367px; height: 100%;
  padding: 0 20px 0 0;
}

.extra-informatie-videoplayer-inactive #videocontent
{
  display:none;
}
.extra-informatie-videoplayer-active #videocontent
{
  display:block;
}


#videoplayer-titel
{
  position:relative; z-index:80;
  font-weight: bold;
  background-color: #004E64;
  padding: 8px;
  margin: 15px 20px -2px 20px;
  text-align: center;
  color:#FFFFFF;
}
#videoplayer
{
  position:relative; z-index:70;
  border:4px solid #B0DC00;
}
#custom-toolbar
{
  position:relative;
  display: none;
  width:323px; height:62px;
  margin-top:-4px;
  background-image:url("/img/video-custom-toolbar.gif");
}
#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/video-play-button.gif");
  background-repeat:no-repeat;
  text-indent:-1000em;
}
#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/video-pause-button.gif");
  background-repeat:no-repeat;
  text-indent:-1000em;
}
#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/video-stop-button.gif");
  background-repeat:no-repeat;
  text-indent:-1000em;
}

#counter
{
  display:none;
}
#tijdbalk
{
  position: relative; z-index:99;
  top:13px; left:-2px;
  width:300px; height:10px;
  cursor:pointer;
}
#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');
}