body {
 margin: 0;
 padding: 0;
 background: url(images/bg-home.jpg) no-repeat 50% top;
 font-family: Arial, sans-serif;
 font-size:  1.2em;
 color: #666;
}
* html body { font-size: x-small; /* for IE%/Win */ f\ont-size: small; /* for other IE versions */ }

.main {
 position: relative;
 margin: 0 auto;
 padding: 0;
 text-align: left;
 width: 750px;
 }

.logo {
 width: 120px;
 background: url(images/logo.gif) no-repeat left top;
}

.header {
 background: url(images/bg.gif) repeat-y left top;
 width: 5.5em;
}

.img {
 position: absolute;
 top: 210px;
 height: 181px;
 width: 265px;
 margin-left: -13px;
}

.fotos {
 position: absolute;
 top: 75px;
 height: 181px;
 width: 265px;
 margin-left: 155px;
}

.darwine {
 position: absolute;
 top: 550px;
 height: 6px;
 width: 41px;
}

.text {
 position: absolute;
 top: 150px;
 width: 310px;
 line-height: 1.6em;
 margin-left: 2.4em;
}

.projectplaat {
 position: absolute;
 top: 160px;
 height: 280px;
 width: 384px;
 margin-left: 231px;
}

.projectlist {
 position: absolute;
 top: 150px;
 width: 310px;
 font-size:  0.8em;
 line-height: 1.6em;
}

.projecttekst {
 position: absolute;
 top: 445px;
 width: 384px;
 margin-left: 231px;
 line-height: 1.3em;
 font-size:  0.9em;
}

.projectplaatjes {
 position: absolute;
 top: 495px;
 width: 384px;
 margin-left: 231px;
}


a:link			{color:#f60;text-decoration:none;}
a:visited		{color:#c30;text-decoration:none;}
a:active		{color:#f60;text-decoration:underline;}
a:hover			{color:#666;text-decoration:underline;}

/* menu */

#nav {margin:0; padding:0;}
#nav li { margin:0; padding-left:2.5em; padding-bottom:0.5em; list-style-type:none;}
#nav a {color:#f60;text-decoration:none;}
#nav a.active, #nav a:hover {color:#666; text-decoration:underline;}

/* project menu */

#subnav {margin:0; padding:0;}
#subnav li { margin:0; padding-left:2.5em; padding-bottom:0.5em; list-style-type:none;}
#subnav a {color:#f60;text-decoration:none;}
#subnav a.active, #subnav a:hover {color:#666; text-decoration:underline;}