/* Algemene CSS voor deze pagina zelf is hieronder niet opgenomen!
Bekijk daarvoor de broncode van algemeen.css in de browser! */
/* CSS voor #container: centreren en maximale breedte */
#container{
margin: auto;
max-width: 800px;
}
/* CSS voor CSS-imagemap onderdelen */
#cssimagemap{
position: relative;
line-height: 0;
}
#cssimagemap img{
max-width: 100%;
height: auto;
}
#cssimagemap a{
display: block;
/*border: 1px dotted #ccc;*/
position: absolute;
}
#cssimagemap a:hover{
border: 1px solid #fff;
background-color: rgba(255, 255, 255, 0.05);
border:none;
/*transform: rotate(0deg);*/
box-shadow: 0px 0px 1px 2px rgba(125,185,232,0);
animation: glow 1.5s ease infinite alternate;
}
@keyframes glow{
to{
box-shadow: 0px 0px 30px 20px rgba(247,235,144,1);
}
}
a#lnk1{
width : calc(97 / (800 / 100) * 1%);
height: calc(70 / (400 / 100) * 1%);
left : calc(10 / (800 / 100) * 1%);
top : calc(200 / (400 / 100) * 1%);
border-radius: 10%;
}
a#lnk2{
width : calc(121 / (800 / 100) * 1%);
height: calc(101 / (400 / 100) * 1%);
left : calc(268 / (800 / 100) * 1%);
top : calc(198 / (400 / 100) * 1%);
border-radius: 50%;
}
a#lnk3{
width : calc(97 / (800 / 100) * 1%);
height: calc(146 / (400 / 100) * 1%);
left : calc(684 / (800 / 100) * 1%);
top : calc(181 / (400 / 100) * 1%);
border-radius: 20px 50% 0 50%;
transform: rotate(48deg);
}