body, html{
  padding: 0;
  margin: 0;   
  background: #000000;  

}

#container { 
width: 800px; 	 
height: 725px;	 /**	725 **/
margin-right: auto; 
margin-left: auto; 
background: #000000;   
border-bottom: 7px solid #cf9118;	
 
}			 
  

/**
items rode kleur: da5800
gele tekst: ffcc00

**/

#header {		 
width: 800px; 
height: 120px; 				 
margin-right: auto; 
margin-left: auto;   
border-bottom: 2px solid #cf9118;		
background-image:url(../images/logo.jpg)
}

#borderlinks {
position: relative; 
float: left;  	
width: 15px; 
height: 604px; 
background: #cf9118;   
}	   			 			 

#content{
position: relative;   
float: left;  
top: +5px;
right: -5px;
width: 738px; 
height: 580px; 
background: #000000;  
padding-left: 10px;	 
padding-right: 10px;
font-family: verdana, arial, helvetica, sans-serif;	 
font-size: 12px;			 
color: #cf9118;	 
}		  

#content h1 {   	  
font-family: arial, helvetica, sans-serif;	
  padding-top: 10px;
  font-size: 18px;
  color: #da5800;

}	 

#content .datum {
  font-family: verdana, arial, helvetica, sans-serif;	  	  
  font-size: 10px;
  color: #da5800;  
  margin-top: 0px;	
  padding-top: 0px;
  
}	

#content a, #content a:link, #content a:visited {
    color: #da5800;
	text-decoration: none;
}	 
#content a:hover {
	text-decoration: underline;
}		

#a {
position: relative;  
left: -5px;
top: +2px;
width: 150px; 
height: 250px; 
background: #000000;  

padding-left: 10px;	 
padding-right: 10px;  
display: block;

}

#a .news{
position: relative;   
float: left;
top: 10px;
width: 150px; 
height: 32px; 
background: #000000;  
background-image:url(../images/news.jpg) 
}
	
#b{	
position: relative;   
float: right;
top: -247px;
width: 540px; 
height: 250px; 
background: #000000;  

padding-left: 10px;	 
padding-right: 10px;

} 	 
  
#b .biography{
position: relative;   
float: left;
top: 10px;
width: 100px; 
height: 32px; 
background: #000000;  
background-image:url(../images/biography.jpg) 
}

#b .herman{
position: relative;   
float: right;
width: 200px; 
height: 126px; 
background: #000000;  

background-image:url(../images/hermanvdwal.jpg) 

}	

#b .bertus{
position: relative;   
float: right;
width: 200px; 
height: 126px; 
background: #000000;  

background-image:url(../images/bertusdevries.jpg) 

} 

#b .muzirazuba{
position: relative;   
float: right;
width: 400px; 
height: 148px; 
background: #000000;  

background-image:url(../images/muzirazuba2.jpg) 

} 






#c {
position: relative;  
left: -5px;
top: +10px;
width: 150px; 
height: 250px; 
background: #000000;  

padding-left: 10px;	 
padding-right: 10px;
}

#c .contact{
position: relative;   
float: left;
top: 10px;
width: 100px; 
height: 32px; 
background: #000000;  
background-image:url(../images/contact.jpg) 
}	

#d{	
position: relative;   
float:right;
right: -5px;
top: -215px;
width: 545px; 
height: 250px; 
background: #000000;  

padding-left: 10px;	 
padding-right: 10px;
margin-bottom: -251px;
} 

#d .debutalbum{
position: relative;   
float: left;
top: 10px;
width: 150px; 
height: 32px; 
background: #000000;  
background-image:url(../images/debutalbum.jpg) 
}

#d a, #d:link, #d a:visited {
    color: #da5800;
	text-decoration: none;
}	 
#d a:hover {
	text-decoration: underline;
}		

#footer { 	
position: absolute;	 
right: 440px;
top: 700px;
width: 125px; 
height: 12px;  
font-family: verdana, arial, helvetica, sans-serif;	 
font-size: 10px;			 
color: #da5800;	
/** border: 1px solid #fff;	 **/
}

		  	  
#borderrechts {
position: relative;
float: right;   	
width: 15px; 
height: 604px; 
background: #cf9118; 	   
}