/* green: 7cbe33 blue: 0088bb lt_green: cfe5ae lt_blue: 88cce3 */ html {text-align: center; } body {margin: 0 auto; width:977px;text-align:center;background-color:#cfe5ae;} a {color:#0088bb;text-decoration:none;border-bottom:1px dotted #0088bb;} a:hover {color:#88cce3;text-decoration:none;border-bottom:1px dotted #88cce3;} #pagetop {position:absolute;top:0;left:0;z-index:-9999;height:157px;width:100%;} #pagetop .left {float:left;height:157px;width:49%;background-color: #0088bb;} #pagetop .right {float:right;height:157px;width:49%;background-color: #7cbe33;} #shade {width:977px;text-align:left;min-height:623px;background: url('../images/content-shade.png') repeat-y;float:left;} #shade-bottom {width:977px;text-align:left;height:120px;background: url('../images/bottom-shade_logo.png') no-repeat;z-index:-1;float:left;} #shade-bottom-logo {width:977px;text-align:left;height:120px;background: url('../images/bottom-shade_logo.png') no-repeat;z-index:-1;float:left;} #content {margin-left:28px;width:920px;background-color:#fff;text-align:left;} #detailcontent {margin-left:28px;width:920px;background-color:#fff;text-align:left;float:left;} #logo {width:920px;text-align:left;height:157px;background: url('../images/mooiweer.gif') no-repeat;} #head {float:left;width:920px;height:60px;margin-bottom:20px;} #headtitle {float:left;width:450px;text-align:left;height:60px;padding:20px 0px 0px 30px;overflow:hidden;} #twitter {width:60px; height:185px; position:absolute; background-color:transparent; top:200px; right:0; z-index:9999;} #twitter img {border:0;padding:0;background:transparant;border:none;} #twitter a {text-decoration:none;border:none;} #headmenu {float:left;font: bold 13px/24px "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; width:410px; background-color:#0088bb;height:89px; font-size:11px; z-index:100;} #headmenu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:90px; height:27px; text-align:left; color:#fff; border-left:2px solid #fff; background:#0088bb; line-height:26px; font-size:16px; overflow:hidden;padding-left:10px;} #headmenu ul {float:left;padding:0; margin:0; list-style: none;border:1px solid #0088bb;width:408px;height:29px;background:#0088bb; z-index:500;} #headmenu ul li {float:left; position:relative;} #headmenu ul li ul {display: none;border:none;} #headmenu ul li:hover a {color:#fff; background:#88cce3;} #headmenu ul li:hover ul {display:block; position:absolute; top:28px; left:0; width:105px;} #headmenu ul li:hover ul li a.hide {background:#6a3; color:#fff;} #headmenu ul li:hover ul li:hover a.hide {background:#88cce3; color:#fff;} #headmenu ul li:hover ul li ul {display: none;} #headmenu ul li:hover ul li a {display:block; background:#0088bb; color:#fff;width:194px;} #headmenu ul li:hover ul li a:hover {background:#88cce3; color:#fff;} #headmenu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;} #headmenu ul li:hover ul li:hover ul.left {left:-105px;} #contactmenu {float:left;font: bold 13px/24px "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; width:370px; background-color:#0088bb;height:80px; font-size:11px; z-index:500;margin-left:70px;} #contactmenu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:90px; height:27px; text-align:left; color:#fff; border-left:2px solid #fff; background:#0088bb; line-height:26px; font-size:16px; overflow:hidden;padding-left:10px;} #contactmenu ul {float:left;padding:0; margin:0; list-style: none;border:1px solid #0088bb;width:369px;height:29px; z-index:500;background:#0088bb;} #contactmenu ul li {float:left; position:relative;} #contactmenu ul li ul {display: none;border:none;} #contactmenu ul li:hover a {color:#fff; background:#88cce3;} #contactmenu ul li:hover ul {display:block; position:absolute; top:28px; left:0; width:105px; z-index:500;} #contactmenu ul li:hover ul li a.hide {background:#6a3; color:#fff;} #contactmenu ul li:hover ul li:hover a.hide {background:#88cce3; color:#fff;} #contactmenu ul li:hover ul li ul {display: none;} #contactmenu ul li:hover ul li a {display:block; background:#0088bb; color:#fff;width:194px;} #contactmenu ul li:hover ul li a:hover {background:#88cce3; color:#fff;} #contactmenu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;} #contactmenu ul li:hover ul li:hover ul.left {left:-105px;} #leftcol {float:left;width:410px;text-align:left;/*height:1050px*/;padding:0px 30px 20px 20px;text-align:justify;overflow:hidden;display:block;} #rightcol {float:right;width:410px;text-align:left;/*height:1050px*/;padding:0px 30px 20px 20px;text-align:justify;overflow:hidden;display:block;position:relative;} #leftcol ul {font: 13px/18px "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;color:#000;margin-left:25px;} #leftcol li {font: 13px/18px "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;color:#000;padding-left:18px;background: url('../images/green_block_10.gif') 0px 4px no-repeat;margin-bottom:10px;} #footer {float:left;width:920px;height:100px;margin-left:0px;z-index:500;} #footer .left {float:left;height:100px;width:155px;background: #0088bb url('../images/actie_logo.jpg') no-repeat;} #footer .right {float:left;height:100px;width:765px;background: #7cbe33 url('../images/detail_footer.png') no-repeat;} #contactleft {float:left;width:500px;text-align:left;height:850px;padding:0px 20px 20px 30px;text-align:justify;overflow:hidden;background-color:#cfe5ae;} #contactleft table {margin-top:50px;background-color:#cfe5ae;} #contactleft .tbllabel {width:150px;height:25px;} #contactleft .tbllabel label {width:110px;float:left;font: bold 13px/17px "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;margin-bottom:3px;padding-left:18px;background: url('../images/green_block_12.gif') 0px 4px no-repeat;color:#0088bb;border-bottom:1px solid #7cbe33;} #contactleft .tbllabelmissing {width:150px;height:25px;} #contactleft .tbllabelmissing label {width:110px;float:left;font: bold 13px/17px "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;margin-bottom:3px;padding-left:18px;background: url('../images/red_block_12.gif') 0px 4px no-repeat;color:#d90800;border-bottom:1px solid #d90800;} #contactleft .tblinput {width:330px;height:25px;} #contactleft .tblinput input {float:left; width:330px; border: 1px solid #7cbe33;font: 13px/16px "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;padding:2px;} #contactleft .tblinput select {float:left; width:336px; border: 1px solid #7cbe33;font: 13px/16px "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;padding:2px;} #contactleft .tblinput textarea {float:left; width:330px;max-width:330px;min-width:330px;height:200px;max-height:200px;min-height:200px;font: 13px/16px "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;padding:2px;border: 1px solid #7cbe33;} #contactleft .tblinput .submitbutton {float:left; width:336px; border: 1px solid #0088bb;font: bold 13px/16px "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;padding:2px;color:#fff;background-color:#0088bb;margin-top:15px;} #contactleft .tblinput .submitbutton:hover {float:left; width:336px; border: 1px solid #0088bb;font: bold 13px/16px "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;padding:2px;color:#fff;background-color:#88cce3;margin-top:15px;} #contactright {float:right;width:370px;text-align:left;height:870px;padding:0px ;text-align:justify;overflow:hidden;background-color:#7cbe33;} #contactright .address {font: bold 18px/24px "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;color:#fff;margin-top:40px;margin-left:40px;} #contactleft .inleiding {width:470px;font: bold 13px/17px "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;margin: 30px 5px -10px 0px;color:#0088bb;} #contactleft .inleiding p {font: bold 14px/18px "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;color:#0088bb;} #textversion {display:none;} #linksfooter {font: 10px/10px "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;margin-left:28px;width:920px;margin-bottom:50px;} #homeframe {overflow:hidden;width:920px;height:893px;z-index:30;} #homeframe .imagebox {width:765px;height:574px;float:left;background-color:#000;border:none;z-index:-3;position:absolute;margin-left:155px;} #homeframe .bluebar {width:155px;height:893px;float:left;background-color:#0088bb;z-index:100;position:absolute;} #homeframe .titlebox {float:left;color:#fff;font-size:38px;font-weight:bold;width:450px;height:60px;line-height:26px;position:absolute;margin-left:400px;margin-top:510px;z-index:20;text-align:right;} #homeframe .page {float:left;margin-left:195px;margin-top:50px;margin-right:50px;} #homeframe .page h1 {font: bold 18px/24px "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;color:#0088bb;margin-bottom:5px;} #homeframe .page p {font: 14px/24px "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;} #homeframe .page ul {font: 14px/18px "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;color:#000;margin-left:25px;} #homeframe .page li {font: 14px/18px "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;color:#000;padding-left:18px;background: url('../images/green_block_10.gif') 0px 6px no-repeat;margin-bottom:10px;} #homeframe .page li i {font: 15px/18px "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;color:#0088bb;font-style:bold;} #homeframe .textbox {float:left;color:#fff;background-color:#7cbe33;font-size:20px;font-weight:bold;width:765px;height:319px;line-height:26px;position:absolute;margin-left:155px;margin-top:574px;padding-top:15px;} #homeframe .textbox p {margin-left:41px;margin-top:55px;margin-right:20px;} #menubar {font: bold 16px/24px "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; width:765px; font-size:11px; padding-left:155px;background-color:#0088bb;height:31px;} #menubar ul li a, #menubar ul li a:visited {display:block; text-decoration:none; color:#000;width:115px; height:28px; text-align:left; color:#fff; border-left: 2px solid #fff; background:#0088bb; line-height:26px; font-size:16px; overflow:hidden;padding-left:10px;z-index:100;} #menubar ul {float:left;padding:0; margin:0; list-style: none;border:1px solid #0088bb;width:762px;height:29px;} #menubar ul li {float:left; position:relative;} #menubar ul li ul {display: none;border:none;} #menubar ul li:hover a {color:#fff; background:#88cce3;} #menubar ul li:hover ul {display:block; position:absolute; top:29px; left:0; width:125px;z-index:200;} #menubar ul li:hover ul li a.hide {background:#6a3; color:#fff;} #menubar ul li:hover ul li:hover a.hide {background:#88cce3; color:#fff;} #menubar ul li:hover ul li ul {display: none;} #menubar ul li:hover ul li a {display:block; background:#0088bb; color:#fff;width:194px;} #menubar ul li:hover ul li a:hover {background:#88cce3; color:#fff;} #menubar ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;} #menubar ul li:hover ul li:hover ul.left {left:-105px;} /* #menubar {float:left;position:absolute;width:255px;height:574px;background-color:#fff;z-index:20;margin-left:-100px;opacity:0.6;filter:alpha(opacity=60);text-decoration:none;border:none;} #menuitems {margin-left:35px;margin-top:35px;opacity:1;filter:alpha(opacity=100)} #menuitems li {float:left;width:200px;height:30px;font-weight:bold;font-size:20px;opacity:1;filter:alpha(opacity=100)} #menuitems li a {color:#000;border-bottom:none;text-decoration:none;} #menuitems li a:hover {color:#0088bb;} */ #menutrigger {position:absolute;margin-left:15px;margin-top:30px;} #actielogo {position:absolute;margin-left:12px;margin-top:820px;} #extrainfo {position:absolute;margin-left:36px;margin-top:15px;text-decoration:none;border:none;} #extrainfo img {text-decoration:none;border:none;} #sitemap {font: 12px/16px "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;margin-left:28px;width:920px;margin-bottom:50px;background-color:#cfe5ae;height:400px;} #sitemapprogramma {float:left;width:460;text-align:left;margin-left:200px;color:#0088bb;margin-bottom:50px;} #sitemapprogramma a {text-align:left;margin-left:15px;color:#000;} #sitemapprogramma a:hover {color:#0088bb;} #sitemapinfo {float:left;width:460;text-align:left;margin-left:100px;color:#0088bb;margin-bottom:50px;} #sitemapinfo a {text-align:left;margin-left:15px;color:#000;} #sitemapinfo a:hover {color:#0088bb;}