/*******************************/ /** CSS DOCUMENT **/ /** OWNED BY DROOMSLICING **/ /** COPYRIGHT 2009 - 1010 **/ /** www.idroom.nl **/ /*******************************/ /*******************************/ /* REGULAR COMMANDS */ /*******************************/ body{ margin:0px; padding:0px; color:#6d6d6d; font-size:0.8em; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; text-decoration:none; background:url(../images/bg.jpg) repeat-x #f7f6f6;} body a{ text-decoration:none;color:#91c01f; font-weight:bold;} body a:hover{text-decoration:none;color:#91c01f;font-weight:bold;} .clear{clear:both; overflow:hidden; height:0px;} img{border:0px; display:block;} ul, li{list-style:none; margin:0px; padding:0px; } form, fieldset {margin:0px;padding:0px;border:0;} h1, h2, h3, h4, h5 {margin:0px; padding:0px; font-size:1.0em;} /* CONTAINER DIVISION */ #container { position:relative; width:997px; margin:0 auto; } /* TOP DIVISION */ #container #top{position:relative; z-index:50; width:985px; margin:0px 6px 0px 6px; height:174px;} #container #top #logo{ width:243px; height:76px; padding:28px 0px 0px 20px; float:left; } #container #top #logo h1{ width:243px; height:76px; display:block; text-indent:-3333px;} #container #top #logo h1 a{ cursor:pointer; width:243px; height:76px; display:block; } #container #top #header{ position:absolute; top:0px; left:287px; width:408px; height:168px;} #container #top #header img{ width:408px; height:168px;} #container #top #vinnie{ position:relative; width:285px; height:168px; float:right; } #container #top #vinnie object{ z-index:1; position:absolute; } #container #top #vinnie javascript{ z-index:1; position:absolute; } #container #top #vinnie strong a{ color:#fff; line-height:35px; font-size:0.95em; width:152px; text-align:center; position:absolute; font-weight:normal; bottom:0px; right:0px; z-index:11; display:block; height:35px;} #container #top #vinnie strong a:hover{ text-decoration:underline;} #container #top #vinnie em{ font-style:normal; position:absolute; bottom:0px; right:0px; z-index:10; display:block; height:35px;} #container #top #vinnie em a{ color:#fff; filter:alpha(opacity=60); opacity:0.6; display:block; float:left; height:35px; background:url(../images/bg_li.jpg) no-repeat right;} #container #top #vinnie em a span{ text-indent:-3333px; cursor:pointer; display:block; float:left; width:152px; height:35px; line-height:35px; background:url(../images/bg_lileft.jpg) no-repeat left;} #container #top #myslidemenu{ position:absolute; left:0px; z-index:100; bottom:3px; z-index:10; height:38px; } #container #top #myslidemenu ul#menu{ display:block; position:relative; height:35px; } #container #top #myslidemenu ul#menu li{ position:relative; display:block; float:left; margin:0px 1px 0px 0px;} #container #top #myslidemenu ul#menu li a.item{ color:#fff; display:block; float:left; height:35px; background:url(../images/bg_li.jpg) no-repeat right; } #container #top #myslidemenu ul#menu li a.item span{ cursor:pointer; display:block; float:left; height:35px; line-height:34px; padding:0px 14px 0px 14px; background:url(../images/bg_lileft.jpg) no-repeat left; } #container #top #myslidemenu ul#menu li a:hover.item{ text-decoration:none; } #container #top #myslidemenu ul#menu li a:hover.item span{ text-decoration:none; } #container #top #myslidemenu ul#menu li.groen a:hover.item, #container #top #myslidemenu ul#menu li.groen a.selected, #container #top #myslidemenu ul#menu li.groen:hover a.item{ background:url(../images/bg_ligroen.jpg) no-repeat right; } #container #top #myslidemenu ul#menu li.groen a:hover.item span, #container #top #myslidemenu ul#menu li.groen a.selected span, #container #top #myslidemenu ul#menu li.groen:hover a.item span{ background:url(../images/bg_ligroenleft.jpg) no-repeat left; } #container #top #myslidemenu ul#menu li.oranje a:hover.item, #container #top #myslidemenu ul#menu li.oranje a.selected, #container #top #myslidemenu ul#menu li.oranje:hover a.item{ background:url(../images/bg_lioranje.jpg) no-repeat right; } #container #top #myslidemenu ul#menu li.oranje a:hover.item span, #container #top #myslidemenu ul#menu li.oranje a.selected span, #container #top #myslidemenu ul#menu li.oranje:hover a.item span{ background:url(../images/bg_lioranjeleft.jpg) no-repeat left; } #container #top #myslidemenu ul#menu li.blauw a:hover.item, #container #top #myslidemenu ul#menu li.blauw a.selected, #container #top #myslidemenu ul#menu li.blauw:hover a.item{ background:url(../images/bg_liblauw.jpg) no-repeat right; } #container #top #myslidemenu ul#menu li.blauw a:hover.item span, #container #top #myslidemenu ul#menu li.blauw a.selected span, #container #top #myslidemenu ul#menu li.blauw:hover a.item span{ background:url(../images/bg_liblauwleft.jpg) no-repeat left; } #container #top #myslidemenu ul#menu li.geel a:hover.item, #container #top #myslidemenu ul#menu li.geel a.selected, #container #top #myslidemenu ul#menu li.geel:hover a.item{ background:url(../images/bg_ligeel.jpg) no-repeat right; } #container #top #myslidemenu ul#menu li.geel a:hover.item span, #container #top #myslidemenu ul#menu li.geel a.selected span, #container #top #myslidemenu ul#menu li.geel:hover a.item span{ background:url(../images/bg_ligeelleft.jpg) no-repeat left; } #container #top #myslidemenu ul#menu li.roze a:hover.item, #container #top #myslidemenu ul#menu li.roze a.selected, #container #top #myslidemenu ul#menu li.roze:hover a.item{ background:url(../images/bg_liroze.jpg) no-repeat right; } #container #top #myslidemenu ul#menu li.roze a:hover.item span, #container #top #myslidemenu ul#menu li.roze a.selected span, #container #top #myslidemenu ul#menu li.roze:hover a.item span{ background:url(../images/bg_lirozeleft.jpg) no-repeat left; } #container #top #myslidemenu ul#menu li.rood a:hover.item, #container #top #myslidemenu ul#menu li.rood a.selected, #container #top #myslidemenu ul#menu li.rood:hover a.item{ background:url(../images/bg_lirood.jpg) no-repeat right; } #container #top #myslidemenu ul#menu li.rood a:hover.item span, #container #top #myslidemenu ul#menu li.rood a.selected span, #container #top #myslidemenu ul#menu li.rood:hover a.item span{ background:url(../images/bg_liroodleft.jpg) no-repeat left; } #container #top .jqueryslidemenu ul li ul{ z-index:1000; position:absolute; left:0px; border-top:1px solid white; font-size:0.95em;} #container #top .jqueryslidemenu ul li ul li{ float:none; display:block; } #container #top .jqueryslidemenu ul li ul li a{ float:none; display:block; color:#fff; height:35px; text-indent:12px; line-height:34px; background:url(../images/bg_ulli.gif) no-repeat; } #container #top .jqueryslidemenu ul li ul li a:hover{ color:#fff; text-decoration:underline; } #container #top .jqueryslidemenu ul li ul li.last a{ background:url(../images/bg_ullilast.gif) no-repeat; } #container #top .jqueryslidemenu ul li.groen ul{ width:121px; padding:0px 10px 0px 10px; background: url(../images/bg_ulgroen.jpg) no-repeat bottom left #91c01f; } #container #top .jqueryslidemenu ul li.groen ul li{ width:141px; } #container #top .jqueryslidemenu ul li.oranje ul{ width:160px; padding:0px 10px 0px 10px; background: url(../images/bg_uloranje.jpg) no-repeat bottom left #f0660b; } #container #top .jqueryslidemenu ul li.oranje ul li{ width:180px; } #container #top .jqueryslidemenu ul li.blauw ul{ width:180px; padding:0px 10px 0px 10px; background: url(../images/bg_ulblauw.jpg) no-repeat bottom left #29a7d9; } #container #top .jqueryslidemenu ul li.blauw ul li{ width:200px; } #container #top .jqueryslidemenu ul li.geel ul{ width:200px; padding:0px 10px 0px 10px; background: url(../images/bg_ulgeel.jpg) no-repeat bottom left #f7be0d; } #container #top .jqueryslidemenu ul li.geel ul li{ width:220px; } #container #top .jqueryslidemenu ul li.roze ul{ width:180px; padding:0px 10px 0px 10px; background: url(../images/bg_ulroze.jpg) no-repeat bottom left #e755b8; } #container #top .jqueryslidemenu ul li.roze ul li{ width:200px; } #container #top .jqueryslidemenu ul li.rood ul{ width:150px; padding:0px 10px 0px 10px; background: url(../images/bg_ulrood.jpg) no-repeat bottom left #ef1144; } #container #top .jqueryslidemenu ul li.rood ul li{ width:170px; } /* CONTENT DIVISION */ #container #subcontent {z-index:1; position:relative; width:985px; height:20px; padding:12px 6px 0px 6px; font-size:0.95em;} #container #subcontent #bread{float:left; width:400px;} #container #subcontent #bread ul li{float:left; display:block; } #container #subcontent #bread ul li a{display:block; color:#6d6d6d; float:left; font-weight:normal; padding:0px 15px 0px 0px; background:url(../images/bg_libread.jpg) no-repeat right;} #container #subcontent #bread ul li a:hover{text-decoration:underline;} #container #subcontent #opties{float:right; width:400px;} #container #subcontent #opties ul{float:right; } #container #subcontent #opties ul li{float:left; padding:0px 3px 0px 3px;} #container #subcontent #opties ul li.space{padding:0px 15px 0px 3px;} #container #subcontent #opties ul li.last{padding:0px 0px 0px 3px;} #container #subcontent #opties ul li img{margin:-1px 0px 0px 0px;} #container #subcontent #opties ul li a img:hover{ filter:alpha(opacity=60); opacity:0.6; } #container .blok_top {z-index:1; position:relative; width:997px; height:12px; background:url(../images/bg_bloktop.jpg) no-repeat; overflow:hidden;} #container .blok_bottom {z-index:1; position:relative; width:997px; height:12px; background:url(../images/bg_blokbottom.jpg) no-repeat; } #container .bottom { margin:0px 0px 4px 0px;} #container .blok {z-index:1; position:relative; width:931px; padding:20px 33px 20px 33px; background:url(../images/bg_container.jpg) repeat-y;} #container .blok #left{float:left; width:622px;} #container .blok #left .box_top{width:622px; height:16px; background:url(../images/bg_boxlefttop.jpg) no-repeat;} #container .blok #left .box_bottom{width:622px; height:28px; overflow:hidden; background:url(../images/bg_boxleftbottom.jpg) no-repeat;} #container .blok #left .box{width:590px; padding:0px 16px 0px 16px; background:#eaeaea; line-height:18px;} #container .blok #left .box h1{ color:#2e2e2e; line-height:12px; padding:0px 0px 14px 0px; font-size:1.05em;} #container .blok #left .box p{ margin:0px; padding:0px 0px 18px 0px; font-size:0.95em;} #container .blok #left .box p a:hover{ text-decoration:underline;} #container .blok #left .box .nieuws{ } #container .blok #left .box .nieuws .nieuwsitem_bottom{ width:590px; height:6px; margin:-6px 0px 16px 0px; background:url(../images/bg_nieuwsitembottom.jpg) no-repeat top; } #container .blok #left .box .nieuws .nieuwsitem{ width:556px; padding:16px 17px 0px 17px; background:url(../images/bg_nieuwsitem.jpg) no-repeat #fff; } #container .blok #left .box .nieuws .nieuwsitem .left{ width:83px; float:left;} #container .blok #left .box .nieuws .nieuwsitem .left a{ display:block; float:left; } #container .blok #left .box .nieuws .nieuwsitem .left a img{ border:1px solid white;} #container .blok #left .box .nieuws .nieuwsitem .left a:hover{ border:3px solid #9c9c9c;} #container .blok #left .box .nieuws .nieuwsitem .left span{ padding:6px 0px 0px 0px; display:block; width:83px; float:left; font-size:0.95em;} #container .blok #left .box .nieuws .nieuwsitem .right{ font-size:0.95em; float:left; width:473px;} #container .blok #left .box .nieuws .nieuwsitem .right h2{ color:#6d6d6d; font-size:1.1em; font-size:13px; padding:0px 0px 6px 0px; } #container .blok #left .box .nieuws .nieuwsitem .right h2 a{ color:#6d6d6d; } #container .blok #left .box .nieuws .nieuwsitem .right p{ color:#6d6d6d; padding:12px 0px 0px 0x 0px; } #container .blok #left .box .nieuws em{ display:block; font-style:normal; } #container .blok #left .box .nieuws em a{ display:block; color:#fff; float:left; height:26px; } #container .blok #left .box .nieuws em a span{ display:block; float:left; height:26px; line-height:26px; cursor:pointer; padding:0px 13px 0px 13px; } #container .blok #left .box .nieuws ul.gegevens{ font-size:0.95em; line-height:26px; display:block; width:590px; height:26px; margin:15px 0px 0px 0px; background:url(../images/bg_gegevens.jpg) no-repeat;} #container .blok #left .box .nieuws ul.gegevens li{ display:block; float:left; height:26px; background:url(../images/bg_ligegevens.jpg) no-repeat right;} #container .blok #left .box .nieuws ul.gegevens li.naam{ color:#2e2e2e; width:200px; padding:0px 0px 0px 8px;} #container .blok #left .box .nieuws ul.gegevens li.taak{ color:#2e2e2e; width:180px;} #container .blok #left .box .nieuws ul.gegevens li.email{ background:none;} #container .blok #left .box #bestuur .nieuwsitem{ width:556px; margin:16px 0px 0px 0px; padding:16px 17px 0px 17px; background:url(../images/bg_nieuwsitem.jpg) no-repeat #fff; } #container .blok #left .box #bestuur h1{ padding:0px 0px 4px 0px;} #container .blok #left .box #bestuur .nieuwsitem_bottom{ width:590px; height:6px; margin:-6px 0px 0px 0px; background:url(../images/bg_nieuwsitembottom.jpg) no-repeat top; } #container .blok #left .box #rotator {width:590px; position:relative; margin:0; padding:0px;} #container .blok #left #space{margin:20px 0px 0px 0px;} /* Tabs */ li.ui-tabs-nav-item, li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited {outline:none; float:left; height:23px; width:35px; font-weight:bold; line-height:23px; text-align:center;} ul.ui-tabs-nav {position:absolute; bottom:0px; left:0; z-index:2; height:23px; margin:0px; padding:0px; list-style:none;} /* Non-Selected Tabs */ li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited { color:#fff; background:url(../images/groen/btn_rotator.jpg) no-repeat; width:23px; height:23px; } /* Hovered Tab */ #rotator .ui-tabs-nav-item a:hover, #rotator .ui-tabs-nav-item a:active { text-decoration:none; background:url(../images/groen/btn_rotator.jpg) no-repeat; } #rotator .ui-tabs-nav-item a span {cursor:pointer; z-index:101;} /* Active Tab */ #rotator .ui-tabs-selected a:link, #rotator .ui-tabs-selected a:visited, #rotator .ui-tabs-selected a:hover, #rotator .ui-tabs-selected a:active {text-decoration:none; background:url(../images/groen/btn_rotator.jpg) no-repeat; color:#f7ff11;} /* Content Panels */ #rotator .ui-tabs-panel {clear:left;color:#000;} #rotator .ui-tabs-panel img{width:590px; height:109px; z-index:2;} #rotator .ui-tabs-hide {display:none;} #rotator h2 { margin:12px 0px 0px 0px; float:right; font-size:0.95em; display:block; text-indent:12px; width:450px; height:23px; color:#2e2e2e; line-height:23px; font-weight:normal; z-index:2; background:url(../images/bg_rotator.jpg) no-repeat top left;} #rotator h2 a{ color:#2e2e2e;font-weight:normal;} #container .blok #left .box #intro {width:590px; position:relative; margin:0px 0px 0px 0px; padding:0px;} /* Content Panels */ #intro .ui-tabs-panel {clear:left; } #intro .ui-tabs-hide {display:none;} #intro h2 { color:#2e2e2e; line-height:12px; padding:2px 0px 14px 0px; font-size:1.05em; } #intro h2 a{ color:#2e2e2e;font-weight:normal;} #container .blok #left .box #intro p{ margin:0px; padding:0px 0px 0px 0px; font-size:1.05em;} #intro p em { display:block; float:right; margin:6px 0px 6px 10px; border:3px solid #91c01f; } #intro p em img{ border:1px solid #fff; } #container .blok #left .intro{ width:598px; font-weight:bold; color:#000000; padding:6px 12px 0px 12px; font-size:0.95em; line-height:18px;} #container .blok #left .intro p{ margin:0px; padding:0px 0px 18px 0px;} #container .blok #left .vervolg{ font-size:0.95em; line-height:18px; margin:0px 0px -20px 0px;} #container .blok #left .vervolg h1{ font-size:1.1em; margin:0px; padding:0px 0px 18px 0px; } #container .blok #left .vervolg span.lijnen{ float:left; display:block; margin:6px 16px 10px 0px; } #container .blok #left .vervolg span.lijnen img{ border:1px solid white;} #container .blok #left .vervolg span.lijnen2{ float:left; display:block; margin:6px 16px 10px 0px; } #container .blok #left .vervolg span.lijnen2 img{ border:1px solid white;} #container .blok #left .vervolg p{ margin:0px; padding:0px 0px 18px 0px; } #container .blok #left .filmpje{ margin-bottom:-13px; padding-bottom:0px;} #container .blok #left .box .paginafilms{ position:relative; margin-bottom:15px; z-index:100;} #container .blok #left .box .instructie_bottom{ position:relative; width:590px; overflow:hidden; height:21px; background:url(../images/bg_nieuwsitembottom.jpg) no-repeat;} #container .blok #left .box .instructie{ overflow:hidden; position:relative; width:574px; padding:8px 8px 0px 8px; background:url(../images/bg_nieuwsitem.jpg) no-repeat #fff;} #container .blok #left .box .instructie .left{ width:108px; float:left;} #container .blok #left .box .instructie .left ul{ z-index:2; margin:0px; padding:4px 0px 0px 0px; width:108px;} #container .blok #left .box .instructie .left ul li{ float:left; display:block; width:20px; height:16px; margin:0; padding:0; background:none; } #container .blok #left .box .instructie .left ul li a{ float:left; display:block; width:16px; height:16px; margin:0; padding:0; background:none; } #container .blok #left .box .instructie .left a.thumb img{ position:relative; z-index:1; filter:alpha(opacity=80); opacity:0.8;} #container .blok #left .box .instructie .left a.thumb:hover img{ filter:alpha(opacity=100); opacity:1.0;} #container .blok #left .box .instructie .right{ width:456px; float:left; } #container .blok #left .box .instructie .right p{ display:block; line-height:18px; padding:0; margin:0;} #container .blok #left .box .instructie .right p a{ display:block; color:#6d6d6d; font-weight:normal;} #container .blok #left .box .instructie .right p a:hover{ color:#000; } #container .blok #right{float:right; width:282px;} #container .blok #right h3{color:#fff; display:block; width:282px; height:38px;} #container .blok #right h3 a{display:block; color:#fff; width:282px; height:26px; } #container .blok #right h3 span{ display:block; width:282px; height:26px; text-indent:14px; line-height:26px;} #container .blok #right h3 a span{ cursor:pointer; } #container .blok #right h3.film{height:26px;} #container .blok #right ul{ width:282px; font-size:0.95em; margin:-12px 0px 14px 0px; } #container .blok #right ul li{ display:block; width:282px; height:39px; } #container .blok #right ul li a{ display:block; width:248px; padding:0px 0px 0px 34px; height:39px; line-height:38px; color:#6d6d6d; font-weight:normal; } #container .blok #right ul li a:hover{ text-decoration:underline;} #container .blok #right ul li.selected a{ font-weight:bold;} #container .blok #right ul li.selected a:hover{ font-weight:bold; text-decoration:underline;} #container .blok #right ul.submenu{ width:282px; padding:0px 0px 0px 0px; margin:0px 0px -12px 0px;} #container .blok #right ul.submenu li{ display:block; width:282px; height:38px; } #container .blok #right ul.submenu li a{ padding:0px; display:block; width:282px; height:26px; color:#fff; } #container .blok #right ul.submenu li a span{ cursor:pointer; display:block; width:282px; height:26px; text-indent:14px; line-height:26px; font-weight:bold; font-size:1.1em;} #container .blok #right ul.submenu li.groen a{ background:url(../images/groen/bg_btn.jpg) no-repeat right;} #container .blok #right ul.submenu li.groen a:hover{ color:#ffe534; text-decoration:none;} #container .blok #right ul.submenu li.groen a span{ background:url(../images/groen/bg_btnleft.jpg) no-repeat left;} #container .blok #right ul.submenu li.oranje a{ background:url(../images/oranje/bg_btn.jpg) no-repeat right;} #container .blok #right ul.submenu li.oranje a:hover{ color:#f6c500; text-decoration:none;} #container .blok #right ul.submenu li.oranje a span{ background:url(../images/oranje/bg_btnleft.jpg) no-repeat left;} #container .blok #right ul.submenu li.blauw a{ background:url(../images/blauw/bg_btn.jpg) no-repeat right;} #container .blok #right ul.submenu li.blauw a:hover{ color:#93f1ff; text-decoration:none;} #container .blok #right ul.submenu li.blauw a span{ background:url(../images/blauw/bg_btnleft.jpg) no-repeat left;} #container .blok #right ul.submenu li.geel a{ background:url(../images/geel/bg_btn.jpg) no-repeat right;} #container .blok #right ul.submenu li.geel a:hover{ color:#f7ff17; text-decoration:none;} #container .blok #right ul.submenu li.geel a span{ background:url(../images/geel/bg_btnleft.jpg) no-repeat left;} #container .blok #right ul.submenu li.roze a{ background:url(../images/roze/bg_btn.jpg) no-repeat right;} #container .blok #right ul.submenu li.roze a:hover{ color:#ecacff; text-decoration:none;} #container .blok #right ul.submenu li.roze a span{ background:url(../images/roze/bg_btnleft.jpg) no-repeat left;} #container .blok #right ul.submenu li.rood a{ background:url(../images/rood/bg_btn.jpg) no-repeat right;} #container .blok #right ul.submenu li.rood a:hover{ color:#ff6363; text-decoration:none;} #container .blok #right ul.submenu li.rood a span{ background:url(../images/rood/bg_btnleft.jpg) no-repeat left;} #container .blok #right ul.top5{ width:282px; font-size:0.95em; margin:-12px 0px 14px 0px; } #container .blok #right ul.top5 li{ display:block; width:282px; height:39px; line-height:38px; background:url(../images/bg_litop5.jpg) repeat-x bottom; color:#6d6d6d; font-weight:normal; } #container .blok #right ul.top5 li a{ padding:0px; display:block; width:282px; height:39px; background:none; } #container .blok #right ul.top5 li span{ display:block; text-decoration:none; float:left; font-size:1.2em; font-weight:bold; padding:0px 14px 0px 14px;} #container .blok #right ul.top5 li a:hover span{ text-decoration:none; } #container .blok #right .box_bottom{ overflow:hidden; height:20px; width:282px; background:url(../images/bg_boxbottom.jpg) no-repeat;} #container .blok #right .box{ width:250px; padding:16px 16px 8px 16px; background:url(../images/bg_box.jpg) no-repeat #eaeaea;} #container .blok #right .box h3{ color:#2e2e2e; background:none; width:250px; height:26px; font-size:1.05em;} #container .blok #right .box form fieldset{ position:relative; } #container .blok #right .box form fieldset input{ width:210px; height:17px; font-family:tahoma; font-size:0.95em; color:#a9a9a9; margin:0px; padding:5px 0px 0px 3px; border:1px solid #aeaeae; } #container .blok #right .box form fieldset button{ cursor:pointer; position:absolute; right:0px; bottom:0px; width:24px; height:24px; margin:0px; padding:0px; border:0; } #container .blok #right .box .instructie_bottom{ width:250px; overflow:hidden; height:21px; background:url(../images/bg_instructiebottom.jpg) no-repeat;} #container .blok #right .box .instructie{ position:relative; width:234px; padding:8px 8px 0px 8px; background:url(../images/bg_instructie.jpg) no-repeat #fff;} #container .blok #right .box .instructie .left{ width:108px; float:left;} #container .blok #right .box .instructie .left ul{ z-index:2; margin:0px; padding:4px 0px 0px 0px; width:108px;} #container .blok #right .box .instructie .left ul li{ float:left; display:block; width:20px; height:16px; margin:0; padding:0; background:none; } #container .blok #right .box .instructie .left ul li a{ float:left; display:block; width:16px; height:16px; margin:0; padding:0; background:none; } #container .blok #right .box .instructie .left a.thumb img{ position:relative; z-index:1; filter:alpha(opacity=80); opacity:0.8;} #container .blok #right .box .instructie .left a.thumb:hover img{ filter:alpha(opacity=100); opacity:1.0;} #container .blok #right .box .instructie .right{ width:126px; float:left; font-size:0.95em;} #container .blok #right .box .instructie .right p{ display:block; line-height:18px; padding:0; margin:0;} #container .blok #right .box .instructie .right p a{ display:block; color:#6d6d6d; font-weight:normal;} #container .blok #right .box .instructie .right p a:hover{ color:#000; } #container .blok #right .box .lasti{ margin:0px 0px -14px 0px;} #container .blok #right #film{ font-size:0.95em; padding:0px 0px 10px 0px; background:url(../images/bg_boxbottom.jpg) no-repeat bottom #eaeaea; margin:0px 0px 14px 0px; } #container .blok #right #film span{ display:block; margin:8px 0px 0px 0px; padding:0px 0px 0px 33px; background:url(../images/bg_film.jpg) no-repeat top left; } #container .blok #right #film span a{ font-weight:normal; color:#6d6d6d; } #container .blok #right #film span a:hover{ text-decoration:underline;} #container .blok .sitemap ul{line-height:18px; font-size:0.85em; padding:0px 26px 0px 26px; display:block; background:url(../images/bg_ulfooter.jpg) repeat-y right; float:left;} #container .blok .sitemap ul.first{padding:0px 26px 0px 0px; } #container .blok .sitemap ul.last{padding:0px 0px 0px 26px; width:86px; background:none; } #container .blok .sitemap ul li a{font-weight:normal; color:#6d6d6d;} #container .blok .sitemap ul li a strong{ font-size:1.05em; display:block; padding:0px 0px 10px 0px;} #container .blok .sitemap ul li a:hover{ text-decoration:underline;} #container .blok .footer{ margin:-12px 0px -12px 0px;} #container .blok .footer p{font-size:0.95em; line-height:34px; float:left; margin:0px; padding:0px;} #container .blok .footer p a{color:#6d6d6d;} #container .blok .footer p a:hover{color:#6d6d6d; text-decoration:underline;} #container .blok .footer ul{float:right;} #container .blok .footer ul li{float:left; padding:0px 0px 0px 40px;} #container .blok .footer ul li a img{filter:alpha(opacity=50); opacity:0.5;} #container .blok .footer ul li a:hover img{filter:alpha(opacity=100); opacity:1.0;} /*******************************/ /* HOME COMMANDS / GROEN */ /*******************************/ #home #top{background:url(../images/groen/bg_menu.jpg) repeat-x bottom;} #home #top #logo h1 a{ background:url(../images/groen/logo.jpg) no-repeat; } #home .blok #left .box .nieuws em a{ background:url(../images/groen/bg_btn.jpg) no-repeat right; } #home .blok #left .box .nieuws em a span{ background:url(../images/groen/bg_btnleft.jpg) no-repeat left; } #home .blok #left .box .nieuws em a:hover span, #home .blok #right h3 a:hover{color:#ffe534;} #home .blok #left .box .nieuws .nieuwsitem .left a{ border:3px solid #91c01f;} #home .blok #left .vervolg span.lijnen{ border:3px solid #91c01f; } #home .blok #left .vervolg span.lijnen2{ border:3px solid #ffffff; } #home .blok #left .vervolg h1{ color:#91c01f; } #home .blok #left .intro{ background:url(../images/groen/bg_intro.jpg) no-repeat; } #home .blok #right ul.top5 li span{ color:#90bf1e; } #home .blok #right ul li a{ background:url(../images/groen/bg_liright.jpg) no-repeat bottom; } #home .blok #right .box form fieldset button{ background:url(../images/groen/bg_aanmelden.jpg) no-repeat; } #home .blok #right h3{ background:url(../images/groen/bg_btn.jpg) no-repeat right top;} #home .blok #right h3 span{ background:url(../images/groen/bg_btnleft.jpg) no-repeat left;} #home .blok #right h3.film{ background:url(../images/groen/bg_btn2.jpg) no-repeat right top;} #home .blok #right h3.film span{ background:url(../images/groen/bg_btnleft2.jpg) no-repeat left;} /*******************************/ /* OVER ONS COMMANDS / ORANJE */ /*******************************/ body#overons a{ text-decoration:none;color:#ed650b; font-weight:bold;} body#overons a:hover{text-decoration:none;color:#ed650b;font-weight:bold; text-decoration:underline;} #overons #top{background:url(../images/oranje/bg_menu.jpg) repeat-x bottom;} #overons #top #logo h1 a{ background:url(../images/oranje/logo.jpg) no-repeat; } #overons .blok #left .box .nieuws em a{ background:url(../images/oranje/bg_btn.jpg) no-repeat right; } #overons .blok #left .box .nieuws em a span{ background:url(../images/oranje/bg_btnleft.jpg) no-repeat left; } #overons .blok #left .box .nieuws em a:hover span, #home .blok #right h3 a:hover{color:#f6c500;} /* */ #overons .blok #left .box .nieuws .nieuwsitem .left a{ border:3px solid #ed650b;} #overons .blok #left .vervolg span.lijnen{ border:3px solid #fde1d3; } #overons .blok #left .vervolg h1{ color:#ed650b; } #overons .blok #left .intro{ background:url(../images/oranje/bg_intro.jpg) no-repeat; } #overons .blok #right ul.top5 li span{ color:#ed650b; } #overons .blok #right ul li a{ background:url(../images/oranje/bg_liright.jpg) no-repeat bottom; } #overons .blok #right .box form fieldset button{ background:url(../images/oranje/bg_aanmelden.jpg) no-repeat; } #overons .blok #right h3{ background:url(../images/oranje/bg_btn.jpg) no-repeat right top;} #overons .blok #right h3 span{ background:url(../images/oranje/bg_btnleft.jpg) no-repeat left;} #overons .blok #right h3.film{ background:url(../images/oranje/bg_btn2.jpg) no-repeat right top;} #overons .blok #right h3.film span{ background:url(../images/oranje/bg_btnleft2.jpg) no-repeat left;} /*******************************/ /* ONDERWIJS COMMANDS / BLAUW */ /*******************************/ body#onderwijs a{ text-decoration:none;color:#29a7d9; font-weight:bold;} body#onderwijs a:hover{text-decoration:none;color:#29a7d9;font-weight:bold; text-decoration:underline;} #onderwijs #top{background:url(../images/blauw/bg_menu.jpg) repeat-x bottom;} #onderwijs #top #logo h1 a{ background:url(../images/blauw/logo.jpg) no-repeat; } #onderwijs .blok #left .box .nieuws em a{ background:url(../images/blauw/bg_btn.jpg) no-repeat right; } #onderwijs .blok #left .box .nieuws em a span{ background:url(../images/blauw/bg_btnleft.jpg) no-repeat left; } #onderwijs .blok #left .box .nieuws em a:hover span, #home .blok #right h3 a:hover{color:#93f1ff; } /* */ #onderwijs .blok #left .box .nieuws .nieuwsitem .left a{ border:3px solid #d8eef9;} #onderwijs .blok #left .vervolg span.lijnen{ border:3px solid #d8eef9; } #onderwijs .blok #left .vervolg h1{ color:#29a7d9; } #onderwijs .blok #left .intro{ background:url(../images/blauw/bg_intro.jpg) no-repeat; } #onderwijs .blok #right ul.top5 li span{ color:#29a7d9; } #onderwijs .blok #right ul li a{ background:url(../images/blauw/bg_liright.jpg) no-repeat bottom; } #onderwijs .blok #right .box form fieldset button{ background:url(../images/blauw/bg_aanmelden.jpg) no-repeat; } #onderwijs .blok #right h3{ background:url(../images/blauw/bg_btn.jpg) no-repeat right top;} #onderwijs .blok #right h3 span{ background:url(../images/blauw/bg_btnleft.jpg) no-repeat left;} #onderwijs .blok #right h3.film{ background:url(../images/blauw/bg_btn2.jpg) no-repeat right top;} #onderwijs .blok #right h3.film span{ background:url(../images/blauw/bg_btnleft2.jpg) no-repeat left;} /*******************************/ /* VOLWASSENEN COMMANDS / GEEL */ /*******************************/ body#volwassenen a{ text-decoration:none;color:#f7be0d; font-weight:bold;} body#volwassenen a:hover{text-decoration:none;color:#f7be0d;font-weight:bold; text-decoration:underline;} #volwassenen #top{background:url(../images/geel/bg_menu.jpg) repeat-x bottom;} #volwassenen #top #logo h1 a{ background:url(../images/geel/logo.jpg) no-repeat; } #volwassenen .blok #left .box .nieuws em a{ background:url(../images/geel/bg_btn.jpg) no-repeat right; } #volwassenen .blok #left .box .nieuws em a span{ background:url(../images/geel/bg_btnleft.jpg) no-repeat left; } #volwassenen .blok #left .box .nieuws em a:hover span, #home .blok #right h3 a:hover{color:#f7ff17; } /* */ #volwassenen .blok #left .box .nieuws .nieuwsitem .left a{ border:3px solid #f7be0d;} #volwassenen .blok #left .vervolg span.lijnen{ border:3px solid #fdf2d2; } #volwassenen .blok #left .vervolg h1{ color:#f7be0d; } #volwassenen .blok #left .intro{ background:url(../images/geel/bg_intro.jpg) no-repeat; } #volwassenen .blok #right ul.top5 li a span{ color:#f7be0d; } #volwassenen .blok #right ul li a{ background:url(../images/geel/bg_liright.jpg) no-repeat bottom; } #volwassenen .blok #right .box form fieldset button{ background:url(../images/geel/bg_aanmelden.jpg) no-repeat; } #volwassenen .blok #right h3{ background:url(../images/geel/bg_btn.jpg) no-repeat right top;} #volwassenen .blok #right h3 span{ background:url(../images/geel/bg_btnleft.jpg) no-repeat left;} #volwassenen .blok #right h3.film{ background:url(../images/geel/bg_btn2.jpg) no-repeat right top;} #volwassenen .blok #right h3.film span{ background:url(../images/geel/bg_btnleft2.jpg) no-repeat left;} /*******************************/ /* KINDEREN COMMANDS / ROZE */ /*******************************/ body#kinderen a{ text-decoration:none;color:#e755b8; font-weight:bold;} body#kinderen a:hover{text-decoration:none;color:#e755b8;font-weight:bold; text-decoration:underline;} #kinderen #top{background:url(../images/roze/bg_menu.jpg) repeat-x bottom;} #kinderen #top #logo h1 a{ background:url(../images/roze/logo.jpg) no-repeat; } #kinderen .blok #left .box .nieuws em a{ background:url(../images/roze/bg_btn.jpg) no-repeat right; } #kinderen .blok #left .box .nieuws em a span{ background:url(../images/roze/bg_btnleft.jpg) no-repeat left; } #kinderen .blok #left .box .nieuws em a:hover span, #home .blok #right h3 a:hover{color:#ecacff; } /* */ #kinderen .blok #left .box .nieuws .nieuwsitem .left a{ border:3px solid #e755b8;} #kinderen .blok #left .vervolg span.lijnen{ border:3px solid #e755b8; } #kinderen .blok #left .vervolg h1{ color:#e755b8; } #kinderen .blok #left .intro{ background:url(../images/roze/bg_intro.jpg) no-repeat; } #kinderen .blok #right ul.top5 li span{ color:#e755b8; } #kinderen .blok #right ul li a{ background:url(../images/roze/bg_liright.jpg) no-repeat bottom; } #kinderen .blok #right .box form fieldset button{ background:url(../images/roze/bg_aanmelden.jpg) no-repeat; } #kinderen .blok #right h3{ background:url(../images/roze/bg_btn.jpg) no-repeat right top;} #kinderen .blok #right h3 span{ background:url(../images/roze/bg_btnleft.jpg) no-repeat left;} #kinderen .blok #right h3.film{ background:url(../images/roze/bg_btn2.jpg) no-repeat right top;} #kinderen .blok #right h3.film span{ background:url(../images/roze/bg_btnleft2.jpg) no-repeat left;} /*******************************/ /* CONTACT COMMANDS / ROOD */ /*******************************/ body#contact a{ text-decoration:none;color:#ef1046; font-weight:bold;} body#contact a:hover{text-decoration:none;color:#ef1046;font-weight:bold; text-decoration:underline;} #contact #top{background:url(../images/rood/bg_menu.jpg) repeat-x bottom;} #contact #top #logo h1 a{ background:url(../images/rood/logo.jpg) no-repeat; } #contact .blok #left .box .nieuws em a{ background:url(../images/rood/bg_btn.jpg) no-repeat right; } #contact .blok #left .box .nieuws em a span{ background:url(../images/rood/bg_btnleft.jpg) no-repeat left; } #contact .blok #left .box .nieuws em a:hover span, #home .blok #right h3 a:hover{color:#ff6363;} /* */ #contact .blok #left .box .nieuws .nieuwsitem .left a{ border:3px solid #ef1046;} #contact .blok #left .vervolg span.lijnen{ border:3px solid #fcd4dd; } #contact .blok #left .vervolg h1{ color:#ef1046; } #contact .blok #left .intro{ background:url(../images/rood/bg_intro.jpg) no-repeat; } #contact .blok #right ul.top5 li span{ color:#ef1046; } #contact .blok #right ul li a{ background:url(../images/rood/bg_liright.jpg) no-repeat bottom; } #contact .blok #right .box form fieldset button{ background:url(../images/rood/bg_aanmelden.jpg) no-repeat; } #contact .blok #right h3{ background:url(../images/rood/bg_btn.jpg) no-repeat right top;} #contact .blok #right h3 span{ background:url(../images/rood/bg_btnleft.jpg) no-repeat left;} #contact .blok #right h3.film{ background:url(../images/rood/bg_btn2.jpg) no-repeat right top;} #contact .blok #right h3.film span{ background:url(../images/rood/bg_btnleft2.jpg) no-repeat left;}