/* TEMPORARY DURING DEVELOPMENT */

iframe
{
  position:absolute;
  top:-2000px;
  display:block;
  margin: 900px 0 0 200px;
  width: 700px;
  height: 300px;
  opacity: .5;
  _filter: alpha(opacity=50);
}

/* ALGEMEEN */

*
{
  margin: 0;
  padding: 0;
  font-size: 100%;
}

label,
a.image-link,
a.target-extraframe
{
  cursor:pointer!important;
}
.image-link
{
  display: block;
  height: 100%;
  text-decoration: none;
  text-indent: -1000em;
}

.invisible,
.hidden
{
  display:none!important;
}
.visible
{
  display:block;
}

/* q elements are abused for shadows */
q
{
  position: absolute;
  z-index: 99999;
  top:0; left:0;
  margin:5px 0 0 4px;
  _margin-top:6px;
  width:100%; height:100%;
  overflow:hidden;
  text-indent:-1000em;
}
q div
{
  position:absolute;
  right:0; bottom:0;
  width:800px; height:800px;
  background-image:url("/img/shadow2.png");
  _background-image:none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/shadow2.png", sizingMethod='crop');
}
.richtext p
{
  margin-bottom: 1em;
}

/* KADER */
html, body {
  height: 100%;
}
body
{
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 80%;
  text-align: center;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-color: #7FA000;
}
.startpaginacontainer,
.themapaginacontainer { background-image: url("/img/bg-startpagina.jpg"); }
.hoofdstukpaginacontainer { background-image: url("/img/bg-hoofdstuk.jpg"); }
.opdrachtpaginacontainer { background-image: url("/img/bg-opdracht.jpg"); }

#container
{
  position: relative;
  z-index: 10;
  margin: 0 auto;
  height: 100%;
  width: 994px;
  text-align: left;
}
#main-title
{
  margin-left:         -13px;
  width:               594px;
  height:              98px;
  z-index:             110;
  position: fixed;
  _position: absolute;
  top: 0;
  _top: expression(eval(document.documentElement.scrollTop));
  margin-top:-100px;
}
#main-title a
{
  background-image:    url("/img/logo-haagse-rugzak.png");
  /* Fix for transparant PNG's in IE */
  _background-image:   none;
  _filter:             progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/logo-haagse-rugzak.png", sizingMethod='crop');
}
#link-mon3aan
{
  margin-left:         760px;
  width:               249px;
  height:              98px;
  z-index:             120;  
  position: fixed;
  _position: absolute;
  top: 0;
  _top: expression(eval(document.documentElement.scrollTop));
  margin-top:-300px;
}
#link-mon3aan a
{
  background-image:    url("/img/logo-mon3aan.png");
  /* Fix for transparant PNG's in IE */
  _background-image:   none;
  _filter:             progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/logo-mon3aan.png", sizingMethod='crop');
}
#link-denhaag
{
  margin-left:         884px;
  width:               117px;
  height:              167px;
  z-index:             110;
  position: fixed;
  _position: absolute;
  top: 0;
  _top: expression(eval(document.documentElement.scrollTop));
  margin-top:-700px;
}
#link-denhaag a
{
  background-image:    url("/img/logo-gemeente-den-haag.png");
  /* Fix for transparant PNG's in IE */
  _background-image:   none;
  _filter:             progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/logo-gemeente-den-haag.png", sizingMethod='crop');
}
#link-ijsfontein
{
  margin-left:         877px;
  width:               112px;
  height:              69px;
  z-index:             99;
  position: fixed;
  _position: absolute;
  top: 0;
  _top: expression(eval(document.documentElement.scrollTop));
  margin-top:-1800px;
}
#link-ijsfontein a
{
  background-image:    url("/img/logo-ijsfontein.png");
  /* Fix for transparant PNG's in IE */
  _background-image:   none;
  _filter:             progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/logo-ijsfontein.png", sizingMethod='crop');
}
.link-hidden {
  margin-top:-200px!important;
}
#link-q42
{
  margin-left:         924px;
  width:               66px;
  height:              83px;
  z-index:             98;
  position: fixed;
  _position: absolute;
  top: 0;
  _top: expression(eval(document.documentElement.scrollTop));
  margin-top:-2800px;
}
#link-q42 a
{
  background-image:    url("/img/logo-q42.png");
  /* Fix for transparant PNG's in IE */
  _background-image:   none;
  _filter:             progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/logo-q42.png", sizingMethod='crop');
}

#extra1
{
  xleft:                0;
  height:              100%;
  width:               64px;
  z-index:             100;
  background-repeat:   no-repeat;
  background-image:    url("/img/extra-links3.png");
  /* Fix for transparant PNG's in IE */
  _background-image:   none;
  _filter:             progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/extra-links3.png", sizingMethod='crop');  
  position: fixed;
  _position: absolute;
  top: 0;
  _top: expression(eval(document.documentElement.scrollTop));
}
#extra2
{
  xposition:            absolute;
  xtop:                 0;
  right:               0;
  height:              606px;
  width:               12px;
  z-index:             100;
  background-repeat:   no-repeat;
  background-image:    url("/img/extra-rechts.png");
  /* Fix for transparant PNG's in IE */
  _background-image:   none;
  _filter:             progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/extra-rechts.png", sizingMethod='crop');
  position: fixed;
  _position: absolute;
  top: 0;
  _top: expression(eval(document.documentElement.scrollTop));
}
/*#extra3
{
  xposition: absolute;
  xtop: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: fixed;
  _position: absolute;
  top: 0;
  _top: expression(eval(document.documentElement.scrollTop));
}*/
/*#extra4
{
  height: 1200px;
  background-color: #7FA000;
}
#extra5 {
  position:absolute;
  top:0;
  left:50%;
  margin-left:-495px;
  width:990px; height:1200px;
  background-color:#FFFFFF;
}*/