@charset "UTF-8"; /* CSS Document */ /******************************************* main ********************************************/ html, body ,#outermost { font-family:Verdana; font-size: 13px; color: #000; margin: 0; padding:0; height:100%; width:100%; background-color:#FFF; line-height:20px; background-color:#BFBFBF; } body { text-align: center; /* IE/Win bug fix */ font-family: Helvetica, sans-serif; } h1 { font-size: 14px; color:#333; margin:0; padding:0; } h2 { font-size: 16px; color:#680148; margin-bottom:0; font-weight:bold; } h3 { font-size: 12px; color:#680148; font-weight:bold; } .buttonheading {margin:0; display:none; visibility:hidden;} /******************************************* layout ********************************************/ #pagewrapper { width: 990px; height:600px; overflow:hidden; } /* Works in IE5+/Win, Firefox, Safari, Opera 5+, Netscape 6+, Konqueror 3 Does not work in NS4.x or IE/Mac */ .valignmid1 { position: relative; margin: 0 auto; } /* Opera 7.0x is buggy when you put display:table on Opera 7.2+ and 6.x don't appear to have this problem. We hide this from IE5/Mac, because it doesn't support display:table-cell and it doesn't have the same bug that allows this to work in IE5-6/Win (hide from IE/Mac) \*/ .valignmid1 { display: table; vertical-align: middle; } /* Moz1.4 - Moz1.6 (NS7.1) bug, can't put position:relative on .valignmid2 \*/ .valignmid2 { width: 100%; display: table-cell; vertical-align: middle; } /* end hide */ .valignmid3 { position: relative; } #header { width:990px; height:107px; float:left; position:relative; } #menu_container { width:276px; height:470px; float:left; position:relative; background-color:#5A5B5E; } #menu { height:324px; width:258px; position:absolute; bottom:20px; left:16px; } #home_link { position:absolute; display:block; height:107px; width:280px; top:0; left:0; background-image:url(../img/link-trans.png); z-index:9; } .home_link { height:107px; width:280px; display:block; z-index:10; position:relative; } #content_wrapper { width:990px; height:470px; float:left; position:relative; text-align:left; } #content_home { width:714px; height:470px; float:right; background-image:url(../img/bg_home.jpg); } #content_home_bar { width:252px; height:450px; padding-top:20px; padding-left:20px; float:right; background-image:url(../img/bg3-trans.png); } #content_ev { width:714px; height:470px; float:right; background-image:url(../img/bg_ev.jpg); } #content_ev_bar { padding:20px; } #content_ga { width:714px; height:470px; float:right; background-image:url(../img/bg_ga.jpg); } #content_ga_bar { padding:15px; position:absolute; bottom:15px; left:291px; background-image:url(../img/bg-trans.png); } #content_tr { width:714px; height:470px; float:right; background-image:url(../img/bg_tr.jpg); } #content_tr_bar { padding:20px; } #content_co { width:714px; height:470px; float:right; background-image:url(../img/bg_co.jpg); } #content_co_bar { width:252px; height:450px; padding-top:20px; padding-left:20px; float:right; color:white; background-image:url(../img/bg2-trans.png); } #content_over { width:714px; height:470px; float:right; background-image:url(../img/bg_over.jpg); } #content_over_bar { width:300px; height:450px; padding-top:20px; padding-left:20px; float:right; } #content_contact { width:714px; height:470px; float:right; background:#ffffff url(../img/bg_contact.jpg) bottom right no-repeat; } #content_contact_bar { padding:20px; } #footer { width:990px; height:23px; float:left; position:relative; background-image:url(../img/footer.jpg); } #menu a { display:block; } .rood { color:#DF0013; font-weight:bold; } .groen { color:#00A538; font-weight:bold; } .white { color:white; text-decoration:none; } .white:hover { text-decoration:underline; } .black { color:black; text-decoration:none; } .black:hover { text-decoration:underline; } .b1 { height:64px; width:258px; background-image:url(../img/evenementen.jpg); } .b1:hover { background-image:url(../img/evenementen_over.jpg); cursor:pointer; } .b2 { height:54px; width:258px; background-image:url(../img/gastvrijheid.jpg); } .b2:hover { background-image:url(../img/gastvrijheid_over.jpg); } .b3 { height:48px; width:258px; background-image:url(../img/training.jpg); } .b3:hover { background-image:url(../img/training_over.jpg); } .b4 { height:47px; width:258px; background-image:url(../img/coaching.jpg); } .b4:hover { background-image:url(../img/coaching_over.jpg); } .b5 { height:49px; width:258px; background-image:url(../img/over_ons.jpg); } .b5:hover { background-image:url(../img/over_ons_over.jpg); } .b6 { height:62px; width:258px; background-image:url(../img/contact.jpg); } .b6:hover { background-image:url(../img/contact_over.jpg); }