html, body {
    font-family:Trebuchet MS, Tahoma, Arial, sans-serif;
    height: 100%; 
    margin: 0; 
    padding: 0;
}
 /* styles for IE 5 Mac */
 #container {
        background-color: transparent;
        position: absolute;
        top: 20px;
        left: 20px;
 }
 
 /* following rules are invisible to IE 5 \*/
 #container {
   top: 50%;
   left: 0px;
   width: 100%;
   margin-top: -300px;
   text-align: center;
   min-width: 900px; 
 }
 /* end IE 5 hack */ 
#print_container
{
  position: absolute;
  visibility: hidden;
  top: 0px;
  left: 0px;
}

#bestel_DVD
{
  color : #863486;
  position: absolute;
  left: 510px;
  top:  300px; 
  text-align: center;
  font-size: small;
  font-weight: bold;
}
#bestel_DVD a
{
  color : #863486;
  font-weight: bold;
  font-size: small;
}

#print_foto
{
  visibility: hidden;
}
  
#background {
    position: relative;
    background-repeat:no-repeat;
    background-position:center center;
    margin: 0 auto;
    width: 799px;
    height: 602px;
    text-align: left;
    z-index: 1;
}


#foto { position:absolute; top:30px; right:77px; z-index: 2; }
#fotoarchitecten { position:absolute; top:30px; right:77px; z-index: 2; }

#partner_foto { position:absolute; top:150px; right:130px; z-index: 2; }

/* ie repair \*/

#foto { top: 30px; right: 77px; }
#fotoarchitecten { top: 30px; right: 77px; }

/* end IE hack */

#menubutton1 {
    position:absolute;
    top:52px;
    left:340px;
    z-index: 3;
}
  
#menubutton2 {
    position:absolute;
    top:40px;
    left:430px;
    z-index: 3;
}

#menubutton3 {
    position:absolute;
    top:27px;
    left:520px;
    z-index: 3; 

}

#menubutton4 {
    position:absolute;
    top:16px;
    left:610px; 
    z-index: 3;
}


#main_text
{
  position: absolute;
  left: 50px;
  top: 175px;
  width: 350px;
  height: 250px;
}

#longtext
{
  position: absolute;
  left: 50px;
  top: 350px;
  width: 600px;
  height: 250px;
}
#voorwaardentext
{
  position: absolute;
  font-size : small; 
 left: 50px;
  top: 250px;
  width: 600px;
  height: 250px;
}
#voorwaardenheader
{
  font-size : small;
  position: absolute;
  left: 50px;
  top: 150px;
  width: 450px;
  height: 250px;
}


p
{
  font-size: small;
  color: #FFFFFF;
}

#dynatext
{
    position: absolute;
    left: 440px;
    top: 390px;
    width: 250px;
    height: 100px;
    color: #E4C48C;
    font-size: 75%;
    font-weight: bold;

}

#address
{
    position: absolute;
    top:210px;
    left:485px;
    width: 350px;
    height: 100px;
    font-weight: bold;
    font-size: 70%;
    color: #FFFFFF;
}
table.address
{
  width: 250px;
}

a.img, img
{ border: 0px ;}


a.text
{
 font-weight: bold;
  font-size: 100%;
  color: #E4C48C;
  text-decoration: none;
} 

#mail_address
{
  background: url("../images/border.gif");
  background-repeat: no-repeat;
  background-position: left top;
  position: absolute;
  top: 250px;
  left: 520px;
  width: 210px;
  padding-top: 8px;
  height: 75px;
  text-align: center;
  font-weight: bold;
  font-size: 70%;
  color: #FFFFFF;
}


#film
{
  position: absolute;
  right: 20px;
  top: 450px;
}

a.film
{
 font-weight: bold;
  font-size: 70%;
  color: #E4C48C;
  text-decoration: none;
}



#portfolio
{
  position: absolute;
  right: 20px;
  top: 475px;
}

a.portfolio
{
 font-weight: bold;
  font-size: 70%;
  color: #E4C48C;
  text-decoration: none;
}

#referenties
{
  position: absolute;
  right: 20px;
  top: 500px;
}
a.referenties
{
 font-weight: bold;
  font-size: 70%;
  color: #E4C48C;
  text-decoration: none;
}

#publicaties
{
  position: absolute;
  right: 20px;
  top: 525px;
}
a.publicaties
{
 font-weight: bold;
  font-size: 70%;
  color: #E4C48C;
  text-decoration: none;
}

#vacatures
{
  position: absolute;
  right: 20px;
  top: 550px;
}
a.vacatures
{
 font-weight: bold;
  font-size: 70%;
  color: #E4C48C;
  text-decoration: none;
}
  
#login
{
  position: absolute;
  right: 20px;
  top: 575px;
}

#partners
{
  position: absolute;
  left: 175px;
  top:  20px; 
  font-size: small;
}
#partners a
{
  color : #863486;
  font-weight: bold;
  font-size: small;
}
#partners ul
{
  font-size: 10px;
  color : #863486;
  font-size: small;
  list-style-position: outside;
  margin-left: -20px;
}

#partners td
{ color : #863486;  
  font-style: italic;  
  font-size: small; }


 

a.login
{
 font-weight: bold;
  font-size: 70%;
  color: #E4C48C;
  text-decoration: none;
}

a.mail
{
  font-weight: bold;

  color: #ffffff;
  text-decoration: none;
}

li
{ font-size: 90%;
  color: #ffffff;
  list-style-position: outside;
  list-style-image: url("../images/button.gif");
  margin-left: 20px;
  
}

.problemtext
{
  font-size: 70%;
  color: #C0C0C0;
}

a.problem
{ 
  color: #FF8080;
  text-decoration:none;
}

a.problem:hover
{
  color: #FF0000;
}

#foto {display:block; width:235px; height:166px; background:url(../images/foto_2005.gif); background-repeat: no-repeat; margin-bottom:5em;}
#foto a {color:#ffffff; font-family:arial, sans-serif; font-size:10px; font-weight:bold; text-decoration: none; }

#fotoarchitecten {display:block; width:235px; height:166px; background:url(../images/foto_2006_architecten.png); background-repeat: no-repeat; margin-bottom:5em;}
#fotoarchitecten a {color:#ffffff; font-family:arial, sans-serif; font-size:10px; font-weight:bold; text-decoration: none; }


a#title2, a#title2:visited {display:block; width:400px; height:0; padding-top:260px; position:absolute; left:0; top:0; background:transparent url(../img/group_col.gif) no-repeat 400px 400px; cursor:default; text-decoration:none;}
* html a#title2 {height:260px; he\ight:0;}

#foto a#title2:hover {background-position: 0 0; overflow:visible; color:#c00;}
#foto_architecten a#title2:hover {background-position: 0 0; overflow:visible; color:#c00;}

a#rob {display:block; width:100px; height:0px; padding-top:70px; overflow:hidden; position:absolute; left:20px; top:25px; background:transparent url(../img/group_rob.gif) no-repeat 400px 400px;}
* html a#rob {height:70px; he\ight:0;}
a#rob:hover {background-position: 0 0; overflow:visible;}

a#andre {display:block; width:100px; height:0; padding-top:60px; overflow:hidden; position:absolute; left:61px; top:25px; background:transparent url(../img/group_andre.gif) no-repeat 400px 400px;}
* html a#andre {height:60px; he\ight:0;}
a#andre:hover {background-position: 0 0; overflow:visible;}

a#anco {display:block; width:100px; height:0; padding-top:60px; overflow:hidden; position:absolute; left:91px; top:25px; background:transparent url(../img/group_anco.gif) no-repeat 400px 400px;}
* html a#anco {height:60px; he\ight:0;}
a#anco:hover {background-position: 0 0; overflow:visible;}

a#jeroen {display:block; width:85px; height:0; padding-top:55px; overflow:hidden; position:absolute; left:131px; top:25px; background:transparent url(../img/group_jeroen.gif) no-repeat 400px 400px;}
* html a#jeroen {height:55px; he\ight:0;}
a#jeroen:hover {background-position: 0 0; overflow:visible;}

a#jb {display:block; width:40px; height:0; padding-top:55px; overflow:hidden; position:absolute; left:171px; top:25px; background:transparent url(../img/group_jb.gif) no-repeat 400px 400px;}
* html a#jb {height:55px; he\ight:0;}
a#jb:hover {background-position: 0 0; overflow:visible;}

a#marina {display:block; width:150px; height:0; padding-top:50px; overflow:hidden; position:absolute; left:65px; top:80px; background:transparent url(../img/group_marina.gif) no-repeat 400px 400px;}
* html a#marina {height:50px; he\ight:0;}
a#marina:hover {background-position: 0 0; overflow:visible;}

a#marielle {display:block; width:60px; height:0; padding-top:30px; overflow:hidden; position:absolute; left:100px; top:100px; background:transparent url(../img/group_marielle.gif) no-repeat 400px 400px;}
* html a#marielle {height:30px; he\ight:0;}
a#marielle:hover {background-position: 0 0; overflow:visible;}

a#janjaap {display:block; width:50px; height:0; padding-top:40px; overflow:hidden; position:absolute; left:150px; top:80px; background:transparent url(../img/group_janjaap.gif) no-repeat 400px 400px;}
* html a#janjaap {height:40px; he\ight:0;}

a#janjaap:hover {background-position: 0 0; overflow:visible;}