#home {
  background-image: url(/img/back-home.jpg);
}
#left {
  width: 202px;
  background-image: url(/img/links.png);
}
#left div {
  padding: 50px 47px 160px 47px;
}
#left p {
  margin: 0px 0px 1em 0px;
}
#left a {
  color: #99CCCC;
}
#left a:hover {
  color: #ffcc00;
}
#leftbottom {
  position: absolute;
  bottom: -1px;
  left: 0px;
  width: 202px;
  height: 155px;
  background-image: url(/img/linksonder.png);
  z-index: 0;
}


#windows {
  margin-left: -10px;
  margin-right: 50px;
  margin-top: 0px;
  margin-bottom: 25px;
  margin-left: 10px;
  margin-right: 30px;
  margin-top: 20px;
  margin-bottom: 5px;
}
#windows td {
  vertical-align: top;
}
.window {
  display: block;
  width: 118px;
  color: #cfdbde;
  text-align: left;
}
.window .text {
  padding: 0px 11px 6px 6px;
}
.window:hover {
  color: #ffcc00;
}
.window img {
  position: absolute;
}
.window .frame {
  position: absolute;
  width: 113px;
  height: 165px;
  background-image: url(/img/raam.gif);
  cursor: hand;
  cursor: pointer;
}
/* Mac values */
.window img {
  top: -141px;
  left: 20px;
}
#window2 img {
  left: 138px;
}
#window3 img {
  left: 256px;
}
.window .frame {
  top: -170px;
  left: 0px;
}
#window2 .frame {
  left: 118px;
}
#window3 .frame {
  left: 236px;
}
/* normal values \*/
.window img {
  top: -121px;
  left: 30px;
}
#window2 img {
  left: 148px;
}
#window3 img {
  left: 266px;
}
.window .frame {
  top: -150px;
  left: 10px;
}
#window2 .frame {
  left: 128px;
}
#window3 .frame {
  left: 246px;
}
/* end Mac hack */



#right {
  position: absolute;
  left: 202px;
  top: 231px;
  background-color: #104D5D;
  z-index: 1;
}
#rightbottom {
  position: absolute;
}


#loginpositioner {
  position: absolute;
  left: 0px;
  top: -300px;
}
#login {
  position: absolute;
  width: 33em;
  top: -500em;
  left: 0px;
  font-size: 110%;
}
#login h2 {
  text-align: center;
  background-color: #791828;
  margin: 0px;
  padding: 10px 0px 5px;
}
#login .hr {
  border: none;
  width: 100%;
  height: 17px;
  background-image: url(/img/inloggen/tapijtrand.jpg);
  margin: 0px;
  padding: 0px;
}
#login p {
  margin: 0px;
  padding: 0.4em 3em;
  border-top: 1px solid black;
  border-right: 1px solid black;
  background-color: #32BC9A;
  color: #006666;
}
#login form p {
  color: #791828;
}
#login input {
  width: 24em;
  min-width: 100%;
}
#login select {
  xfloat: right;
}
#loginstep2 {
  display: none;
}
#loginsubmit1, #loginsubmit2 {
  display: block;
  margin: 0.5em;
  width: 111px;
  height: 25px;
}
#loginsubmit1 {
  background-image: url(/img/inloggen/knop-verder-mo.gif);
}
#loginsubmit1:hover {
  background-image: url(/img/inloggen/knop-verder.gif);
}
#loginsubmit2 {
  background-image: url(/img/inloggen/knop-naarbinnen-mo.gif);
}
#loginsubmit2:hover {
  background-image: url(/img/inloggen/knop-naarbinnen.gif);
}
#logincancel {
  display: block;
  margin: 0.5em;
  width: 117px;
  height: 25px;
  background-image: url(/img/inloggen/knop-neetochniet-mo.gif);
}
#logincancel:hover {
  background-image: url(/img/inloggen/knop-neetochniet.gif);
}
#loginbottom {
  height: 22px;
  background-image: url(/img/inloggen/franje.gif);
}
#loginpositioner { border: 1px solid green; width: 10px; height: 10px; }


#screen {
  position: absolute;
  top: -500em;
  left:102px;
  text-align: center;
  background-color: #F3E4CB;
  background-image: url(/img/film/onderkantscherm.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  padding: 43px 33px 2px;
  width: 445px;
  z-index: 2;
}
#screen img {
  width: 375px;
  height: 252px;
}
#screen p {
  text-align: left;
  color: #003366;
}
#screen a {
  color: #990000;
}
#screen a:hover {
  color: #ff0000;
}
#screen table {
  background-color: #999999;
  margin-left: auto;
  margin-right: auto;
}
#screen td {
  padding: 0px;
}
#screen button {
  width: 100%;
  background-color: #999999;
  color: #ffffff;
  border: 2px solid #F3E4CB;
}
#screenclose {
  display: block;
  height: 19px;
  background-image: url(/img/film/knop-omhoog.gif);
  background-repeat: no-repeat;
  background-position: center;
}
#screenclose:hover {
  background-image: url(/img/film/knop-omhoog-mo.gif);
}



#arcs {
  position: absolute;
  right: 209px;
  top: 69px;
  width: 371px;
  height: 169px;
  background-image: url(/img/arcs.gif);
}
#basis {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 369px;
  height: 151px;
  background-image: url(/img/basisplaat.gif);
  background-position: right bottom;
  background-repeat: no-repeat;
}
#basisright1 {
  position: absolute;
  top: -249px;
  left: 369px;
  width: 146px;
  height: 400px;
  background-image: url(/img/basisrechts1.gif);
  background-position: right bottom;
  background-repeat: no-repeat;
}
#basisright2 {
  position: absolute;
  top: -249px;
  left: 515px;
  width: 63px;
  height: 400px;
  background-image: url(/img/basisrechts2.gif);
  background-position: right bottom;
  background-repeat: no-repeat;
}
#basisrep {
  position: absolute;
  right: 0px;
  bottom: -1px;
  width: 578px;
  height: 25em;
  background-image: url(/img/basis.gif);
}

#horse {
  display: block;
  position: absolute;
  width: 194px;
  height: 257px;
  left: 337px;
  top: -117px;
  background-repeat: no-repeat;
  background-position: bottom right;
  background-image: url(/img/paard.gif);
  -moz-outline: none !important;
}
#horse:active {
  background-image: url(/img/paard-actief.gif);
}


#farsi {
  display: block;
  position: absolute;
  left: -15px;
  top: 34px;
  width: 330px;
  height: 105px;
  background-image: url(/img/farsiknop.gif);
  -moz-outline: none !important;
  z-index: 20;
}
#farsi:active {
  background-image: url(/img/farsiknop-mo.gif);
}


#birds {
  position: absolute;
}
.bird {
  position: absolute;
  top:-1000px;
}


#shadow {
  display: none; 
  /* don't show in Mac \*/
  display: block;
  /* */
  position: absolute;
  background: #000000;
  width: 22px;
  top: -30em;
  left: 0px;
  height: 36em;
  filter: alpha(opacity=30);
  -moz-opacity: .3;
  z-index: 1;
}
#shadowarc {
  display: none; 
  /* don't show in Mac \*/
  display: block;
  /* */
  position: absolute;
  top: 0px;
  left: 224px;
  width: 61px;
  height: 151px;
  z-index: 2;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/alphaboog.png', sizingMethod='scale');
}
div>#shadowarc {
  voice-family: "\"}\"";
  voice-family:inherit;
  background-image: url(/img/alphaboog.png);
}
#leftarc {
  position: absolute;
  top: 0px;
  left: 201px;
  width: 60px;
  height: 133px;
  background-image: url(/img/boog.png);
  z-index: 2;
}
#topedge {
  background-image: url(/img/randbovenaan.gif);
}
#hideabovetop {
  position: absolute;
  top:-2000px;
  left:0px;
  width: 780px;
  height: 2000px;
  background: #41909C;
  z-index: 3;
}

#navpos {
  z-index: 3;
  xtop: 50px;
}
#hideright {
  z-index: 999;
}

#songhomepage {
  position: absolute;
  top: 287px;
  left: 82px;
}

button {
  cursor: pointer;
  cursor: hand;
}

#colofon
{
  position:absolute; left:6px; top:400px;
  height:46px; width:9px;
  background:url(/img/colofon.gif);
}

#colofon:hover {
  height:46px; width:9px;
  background:url(/img/colofon_mo.gif);
}