@charset "UTF-8"; body { background-color: #E5E5E5; } #container{ position: absolute; top: 50%; left: 50%; height: 600px; width: 940px; margin-top: -300px; margin-right: 0; margin-bottom: 0; margin-left: -470px; visibility: visible; background-color: #E5E5E5; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } #containerwork{ position: absolute; top: 50%; left: 50%; height: 600px; width: 940px; visibility: visible; background-color: #E5E5E5; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; overflow: auto; margin: -300px 0 0 -470px; } #clickable { position: absolute; visibility: visible; left: 0px; top: 0px; } #homework { position: absolute; visibility: visible; left: 181px; top: 85px; } #logo { position: absolute; visibility: visible; left: 0px; top: 0px; } #homewho { position: absolute; visibility: visible; left: 319px; top: 158px; } #homebio { position: absolute; visibility: visible; left: 458px; top: 30px; } #homecoach { position: absolute; visibility: visible; left: 603px; top: 145px; } #homecontact { position: absolute; visibility: visible; left: 746px; top: 89px; } #homeworktext { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #666666; position: absolute; visibility: visible; left: 184px; top: 384px; letter-spacing: 0.02em; } #homewhotext { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #666666; position: absolute; visibility: visible; left: 324px; top: 428px; letter-spacing: 0.02em; } #homebiotext { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #666666; position: absolute; visibility: visible; left: 460px; top: 330px; letter-spacing: 0.02em; } #homecoachtext { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #666666; position: absolute; visibility: visible; left: 605px; top: 368px; letter-spacing: 0.02em; } #homecontacttext { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #666666; position: absolute; visibility: visible; left: 749px; top: 395px; letter-spacing: -0.04ex; } .wit { color: #FFFFFF; } .rood { color: #CC0000; } #navigatie { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-transform: uppercase; color: #666666; } .rood16 { color: #CC0000; font-size: 16px; } #home1 { position: absolute; visibility: visible; left: 442px; top: 0px; } #home2 { position: absolute; visibility: visible; left: 788px; top: 0px; } #home3 { position: absolute; visibility: visible; left: 130px; top: 247px; } #home4 { position: absolute; visibility: visible; left: 425px; top: 247px; } #home5 { position: absolute; visibility: visible; left: 425px; top: 332px; } #pagenav { position: absolute; visibility: visible; left: 139px; top: 9px; } .fotobiopage { left: 139px; top: 51px; position: absolute; visibility: visible; padding: 2px; border: 1px solid #8E8E8E; } #contentbio { position: absolute; left: 348px; top: 49px; width: 575px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; visibility: visible; } #contentbio2 { position: absolute; left: 348px; top: 49px; width: 575px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; visibility: visible; } .kopbio { font-size: 16px; color: #666666; padding-top: 12px; padding-bottom: 12px; padding-left: 12px; width: 548px; } .textbio { width: 560px; padding-top: 12px; padding-bottom: 16px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #8E8E8E; border-bottom-color: #8E8E8E; font-size: 12px; } .fotobio { width: 560px; padding-top: 12px; padding-bottom: 16px; border-top-width: 1px; border-top-style: solid; border-top-color: #8E8E8E; font-size: 12px; text-align: center; } .more { text-align: right; width: 560px; padding-top: 2px; padding-bottom: 16px; } img { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; margin: 0px; padding: 0px; } #kruis { position: absolute; visibility: visible; left: 273px; top: 127px; } #contactkrone { position: absolute; visibility: visible; top: 127px; text-align: right; line-height: 16px; right: 540px; } #contactagency { position: absolute; visibility: visible; left: 492px; top: 127px; text-align: left; line-height: 16px; } #contactwebdesign { position: absolute; visibility: visible; left: 492px; top: 387px; text-align: left; line-height: 16px; } #contactonephoto { position: absolute; visibility: visible; top: 387px; text-align: right; line-height: 16px; right: 540px; } #contacttoschedule { position: absolute; visibility: visible; left: 273px; top: 335px; text-align: center; line-height: 16px; font-size: 14px; width: 357px; } .kopcontact { font-size: 16px; } div { color: #5E5E5E; } a:link { color: #86AB87; text-decoration: underline; } a:visited { color: #86AB87; text-decoration: underline; } a:hover { color: #86AB87; text-decoration: none; } a.indexpagina:link { color: #878787; text-decoration: none; } a.indexpagina:visited { color: #878787; text-decoration: none; } a.indexpagina:hover { color: #86AB87; text-decoration: none; } #projectfoto1 { visibility: visible; width: 190px; padding: 2px; border: 1px solid #8E8E8E; position: absolute; left: 139px; top: 51px; } #projecttext1 { position: absolute; left: 348px; top: 49px; z-index: 14; } #projecttext1b { position: absolute; left: 348px; top: 49px; visibility: hidden; } #projecttext1c { position: absolute; left: 348px; top: 49px; visibility: hidden; } #projecttext1d { position: absolute; left: 348px; top: 49px; visibility: hidden; } #projecttext1e { position: absolute; left: 348px; top: 49px; visibility: hidden; } #projecttext1f { position: absolute; left: 348px; top: 49px; visibility: hidden; } #projectfoto2 { width: 190px; padding: 2px; border: 1px solid #8E8E8E; position: absolute; left: 139px; top: 197px; visibility: visible; } #projecttext2 { visibility: visible; position: absolute; left: 348px; top: 195px; z-index: 13; } #projectfoto3 { visibility: visible; width: 190px; padding: 2px; border: 1px solid #8E8E8E; position: absolute; left: 139px; top: 343px; } #projecttext3 { visibility: visible; position: absolute; left: 348px; top: 341px; z-index: 12; } #projecttext3b { position: absolute; left: 348px; top: 341px; visibility: hidden; } #projecttext3c { position: absolute; left: 348px; top: 341px; visibility: hidden; } #projecttext3d { position: absolute; left: 348px; top: 341px; visibility: hidden; } #projecttext3e { position: absolute; left: 348px; top: 341px; visibility: hidden; } #projecttext3f { position: absolute; left: 348px; top: 341px; visibility: hidden; } #projectfoto4 { visibility: visible; width: 190px; padding: 2px; border: 1px solid #8E8E8E; position: absolute; left: 139px; top: 489px; } #projecttext4 { visibility: visible; position: absolute; left: 348px; top: 487px; z-index: 11; } #projectfoto5 { visibility: visible; width: 190px; padding: 2px; border: 1px solid #8E8E8E; position: absolute; left: 139px; top: 635px; } #projecttext5 { visibility: visible; position: absolute; left: 348px; top: 633px; z-index: 10; } #projectfoto6 { visibility: visible; width: 190px; padding: 2px; border: 1px solid #8E8E8E; position: absolute; left: 139px; top: 781px; } #projecttext6 { visibility: visible; position: absolute; left: 348px; top: 779px; z-index: 9; } #projectfoto7 { visibility: visible; width: 190px; padding: 2px; border: 1px solid #8E8E8E; position: absolute; left: 139px; top: 927px; } #projecttext7 { visibility: visible; position: absolute; left: 348px; top: 925px; z-index: 8; } #projectfoto8 { visibility: visible; width: 190px; padding: 2px; border: 1px solid #8E8E8E; position: absolute; left: 139px; top: 1073px; } #projecttext8 { visibility: visible; position: absolute; left: 348px; top: 1071px; z-index: 7; } #projectfoto9 { visibility: visible; width: 190px; padding: 2px; border: 1px solid #8E8E8E; position: absolute; left: 139px; top: 1219px; } #projecttext9 { visibility: visible; position: absolute; left: 348px; top: 1217px; z-index: 6; } #projectfoto10 { visibility: visible; width: 190px; padding: 2px; border: 1px solid #8E8E8E; position: absolute; left: 139px; top: 1365px; } #projecttext10 { visibility: visible; position: absolute; left: 348px; top: 1363px; z-index: 5; } #projectfoto11 { visibility: visible; width: 190px; padding: 2px; border: 1px solid #8E8E8E; position: absolute; left: 139px; top: 1511px; } #projecttext11 { visibility: visible; position: absolute; left: 348px; top: 1509px; z-index: 4; } #projectfoto12 { visibility: visible; width: 190px; padding: 2px; border: 1px solid #8E8E8E; position: absolute; left: 139px; top: 1657px; } #projecttext12 { visibility: visible; position: absolute; left: 348px; top: 1655px; z-index: 3; } #projectfoto13 { visibility: visible; width: 190px; padding: 2px; border: 1px solid #8E8E8E; position: absolute; left: 139px; top: 1803px; } #projecttext13 { visibility: visible; position: absolute; left: 348px; top: 1801px; z-index: 2; } #projectfoto14 { visibility: visible; width: 190px; padding: 2px; border: 1px solid #8E8E8E; position: absolute; left: 139px; top: 1949px; } #projecttext14 { visibility: visible; position: absolute; left: 348px; top: 1947px; z-index: 1; } #productionlink { position: absolute; visibility: visible; top: 178px; left: 141px; } #productionfotolink { position: absolute; visibility: visible; top: 324px; left: 141px; } #productionvideolink { position: absolute; top: 470px; left: 141px; visibility: visible; } .kopfotopage { font-size: 16px; color: #666666; padding-top: 12px; padding-bottom: 12px; padding-left: 12px; visibility: visible; width: 548px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #8E8E8E; } #fotopagefoto1 { position: absolute; left: 427px; top: 109px; border: 1px solid #8E8E8E; padding: 2px; visibility: visible; } #fotopagefoto2 { position: absolute; left: 637px; top: 109px; border: 1px solid #8E8E8E; padding: 2px; visibility: visible; } #fotopagefoto3 { position: absolute; left: 427px; top: 250px; border: 1px solid #8E8E8E; padding: 2px; visibility: visible; } #fotopagefoto4 { position: absolute; left: 637px; top: 250px; border: 1px solid #8E8E8E; padding: 2px; visibility: visible; } #fotopagefoto5 { position: absolute; left: 427px; top: 391px; border: 1px solid #8E8E8E; padding: 2px; visibility: visible; } #fotopagefoto6 { position: absolute; left: 637px; top: 391px; border: 1px solid #8E8E8E; padding: 2px; visibility: visible; } #fotopagefoto7 { position: absolute; left: 427px; top: 109px; border: 1px solid #8E8E8E; padding: 2px; visibility: hidden; } #fotopagefoto8 { position: absolute; left: 637px; top: 109px; border: 1px solid #8E8E8E; padding: 2px; visibility: hidden; } #fotopagefoto9 { position: absolute; left: 427px; top: 250px; border: 1px solid #8E8E8E; padding: 2px; visibility: hidden; } #fotopagefoto10 { position: absolute; left: 637px; top: 250px; border: 1px solid #8E8E8E; padding: 2px; visibility: hidden; } #fotopagefoto11 { position: absolute; left: 427px; top: 391px; border: 1px solid #8E8E8E; padding: 2px; visibility: hidden; } #fotopagefoto12 { position: absolute; left: 637px; top: 391px; border: 1px solid #8E8E8E; padding: 2px; visibility: hidden; } #fotopagefoto13 { position: absolute; left: 427px; top: 109px; border: 1px solid #8E8E8E; padding: 2px; visibility: hidden; } #fotopagefoto14 { position: absolute; left: 637px; top: 109px; border: 1px solid #8E8E8E; padding: 2px; visibility: hidden; } #fotopagefoto15 { position: absolute; left: 427px; top: 250px; border: 1px solid #8E8E8E; padding: 2px; visibility: hidden; } #fotopagefoto16 { position: absolute; left: 637px; top: 250px; border: 1px solid #8E8E8E; padding: 2px; visibility: hidden; } #fotopagefoto17 { position: absolute; left: 427px; top: 391px; border: 1px solid #8E8E8E; padding: 2px; visibility: hidden; } #fotopagefoto18 { position: absolute; left: 637px; top: 391px; border: 1px solid #8E8E8E; padding: 2px; visibility: hidden; } #backtowork { left: 140px; top: 514px; position: absolute; visibility: visible; } #videoscherm { left: 374px; top: 117px; padding: 2px; border: 1px solid #8E8E8E; position: absolute; visibility: visible; } #ende { position: absolute; visibility: visible; left: 130px; top: 582px; } .schedulejaar1 { color: #CC0000; font-size: 16px; vertical-align: middle; } #schedule1 { position: absolute; left: 158px; top: 65px; width: 700px; text-align: left; line-height: 16px; visibility: visible; } .morebottom { background-position: right; border-top-width: 1px; border-top-style: solid; border-top-color: #999999; padding-top: 2px; } #schedule2 { position: absolute; left: 158px; top: 65px; width: 700px; text-align: left; line-height: 16px; visibility: hidden; } #schedule3 { position: absolute; left: 158px; top: 65px; width: 700px; text-align: left; line-height: 16px; visibility: hidden; } #schedulecontent1 { position: absolute; visibility: visible; left: 360px; top: 95px; line-height: 15px; } .border { border-right-width: 1px; border-right-style: solid; border-right-color: #999999; } #contentteachercoach { position: absolute; width: 700px; left: 208px; top: 49px; } #contentteachercoach2 { position: absolute; width: 700px; left: 208px; top: 49px; visibility: hidden; } #contentteachercoach3 { position: absolute; width: 700px; left: 208px; top: 49px; visibility: hidden; } .kopteacher { font-size: 16px; color: #666666; padding-top: 12px; padding-bottom: 12px; padding-left: 12px; width: 688px; } .textteacher { width: 700px; padding-top: 12px; padding-bottom: 16px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #8E8E8E; border-bottom-color: #8E8E8E; font-size: 12px; } .textaboutme { width: 700px; padding-top: 12px; padding-bottom: 16px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #8E8E8E; border-bottom-color: #8E8E8E; font-size: 12px; } .moreteacher { text-align: right; width: 700px; padding-top: 2px; padding-bottom: 16px; } .moreaboutme { text-align: right; width: 700px; padding-top: 2px; padding-bottom: 16px; } h1 { font-size: 12px; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; } p { margin-top: 0px; margin-right: 0px; margin-bottom: 16px; margin-left: 0px; } #morepics { position: absolute; left: 784px; top: 530px; visibility: visible; } #morepics2 { position: absolute; left: 784px; top: 530px; visibility: hidden; } #backpics { position: absolute; left: 784px; top: 530px; visibility: hidden; } #videonav { position: absolute; visibility: visible; top: 474px; right: 606px; } .cdcover { border: 1px solid #878787; padding: 2px; margin-left: 48px; }