<P STYLE="text-align: right;">
p{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #	FFFF66;
font-size: 90%;
}

h1{
font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif; 
color: #595999;
font-weight: bold;
font-size: 100%;
text-align: center;
margin:px px;
padding: 10px 0px;

}

h2{
font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif; color: #595999;
font-weight: bold;
font-size: 80%;
}
h3{
font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif; color: #595999;
font-weight: bold;
font-size: 90%;
}

#textbox{
background: url(../image/text.png) no-repeat 0 0;
position: absolute;
top:190px;
left: 170px;
width: 75%;
height: 80px;
border: px solid #9999CC;
text-align: center;
margin:px px;
padding: 10px 0px;

}

#textbox1{
background: url(../image/text1.png) no-repeat 0 0;
position: absolute;
top:300px;
left: 170px;
width: 74%;
height: 360px;
border: px solid #9999CC;
text-align: center;
margin:px px;
padding: 2px 2px 0px 10px;
}

#textbox11{

position: absolute;
top:0px;
left: 0px;
width: 15%;
height: 350px;
border: px solid #9999CC;
text-align: center;
}


#boxhead{
position: absolute;
top:10px;
left: 10px;
width: 93%;
height: 150px;
border: 1px solid #9999CC;
background: url(../image/4.png) no-repeat 0 0;
text-align: center;
}
#boxhead1{
position: absolute;
top:10px;
left: 10px;
width: 93%;
height: 150px;
border: 1px solid #9999CC;
background: url(../image/michel2.png) no-repeat 0 0;
text-align: center;
}
#boxhead2{
position: absolute;
top:10px;
left: 10px;
width: 93%;
height: 150px;
border: 1px solid #9999CC;
background: url(../image/klarinet6.png) no-repeat 0 0;
text-align: center;
}

#boxhead3{
position: absolute;
top:10px;
left: 10px;
width: 93%;
height: 150px;
border: 1px solid #9999CC;
background: url(../image/klarinet5.png) no-repeat 0 0;
text-align: center;
}

#boxhead4{
position: absolute;
top:10px;
left: 10px;
width: 93%;
height: 150px;
border: 1px solid #9999CC;
background: url(../image/handen.png) no-repeat 0 0;
text-align: center;
}

#boxhead5{
position: absolute;
top:10px;
left: 10px;
width: 93%;
height: 150px;
border: 1px solid #9999CC;
background: url(../image/michel.png) no-repeat 0 0;
text-align: center;
}


#boxlist{
position: absolute;
top:80px;
left: 210px;
width: 73%;
height: 50px;
border: px solid #666;
background: transparant;
text-align: center;
margin:px px;
 padding: 0px 0px;
}


#box1{
width: 100%;
height: 700px;
border:  0px solid #666;
background: #D3E6CF url(../image/michel.jpg) no-repeat 0 0;
text-align: center;
}

#box2{
position: absolute;
top:50px;
left: 50px;
width: 100px;
height: 25px;
border: 0px solid #666;
background: transparant ;
text-align: center;
}

#box3{
position: absolute;
top:500px;
left: 80%;
width: 100px;
height: 50px;
background:transparant;
border: 0px solid ;
}

#box4{
position: absolute;
top:400px;
left: 650px;
width: 80px;
height: 50px;
background:transparant;
border: 0px solid ;
}

#box5{
position: absolute;
top:0px;
left: 0px;
width: 1024px;
height: 768px;
border: 0px solid #666;
background: #D3E6CF url(../image/doek1.jpg) no-repeat 0 0;
text-align: center;
}

#transbox{
position: absolute;
top:180px;
left: 10px;
width: 920px;
height: 490px;
background-color:#A9F5D0;
border:2px solid black;
  /* for IE */
  filter:alpha(opacity=20);
  /* CSS3 standard */
  opacity:0.2;


}
#transbox1{
position: absolute;
top:180px;
left: 10px;
width: 200px;
height: 490px;
background-color:#A9F5D0;
margin:px px;
padding: 10px 10px;
border:0px solid black;
  /* for IE */
  filter:alpha(opacity=40);
  /* CSS3 standard */
  opacity:0.4;
}

#transbox2{
position: absolute;
top:180px;
left: 15px;
width: 90%;
height: 490px;
background-color:#99CCFF;
margin:px px;
padding: 10px 10px;
border: 1px solid #9999CC;
  /* for IE */
  filter:alpha(opacity=40);
  /* CSS3 standard */
  opacity:0.4;
}

#transbox21{
position: absolute;
top:180px;
left: 15px;
width: 90%;
height: 490px;
background-color:#99CCCC;
margin:px px;
padding: 10px 10px;
border:2px solid #9999CC;
  /* for IE */
  filter:alpha(opacity=40);
  /* CSS3 standard */
  opacity:0.4;
}

#transbox22{
position: absolute;
top:180px;
left: 15px;
width: 90%;
height: 490px;
background-color:#99CC99;
margin:px px;
padding: 10px 10px;
border:2px solid #9999CC;
  /* for IE */
  filter:alpha(opacity=40);
  /* CSS3 standard */
  opacity:0.4;
}

#transbox23{
position: absolute;
top:180px;
left: 15px;
width: 90%;
height: 490px;
background-color:#99CC66;
margin:px px;
padding: 10px 10px;
border:2px solid #9999CC;
  /* for IE */
  filter:alpha(opacity=40);
  /* CSS3 standard */
  opacity:0.4;
}

#transbox24{
position: absolute;
top:180px;
left: 15px;
width: 90%;
height: 490px;
background-color:#99CC33;
margin:px px;
padding: 10px 10px;
border:2px solid #9999CC;
  /* for IE */
  filter:alpha(opacity=40);
  /* CSS3 standard */
  opacity:0.4;
}

 
#top ul>{
margin: 0px 0px 0px 0px;
padding: 0;
list-style: none;
}

a.top:link, a.top:visited {
position: absolute;
top: 130px;
left: 42%;
display: block;

background: url(pijl.png) no-repeat;
height: 30px !important;
width: 90px;
font-size: 12px;
font-weight: bold;
color: #000000;
text-align: left;
padding-top: 8px;
padding-left: 10px;
text-decoration: none; }

a.top:hover 
{background: url(pijlglow.png) no-repeat; 
color: #FFFFFF;
}


a.top1:link, a.top1:visited {
position: absolute;
top: 130px;
left: 42%;
display: block;
background: url(2.gif) no-repeat;
height: 30px !important;
width: 90px;
font-size: 12px;
font-weight: bold;
color: #000000;
text-align: left;
padding-top: 8px;
padding-left: 10px;
text-decoration: none; }

a.top1:hover { background: url(1.gif) no-repeat; 
color: #00000;
}
a.top2:link, a.top2:visited {
position: absolute;
top: 130px;
left: 52%;
display: block;
background: url(2.gif) no-repeat;
height: 30px !important;
width: 90px;
font-size: 12px;
font-weight: bold;
color: #000000;
text-align: left;
padding-top: 8px;
padding-left: 10px;
text-decoration: none; }
a.top2:hover { background: url(1.gif) no-repeat; 
color: #00000;
}

a.top3:link, a.top3:visited {
position: absolute;
top: 130px;
left: 62%;
display: block;
background: url(2.gif) no-repeat;
height: 30px !important;
width: 90px;
font-size: 12px;
font-weight: bold;
color: #000000;
text-align: left;
padding-top: 8px;
padding-left: 10px;
text-decoration: none; }

a.top3:hover { background: url(1.gif) no-repeat; 
color: #00000;
}

a.top4:link, a.top4:visited {
position: absolute;
top: 130px;
left: 72%;

display: block;
background: url(2.gif) no-repeat;
height: 30px !important;
width: 90px;
font-size: 12px;
font-weight: bold;
color: #000000;
text-align: left;
padding-top: 8px;
padding-left: 10px;
text-decoration: none; }

a.top4:hover { background: url(1.gif) no-repeat; 
color: #00000;
}

a.top5:link, a.top5:visited {
position: absolute;
top: 130px;
left: 82%;

display: block;
background: url(2.gif) no-repeat;
height: 30px !important;
width: 90px;
font-size: 12px;
font-weight: bold;
color: #000000;
text-align: left;
padding-top: 8px;
padding-left: 10px;
text-decoration: none; }

a.top5:hover { background: url(1.gif) no-repeat; 
color: #00000;
}

a.top6:link, a.top6:visited {
position: absolute;
top: 250px;
left:92%;

display: block;
background: url(2.gif) no-repeat;
height: 30px !important;
width: 90px;
font-size: 12px;
font-weight: bold;
color: #000000;
text-align: left;
padding-top: 8px;
padding-left: 10px;
text-decoration: none; }

a.top6:hover { background: url(button1.gif) no-repeat; 
color: #00000;
}

a.top7:link, a.top7:visited {
position: relative;
top: 190px;
left:2%;
display: block; 

background: url(sax2.png) no-repeat;
height: 50px !important;
width: 30px;
font-size: 12px;
font-weight: bold;
color: #000000;
text-align: left;
padding-top: 15px;
padding-left: 50px;
text-decoration: none; }

a.top7:hover { background: url(sax1.png) no-repeat; 
color: #FFFFFF;
}