/* CSS Document */


body
{
background-image:url(../afbeeldingen/bg1.jpg);
background-repeat:repeat;
position:relative;
scrollbar-face-color: #b8a344;
scrollbar-shadow-color: #73612a;
scrollbar-highlight-color: #ece98d;
scrollbar-3dlight-color: #0;
scrollbar-darkshadow-color: #0000;
scrollbar-track-color: #f0dc51;
scrollbar-arrow-color: #503f57;
z-index:4;}

a:link, a:visited{
text-decoration: none;
border: none;
cursor: hand; 
}


img { border: none; } 

.main
{
position:relative;
width:978px;
height:786px;
margin-left:auto;
margin-right:auto;
background-image: url(../afbeeldingen/mainnnlasert2.jpg);
border:2px solid;
border-color:#000037;
z-index:0;}

div.vak
{ width:600px;
height:550px;
border:0px solid;
border-color:#0033FF;
position:relative;
top:325px;
left:38px;
font-family:Microsoft sans serif;
font-weight:bold;
color:#392b49;
font-size:16px;
z-index:6;}

.homebutton
{background-image:url(../afbeeldingen/home.jpg);
position:absolute;
top: 286px;
left: 38px;
width: 69px;
height: 47px;
padding: 0px;
margin: 0px;
z-index:1;
}

.homebutton:hover {background-image:url(../afbeeldingen/homehover.jpg); z-index:2;}

.historybutton
{background-image:url(../afbeeldingen/history.jpg);
position:absolute;
top: 285px;
left: 117px;
width: 110px;
height: 49px;
padding: 0px;
margin: 0px;
z-index:1;}

.historybutton:hover {background-image:url(../afbeeldingen/historyhover.jpg); z-index:2;}

.musicbutton
{background-image:url(../afbeeldingen/music.jpg);
position:absolute;
top: 286px;
left: 237px;
width: 82px;
height: 48px;
padding: 0px;
margin: 0px;
z-index:1;}
.musicbutton:hover {background-image:url(../afbeeldingen/musichover.jpg); z-index:2;}

.pricesbutton
{background-image:url(../afbeeldingen/prices.jpg);
position:absolute;
top: 288px;
left: 332px;
width: 93px;
height: 43px;
padding: 0px;
margin: 0px;
z-index:1;}
.pricesbutton:hover {background-image:url(../afbeeldingen/priceshover.jpg); z-index:2;}


.contactbutton
{background-image:url(../afbeeldingen/contact.jpg);
position:absolute;
top: 287px;
left: 438px;
width: 109px;
height: 48px;
padding: 0px;
margin: 0px;
z-index:1;
}
.contactbutton:hover {background-image:url(../afbeeldingen/contacthover.jpg);z-index:2;}


.felly
{background-image:url(../afbeeldingen/felly.jpg);
position:absolute;
top:172px;
left:28px;
width:243px;
height:136px;
z-index:1;
}

.felly:hover {background-image:url(../afbeeldingen/fellyhover.jpg);z-index:2;}

.toony
{background-image:url(../afbeeldingen/toony1.jpg);
position:absolute;
top:137px;
left:265px;
width:107px;
height:170px;
z-index:1;}

.toony:hover {background-image:url(../afbeeldingen/toonyhover1.jpg);z-index:2;}

.bas
{background-image:url(../afbeeldingen/bas.jpg);
position:absolute;
top:99px;
left:358px;
width:207px;
height:210px;
z-index:1;}

.bas:hover {background-image:url(../afbeeldingen/bashover.jpg);z-index:2;}

.scroll
{
scrollbar-face-color: #b8a344;
scrollbar-shadow-color: #73612a;
scrollbar-highlight-color: #ece98d;
scrollbar-3dlight-color: #0;
scrollbar-darkshadow-color: #0000;
scrollbar-track-color: #f0dc51;
scrollbar-arrow-color: #503f57;}

.lightshow
{background-image:url(../afbeeldingen/lightshow.jpg);
position:absolute;
top:0px;
left:0px;
width:164px;
height:115px;
z-index:1;
}

.lightshow:hover {background-image:url(../afbeeldingen/lightshowhover.jpg);z-index:2;}

.references
{background-image:url(../afbeeldingen/references.jpg);
position:absolute;
top:0px;
left:343px;
width:155px;
height:77px;
z-index:1;
}

.references:hover {background-image:url(../afbeeldingen/referenceshover.jpg);z-index:2;}

.pictures
{background-image:url(../afbeeldingen/pictures.jpg);
position:absolute;
top:54px;
left:200px;
width:126px;
height:67px;
z-index:1;
}

.pictures:hover {background-image:url(../afbeeldingen/pictureshover.jpg);z-index:2;}