html {
    background: url(../images/andelmusic.com_background.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

body {
	color: #555555;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
}

#logo {
	margin-left: 25px;
	margin-top: 25px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 10px;
}

#menu {
	margin-left: 5px;
	margin-top: 25px;
}

ul#navigatie {
	list-style: none;
	margin: 20px;
	padding: 0;
	width: 800px;
}

ul#navigatie li {
    display: inline;
}

ul#navigatie li a {
	text-decoration: none;
	padding: 5px 0;
	width: 140px;
	color: #eee;
	float: left;
	text-align: center;
	
	background: #04516B;
	
	background-image: linear-gradient(bottom, rgb(4,81,107) 0%, rgb(4,139,188) 84%);
	background-image: -o-linear-gradient(bottom, rgb(4,81,107) 0%, rgb(4,139,188) 84%);
	background-image: -moz-linear-gradient(bottom, rgb(4,81,107) 0%, rgb(4,139,188) 84%);
	background-image: -webkit-linear-gradient(bottom, rgb(4,81,107) 0%, rgb(4,139,188) 84%);
	background-image: -ms-linear-gradient(bottom, rgb(4,81,107) 0%, rgb(4,139,188) 84%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#048bbc', endColorstr='#04516b',GradientType=0)
			progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000'); /* IE6-9 */
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(4,81,107)),
		color-stop(0.84, rgb(4,139,188))
	);
	
	-moz-box-shadow:0 0 3px #000;
	-webkit-box-shadow:0 0 3px #000;
	box-shadow:0 0 3px #000;
}

ul#navigatie li a:hover {
	background: #048BBC;
	
	background-image: linear-gradient(bottom, rgb(0,42,56) 0%, rgb(4,139,188) 84%);
	background-image: -o-linear-gradient(bottom, rgb(0,42,56) 0%, rgb(4,139,188) 84%);
	background-image: -moz-linear-gradient(bottom, rgb(0,42,56) 0%, rgb(4,139,188) 84%);
	background-image: -webkit-linear-gradient(bottom, rgb(0,42,56) 0%, rgb(4,139,188) 84%);
	background-image: -ms-linear-gradient(bottom, rgb(0,42,56) 0%, rgb(4,139,188) 84%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#048bbc', endColorstr='#002A38',GradientType=0)
			progid:DXImageTransform.Microsoft.shadow(Strength=1, Direction=135, Color='#000000'); /* IE6-9 */
		
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(0,42,56)),
		color-stop(0.84, rgb(4,139,188))
	);
	color: #fff;
}

#tabelheader {
	background: #048BBC;
	
	background-image: linear-gradient(bottom, rgb(0,42,56) 0%, rgb(4,139,188) 84%);
	background-image: -o-linear-gradient(bottom, rgb(0,42,56) 0%, rgb(4,139,188) 84%);
	background-image: -moz-linear-gradient(bottom, rgb(0,42,56) 0%, rgb(4,139,188) 84%);
	background-image: -webkit-linear-gradient(bottom, rgb(0,42,56) 0%, rgb(4,139,188) 84%);
	background-image: -ms-linear-gradient(bottom, rgb(0,42,56) 0%, rgb(4,139,188) 84%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#048bbc', endColorstr='#002A38',GradientType=0)
			progid:DXImageTransform.Microsoft.shadow(Strength=1, Direction=135, Color='#000000'); /* IE6-9 */
		
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(0,42,56)),
		color-stop(0.84, rgb(4,139,188))
	);
	color: #fff;
	-moz-box-shadow:0 0 3px #fff;
	-webkit-box-shadow:0 0 3px #fff;
	box-shadow:0 0 3px #fff;
}

#splash {
	margin-top: 25px;
	width: 100%;
	height: 360px;
	background: #000;
	background-image: url("../images/splash.jpg");
	background-repeat: no-repeat;
}

#splash_searchbox {
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #cfcfcf;
}

#splash_spotlightbox {
	padding: 10px;
}

#spotlight_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cfcfcf;
}

#spotlight_text a:link, #spotlight_text a:visited {
	color: #999999;
	text-decoration: underline;
}

#spotlight_text a:hover {
	text-decoration: none;
}

#normaal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 25px;
	color: #ffffff;
}

#normaal a:link, #normaal a:visited {
	color: #ffffff;
	text-decoration: underline;
}

#normaal a:hover {
	text-decoration: none;
}

.box_title {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;	
	text-shadow: 2px 2px 2px #000;
}

#copyright {
	margin-top: 25px;
	margin-left: 25px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 11px;
}

#copyright a:link, #copyright a:visited {
	color: #999999;
	text-decoration: underline;
}

#copyright a:hover {
	text-decoration: none;
}

