BODY
	{
	font-family:	  Roboto;
	font-size:	  13.5pt;
	line-height:	  1.3;
	color:		  #000000;
	background-color: transparent;
	}
	
UL	
	{
	margin-top:	  0;
	list-style:	  none;
	position:	  relative;
	left:		  -22px;
	}

UL LI::before
	{
	content:	  "\25CF";	/* Appearence of bullet: \25CF is the CSS Code/unicode for a circle */
	color:		  #000000;	/* Color of bullet */
	font-size:	  1.2em;	/* Size of bullet */
	display:	  inline-block;	/* Needed to add space between bullet and text */
	width:		  0.8em;	/* Amount of space between bullet and text */
	margin-left:	  -0.84em;	/* Amount of space before bullet */
	}

P	
	{
	margin-top:	  0.6em;
	margin-bottom:	  0.6em;
	}

A:link	 {color:	  #0000ee; text-decoration:underline;}
A:visited{color:	  #0000ee; text-decoration:underline;}
A:hover	 {color:	  #0000ee; text-decoration:underline;}
A:active {color:	  #0000ee; text-decoration:underline;}

audio {
    background-color: transparent;
}

	
/* De volgende vier gaan over de tooltip */
.tooltip
	{
	position:	  relative;
	display:	  inline-block;
	cursor:		  pointer;
	width:		  100%;
	}
.tooltip img 
	{
	display:	  block;			/* Voorkomt ongewenste witruimte onder de afbeelding */
	}
.tooltiptext
	{
	visibility:	  hidden;
	width:		  100%;
	background-color: rgba(255,255,255,0.75);	/* 0.0 is volledig transparant, 1.0 is ondoorzichtig */
	color:		  #000000;
	font-weight:	  bold;
	text-align:	  center;
	border-radius:	  0px;
	padding:	  8px 0px;
	position:	  absolute;
	bottom:		  55px;				/* Ruimte tussen onderzijde tekstbalk en onderzijde foto */
	left:		  50%;
	transform:	  translateX(-50%);		/* Dit centreert de tooltip exact in het midden */
	z-index:	  1;
	}
.tooltip:hover .tooltiptext
	{
	visibility:	  visible;
	}

/* De volgende drie behouden de bg-color van de actieve mp3 */
.mp3	
	{
	height:		  24px;
	cursor:		  pointer;
	}
.mp3:hover
	{
	background-color: #B3D1DF;
	}
.active
	{
	background-color: #B3D1DF;
	}