body {
 background-color: #000000; 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #FFFFFF;
 margin: 0px;
 padding: 0px;
 overflow: auto;
 scrollbar-face-color: #000000;
 scrollbar-highlight-color: #000000;
 scrollbar-3dlight-color: #FFFFFF;
 scrollbar-darkshadow-color: #FFFFFF;
 scrollbar-shadow-color: #000000;
 scrollbar-arrow-color: #FFFFFF;
 scrollbar-track-color: #FFFFFF;
}

#totaal {
  left:50%;
  position:absolute;
  margin-left: -560px;
  margin-top: 0px;
  background-color:#000000;
}

#menu {
  position:absolute;
  top: 10px;
  left: 50px;
  width: 200px;
  height: 745px;
  border: 1px solid #FFFFFF;
  background-color:#000000;
  background-image:url(img/menu2.jpg);
  z-index:1;
}

#header {
  position:absolute;
  top: 10px;
  left: 265px;
  width: 800px;
  height: 275px;
  border: 1px solid #FFFFFF;
  background-color:#000000;
}

#content {
  position:absolute;
  top: 300px;
  left: 265px;
  width: 800px;
  height: 455px;
  z-index: 2;
  overflow: auto;
  border: 1px solid #FFFFFF;
  background-color:#000000;
}

#maincontent {
  position:absolute;
  top: 60px;
  left: 20px;
  width: 760px;
  height: 375px;
  z-index: 3;
  background-color:#000000;
}


#copyright{
	background-color: #000000; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #242424;
	position:absolute; 
	width:800px; 
	height:15px; 
	left: 265px;
	top: 760px;
	}
	
A:link	      { color: #FFFFFF;
                text-decoration: underline }
A:visited     { color: #FFFFFF;
                text-decoration: underline }
A:hover	      { color: #FFFFFF;
		        text-decoration: none }
#menuhome{ 
position:absolute; 
width:200px; 
height:43px; 
z-index:3; 
left: 0px; 
top: 391px;
}

a.home { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 200px; /* width of reactive image */
     height: 43px; /* height of reactive image */
     background-image: url(img/home1.jpg); /* source for start image */
     background-repeat: no-repeat;
     }
a.home:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(img/home2.jpg); /* source for target image */
     }
	 
#menuband{ 
position:absolute; 
width:200px; 
height:43px; 
z-index:3; 
left: 0px; 
top: 434px;
}

a.band { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 200px; /* width of reactive image */
     height: 43px; /* height of reactive image */
     background-image: url(img/band1.jpg); /* source for start image */
     background-repeat: no-repeat;
     }
a.band:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(img/band2.jpg); /* source for target image */
     }
	 
#menushows{ 
position:absolute; 
width:200px; 
height:43px; 
z-index:3; 
left: 0px; 
top: 477px;
}

a.shows { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 200px; /* width of reactive image */
     height: 43px; /* height of reactive image */
     background-image: url(img/shows1.jpg); /* source for start image */
     background-repeat: no-repeat;
     }
a.shows:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(img/shows2.jpg); /* source for target image */
     }
	 
#menumedia{ 
position:absolute; 
width:200px; 
height:43px; 
z-index:3; 
left: 0px; 
top: 520px;
}

a.media { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 200px; /* width of reactive image */
     height: 43px; /* height of reactive image */
     background-image: url(img/media1.jpg); /* source for start image */
     background-repeat: no-repeat;
     }
a.media:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(img/media2.jpg); /* source for target image */
     }
	 
#menulinks{ 
position:absolute; 
width:200px; 
height:43px; 
z-index:3; 
left: 0px; 
top: 563px;
}

a.links { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 200px; /* width of reactive image */
     height: 43px; /* height of reactive image */
     background-image: url(img/links1.jpg); /* source for start image */
     background-repeat: no-repeat;
     }
a.links:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(img/links2.jpg); /* source for target image */
     }
	 
#menucontact{ 
position:absolute; 
width:200px; 
height:43px; 
z-index:3; 
left: 0px; 
top: 606px;
}

a.contact { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 200px; /* width of reactive image */
     height: 43px; /* height of reactive image */
     background-image: url(img/contact1.jpg); /* source for start image */
     background-repeat: no-repeat;
     }
a.contact:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(img/contact2.jpg); /* source for target image */
     }
