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

div#container div#navigation{position: relative;margin-top: 10px;height: 65px;}
div#container div#navigation li a{position: absolute;width: 106px;height: 55px;display:block;}
div#container div#navigation li a span{display: none;}

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

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

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

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

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

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

div#container div#content{height: 395px;position: relative;border: 2px solid #000;}
div#container div.webshop-bg{background: #FFF url(../images/webshop-bg.png) no-repeat left bottom;}
div#container div.vragen-bg{background: #FFF url(../images/vragen-bg.png) no-repeat left bottom;}
div#container div.achtergrond-bg{background: #FFF url(../images/achtergrond-bg.png) no-repeat left bottom;}
div#container div.over-spf-bg{background: #FFF url(../images/over-spf-bg.png) no-repeat left bottom;}
div#container div.downloads-bg{background: #FFF url(../images/downloads-bg.png) no-repeat left bottom;}
div#container div.contact-bg{background: #FFF url(../images/contact-bg.png) no-repeat left bottom;}

div#container div#content .scroll{height: 370px;overflow: auto;margin-left: 240px;padding: 25px 50px 0px 0px;}
div#container div#content.vragen-bg .scroll{pdding-right: 0px;}

div#container div#content h3{height: 30px;}
div#container div#content h3 span{display: none;}
div#container div#content h3#kop-webshop{background: url(../images/kop-webshop.gif) no-repeat;}
div#container div#content h3#kop-achtergrond{background: url(../images/kop-achtergrond.gif) no-repeat;}
div#container div#content h3#kop-over-spf{background: url(../images/kop-over-spf.gif) no-repeat;}
div#container div#content h3#kop-downloads{background: url(../images/kop-downloads.gif) no-repeat;}
div#container div#content h3#kop-contact{background: url(../images/kop-contact.gif) no-repeat;}

div#container div#content p{padding-bottom: 15px;}
div#container div#content ul{padding-bottom: 15px;padding-left: 30px;}
div#container div#content ul li{list-style: disc;padding-left: 10px;}
div#container div#content a{color: #000;font-weight: bold;}


#backHome{position: absolute;left: 0px;bottom: 0px;height: 230px;width: 210px;}
#backHome span{display: none;}