/* text and link stuff */ h1{ margin-top:2px; margin-bottom:3px;font-family:Tahoma, Verdana, Arial; font-size:24px;} h2{ margin-top:2px; margin-bottom:3px;font-family:Tahoma, Verdana, Arial; font-size:18px;} h3{ margin-top:2px; margin-bottom:3px;font-family:Tahoma, Verdana, Arial; font-size:14px;} h4{ margin-top:2px; margin-bottom:3px;font-family:Tahoma, Verdana, Arial; font-size:12px;} a.link-white:link, a.link-white:active, a.link-white:visited{color:#FFFFFF;text-decoration:underline;} a.link-white:hover{color:#2e2e2e;text-decoration:underline;cursor:hand;} a.link-news:link, a.link-news:active, a.link-news:visited{color:#2e2e2e;font-family:Arial, Verdana, Tahoma;font-size:12px;font-weight:normal;text-decoration:none;} a.link-news:hover{color:#550000;font-family:Arial, Verdana, Tahoma;font-size:12px;font-weight:normal; text-decoration:none;cursor:hand;} a.pagination:link, a.pagination:active, a.pagination:visited{color:#8f2707;font-size:12px;font-weight:bold;text-decoration:none;} a.pagination:hover{color:#000000;font-size:12px;font-weight:bold; text-decoration:underline;cursor:hand;} a.link-white-no-underline:link, a.link-white-no-underline:active, a.link-white-no-underline:visited{ font-size:12px; color:#ffffff; text-decoration:none; font-family: Arial, Verdana, Tahoma;cursor:hand;} a.link-white-no-underline:hover{ color:#2e2e2e; text-decoration:none; font-size:12px; font-family: Arial, Verdana, Tahoma;} a.link-white-orange:link, a.link-white-orange:active, a.link-white-orange:visited{color:#FFFFFF;text-decoration:none;font-family: Arial, Verdana, Tahoma; font-size: 12px;} a.link-white-orange:hover{ color:#2aff18; text-decoration:none; font-family: Arial, Verdana, Tahoma; font-size: 12px;cursor:hand;} a.link-red:link, a.link-red:active, a.link-red:visited{color:#8f2707;text-decoration:underline;font-size:12px;} a.link-red:hover{color:#ffffff;text-decoration:underline;font-size:12px;cursor:hand;} a.link-red-b:link, a.link-red-b:active, a.link-red-b:visited{ font-weight:bold;color:#8f2707;text-decoration:underline;font-size:12px;} a.link-red-b:hover{color:#ffffff;text-decoration:underline;font-size:12px;cursor:hand;} a.link-red-title:link, a.link-red-title:active, a.link-red-title:visited{ font-weight:bold;color:#3f0c0c;text-decoration:underline;font-size:12px;} a.link-red-title:hover{color:#ffffff;text-decoration:underline;font-size:12px;cursor:hand;} a.link-red-black:link, a.link-red-black:active, a.link-red-black:visited{ font-weight:bold;color:#8f2707;text-decoration:underline;font-size:12px;} a.link-red-black:hover{color:#000000;text-decoration:underline;font-size:12px;cursor:hand;} a.link-go:link, a.link-go:active, a.link-go:visited{ font-weight:bold; font-style:normal; color:#2e2e2e;text-decoration:none;font-size:12px;} a.link-go:hover{color:#000000;font-style:normal;text-decoration:none;font-size:12px;cursor:hand;} a.link-icon-bottom:link, a.link-icon-bottom:active, a.link-icon-bottom:visited{color:#FFFFFF;text-decoration:none;font-family: Arial, Verdana, Tahoma; font-size: 12px;} a.link-icon-bottom:hover{ color:#2aff18; text-decoration:none; font-family: Arial, Verdana, Tahoma; font-size: 12px;cursor:hand;} a.link-icon-top:link, a.link-icon-top:active, a.link-icon-top:visited{color:#FFFFFF;text-decoration:none;font-family: Arial, Verdana, Tahoma; font-size: 12px;} a.link-icon-top:hover{ color:#000000; text-decoration:none; font-family: Arial, Verdana, Tahoma; font-size: 12px;cursor:hand;} .inputbox{ background-color:#FFFFFF; font-size:9px; height:15px; border-width:thin; border-color:#333333; border-style:solid; } .link-icon{margin-bottom:-3px;} *html .link-icon{margin-bottom:-6px;} .small {font-size:9px; color:#000000;font-family: Arial, Verdana, Tahoma;} .normal {font-size:12px; color:#000000;font-family: Arial, Verdana, Tahoma;} .title {font-size:14px; color:#000000; font-weight:bold;font-family: Arial, Verdana, Tahoma;} .title-red {font-size:14px; color:#3f0c0c; font-weight:bold;font-family: Arial, Verdana, Tahoma;} .big {font-size:14px; color:#000000;font-family: Arial, Verdana, Tahoma;} .small-red {font-size:9px; color:#8f2707;font-family: Arial, Verdana, Tahoma;} .normal-red {font-size:12px; color:#8f2707;font-family: Arial, Verdana, Tahoma;} .big-red {font-size:14px; color:#8f2707;font-family: Arial, Verdana, Tahoma;} .small-white {font-size:9px; color:#ffffff;font-family: Arial, Verdana, Tahoma;} .normal-white {font-size:12px; color:#ffffff;font-family: Arial, Verdana, Tahoma;} .big-white {font-size:14px; color:#ffffff;font-family: Arial, Verdana, Tahoma;} .datum {font-size:9px; color:#990000;font-family:Arial, Verdana, Tahoma;} body { background-color: #000000; background-image: url(../template/gfx/patroon.gif); background-repeat: repeat; } /*page layout */ #holder { position:absolute;width:938px;z-index:1;left: 50%;margin-left:-469px;top: 6px;background-color: #4a0000;background-image: url(../template/gfx/bgblad_schaduw.gif); background-repeat: repeat-y;} *html #holder { width:932px;} #cms-ico { position:absolute; visibility:visible; width:42px; height:18px; z-index:10; left: 842px; top: 122px;} #edit-ico { position:absolute; visibility:visible; width:59px; height:38px; z-index:9; left: 836px; top: 264px;} #edit-ico-fotoalbum { position:absolute; visibility:visible; width:50px; height:38px; z-index:9; left: 538px; top: 257px;} #edit-ico-forumlinks { position:absolute; visibility:visible; width:50px; height:38px; z-index:9; left: 309px; top: 899px;} #new-fotoalbum { position:absolute; visibility:visible; width:30px; height:38px; z-index:9; left: 500px; top: 254px;} #active { position:absolute; visibility:visible; width:93px; height:25px; z-index:11; left: 755px; top: 250px;} #active div.title {font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#0033CC;font-weight:bold;} #active div.normal {font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#009900;font-weight:normal;} #active div.small {font-size:8px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#999999;font-weight:normal;} #verloop-top{ height:6px; width:938px;} #top { width:938px; height:240px; background-color: #460000; border: 0px; background-image: url(../template/gfx/bgblad-menu-zondertekst_short.gif); position: relative;} *html #top { width:938px;} /* banners and logo */ #logo { position:absolute; width:376px; height:100px; z-index:7; left: 9px; top: 0px;} #banner1-top { position:absolute; visibility:visible; width:528px; z-index:6; top: 9px; left:388px; height: 80px; } #banner2-top { position:absolute; visibility:visible; width:457px; z-index:3; top: 164px; left:386px; height: 60px; } #menubuttons { position:relative; visibility:visible; width:820px; border:0px; padding:0px; margin:0px; top:116px; left:75px; height:36px; z-index:5;} #menubuttons2 { position:absolute; visibility:visible; width:379px; border:0px; padding:0px; margin:0px; top:163px; left:8px; height:65px; z-index:6;} /* bottom part of the page */ #main-holder { float:left; width:921px; margin-left: 8px; background-color: #4a0000;} *html #main-holder { width:921px;margin-left:4px;padding:0px;} /* kolom rechts */ #kol-rechts { float:right; width:544px; background-color: #4a0000; margin-bottom: 0px; font-family: Arial, Verdana, Tahoma;} /*html #kol-rechts { width:544px; }*/ #magazine { float:right; width:544px; height:132px; background-image: url(../template/gfx/info_home_bkg.gif); } /*html #magazine { width:544px; } */ #magazine-img { margin-left: 16px; margin-top: 10px; float: left; margin-right: 15px; background-image: url(../template/gfx/magazine_home_bkg.gif); width: 78px; height: 104px;} *html #magazine-img { margin-left: 9px; margin-top: 10px; width: 78px;} #magazine-title { color: #8f2707; margin-top: 10px;} #magazine-text { line-height: 130%; color: #FFFFFF; font-family: Arial, Verdana, Tahoma; font-size: 12px; width: 400px;} #home-nieuwsbrief { width:544px; background-image: url(../template/gfx/nieuwsbrief_bkg.gif); height: 112px; float: right; margin-top: 0px; font-size: 12px; font-weight: bold; color: #2e2e2e; overflow: hidden;} /*html #home-nieuwsbrief { width:544px;}*/ #home-nieuwsbrief-title { width:400px; font-family: Arial, Verdana, Tahoma; font-size: 16px; font-weight: bold; color: #9f74a1; margin-left: 16px; margin-top: 0px; float: left;} #home-nieuwsbrief-boxes{ font-family: Arial, Verdana, Tahoma; font-size: 12px; font-weight: bold; margin-top: 5px; margin-left: 16px; float: left; width: 400px; color: #2e2e2e;} #home-nieuwsbrief-radiobtn{ font-family: Arial, Verdana, Tahoma; font-size: 12px; font-weight: bold; margin-top: 5px; margin-left: 12px; float: left; width: 380px; color: #2e2e2e;} #home-nieuwsbrief-go{ font-family: Arial, Verdana, Tahoma; font-size: 16px; font-weight: bold; float: left; width: 100px; color: #2e2e2e;} *html #home-nieuwsbrief-title { width:400px;margin-left: 9px; } *html #home-nieuwsbrief-boxes{ margin-left: 9px; width: 400px; } *html #home-nieuwsbrief-radiobtn{ margin-left: 7px; width: 380px; } *html #home-nieuwsbrief-go{ width: 100px; } #goto-news-page{ position:relative; top:25px; width: 50px; left: 490px;} #text-top { float:right; height:60px; width:544px; background-image: url(../template/gfx/text_top2.gif); margin-top: 0px; background-color: #460000; } /*html #text-top { width:544px;}*/ #text-bottom {float:right;height:18px; width:544px; background-image: url(../template/gfx/text_bottom.gif);background-color: #460000; background-repeat: no-repeat;} /*html #text-bottom { width:544px;}*/ #text-content { float:left; width:493px; background-color: #ffffff; padding-left: 16px; margin-left: 2px; padding-right:16px; font-family: Arial, Verdana, Tahoma;} *html #text-content { margin-left:1px;} #text-content-title{ float:left;color: #8f2707; margin-top: 0px; width:450px;} #text-content-nieuws{ float:left; width:490px; margin-top: 10px; font-size: 12px; line-height:120%;} #text-content-issues{ float:left; width:490px; margin-top: 10px; font-size: 12px; line-height:120%;} #text-content-lidworden{ float:left; width:490px; margin-top: 10px; font-size: 12px; line-height:120%;} #text-content-info{ float:left; width:490px; margin-top: 10px; font-size: 12px; line-height:120%;} #text-content-text{ float:left; width:490px; margin-top: 10px; font-size: 12px; line-height:120%;}/*was 200%*/ #text-content-text-vkpt{ float:left; width:490px; margin-top: 10px; font-size: 12px; line-height:100%;} /*html #text-content-text{ width:490px; margin-top: 10px;}*/ #text-content-pagination{ color: #8f2707; float: right; font-family: Arial, Verdana, Tahoma; font-size: 14px; font-weight:bold; width: 330px;} .link-main{width: 490px;} .link-top{width: 490px; background-image: url(../template/gfx/links_bkg_top.gif); background-position: left; background-repeat: no-repeat; height: 18px; float: left;} .link-content{ width: 490px; background-color: #2aff18; float: left; } .link-bottom{ width: 490px; background-image: url(../template/gfx/links_bkg_bottom.gif); background-position: left; background-repeat: no-repeat; height: 14px; float:left;} .link-img{width:150px ; margin-left:16px;float:left; border:2px solid #3f0c0c;} .link-title{ color: #3f0c0c; margin-top: 0px; text-decoration: underline; font-weight:bold; } .link-text{ width:242px; margin-left:16px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; } /* kolom links */ #kol-links { float:left; width:377px; background-color:#460000; } *html #kol-links { float:left; width:377px;margin-left:0px;background-color: #460000;} #clipvdweek { float: left; width:377px; height:263px; background-image: url(../template/gfx/clipvdweek_bkg.gif); margin-top: 0px; } /* #clip-img { visibility:visible; width:335px; height:241px; background-color:#000000; margin-left: 19px; margin-top: 20px; overflow: hidden; vertical-align: middle; }*/ #clip-img { visibility:visible; width:335px; height:263px; margin-left: 18px; margin-top: 0px; overflow: hidden; vertical-align: middle; } #clip-video { visibility:hidden; width:290px; background-image: url(../template/gfx/clipvdweek_img_bkg.gif); overflow: hidden; position: absolute; top: 1000px; left: 0px; } #social-media{visibility:visible; width:335px; margin-left:18px; height:45px; background-image:url(../template/gfx/kader_socialmedia.gif);float:left;} #social-media-btns{ width:335px;height:35px; margin-left:5px; float:left;} #social-media-share{float:left;width:490px;margin-left:0px; height:40px; margin: 10px 0px 10px 0px;} #social-media-share-btn{width:335px;height:35px; margin-left:0px; float:left;} #lidworden { float:left; width:377px; height:149px; background-image: url(../template/gfx/lidworden_bkg.gif); overflow: hidden;} #lidworden-img{ float: left; margin-left: 35px; margin-top: 30px; background-image: url(../template/gfx/lidworden_img_bkg.jpg); height: 104px; width: 107px; overflow: hidden;} *html #lidworden-img{ float: left; margin-left: 17px; margin-top: 30px;} #lidworden-title { font-family: Arial, Verdana, Tahoma; margin-top: 26px; margin-left: 150px; margin-right: 0px; width: 180px; color: #FFFFFF;} *html #lidworden-title { margin-top: 26px; margin-left: 140px;} #lidworden-text { color: #8f2707; font-weight:bold; font-family: Arial, Verdana, Tahoma; font-size:12px; line-height:100%; margin-top:0px; width: 200px; margin-left: 150px;} *html #lidworden-text { margin-top: 0px; margin-left: 140px; width: 200px;} #fotoalbum { float:left; width:377px; height:211px; background-image: url(../template/gfx/albumvdmaand_bkg.gif); overflow: hidden;} #fotoalbum-img { margin-right: 30px; margin-top: 10px; width: 155px; height: 117px; background-image: url(../template/gfx/fotoalbumvdmaand_img_bkg.gif); background-repeat: no-repeat; float: right; } *html #fotoalbum-img{float:right;margin-right: 15px;width:155px;} #fotoalbum-title { font-size:16px; color: #ffffff; font-family: Arial, Verdana, Tahoma; float: left; width: 300px; margin-top: 45px; height: 20px; margin-left: 30px;} *html #fotoalbum-title{ width: 250px; margin-left: 15px; color: #FFFFFF;} #fotoalbum-text { color: #2e2e2e; font-family: Arial, Verdana, Tahoma; font-size:12px; line-height:100%; margin-top:10px; float: left;width: 160px; margin-left: 30px; font-weight: bold; height: 125px; overflow: hidden;} *html #fotoalbum-text{margin-left: 15px;width:140px} #fotopage-topbar{ background-image: url(../template/gfx/fotoalbum_title_bkg.gif); width: 921px; height: 53px; background-repeat: no-repeat; float: left; } #fotopage-topbar-title{ float: left; width: 300px; overflow: hidden; margin-left: 230px; margin-top: 10px; height: 25px; font-size: 18px; color: #FFFFFF; font-weight: bolder; font-family: Arial, Verdana, Tahoma;} *html #fotopage-topbar-title{ width: 300px; margin-left: 130px; } #fotopage-first-row{ background-image: url(../template/gfx/fotoalbum_first_row_bkg.gif); width: 921px; height: 243px; margin-top: 0px; float: left; background-repeat: no-repeat; } .fotopage-follow-row{ background-image: url(../template/gfx/fotoalbum_follow_row_bkg.gif); width: 921px; height: 250px; float: left; margin-top: 0px; background-repeat: no-repeat;} .album-small-title{ color: #8f2707; margin-top: 10px; font-weight: bold; font-size:14px; margin-bottom: 2px; font-family: Arial, Verdana, Tahoma;} .album-small-photo{ height: 148px; overflow: hidden; background-position: bottom right; background-repeat: no-repeat; background-image: url(../template/gfx/album_kader_small_bkg.gif);} .album-small-descr{ font-family: Arial, Verdana, Tahoma; color: #FFFFFF; font-size: 12px; z-index: 5; width: 180px; float: left; } .album-1{ width: 200px; margin-left: 26px; overflow: hidden; height: 230px; margin-top: 0px; float: left; } *html .album-1{margin-left:13px;width:213px;} .fotopage-next-prev{ float: right; width: 280px; margin-top: 15px; font-size: 12px; color: #FFFFFF; margin-right: 30px; vertical-align: bottom; } #fotoalbum-detail{ background-image: url(../template/gfx/foto_big_bkg.gif); height: 507px; background-repeat: no-repeat;overflow: hidden; float: left; margin-left: 0px; margin-top: 0px; width: 921px; } /* put this in the template album_foto_groot as php changes the left margin # fotoalbum-detail-img{ background-image: url(../template/gfx/album-kader-groot_bkg.gif); margin-top: 8px; height: 362px; float: left; background-position: bottom right; background-repeat: no-repeat; } *html #fotoalbum-detail-img{ margin-top: 8px; } #fotoalbum-detail-pagination{ float: left; height: 15px; margin-top: 20px; margin-left: 222px; width: 490px; color: #460000; font-size: 12px; font-weight: bold; font-family:Arial, Verdana, Tahoma; } *html #fotoalbum-detail-pagination{margin-left:0px;} #fotoalbum-detail-text{ width: 490px; margin-left: 222px; overflow: hidden; float: left; color: #FFFFFF; font-family: Arial, Verdana, Tahoma; font-size: 12px; font-weight: bold; height: 68px; } *html #fotoalbum-detail-text{margin-left: 112px;} */ #fotoalbum-back-btn{ float: left; width: 490px; margin-left: 222px; margin-top: 8px; height: 15px; color: #FFFFFF; } *html #fotoalbum-back-btn{ margin-left: 112px; } #forum { float:left; width:377px; height:211px; background-image: url(../template/gfx/forum_bkg.gif); } #forum-title { margin-top: 15px; margin-left: 30px; color: #FFFFFF;} .forum-text { line-height: 120%; margin-left: 30px; overflow: hidden; font-family: Arial, Verdana, Tahoma; font-size: 12px; color: #2e2e2e; width: 320px;} #bottom-buttons{ float:left; width:360px; height:57px; } /*footer stuff */ #footer { float:left; width:921px; height:70px; background-image: url(../template/gfx/bgblad-footer.gif); margin-left: 8px; margin-top: 0px;} *html #footer { margin-left:4px; width:921px; padding:0px; margin-top:10px;} #copyright{ width: 200px; font-size: 10px; font-family: Arial, Verdana, Tahoma; position: relative; left: 397px; top: 45px; color: #FFFFFF;} #banner-bottom { width:468px; height:60px; float:left; margin-top: 10px; margin-left: 2px; background-color: #666666;} *html #banner-bottom { width:468px;}