body { margin: 0px; background-image: url(../gfx/bg-home-leeg.jpg); font-family: verdana, arial; font-size: 10px; overflow: auto; } #site { width: 860px;; height: 550px; background-image: url(../gfx/bg-home.jpg) } #content { position: absolute; top: 145px; left: 345px; border: 0px solid black; width: 471px; height: 360px; overflow: auto; padding-right: 10px; } #inhoud { float: left; width: 445px; padding-left: 20px; } inhoudcv { float: left; width: 400px; padding-left: 20px; } #plaat { float: left; width: 345px; height: 345px; border: 1px solid #4A6E26; } #tekst { float: left; width: 94px; padding-left: 10px; } #navigatie { width: 100px; position: absolute; bottom: 10px; right: 10px; border: 0px solid; } #navitems { float: left; width: 100px; } #teller { float: left; width: 100px; text-align: center; font-size: 9px; } .naviteml { float: left; } .navitemr { float: right; } #menu { position: absolute; top: 169px; left: 95px; width: 120px; height: 120px; background-color: #ffffff; } #blog { position: absolute; top: 350px; left: 155px; width: 120px; height: 40px; background-color: transparent; display: block; } #menuitem1, #menuitem2, #menuitem3, #menuitem4, #menuitem5, #menuitem1selected, #menuitem2selected, #menuitem3selected, #menuitem4selected, #menuitemselected { float: left; width: 120px; height: 24px; background-color: #ffffff; } #menuitem1 { background-image: url(../gfx/but-home.jpg); } #menuitem1:hover, #menuitem1selected { background-image: url(../gfx/but-home-mo.jpg); float: left; } #menuitem2 { background-image: url(../gfx/but-work.jpg); } #menuitem2:hover, #menuitem2selected { background-image: url(../gfx/but-work-mo.jpg); float: left; } #menuitem3 { background-image: url(../gfx/but-about-work.jpg); } #menuitem3:hover, #menuitem3selected { background-image: url(../gfx/but-about-work-mo.jpg); float: left; } #menuitem4 { background-image: url(../gfx/but-about-me.jpg); border: 0px; margin: 0px; } #menuitem4:hover, #menuitem4selected { background-image: url(../gfx/but-about-me-mo.jpg); float: left; } #menuitem5 { background-image: url(../gfx/but-contact.jpg); } #menuitem5:hover, #menuitem5selected { background-image: url(../gfx/but-contact-mo.jpg); float: left; } #submenu { position: absolute; top: 327px; left: 215px; width: 60px; height: 44px; background-color: #ffffff; } #submenuitem1, #submenuitem2, #submenuitem1selected, #submenuitem2selected { float: left; width: 60px; height: 22px; background-color: #ffffff; } #submenuitem1 { background-image: url(../gfx/but-2d.jpg); } #submenuitem1:hover, #submenuitem1selected { background-image: url(../gfx/but-2d-mo.jpg); float: left; } #submenuitem2 { background-image: url(../gfx/but-3d.jpg); } #submenuitem2:hover, #submenuitem2selected { background-image: url(../gfx/but-3d-mo.jpg); float: left; } .groter { font-size: 12px; } .duim { margin-right: 3px; } a { color: #000000; text-decoration: underline; } a:hover { text-decoration: none; }