body { padding: 0; margin: 0; } div { font-family: verdana, arial; } a { text-decoration: none; } div#container { z-index: 1; left: 50%; margin-left: -497px; /* de helft van de breedte */ position: absolute; width: 994px; height: 100%; background-color: transparent } div#logo { z-index: 2; background-image: url('media/logo.gif'); width: 132px; height: 83px; position: absolute; left: 785px; top: 43px; cursor: pointer; } div#driemaanden_intro { z-index: 3; background-image: url('media/over_drie_maanden_intro.gif'); width: 466px; height: 42px; position: absolute; left: 0px; top: 29px; } div#driemaanden { z-index: 3; background-image: url('media/over_drie_maanden.gif'); width: 211px; height: 52px; position: absolute; left: 0px; top: 29px; } div#menuroot { z-index: 3; width: 710px; height: 25px; position: absolute; right: 0px; top: 9px; vertical-align: top; text-align: right; } .linkmenuroot { color: #476978; font-weight: normal; font-size: 12px; text-decoration: none; } div#button1 { z-index: 3; background-image: url('media/button1.gif'); width: 229px; height: 112px; position: absolute; left: 0px; top: 105px; cursor: pointer; } div#button2 { z-index: 3; background-image: url('media/button2.gif'); width: 230px; height: 111px; position: absolute; left: 0px; top: 230px; cursor: pointer; } div#button3 { z-index: 3; background-image: url('media/button3.gif'); width: 229px; height: 112px; position: absolute; left: 0px; top: 354px; cursor: pointer; } div#button4 { z-index: 3; background-image: url('media/button4.gif'); width: 229px; height: 113px; position: absolute; left: 0px; top: 478px; cursor: pointer; } div#buttontekst1 { z-index: 3; background-image: url('media/buttontekst1.gif'); width: 21px; height: 28px; position: absolute; left: 183px; top: 120px; cursor: pointer; } div#buttontekst2 { z-index: 3; background-image: url('media/buttontekst2.gif'); width: 19px; height: 37px; position: absolute; left: 186px; top: 243px; cursor: pointer; } div#buttontekst3 { z-index: 3; background-image: url('media/buttontekst3.gif'); width: 21px; height: 81px; position: absolute; left: 186px; top: 365px; cursor: pointer; } div#buttontekst4 { z-index: 3; background-image: url('media/buttontekst4.gif'); width: 21px; height: 51px; position: absolute; left: 186px; top: 490px; cursor: pointer; } div#intro1 { background-image: url('media/intro1.gif'); width: 500px; height: 112px; position: absolute; left: 229px; top: 105px; cursor: pointer; } div#intro2 { background-image: url('media/intro2.gif'); width: 500px; height: 112px; position: absolute; left: 229px; top: 229px; cursor: pointer; } div#intro3 { background-image: url('media/intro3.gif'); width: 500px; height: 111px; position: absolute; left: 229px; top: 355px; cursor: pointer; color: #fff; } div#intro4 { background-image: url('media/intro4.gif'); width: 500px; height: 112px; position: absolute; left: 229px; top: 479px; cursor: pointer; } div#introtekst1 { width: 330px; height: 60px; position: absolute; color: #fff; font-size: 11; line-height: 14px; text-decoration : none; left: 377px; top: 154px; overflow: hidden; cursor: pointer; } div#introtekst2 { width: 330px; height: 60px; position: absolute; color: #fff; font-size: 11; line-height: 14px; text-decoration : none; left: 377px; top: 277px; overflow: hidden; cursor: pointer; } div#introtekst3 { width: 330px; height: 60px; position: absolute; color: #fff; font-size: 11; line-height: 14px; text-decoration : none; left: 377px; top: 401px; overflow: hidden; cursor: pointer; } div#introtekst4 { width: 330px; height: 60px; position: absolute; color: #fff; font-size: 11; line-height: 14px; text-decoration : none; left: 377px; top: 527px; overflow: hidden; cursor: pointer; } div#tekstrechts { width: 181px; position: absolute; color: #000; font-size: 11; left: 785px; top: 144px; overflow: auto; } div#pagina_bg { width: 478px; height: 563px; position: absolute; background-image: url('media/bg_content1_vak.gif'); color: #000; font-size: 14; line-height: 19px; left: 252px; top: 34px; overflow: hidden; } div#pagina_bg1 { width: 502px; height: 563px; position: absolute; background-image: url('media/bg_content1_vak1.gif'); color: #000; font-size: 14; line-height: 19px; left: 227px; top: 34px; overflow: hidden; } div#pagina_bg2 { width: 502px; height: 563px; position: absolute; background-image: url('media/bg_content1_vak2.gif'); color: #000; font-size: 14; line-height: 19px; left: 227px; top: 34px; overflow: hidden; } div#pagina_bg3 { width: 502px; height: 563px; position: absolute; background-image: url('media/bg_content1_vak3.gif'); color: #000; font-size: 14; line-height: 19px; left: 227px; top: 34px; overflow: hidden; } div#pagina_bg4 { width: 502px; height: 564px; position: absolute; background-image: url('media/bg_content1_vak4.gif'); color: #000; font-size: 14; line-height: 19px; left: 227px; top: 34px; overflow: hidden; } div#lijn1 { width: 465px; height: 2px; position: absolute; border-top: 1px solid #a5c7d7; top: 84px; left: 264px; } div#lijn2 { width: 465px; height: 2px; position: absolute; border-top: 1px solid #a5c7d7; top: 197px; left: 264px; } div#intro { width: 340px; height: 53px; position: absolute; color: #83b7d0; font-size: 11px; left: 377px; top: 136px; overflow: hidden; } div#submenu { z-index: 3; width: 432px; height: 25px; position: absolute; left: 288px; top: 53px; vertical-align: top; text-align: left; } div#paginatitel1 { z-index: 3; width: 432px; height: 25px; position: absolute; left: 377px; top: 89px; vertical-align: top; text-align: left; font-size: 17px; color: #476978; } div#paginatitel2 { z-index: 3; width: 432px; height: 25px; position: absolute; left: 377px; top: 205px; vertical-align: top; text-align: left; font-size: 17px; color: #476978; } div#paginatitel3 { z-index: 3; width: 432px; height: 25px; position: absolute; left: 377px; top: 100px; vertical-align: top; text-align: left; font-size: 17px; color: #476978; } .linksubmenu { color: #476978; font-weight: normal; font-size: 12px; text-decoration: none; } div#content1 { width: 350px; height: 375px; position: absolute; color: #000; font-size: 11px; left: 377px; top: 217px; z-index: 4; overflow: auto; } div#content2 { width: 350px; height: 375px; position: absolute; color: #000; font-size: 11px; left: 377px; top: 229px; z-index: 4; overflow: auto; } div#content3 { width: 350px; height: 375px; position: absolute; color: #000; font-size: 11px; left: 377px; top: 209px; z-index: 4; overflow: auto; } div#copyright { width: 730px; height: 15px; position: absolute; color: #83b7d0; font-size: 10px; top: 600px; left:0px; text-align: center; }