html		{ height: 100% }
body		{ color: #000000; font-size: 11px; font-family: verdana, arial, helvetica; line-height: 1.2; background-color: #c2c2c2; background-image: url(../images/body_bg.gif); background-repeat: repeat; margin: 0 auto; width: 100%; height: 100% }
img			{ border: 0px; padding: 0px;}

a:link		{ color: #ec0f0f; text-decoration: none }	
a:active 	{ color: #ec0f0f; text-decoration: none; }
a:visited 	{ color: #ec0f0f; text-decoration: none; }
a:hover		{ color: #ec0f0f; text-decoration: underline; }

.main			{ margin: 0; padding: 0; width: 770px; height: 100%; border-top: 0 solid #c2c2c2; border-right: 0; border-bottom: 0; border-left: 0; border-spacing: 0px }
.tableheader 	{ background-color: #c2c2c2; background-image: url(../images/header.jpg); background-repeat: no-repeat; background-position: center; width: 770px; height: 125px }
.footer 		{ background-color: #c2c2c2; background-image: url(../images/footer.gif); background-repeat: no-repeat; background-position: center; width: 770px; height: 22px }
.menu			{ background-color: #c2c2c2; width: 770px; height: 32px; margin: 0; padding: 0; top: 0px; }
.vert_ruler		{ background-color: #ffffff; background-image: url(../images/vert_ruler.gif); background-repeat: repeat-y; background-position: center; margin: 0; padding: 0; top: 0; width: 1px; }
.hor_ruler		{ color: #ec0f0f; height: 1px }
.hor_ruler_big	{ color: #ec0f0f; height: 1px; width: 97%; }
.left			{ background-color: #ffffff; width: 544px; margin: 0; padding: 0px; top: 0px; }
.right			{ background-color: #ffffff; width: 225px; margin: 0; padding: 0px; top: 0px; }
.normal			{ background-color: #ffffff; margin: 0px; padding: 0px; top: 0px; }
.content_big	{ background-color: #ffffff; background-image: url(../images/content_bg_big.gif); background-repeat: repeat-y; background-position: center; margin: 0; padding: 0; top: 0; }
.content_medium	{ background-color: #ffffff; background-image: url(../images/content_bg_medium.gif); background-repeat: repeat-y; background-position: center; margin: 0; padding: 0; top: 0; }
.content_small	{ background-color: #ffffff; background-image: url(../images/content_bg_small.gif); background-repeat: repeat-y; background-position: center; margin: 0; padding: 0; top: 0; }
.content		{ font-family: verdana, arial, helvetica; font-size: 10px; color: #000000; }
p		{ font-family: verdana, arial, helvetica; font-size: 10px; color: #000000; }

.fixed32			 { background-color: #ffffff; height: 32px; margin: 0; padding: 0; top: 0px; }

/* --- Navigatie -------------------------------- */

.navigation  { float: left; margin-top: 0px; padding-left: 0px; width: 770px; height: 32px; }

/*
#menuAchtergrondNavContainer{
	width					: 770px;
	height					: 32px;
	padding-top				: 0px;
	padding-left			: 0px;
	float					: left;
}
*/

#navlist { 
	list-style				: none;
	margin					: 0;
	padding					: 0;
	width					: 770px;
	height					: 32px;
	background				: url(../images/navigation.png) repeat-x left -170px;	
}

#navlist li {
	display					: inline;
	float					: left;
	height					: 32px;
	margin-bottom			: 0px;
	overflow 				: hidden;
}



#navlist a {
  	display					: block;
  	height 					: 32px;
	width					: auto;
	text-decoration			: none;
	border					: 0;
	display					: block;
	background				: url(../images/navigation.png) no-repeat left top;	
}

#navlist a:hover {
	text-decoration: none;
}

/*
#menuAchtergrondNavContainer li a:hover {
	background-repeat		: no-repeat;
	background-position		: 0 32px;
}
*/


#navlist #home a { background-position: left top; width: 78px;}
#navlist #home a:hover { background-position: left -32px; }


#navlist #releases a { background-position: -78px top; width: 103px;}
#navlist #releases a:hover { background-position: -78px -32px; }

#navlist #vinyls a { background-position: -181px top; width: 122px;}
#navlist #vinyls a:hover { background-position: -181px -32px; }

#navlist #tips a { background-position: -303px top; width: 65px;}
#navlist #tips a:hover { background-position: -303px -32px; }

#navlist #archief a { background-position: -368px top; width: 90px;}
#navlist #archief a:hover { background-position: -368px -32px; }

#navlist #links a { background-position: -458px top; width: 88px;}
#navlist #links a:hover { background-position: -458px -32px; }

#navlist #shop a { background-position: -546px top; width: 72px;}
#navlist #shop a:hover { background-position: -546px -32px; }

#navlist #dummy a { background-position: -618px top; width: 152px;}
/* #navlist #links a:hover { background-position: -458px -32px; } */



/* --- Navigatie einde -------------------------------- */