#container { position:relative; margin-left:auto; margin-right:auto;width:900px; height:600px; } #bg { position: absolute; left:0px; top:0px; width:900px; height:600px; } #header { position: absolute; left:680px; top:26px; width:210 px; height:26 px; } #footer { position: absolute; left:35px; top:550px; width:250 px; height:26 px; } #navkolom { position: absolute; left:0px; top:73px; width:202 px; height:454 px; } #navover { position: absolute; left:62px; top:80px; width:16 px; height:10 px; } #navwerk { position: absolute; left:161px; top:80px; width:16 px; height:10 px; } #navkolomtxt1 { position: absolute; left:8px; top:139px; width:180 px; height:141 px; } #navkolomtxt2 { position: absolute; left:8px; top:280px; width:180 px; height:140 px; } #navkolomtxt3 { position: absolute; left:8px; top:420px; width:180 px; height:34 px; } #mainrb { position: absolute; left:580px; top:110px; width:260 px; height:470 px; } #mainlb { position: absolute; right:30px; top:90px; width:260 px; height:470 px; } #maintxt { position: absolute; right:70px; top:110px; width:260 px; height:470 px; } #mainlo { position: absolute; left:220px; top:375px; width:400 px; height:50 px; } #mainro { position: absolute; left:640px; top:375px; width:350 px; height:50 px; } #mainbtnbg { position: absolute; left:201px; top:489px; width:699 px; height:36 px; } #mainbtn1 { position: absolute; left:206px; top:500px; width:233 px; height:30 px; } #mainbtn2 { position: absolute; left:440px; top:500px; width:233 px; height:30 px; } #mainbtn3 { position: absolute; left:670px; top:500px; width:233 px; height:30 px; } #mainbtn2b { position: absolute; left:560px; top:500px; width:233 px; height:30 px; } /* indeling */ /* achtegrondkleur */ body {background-color: #A9A9A9} /* achtegrondkleur */ /* teksten */ .h1 {color: #0070af ;font-size: 20px ;font-family: "arial", verdana;text-decoration: bold;font-weight:bold;} /* blauwe tksten boven en onder*/ .h2 {color: #919090 ;font-size: 12px ;font-family: "arial", verdana;text-decoration: bold; font-weight:bold; line-height: 6px ; } /* vette koppen in main */ .h3 {color: #919090 ;font-size: 20px ;font-family: "arial", verdana;text-decoration: bold;letter-spacing: 1px ; line-height: 16px ; } /* vette koppen in nav kolom */ .p1 {color: #919090 ;font-size: 12px ;font-family: "arial", verdana;text-decoration: none;text-align: right;} /* normale texten align right */ .p2 {color: #919090 ;font-size: 12px ;font-family: "arial", verdana;text-decoration: none;} /* normale texten align left */ /* teksten */ /* links en knoppen */ a.hnav:visited {color: #ffffff; font-size: 12px; font-family: "arial", verdana;text-decoration: none; letter-spacing: 0px; line-height: 12px ; } a.hnav:link { color: #ffffff; font-size: 12px; font-family: "arial", verdana; text-decoration: none; letter-spacing: 0px; line-height: 12px ;} a.hnav:hover { COLOR: #919090 ; font-size: 12px; font-family: "arial", verdana; text-decoration: none;letter-spacing: 0px ; line-height: 12px ;} /* knoppen in nav kolom */ a.hnavsel:visited {color: #919090 ; font-size: 12px; font-family: "arial", verdana;text-decoration: none;letter-spacing: 0px; line-height: 12px ;} a.hnavsel:link { color: #919090; font-size: 12px; font-family: "arial", verdana; text-decoration: none;letter-spacing: 0px; line-height: 12px ;} a.hnavsel:hover { COLOR: #ffffff ; font-size: 12px; font-family: "arial", verdana; text-decoration: none;letter-spacing: 0px; line-height: 12px ;} /* knoppen in nav kolom als geselecteerd kopje*/ a.hbtn:visited {color: #ffffff; font-size: 12px;font-family: "arial", verdana; text-decoration: none;} a.hbtn:link { color: #ffffff; font-size: 12px; font-family: "arial", verdana; text-decoration: none;} a.hbtn:hover { COLOR: #919090 ; font-size: 12px; font-family: "arial", verdana; text-decoration: none;} /* knoppen onderin */ a.hbtnsel:visited { color: #0070af; font-size: 12px;font-family: "arial", verdana; text-decoration: none;} a.hbtnsel:link { color: #0070af; font-size: 12px; font-family: "arial", verdana; text-decoration: none; } a.hbtnsel:hover { COLOR: #919090 ; font-size: 12px; font-family: "arial", verdana; text-decoration: none; } /* knoppen onderin als geselecteerd*/ a.hbtn:visited { color: #919090; font-size: 12px;font-family: "arial", verdana;text-decoration: none;letter-spacing: 0px } a.hbtn:link { color: #919090; font-size: 12px; font-family: "arial", verdana; text-decoration: none;letter-spacing: 0px } a.hbtn:hover { COLOR: #919090 ; font-size: 12px; font-family: "arial", verdana; } /* links en knoppen */ a.hbtn2:visited { color: #0070af; font-size: 12px;font-family: "arial", verdana;text-decoration: none;letter-spacing: 0px } a.hbtn2:link { color: #0070af; font-size: 12px; font-family: "arial", verdana; text-decoration: none;letter-spacing: 0px } a.hbtn2:hover { COLOR: red ; font-size: 12px; font-family: "arial", verdana; } /* links in teksten */ a.hbtn3:visited { color: #919090; font-size: 12px;font-family: "arial", verdana;text-decoration: none;letter-spacing: 0px ;font-weight:bold; } a.hbtn3:link { color: #919090; font-size: 12px; font-family: "arial", verdana; text-decoration: none;letter-spacing: 0px ;font-weight:bold;} a.hbtn3:hover { COLOR: #0070af ; font-size: 12px; font-family: "arial", verdana; font-weight:bold; } /* links in teksten */ a.hknop:visited {color: #919090 ; font-size: 11px; font-family: "arial", verdana;text-decoration: none;letter-spacing: 0px} a.hknop:link { color: #919090; font-size: 11px; font-family: "arial", verdana; text-decoration: none;letter-spacing: 0px} a.hknop:hover { COLOR: #0070af ; font-size: 11px; font-family: "arial", verdana; text-decoration: none;letter-spacing: 0px; } /* knoppen in onderbalk*/ a.hknopdesel:visited {color: #dcdbdb; font-size: 11px; font-family: "arial", verdana;text-decoration: none;letter-spacing: 0px;} a.hknopdesel:link { color: #dcdbdb; font-size: 11px; font-family: "arial", verdana; text-decoration: none;letter-spacing: 0px;} a.hknopdesel:hover { COLOR: #0070af; font-size: 11px; font-family: "arial", verdana; text-decoration: none;letter-spacing: 0px; } /* knoppen in onderbalk als andere geselecteerd*/