body, td, th, input, textarea, div, span, button, select
{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size :	11px;
}

body
{
	margin-bottom : 25;
	margin-left : 25;
	margin-right : 25;
	margin-top : 0;
	background-color : #99CC00;
	background-image : url(../images/bg-01.gif);
	background-repeat : repeat;
}


a, a:active, a:hover, a:link, a:visited
{
	color: #660066;
	text-decoration: none;
} 

a.link_black, a.link_black:active, a.link_black:link, a.link_black:visited
{
	color: #000000;
	text-decoration: none;
} 

a.link_black:hover
{
	text-decoration: underline;
}

form
{
	margin: 0;
}

.hoofd_tabel
{
	border : 0 0 0 0;
	height : 100%;
}

.sub_tabel
{
	border : 0 0 0 0;
	width : 100%;
	height : 100%;
}

.tabel_lijn
{
	padding : 0 0 0 0;
	background-color : #FFFFFF;
}

.tabel_lijn_groen
{
	padding : 0 0 0 0;
	background-color : #669900;
}

.nav_button
{
	background-color : #000000;
	color : #ACCC38;
	border-color : #000000;
	vertical-align : middle;
	border-width : 1;
	margin : 2 2 2 2;
	font-size :	11px;
	font-weight :	bold;
	cursor : hand;
}

.input_width_small
{
	width:	50px;
}

.input_width_medium
{
	width:	100px;
}

.input_width_large
{
	width:	250px;
}

.title
{
	font-weight:	bold;
}

.menu_zoek_titel
{
	font-weight:	bold;
	font-size :	11px;
}

.menu_zoek_tekst
{
	font-weight:	bold;
	font-size :	8px;
}

.menu_zoek
{
	width: 178px;
	color  : #000000;
	background-color: #CCFF33;
	
	padding-right : 5px;
	padding-left : 5px;
	padding-top : 3px;
	padding-bottom : 3px;
}

.menu_zoek_muziek
{
	width: 178px;
	color  : #000000;
	background-color: #EF4023;
	
	padding-right : 5px;
	padding-left : 5px;
	padding-top : 3px;
	padding-bottom : 3px;
}

.darkgreen_black
{
	color : #000000;
	background-color : #669900;
}

.darkgreen_white
{
	color : #FFFFFF;
	background-color : #669900;
}

.title_darkgreen_black
{
	color : #000000;
	background-color : #669900;
	line-height: 24px;
	font-weight:	bold;
	font-size: 11px;
	padding-left : 5px;
}

.title_darkgreen_white
{
	color : #FFFFFF;
	background-color : #669900;
	line-height: 24px;
	font-weight:	bold;
	font-size: 11px;
	padding-left : 5px;
}

.grey_black
{
	color : #000000;
	background-color : #8EA9BE;
}

.blue_white
{
	color : #FFFFFF;
	background-color : #0099CC;
}

.blue_black
{
	color : #000000;
	background-color : #0099CC;
}

.title_blue_black
{
	color : #000000;
	background-color : #0099CC;
	line-height: 24px;
	font-weight:	bold;
	font-size: 11px;
	padding-left : 5px;
}

.title_blue_white
{
	color : #FFFFFF;
	background-color : #0099CC;
	line-height: 24px;
	font-weight:	bold;
	font-size: 11px;
	padding-left : 5px;
}

.title_large_blue_white
{
	color : #FFFFFF;
	background-color : #0099CC;
	font-weight:	bold;
	font-size: 18px;
}

.title_large_white
{
	color : #FFFFFF;
	font-weight:	bold;
	font-size: 18px;
}

.genre_list
{
	width: 80px;
	height: 95px;
	text-align: center;
	vertical-align: middle;
	background-color : #99CC00;
}


/*
ben op zoek naar style voor cellpadding, maar kan die niet vinden. kan tot nu alleen in de table-tag worden opgegeven.
.content
{
	margin-right : 5px;
	margin-left : 5px;
	margin-top : 5px;
	margin-bottom : 5px;
}
*/

.laag1
{ 
	position:absolute; 
	width:199px; 
	height:199px; 
	z-index:1; 
}

.laag2
{
	position:absolute; 
	width:199px; 
	height:199px; 
	z-index:2;
}


.subgenre
{
	color : #000000;
	background-color : #669900;
	height: 24px;
}

a.subgenre_inactive, a.subgenre_inactive:active, a.subgenre_inactive:link, a.subgenre_inactive:visited
{
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	font-size :	9px;
} 

a.subgenre_inactive:hover
{
	color: #FFFFFF;
	text-decoration: none;
	font-size :	9px;
}

a.subgenre_active, a.subgenre_active:active, a.subgenre_active:link, a.subgenre_active:visited
{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size :	9px;
} 

a.subgenre_active:hover
{
	color: #000000;
	text-decoration: none;
	font-size :	9px;
}