#kaartje {
 width: 149px;
 height: 265px;
 background: url(/grfx/hovermap.gif);
 margin: 10px; padding: 0;
 position: relative;

}
#kaartje li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#kaartje a {display: block; text-indent: -9999px;}

/*regio_# :: # == nummertje van de regio in DB*/

/*------------------------------*/
.regio_6 {left: 35px; top: -21px; width: 60px; height: 40px; }
.regio_6 a {height: 75px; }
.regio_6 a:hover {background: url(/grfx/hovermap.gif) -35px -255px no-repeat; }

.regio_6_hold {left: 35px; top: -21px; width: 60px; height: 40px; }
.regio_6_hold a {height: 75px; }
.regio_6_hold {background: url(/grfx/hovermap.gif) -35px -255px no-repeat; width: 60px; height: 75px; }
/*------------------------------*/
.regio_4 {left: 30px; top: 58px; width: 100px; height: 40px;}
.regio_4 a {height: 83px;}
.regio_4 a:hover {background: url(/grfx/hovermap.gif) -30px -600px no-repeat;}

.regio_4_hold {left: 30px; top: 58px; width: 100px; height: 40px; }
.regio_4_hold a {height: 83px; }
.regio_4_hold {background: url(/grfx/hovermap.gif) -30px -600px no-repeat; width: 100px; height: 83px; }
/*------------------------------*/
.regio_7 {left: 35px; top: 99px; width: 130px; height: 40px;}
.regio_7 a {height: 53px;}
.regio_7 a:hover {background: url(/grfx/hovermap.gif) -35px -370px no-repeat;}

.regio_7_hold {left: 35px; top: 99px; width: 130px; height: 40px;}
.regio_7_hold a {height: 53px; }
.regio_7_hold {background: url(/grfx/hovermap.gif) -35px -370px no-repeat; width: 130px; height: 53px;}
/*------------------------------*/
.regio_5 {left: 15px; top: 120px; width: 40px; height: 100px;}
.regio_5 a {height: 75px;}
.regio_5 a:hover {background: url(/grfx/hovermap.gif) -15px -933px no-repeat;}

.regio_5_hold {left: 15px; top: 120px; width: 40px; height: 100px;}
.regio_5_hold a {height: 75px; }
.regio_5_hold {background: url(/grfx/hovermap.gif) -15px -933px no-repeat; 40px; height: 75px;}

/*------------------------------*/
.regio_8 {left: 40px; top: 140px; width: 100px; height: 80px;}
.regio_8 a {height: 70px;}
.regio_8 a:hover {background: url(/grfx/hovermap.gif) -40px -682px no-repeat;}

.regio_8_hold {left: 40px; top: 140px; width: 100px; height: 80px;}
.regio_8_hold a {height: 70px;}
.regio_8_hold {background: url(/grfx/hovermap.gif) -40px -682px no-repeat; width: 100px; height: 70px;}

/*------------------------------*/
.regio_9 {left: 0px; top: 190px; width: 60px; height: 50px;}
.regio_9 a {height: 50px;}
.regio_9 a:hover {background: url(/grfx/hovermap.gif) 0px -461px no-repeat;}

.regio_9_hold {left: 0px; top: 190px; width: 60px; height: 50px;}
.regio_9_hold a {height: 50px;}
.regio_9_hold {background: url(/grfx/hovermap.gif) 0px -461px no-repeat; width: 60px; height: 50px;}

/*------------------------------*/
.regio_2 {left: 50px; top: 190px; width: 60px; height: 50px; z-index:50;}
.regio_2 a {height: 50px;}
.regio_2 a:hover {background: url(/grfx/hovermap.gif) -50px -1003px no-repeat;}

.regio_2_hold {left: 50px; top: 190px; width: 60px; height: 50px;}
.regio_2_hold a {height: 50px;}
.regio_2_hold {background: url(/grfx/hovermap.gif) -50px -1003px no-repeat; width: 60px; height: 50px;}

/*------------------------------*/
.regio_1 {left: 16px; top: 210px; width: 80px; height: 50px;}
.regio_1 a {height: 50px;}
.regio_1 a:hover {background: url(/grfx/hovermap.gif) -16px -752px no-repeat;}


.regio_1_hold {left: 16px; top: 210px; width: 80px; height: 50px;}
.regio_1_hold a {height: 50px;}
.regio_1_hold {background: url(/grfx/hovermap.gif) -16px -752px no-repeat; 80px; height: 50px;}

/*------------------------------*/
.regio_3 {left: 95px; top: 220px; width: 55px; height: 55px;}
.regio_3 a {height: 45px;}
.regio_3 a:hover {background: url(/grfx/hovermap.gif) -95px -491px no-repeat;}

.regio_3_hold {left: 95px; top: 220px; width: 55px; height: 50px;}
.regio_3_hold a {height: 50px;}
.regio_3_hold {background: url(/grfx/hovermap.gif) -95px -491px no-repeat; width: 55px; height: 50px;}

/*------------------------------*/