@font-face {
    font-family: 'RoyalPainNormal';
    src: url('../style/royalp-webfont.eot');
    src: url('../style/royalp-webfont.eot?iefix') format('eot'),
         url('../style/royalp-webfont.woff') format('woff'),
         url('../style/royalp-webfont.ttf') format('truetype'),
         url('../style/royalp-webfont.svg#webfontx9qOBfXk') format('svg');
    font-weight: normal;
    font-style: normal;

}

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-family: RoyalPainNormal; font-size: 48px; text-decoration: bold; color: black; }
#content h2 { font-family: RoyalPainNormal, arial; font-size: 36px; text-decoration: normal; color: black; margin-top: 0px;}
#content h3 { font-family: RoyalPainNormal; font-size: 26px; text-decoration: bold; color: black; }
/*
#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;
}