#plattegronds {
 width: 452px;
 height: 343px;
 background: url(img/verdieping_d.jpg);
 margin: 0px auto; padding: 0;
 position: relative;
}
#plattegronds li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#plattegronds a {display: block;}

#plattegrond1 {left: 0px; top: 0px; width: 143px; height: 146px;}
#plattegrond2 {left: 0px; top: 146px; width: 143px; height: 146px;}
#plattegrond3 {left: 160px; top: 0px; width: 131px; height: 146px;}
#plattegrond4 {left: 312px; top: 0px; width: 122px; height: 230px;}
#plattegrond5 {left: 126px; top: 173px; width: 100px; height: 118px;}
#plattegrond6 {left: 0px; top: 0px; width: 453px; height: 343px;}

#plattegrond1 a {height: 146px;}
#plattegrond2 a {height: 146px;}
#plattegrond3 a {height: 146px;}
#plattegrond4 a {height: 230px;}
#plattegrond5 a {height: 118px;}
#plattegrond6 a {height: 343px;}

#plattegrond1 a:hover {background: url(img/verdieping_bg1.jpg) -0px -343px no-repeat;}
#plattegrond2 a:hover {background: url(img/verdieping_bg1.jpg) -0px -489px no-repeat;}
#plattegrond3 a:hover {background: url(img/verdieping_bg1.jpg) -160px -343px no-repeat;}
#plattegrond4 a:hover {background: url(img/verdieping_bg1.jpg) -312px -343px no-repeat;}
#plattegrond5 a:hover {background: url(img/verdieping_bg1.jpg) -126px -859px no-repeat;}
#plattegrond6 a:hover {background: url(img/verdieping_d.jpg) 0px -352px no-repeat;}