* { margin:0; padding:0; outline:0; list-style-type:none; border:0; }

html, body { height:100%; width:100%; overflow:hidden; }
body { background:url(../images/bg01.jpg) fixed; }

iframe { height:100%; width:100%; z-index:-100; overflow-x:hidden; }

#top { position:fixed; height:65px; width:100%; top:0; right:17px; background:url(../images/gordijn_midden.png) center; text-align:center; }
#cloud { position:fixed; right:53px; top:137px; z-index:2; }
#top h1 { position:absolute; left:50%; margin-left:-179px; display:inline; z-index:4; }
#topmid { position:fixed; height:119px; width:375px; left:50%; margin-left:-193px; display:inline; background:url(../images/gordijn_middentop.png); z-index:3; }

#lb { position:fixed; height:482px; width:170px; top:57px; left:0; background:url(../images/gordijn_linksboven.png) top left no-repeat; z-index:1; }
#rb { position:fixed; height:482px; width:170px; top:57px; right:17px; background:url(../images/gordijn_rechtsboven.png) top right no-repeat; z-index:1; }
#lo { position:fixed; height:580px; width:131px; bottom:0; left:0; background:url(../images/gordijn_linksonder.png) bottom left no-repeat; }
#ro { position:fixed; height:580px; width:131px; bottom:0; right:17px; background:url(../images/gordijn_rechtsonder.png) bottom right no-repeat; }
#bl { position:fixed; height:57px; width:257px; top:0; left:0; background:url(../images/gordijn_bovenlinks.png) top left no-repeat; z-index:1; }
#br { position:fixed; height:57px; width:257px; top:0; right:17px; background:url(../images/gordijn_bovenrechts.png) top left no-repeat; z-index:1; }

#menu { height:456px; width:208px; padding-top:15px; background:url(../images/MenuBg.png) top left no-repeat; z-index:2; position:relative; }
#menu.closed { height:245px; width:274px !important; background:url(../images/MenuBg_ingeklapt.png) top left no-repeat; overflow:hidden; }
#menu.closed ul * { visibility:hidden!important;}
#menu.closed #toggle * { visibility:hidden!important;}
#menu #toggle { cursor:pointer; height:16px; width:17px; position:absolute; right:35px; top:20px; background:url(../images/minimalizeren.png); }
#menu.closed #toggle { position:absolute; right:101px; visibility:visible!important; cursor:pointer; background:url(../images/maximaliseren.png) top no-repeat; }
#menu .n { position:absolute; top:20px; left:132px; width:40px; height:40px; }
#menu .top { float:left; width:188px; padding:5px 10px; }
#menu .top #curtain { float:left; margin-right:5px; }
#menu .top a { float:left; height:18px; width:22px; padding-top:2px; text-align:center; }
#menu .top a:hover, #menu .top a.active { background:url(../images/curtain-hover.png); }

#menu ul { float:left; width:208px; margin:124px 0 0 20px; display:inline; text-align:center; }
#menu ul li { float:left; width:208px; margin-bottom:2px; }
#menu ul li a { float:left; height:26px; margin:1px 0; width:162px; }

#hoeoverleefik { background:url(../images/menuitems/hoeoverleefik.png); }
#wiedoetwat { background:url(../images/menuitems/wie-doet-wat.png); }
#karaoke { background:url(../images/menuitems/karaoke-VF0.png); }
#hyves { background:url(../images/menuitems/hyves.png); }
#flickr { background:url(../images/menuitems/flickr.png); }
#youtube { background:url(../images/menuitems/youtube.png); }
#speellijst { background:url(../images/menuitems/speellijst.png); }
#francine { margin-left:5px; display:inline;  background:url(../images/menuitems/francine-oomen.png); cursor:default; }

#hoeoverleefik:hover { background:url(../images/menuitems/hoeoverleefik-VF1.png) no-repeat; }
#wiedoetwat:hover { background:url(../images/menuitems/wie-doet-wat-VF1.png) no-repeat; }
#karaoke:hover { background:url(../images/menuitems/karaoke-VF1.png) no-repeat; }
#hyves:hover { background:url(../images/menuitems/hyves-VF1.png) no-repeat; }
#flickr:hover { background:url(../images/menuitems/flickr-VF1.png) no-repeat; }
#youtube:hover { background:url(../images/menuitems/youtube-VF1.png) no-repeat; }
#speellijst:hover { background:url(../images/menuitems/speellijst-VF1.png) no-repeat; }
/*#francine:hover {  background:url(../images/menuitems/francine-oomen-vf1.png) no-repeat; }*/

#hoeoverleefik.active { background:url(../images/menuitems/hoeoverleefik-VF2.png) no-repeat; }
#wiedoetwat.active { background:url(../images/menuitems/wie-doet-wat-VF2.png) no-repeat; }
#karaoke.active { background:url(../images/menuitems/karaoke-VF2.png) no-repeat; }
#hyves.active { background:url(../images/menuitems/hyves-VF2.png) no-repeat; }
#flickr.active { background:url(../images/menuitems/flickr-VF2.png) no-repeat; }
#youtube.active { background:url(../images/menuitems/youtube-VF2.png) no-repeat; }
#speellijst.active { background:url(../images/menuitems/speellijst-VF2.png) no-repeat; }
/*#francine.active {  background:url(../images/menuitems/francine-oomen-vf2.png) no-repeat; }*/