body {
 background-color: black;
}

* {
 font-family: arial, sans-serif;
}


#site {
 position: absolute;
 width:900px;
 height: 550px;
 margin-left:-450px;
 left: 50%;
 margin-top:-275px;
 top: 48%;
 background-image: url(../pict/corduroy_back.jpg);
 scrollbar-arrow-color: #000;
 scrollbar-face-color: #82817f;
 scrollbar-highlight-color: #82817f;
 scrollbar-3dlight-color: #000;
 scrollbar-shadow-color: #000;
 scrollbar-darkshadow-color: #82817f;
 scrollbar-track-color: #82817f;
}
a:link, a:visited
{
 color: black; text-decoration: none;
}
a:hover, a:active 
{
 color: black; text-decoration: underline;
}


/* top *****************************************/
#top {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 900px;
 height: 150px;
}


/* links menu ****************************** */
#linksmenu {
 position: absolute;
 top: 140px;
 left: 10px;
 width: 213px;
 height: 220px;
}

#linksmenu img.menu_bio {
 position: absolute;
 top: 10px;
 left: 0px;
 width: 200px;
 height: 35px;
 border: 0px;
}
#linksmenu img.menu_muziek {
 position: absolute;
 top: 50px;
 left: 0px;
 width: 200px;
 height: 35px;
 border: 0px;
}
#linksmenu img.menu_agenda {
 position: absolute;
 top: 90px;
 left: 0px;
 width: 200px;
 height: 35px;
 border: 0px;
}
#linksmenu img.menu_pers {
 position: absolute;
 top: 130px;
 left: 0px;
 width: 200px;
 height: 35px;
 border: 0px;
}
#linksmenu img.menu_contact {
 position: absolute;
 top: 170px;
 left: 0px;
 width: 200px;
 height: 35px;
 border: 0px;
}



/* content ************************************************/
#content {
 position: absolute;
 top: 140px;
 left: 245px;
 width: 640px;/* 620 */
 height: 400px;/* 380px*/
 padding: 0px;/* 10px */
 overflow-y: auto;
 overflow-x: no;
 font-size: 12px;
 color: black;
}
#content ul {
 font-size: 12px;
 color: black;
}
#content a {
 font-size: 12px;
 font-weight: bold;
 color: black;
}
#content img { float: right; }
#content h1 { font-size: 36px; text-decoration: bold; color: black; }
#content h2 { font-size: 15px; text-decoration: bold; color: black; }
#content h3 { font-size: 14px; text-decoration: bold; color: black; }
#content .text  { border: 1px inset #000; background-color: transparent;}
#content .button  { border: 1px inset #000; }

/* nieuwsbrief ********************************************/
#nieuwsbrief {
 position: absolute;
 top: 430px;
 left: 10px;
 width: 213px;
 height: 100px;
 font-size: 10px;
 font-weight: bold;
 color: black;
}
#nieuwsbrief .text  { border: 1px inset #000; background-color: transparent; overflow: auto;}
#nieuwsbrief .button  { border: 1px inset #000; }




/* extra links ********************************************/
#extralinks {
 position: absolute;
 top: 512px;
 left: 10px;
 width: 213px;
 height: 30px;
}

#extralinks img.myspace {
 position: absolute;
 top: 0px;
 left: 0px;
 border: 0px;
}

#extralinks img.hyves {
 position: absolute;
 top: 0px;
 left: 105px;
 border: 0px;
}

#extralinks img.lastfm {
 position: absolute;
 top: 0px;
 left: 155px;
 border: 0px;
}