body{text-align: center;}
div#container{width: 694px;margin-left: auto;margin-right: auto;text-align: left;}

div#container div#content{height: 395px;position: relative;}

div#container div#navigation{position: relative;}
div#container div#navigation li a{position: absolute;width: 220px;height: 94px;display:block;}
div#container div#navigation li a span{display: none;}

div#container div#navigation li#nav-home-webshop a{top: 0px;left: 0px;background: url(../images/home-nav-webshop.png) 0px -6px no-repeat;}
div#container div#navigation li#nav-home-webshop a:hover{background: url(../images/home-nav-webshop-zw.png) 0px -6px no-repeat;}

div#container div#navigation li#nav-home-vragen a{top: 0px;left: 238px;background: url(../images/home-nav-vragen.png) 0px -3px no-repeat;}
div#container div#navigation li#nav-home-vragen a:hover{background: url(../images/home-nav-vragen-zw.png) 0px -3px no-repeat;}

div#container div#navigation li#nav-home-achtergrond a{top: 0px;left: 475px;background: url(../images/home-nav-achtergrond.png) 0px -6px  no-repeat;}
div#container div#navigation li#nav-home-achtergrond a:hover{background: url(../images/home-nav-achtergrond-zw.png) 0px -6px no-repeat; }

div#container div#navigation li#nav-home-over-spf a{top: 96px;left: 0px;background: url(../images/home-nav-over-spf.png) -3px -3px no-repeat;}
div#container div#navigation li#nav-home-over-spf a:hover{background: url(../images/home-nav-over-spf-zw.png) -3px -3px no-repeat;}

div#container div#navigation li#nav-home-downloads a{top: 96px;left: 238px;background: url(../images/home-nav-downloads.png) 1px -3px no-repeat;}
div#container div#navigation li#nav-home-downloads a:hover{background: url(../images/home-nav-downloads-zw.png) 1px -3px no-repeat;}

div#container div#navigation li#nav-home-contact a{top: 96px;left: 475px;background: url(../images/home-nav-contact.png) -2px -13px no-repeat;}
div#container div#navigation li#nav-home-contact a:hover{background: url(../images/home-nav-contact-zw.png) -2px -13px no-repeat;}

#detective-info{position: absolute; left: 40px;top: 20px;display: none;}
#wessel-info{position: absolute; left: 397px;top: 47px;display: none;}
#janneke-info{position: absolute; left: 157px;top: 15px;display: none;}
#lola-info{position: absolute; left: 465px;top: 17px;display: none;}