<style>
	.tooltip {
    	position: relative;
    	display: inline-block;
    	border: 1px solid blue;
    	border-radius: 4px;
    	font-size: 12px;
    	color: blue;
    	padding: 0px;
    	cursor: pointer;
	}

	.tooltip .tooltiptext {
    	visibility: hidden;
    	width: 10px;
    	height: 10px;
    	background-color: #0099FF; 
    	border-radius: 15px;
    	border: 0px solid black;
    	padding: 5px;
    	text-align: left;
		color: silver;
		box-shadow: 5px 5px 15px grey;
		
		/* blijft nog 1 sec na verlaten cursor */
    	-webkit-transition-duration: 0.2s; /* Safari */
    	transition-duration: 0.2s;
		
    	/* Position the tooltip */
    	position: absolute;
    	left: 2px;
    	top: -200px;
    	z-index: 7;
	}
	.tooltip:hover .tooltiptext {
    	visibility: visible;
		width: 530px;
		height: 220px;
		color: white;
		padding: 15px;
		border: 0px solid white;
	}
</style>
