body { background:#D72C25 url(../images/achtergrond.jpg) no-repeat top; font: normal normal normal 12px "Comic Sans MS", sans-serif; color:#000; } h1, h2, h3 { display:block; border:0; } a:link, :visited { color:#9C1D17; text-decoration:underline; } a:hover { color:#000; text-decoration:underline; } input, textarea { font: normal normal normal 10px "Comic Sans MS", sans-serif; color:#d62b25; margin:0 0 5px 0; } .button { display:block; text-indent:-10000px; } #container { width:1002px; height:2041px; margin-left:-501px; left:50%; position:absolute; } #header { position:absolute; z-index:10; } h2.foto a { width:450px; height:165px; text-indent:-10000px; background-image:url(../images/foto.jpg); margin:17px 0 0 0; position:absolute; z-index:23; } h2.foto a:hover { background-image:url(../images/foto_hover.jpg); } h1 a { width:369px; height:35px; text-indent:-10000px; background-image:url(../images/url.jpg); margin:188px 0 0 34px; position:absolute; z-index:23; } h1 a:hover { background-image:url(../images/url_hover.jpg); } h3.ikhelphun a { width:228px; height:164px; text-indent:-10000px; background-image:url(../images/ikhelphun.gif); margin:67px 0 0 412px; position:absolute; z-index:34; } h3.ikhelphun a:hover { background-image:url(../images/ikhelphun_hover.gif); } .jongerenpakket { margin:17px 0 0 583px; position:absolute; z-index:45; } .jongerenpakket a { width:130px; height:130px; display:block; text-indent:-10000px; border:0; background-image:url(../images/jongerenpakket.gif); } .jongerenpakket a:hover { background-image:url(../images/jongerenpakket_hover.gif); } #teller { width:240px; margin:90px 0 0 722px; position:absolute; font-size:36px; color:#d62b25; text-align:center; } h2.teller { display:none; } #content { width:976px; margin:225px 13px 0 13px; position:absolute; z-index:5; } #nieuws { width:250px; height:595px; margin:40px 0 0 40px; position:absolute; } #nieuws h2 { width:189px; height:44px; text-indent:-10000px; background-image:url(../images/nieuws_header.jpg); margin:0 0 20px 0; } #nieuws h3 { font-size:13px; } #nieuws h4 { font-size:13px; color:#d22f29; margin:0 0 10px 0; } #nieuws img { width:209px; height:140px; padding:13px 22px 16px 16px; margin:0 0 10px 0; background-image:url(../images/nieuws_fotokader.jpg);} #nieuwsitems { width:250px; height:491px; overflow:hidden; } #nieuwsitems li { width:250px; height:491px; display:block; float:left; } #nieuwsnavigation { width:250px; height:20px; padding:10px 0; text-align:center; } #nieuwsnavigation li { float:left; } .ouder a { width:40px; height:40px; text-indent:-10000px; display:block; background-image:url(../images/nieuws_pijltje_links.jpg); } .ouder a:hover { background-image:url(../images/nieuws_pijltje_links_hover.jpg); } .nummers { width:170px; } .nieuwer a { width:40px; height:40px; text-indent:-10000px; display:block; background-image:url(../images/nieuws_pijltje_rechts.jpg); } .nieuwer a:hover { background-image:url(../images/nieuws_pijltje_rechts_hover.jpg); } #flickr { width:250px; height:325px; margin:20px 0 0 340px; position:absolute; overflow:hidden; } #flickr h2 { width:189px; height:42px; text-indent:-10000px; background-image:url(../images/flickr_header.jpg); } /*#flickrfotos { width:240px; height:225px; margin:10px 0 0 0; background-image:url(../images/flickrfotos.jpg); }*/ /*#flickrfotos li { float:left; margin:12px 16px 15px 17px; }*/ #flickr ul { width:240px; height:225px; margin:10px 0 0 0; background-image:url(../images/flickrfotos.jpg); } #flickr ul li { float:left; margin:12px 16px 15px 17px; margin:0; padding:12px 16px 15px 17px; } #flickrlink { width:250px; padding:0 82px; } #flickrlink a { width:86px; height:48px; text-indent:-10000px; display:block; background-image:url(../images/contact_flickr.gif); } #flickrlink a:hover { background-image:url(../images/contact_flickr_hover.gif); } #twitter { width:262px; height:247px; margin:380px 0 0 340px; position:absolute; } #twitter h2 { width:203px; height:72px; margin:0 0 20px 30px; text-indent:-10000px; background-image:url(../images/twitter_header.jpg); } #twitter div { width:222px; height:125px; background-image:url(../images/twitterkader.jpg); padding:10px 20px 20px; } #twitter p { font-size:15px; } #twitter p.created { font-size:12px; color:#999; margin:7px 0 0 0; } #handtekening { width:320px; height:265px; margin:0 0 0 625px; position:absolute; } #handtekening h2 { width:256px; height:49px; text-indent:-10000px; background-image:url(../images/handtekening_header.jpg); margin:0 0 30px 30px; } #handtekeningform { margin:20px 20px 20px 25px; font-size:11px; } #handtekeningform th { padding:0 20px 0 0; } #handtekening .button { width:112px; height:56px; background-image:url(../images/handtekening_knop.gif); } #handtekening a.button:hover { background-image:url(../images/handtekening_knop_hover.gif); } #stuurdoor { width:322px; height:360px; margin:280px 0 0 630px; position:absolute; } #stuurdoor h2 { width:322px; height:66px; text-indent:-10000px; background-image:url(../images/stuurdoor_header.jpg); } #sendtofriends_feedback { position:absolute; width:315px; height:150px; margin-left:17px; display:none; } #sendtofriends { width:300px; margin:0 0 0 22px; } #stuurdoor label { width:140px; float:left; margin:0; } #stuurdoor label.watzeggen { width:300px; } #stuurdoor input { width: 140px; float:left; } #stuurdoor textarea { width:284px; height:80px; } #stuurdoor .button { width:150px; height:47px; background-image:url(../images/stuurdoor_verstuur.jpg); margin:0 0 0 0; clear:both; } #stuurdoor a.button:hover { background-image:url(../images/stuurdoor_verstuur_hover.jpg); } #spotlight { width:880px; height:120px; margin:675px 0 0 40px; position:absolute; } #spotlight img { width:880px; height:120px; } #banners { width:303px; height:400px; margin:830px 0 0 10px; position:absolute; } #banners h2 { width:303px; height:63px; text-indent:-10000px; background-image:url(../images/banners_header.jpg); } #banners p { margin:5px 10px 20px;} #banners img { margin:0 10px; } #banners input { width:280px; margin:0 10px 10px; } #videos { width:600px; height:400px; margin:830px 0 0 340px; position:absolute; } #videos h2 { width:215px; height:45px; text-indent:-10000px; background-image:url(../images/videos_header.jpg); } #videoplayer { width:400px; height:320px; float:left; margin:20px 20px 0 0; } #videoselector { width:160px; height:320px; margin:20px 0 0 0; float:left; overflow-y:scroll; } .videos li { margin:0 0 20px 0; cursor:pointer; } #contact { width:315px; height:400px; margin:1250px 0 0 10px; position:absolute; } #contact h2 { width:274px; height:51px; text-indent:-10000px; background-image:url(../images/contact_header.jpg); margin:0 0 0 10px; } #telefoonnummer { width:304px; text-indent:-10000px; display:block; height:27px; background-image:url(../images/contact_telefoon.jpg); } #email { text-indent:0px; } #email a { width:304px; height:31px; text-indent:-10000px; background-image:url(../images/contact_email.gif); display:block; } #email a:hover { background-image:url(../images/contact_email_hover.gif); } #profielen { height:60px; background-image:url(../images/contact_profielen.jpg); } #contact p.normal { width:285px; margin:15px; text-indent:0; } #profielensites { width:304px; list-style-type: none; } #profielensites li { display:block; float:left; } #profielensites li a { height:48px; text-indent:-10000px; display:block; } #profiel-hyves a { width:112px; background-image:url(../images/contact_hyves.gif); } #profiel-hyves a:hover { background-image:url(../images/contact_hyves_hover.gif); } #profiel-flickr a { width:86px; background-image:url(../images/contact_flickr.gif); } #profiel-flickr a:hover { background-image:url(../images/contact_flickr_hover.gif); } #profiel-youtube a { width:90px; background-image:url(../images/contact_youtube.gif); } #profiel-youtube a:hover { background-image:url(../images/contact_youtube_hover.gif); } #profiel-twitter a { width:150px; background-image:url(../images/contact_twitter.gif); } #profiel-twitter a:hover { background-image:url(../images/contact_twitter_hover.gif); } #ideeen { width:600px; height:400px; margin:1250px 0 0 340px; position:absolute; } #ideeen h2 { width:338px; height:77px; text-indent:-10000px; background-image:url(../images/ideeen_header.jpg); margin:0 0 0 130px; } #ideeen form { display:block; float:left; margin:0 20px 0 10px; width:267px; } #ideeen input { display:block; width:240px; } #ideeen textarea { width:244px; height:30px; } #ideeen .button { width:109px; height:50px; background-image:url(../images/ideeen_knop.gif); margin:20px 0 0 140px; display:block; } #ideeen a.button:hover { background-image:url(../images/ideeen_knop_hover.gif); } #ingestuurd { display:block; float:left; } #ideeenveld { width:239px; height:180px; background-image:url(../images/ideeen_tekstbox.jpg); margin:5px 0 0 0; padding:25px 20px 15px 20px; overflow:hidden; font-size:11px; } #ideeenveld p.tekst { height:132px; overflow:hidden; } #ideeenveld p.datum { color:#d62b25; margin:0 0 5px 0; } #ideeenbrowser { list-style-type:none; } #ideeenbrowser li { /*display:block;*/ } #ideeenbrowser li.left { float:left; margin-left:12px; } #ideeenbrowser li.right { float:right; } #footer { width:916px; margin:1900px 43px 0 43px; position:absolute; z-index:5; text-align:left; color:#9C1D17; font-size:10px; } #organisaties { width: 282px; height:42px; list-style-type:none; margin:0 0 0 634px; } #organisaties li { display:block; float:left; } #organisaties li a { text-indent:-10000px; margin:0 0 0 12px; display:block; } #zoa a { width:64px; height:37px; background-image:url(../images/footer_zoa.gif); } #zoa a:hover { background-image:url(../images/footer_zoa_hover.gif); } #tear a { width:56px; height:37px; background-image:url(../images/footer_tear.gif); } #tear a:hover { background-image:url(../images/footer_tear_hover.gif); } #woord a { width:54px; height:42px; background-image:url(../images/footer_woordendaad.gif); } #woord a:hover { background-image:url(../images/footer_woordendaad_hover.gif); } #act a { width:60px; height:42px; background-image:url(../images/footer_actpositive.gif); } #act a:hover { background-image:url(../images/footer_actpositive_hover.gif); } #footer p { margin:65px 13px 0 0; text-align:right; }