/* wafer */
.wafer{
    background:url('/images/vub/wafer.png');
	background-size: 200px 127px;
    width: 200px;
    height: 127px;
    margin: 0px;
	border: none;
	-webkit-transition: background-image 1s ease-in-out;
	-moz-transition: background-image 1s ease-in-out;
	-o-transition: background-image 1s ease-in-out;
	transition: background-image 1s ease-in-out;
}
.wafer:hover{
    background:url('/images/vub/grating.png');
	background-size: 200px 127px;
    width: 200px;
    height: 127px;
    margin: 0px;
	border: none;
}
@media screen and (max-width: 736px) 
{
	.wafer:active:hover{
    	background:url('/images/vub/grating.png');
		background-size: 200px 127px;
    	width: 200px;
    	height: 127px;
    	margin: 0px;
		border: none;
	}
	
}

/* small wafer */
.smallwafer{
    background:url('/images/vub/wafer.png');
	background-size: 150px 93px;
    width: 150px;
    height: 93px;
    margin: 0px;
	border: none;
	-webkit-transition: background-image 1s ease-in-out;
	-moz-transition: background-image 1s ease-in-out;
	-o-transition: background-image 1s ease-in-out;
	transition: background-image 1s ease-in-out;
}
.smallwafer:hover{
    background:url('/images/vub/grating.png');
	background-size: 150px 93px;
    width: 150px;
    height: 93px;
    margin: 0px;
	border: none;
}
@media screen and (max-width: 736px) 
{
	.smallwafer:active:hover{
    	background:url('/images/vub/grating.png');
		background-size: 150px 93px;
    	width: 150px;
    	height: 93px;
    	margin: 0px;
		border: none;
	}
}

/* probe */
.probe{
    background:url('/images/aquantis/ProbeSensorlow.png');
	background-size: 150px 300px;
    width: 150px;
    height: 300px;
    margin: 0px;
	border: none;
	-webkit-transition: background-image 1s ease-in-out;
	-moz-transition: background-image 1s ease-in-out;
	-o-transition: background-image 1s ease-in-out;
	transition: background-image 1s ease-in-out;
}
.probe:hover{
    background:url('/images/aquantis/ProbeSensorhigh.png');
	background-size: 150px 300px;
    width: 150px;
    height: 300px;
    margin: 0px;
	border: none;
}

/* small probe */
.smallprobe{
    background:url('/images/aquantis/ProbeSensorlow.png');
	background-size: 100px 200px;
    width: 100px;
    height: 200px;
    margin: 0px;
	border: none;
	-webkit-transition: background-image 1s ease-in-out;
	-moz-transition: background-image 1s ease-in-out;
	-o-transition: background-image 1s ease-in-out;
	transition: background-image 1s ease-in-out;
}
.smallprobe:hover{
    background:url('/images/aquantis/ProbeSensorhigh.png');
	background-size: 100px 200px;
    width: 100px;
    height: 200px;
    margin: 0px;
	border: none;
}

/* ptv & laserbeam */
.laserbeam{
    background:url('/images/vub/ptv.jpg');
	background-size: 200px 157px;
    width: 200px;
    height: 157px;
    margin: 0px;
	border: none;
	-webkit-transition: background-image 1s ease-in-out;
	-moz-transition: background-image 1s ease-in-out;
	-o-transition: background-image 1s ease-in-out;
	transition: background-image 1s ease-in-out;
}
.laserbeam:hover{
    background:url('/images/vub/laserbeam.jpg');
	background-size: 200px 157px;
    width: 200px;
    height: 157px;
    margin: 0px;
	border: none;
}

/* rode kruis */
.rodekruisgroep{
    background:url('/images/RodeKruisDiplomaUitreikingSmall.png');
	background-size: 200px 132px;
    width: 200px;
    height: 132px;
    margin: 0px;
	border: none;
	-webkit-transition: background-image 1s ease-in-out;
	-moz-transition: background-image 1s ease-in-out;
	-o-transition: background-image 1s ease-in-out;
	transition: background-image 1s ease-in-out;
}
.rodekruisgroep:hover{
    background:url('/images/RodeKruisDiplomaUitreikingSmallB.png');
	background-size: 200px 132px;
    width: 200px;
    height: 132px;
    margin: 0px;
	border: none;
}

/* sensorweb */
.sensorwebpcb{
    background:url('/images/sensorwebSmall.png');
	background-size: 200px 134px;
    width: 200px;
    height: 134px;
    margin: 0px;
	border: none;
	-webkit-transition: background-image 1s ease-in-out;
	-moz-transition: background-image 1s ease-in-out;
	-o-transition: background-image 1s ease-in-out;
	transition: background-image 1s ease-in-out;
}
.sensorwebpcb:hover{
    background:url('/images/sensorwebgerber.png');
	background-size: 200px 134px;
    width: 200px;
    height: 134px;
    margin: 0px;
	border: none;
}

/* DAQ pcb */
.daqpcb{
    background:url('/images/vub/pcbfrontA.jpg');
	background-size: 200px 97px;
    width: 200px;
    height: 97px;
    margin: 0px;
	border: none;
	-webkit-transition: background-image 1s ease-in-out;
	-moz-transition: background-image 1s ease-in-out;
	-o-transition: background-image 1s ease-in-out;
	transition: background-image 1s ease-in-out;
}
.daqpcb:hover{
    background:url('/images/vub/pcbfrontB.jpg');
	background-size: 200px 97px;
    width: 200px;
    height: 97px;
    margin: 0px;
	border: none;
}

/* linux img */
.linuximg{
    background:url('/images/linux.jpg');
	background-size: 80px 80px;
    width: 80px;
    height: 80px;
    margin: 0px;
	border: none;
	-webkit-transition: background-image 0.5s ease-in-out;
	-moz-transition: background-image 0.5s ease-in-out;
	-o-transition: background-image 0.5s ease-in-out;
	transition: background-image 0.5s ease-in-out;
}
.linuximg:hover{
    background:url('/images/linuxhover.jpg');
	background-size: 80px 80px;
    width: 80px;
    height: 80px;
    margin: 0px;
	border: none;
}

/* ICONS */

.cursorzoom{
	cursor: -moz-zoom-in; 
    cursor: -webkit-zoom-in; 
    cursor: zoom-in;
	cursor:url('/images/smallmagnifier.cur'), -moz-zoom-in;
}

.degreeicondiv{
    background:url('/images/degree.png');
	background-size: 40px 40px;
    width: 40px;
    height: 40px;
    margin: 0px;
	border: none;
}
.pdficondiv{
    background:url('/images/icons/pdf.png');
	background-size: 40px 40px;
    width: 40px;
    height: 40px;
    margin: 0px;
	border: none;
	-webkit-transition: background-image 0.3s ease-in-out;
	-moz-transition: background-image 0.3s ease-in-out;
	-o-transition: background-image 0.3s ease-in-out;
	transition: background-image 0.3s ease-in-out;
}
.pdficondiv:hover{
    background:url('/images/icons/pdfhover.png');
	background-size: 40px 40px;
    width: 40px;
    height: 40px;
    margin: 0px;
	border: none;
}
.smallpdficondiv{
    background:url('/images/icons/pdf.png');
	background-size: 20px 20px;
    width: 20px;
    height: 20px;
    margin: 0px;
	border: none;
}
.smallpdficondiv:hover{
    background:url('/images/icons/pdfhover.png');
	background-size: 20px 20px;
    width: 20px;
    height: 20px;
    margin: 0px;
	border: none;
}

.smallpptdiv{
    background:url('/images/icons/ppticonsmall.png');
	background-size: 20px 20px;
    width: 20px;
    height: 20px;
    margin: 0px;
	border: none;
}
.smallpptdiv:hover{
    background:url('/images/icons/ppticonsmallhover.png');
	background-size: 20px 20px;
    width: 20px;
    height: 20px;
    margin: 0px;
	border: none;
}
.smallpostericondiv{
    background:url('/images/icons/poster.png');
	background-size: 20px 20px;
    width: 20px;
    height: 20px;
    margin: 0px;
	border: none;
}
.smallpostericondiv:hover{
    background:url('/images/icons/posterhover.png');
	background-size: 20px 20px;
    width: 20px;
    height: 20px;
    margin: 0px;
	border: none;
}