/* onderdeel */
.test {}




#speakershome {
width: 250px;
min-height: 80px;
margin: auto auto auto 0px;
float: left;
clear: both;
display: block;
}

.speakerpichome {
float: left;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); 
    
filter: gray; 
    
-webkit-filter: grayscale(100%);  */
margin: 3px;
padding: 3px;
}

.speakerpichome:hover {
-webkit-transition: all .6s ease;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'>
<feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    
-webkit-filter: grayscale(0%);
}