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

}
body#start {
	background-color: #000;
	width: 842px;
	scrollbar-base-color: #d82918;
	height: 100%;
}
body#concerts, body#features, body#history {
	background-color: #ccc;
	width: 826px;
	scrollbar-base-color: #d82918;
	background-image:url(images/bg_logo_grijs.jpg);
	background-position:left top;
	background-repeat:repeat-y;
	height: 100%;	
}
body#concerts {
	height: 800px;
}
body#features {
	height: 2500px;
}
body#news {
	background-color: #ccc;
	width: 842px;
	scrollbar-base-color: #d82918;
	background-image:url(images/bg_logo_grijs.jpg);
	background-position:left top;
	background-repeat:repeat-y;
	height: 900px;

}
body#band, body#bandleden {
	background-color: #d82918;
	scrollbar-base-color: #d82918;
	height: 100%;	
}
body#bandleden {
	background-color: #000000;
	scrollbar-base-color: #d82918;
	height: 100%;	
}
td, a, div, label, p, input, H2, H3, label, textarea, legend, fieldset {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;	
}
#container {
	margin-top: 50;
	background-image:url(images/appbg.jpg);
	
}
#containerdiv {
	position: relative;
	width:100%;
	height: 100%;
}
#menu {
	position: absolute;
	left: 6px;
	top: 6px;
	width: 842px;
	height: 10px;
}
#menu #logo {
	position: absolute;
	top: 5px;
	left: 5px;
}	
#menu #buttons {
	position: absolute;
	top: 10px;
	left: 215px;
	width: 313px;
	height: 78px;
	border: 0px solid #FFF;
}	
#menu #buttons #topmenu {
	position: absolute;
	z-index: 10;
	width: 313px;
	height: 39px;
	left: 0px;
	top: 0px;
	background-image: url(images/menubg.jpg);
}
#menu #buttons #topmenu a:link, #menu #buttons #topmenu a:visited, #menu #buttons #topmenu a:active, #menu #buttons #topmenu a:hover{
	font-size: 85%;
	font-weight: bold;
	position: absolute;
	left: 20px;
	top: 8px;
	color: #FFFFFF;
}
#menu #buttons #topmenu a:hover {
	font-weight: normal;
	text-decoration:none;
}
#menu #buttons #topmenu #news { left: 80px; }
#menu #buttons #topmenu #concerts { left: 150px; }
#menu #buttons #topmenu #features { left: 230px; }

#menu #buttons #bottommenu {
	position: absolute;
	z-index: 10;
	width: 313px;
	height: 39px;
	left: 0px;
	top: 45px;
	background-image: url(images/menubg.jpg);
}

#menu #buttons #bottommenu a:link, #menu #buttons #bottommenu a:visited, #menu #buttons #bottommenu a:active, #menu #buttons #bottommenu a:hover{
	font-size: 85%;
	font-weight: bold;
	position: absolute;
	left: 20px;
	top: 8px;
	color: #FFFFFF;
}
#menu #buttons #bottommenu a:hover {
	font-weight: normal;
	text-decoration:none;
}
#menu #buttons #bottommenu #history { left: 80px; }
#menu #buttons #bottommenu #links { left: 150px; }
#menu #buttons #bottommenu #contact { left: 230px; }


#menu #music {
	position: absolute;
	top: 8px;
	left: 545px;
	width: 300px;
	height: 85px;
}	
#content {
	position: absolute;
	left: 10px;
	top: 108px;
	width: 842px;
	height: 383px;
	background-image:url(images/innercontentbg.jpg);
	overflow:auto;
}

H2 {
	display: block;
	padding: 5px;
	font-size: 130%;
}
p {
	padding: 5px 20px;
	display:block;
	height: 1%;
}
p#gig {
	padding: 10px;
	margin-right: 50px;
	color: #000;
	margin-top: 5px;
}

#bandnav {
	position: absolute;
	left: 0px;
	top: 0px;
}
#bandnav .nav, #bandnav .bgimg {
	position: absolute;
	z-index: 10;	
}
#bandnav .bgimg {
	z-index: 5;
	left: 10px;
	top:40px;
}
#bandnav .nav a { color: #FFF; font-weight: bold;}
#bandnav #Pierre { position: absolute; left: 80px; top: 10px; width: 140px;}
#bandnav #Herman { position: absolute; left: 220px; top: 10px; width: 160px;}
#bandnav #Louis { position: absolute; left: 380px; top: 10px;  width: 220px;}
#bandnav #Gert { position: absolute; left: 500px; top: 10px; width: 120px; }
#bandnav #Olaf { position: absolute; left: 620px; top: 10px; width: 160px; }

body#bandleden #bandlid H2{ color: #FFFFFF; font-size: 110%; margin: 0px 0px 0px 5px;}
body#bandleden #bandlid { color: #e2e2e2; font-size: 80%; padding: 5px;}
body#bandleden #bandlid img { float: left; margin: 0px 10px 10px 10px;}