/* Theme Name: Ezeltje Prik Theme URI: http://digwp.com Description: This is just a BLANK starter WordPress Theme template -- WordPress v2.9.1 Author: Michiel Koning - 4net internet Author URI: http://4netinternet.com Version: 1 */ @media screen { * { margin: 0; padding: 0; } *:focus {outline: none;} html, body { height: 100%; } body { font-size: 12px; line-height:20px; font-family: Arial, Verdana, sans-serif; color: #303030; background: url(img/bg-main.jpg) no-repeat top #eaf3f8; } body.popup { background:none; } input, textarea { font-family: Arial, Verdana, sans-serif; font-size: 12px; border:none; background:#fff; } textarea { overflow:auto; } ul { list-style: square inside; } ol { list-style: decimal inside; } a { color:#5e5e5e; outline: none; text-decoration: none; } a:hover { color:#00a9eb; text-decoration:none; } a img { background: none; } a:active, a:focus { outline: 0; } img { border: none; } table { border-collapse: collapse; } p { padding:7px 0px } hr { display:none; } object { outline:none; } /* DEFAULTS */ h1 { color:#474747; font-size:12px; line-height:20px; font-weight:bold; } .title h1 { color:#0053a0; font-size:20px; line-height:28px; } .white h1 { color:#ffffff; } h2 { color:#ffffff; font-size:20px; line-height:22px; } h2 a { color:#ffffff; text-decoration:none; } .tips .block2 .title h2 { color:#0053a0; text-decoration:none; } .tips .block4 .title h2 { color:#0053a0; text-decoration:none; } h4 { font-size: 12px;line-height:20px; } .button { background-image:url(img/buttons.gif); background-repeat:no-repeat; display:block; text-indent:-9999px; } .bgmain { background:url(img/bg.png) repeat-y; width:978px; margin:0 auto; } .center { width:960px; margin:0 auto; background: #fff; } .label { background-image:url(img/labels.gif); background-repeat:no-repeat; float:left; display:inline; } .label h1 { text-indent:-9999px; } .label h3 { text-indent:-9999px; line-height:14px; font-size:10px; } .empty { clear:both; height:50px; } .main { float:right; display:inline; width:470px; margin-top:10px; } .rel { position:relative; } .clear { clear:both; } .correct { background:url(img/correct.gif) top right no-repeat !important; } #wpstats { width:0; height:0; } /* HEADER */ #header { width:960px; height:140px; position:relative; background:url(img/header.jpg) no-repeat top; } #header #flash { width:960px; height:140px; position:absolute; top:0; left:0; } #header .sign { width:140px; height:70px; position:absolute; left:410px; top:25px; } #header .bg-search { width:299px; height:34px; position:absolute; right:17px; top:95px; } #header .search { width:224px; height:34px; position:absolute; right:17px; top:102px; } #header .search .searchbutton { text-indent:-9999px; width:16px; height:18px;float:left; display:inline; background:url(img/btn-search.gif) no-repeat top right; } #header .search .searchbutton a { float:left; display:inline; width:20px; height:20px; } #header .search .searchinput { width:195px; float:left; display:inline; } #header .search input { border:none; width:190px; height:17px; } /* MENU */ #menu { width:960px; height:95px; list-style:none outside; background:url(img/bg-menu.gif) repeat-x top; } #menu li { display:inline; float:left; height:95px; } #menu a { text-indent:-9999px; background-image:url(img/bg-menuitems.gif); background-repeat:no-repeat; display:block;height:45px; margin-left:5px; margin-right:5px; } #menu a.active { height:95px; margin:0; } #menu .m_home a { width:85px; background-position:0 0; margin-left:0; } #menu .m_home a:hover { width:85px; background-position:0 -45px; } #menu .m_home a.active { width:90px; background-position:0 -90px; } #menu .m_home a.active:hover { width:90px; background-position:0 -90px; } #menu .m_agenda a { width:95px; background-position:-95px 0; } #menu .m_agenda a:hover { width:95px; background-position:-95px -45px; } #menu .m_agenda a.active { width:105px; background-position:-90px -90px;} #menu .m_agenda a.active:hover { width:105px; background-position:-90px -90px;} #menu .m_acties a { width:85px; background-position:-200px 0; } #menu .m_acties a:hover { width:85px; background-position:-200px -45px; } #menu .m_acties a.active { width:95px; background-position:-195px -90px; } #menu .m_acties a.active:hover { width:95px; background-position:-195px -90px; } #menu .m_knutselen a { width:110px; background-position:-295px 0; } #menu .m_knutselen a:hover { width:110px; background-position:-295px -45px; } #menu .m_knutselen a.active { width:120px; background-position:-290px -90px; } #menu .m_knutselen a.active:hover { width:120px; background-position:-290px -90px; } #menu .m_plus a { width:75px; background-position:-415px 0; } #menu .m_plus a:hover { width:75px; background-position:-415px -45px; } #menu .m_plus a.active { width:85px; background-position:-410px -90px; } #menu .m_plus a.active:hover { width:85px; background-position:-410px -90px; } #menu .m_kleuren a { width:95px; background-position:-500px 0; } #menu .m_kleuren a:hover { width:95px; background-position:-500px -45px; } #menu .m_kleuren a.active { width:105px; background-position:-495px -90px; } #menu .m_kleuren a.active:hover { width:105px; background-position:-495px -90px; } #menu .m_kiekjes a { width:95px; background-position:-605px 0; } #menu .m_kiekjes a:hover { width:95px; background-position:-605px -45px; } #menu .m_kiekjes a.active { width:105px; background-position:-600px -90px; } #menu .m_kiekjes a.active:hover { width:105px; background-position:-600px -90px; } #menu .m_klikwin a { width:115px; background-position:-710px 0; } #menu .m_klikwin a:hover { width:115px; background-position:-710px -45px; } #menu .m_klikwin a.active { width:125px; background-position:-705px -90px; } #menu .m_klikwin a.active:hover { width:125px; background-position:-705px -90px; } #menu .m_tipslinks a { width:125px; background-position:-835px 0; margin-right:0; } #menu .m_tipslinks a:hover { width:125px; background-position:-835px -45px; } #menu .m_tipslinks a.active { width:130px; background-position:-830px -90px; } #menu .m_tipslinks a.active:hover { width:130px; background-position:-830px -90px; } /* FOOTER */ #footer { clear:both; background:url(img/bg-footer.gif) no-repeat top; width:960px; height:220px; margin-top:20px; } .footerlinks { clear:both; width:960px; height:30px; } .footerlinks a { color:#5E5E5E; } .footerlinks a:hover { text-decoration:none; } .footerlinks .copyright { float:left; display:inline; margin:0 0 0 10px; width:200px; } .footerlinks ul { list-style:none outside; float:right; display:inline; margin:0 10px 0 0; } .footerlinks li { display:inline; float:left; margin-left:10px;padding-right:13px; background:url(img/footer-sep.gif) right center no-repeat; } .footerlinks li.last { padding-right:0px; } /* SIDEBARS */ .sidebar { float:left; display:inline; margin:10px 0 0 10px; width:320px; } .sidebar2 { float:right; display:inline; width:150px; text-align:center; margin-top:10px; } .sidebar2 p { padding:0; } /* DEZE KEER IN EZELTJE PRIK */ .currentmagazine { color:#474747; clear:both; width:320px; } .currentmagazine .label { background-position:0 0; width:195px; height:20px; margin-left:10px; } .currentmagazine .image { float:left; display:inline; width:155px; margin-top:10px; } .currentmagazine .text { float:left; display:inline; width:135px; margin-left:10px; margin-top:7px; } .currentmagazine .button { width:106px; height:26px; background-position:0 0; margin-top:10px; } /* DEZE KEER IN EZELTJE PRIK */ .video { float:left; display:inline; margin-top:15px; width:320px; } .video .label { width:117px; height:20px; background-position:0 -20px; margin-left:10px; } .video .image { float:left; display:inline; margin:10px 0 0 5px; } /* AGENDA */ .smallagenda { float:left; display:inline; margin:15px 0 0 10px; width:296px; } .smallagenda .top { float:left; display:inline;width:296px; height:80px; background: url(img/bg-agenda.gif) no-repeat 0 0;} .smallagenda .label { width:62px; height:20px; background-position:-133px -20px; margin-left:45px; } .smallagenda .scrolling { float:left; display:inline; width:246px; margin:20px 0 0 50px; } .smallagenda .prev { width:22px; height:22px; margin:0; float:left; display:inline; } .smallagenda .next { width:22px; height:22px; margin:0px; float:left; display:inline; } .smallagenda .month { float:left; display:inline; font-size:16px; font-weight:bold; width: 140px; text-align:center;color:#303030;margin-top:2px; line-height:20px; } .smallagenda .daytitle { float:left; display:inline; width:41px; text-align:center; margin:5px 0 0 0; font-size:9px; color:#303030; line-height:10px; } .smallagenda .daytitlefirst { float:left; display:inline; width:41px; text-align:center; margin:5px 0 0 6px; font-size:9px; color:#303030; line-height:10px; } /* CALENDAR */ .smallagenda a { color:#303030; } .smallagenda a:hover { text-decoration:none; } .smallagenda .days { float:left; display:inline; width:296px; font-size:14px; font-weight:bold; color:#303030; background:url(img/bg-calendar.gif) repeat-y; } .smallagenda .days div { float:left; display:inline; width:41px; height:27px; background-image:url(img/bg-days.gif); background-repeat:no-repeat; text-align:center; padding-top:4px; } .smallagenda .day, .notthismonth { background-position:0 0; } .smallagenda .days .notthismonthfirst { background-position:-1px 0; width:40px; margin-left:5px; } .smallagenda .days .dayfirst { background-position:-1px 0; width:40px; margin-left:5px;} .smallagenda .days .todayhasevent { background-position:-41px 0; position:relative; } .smallagenda .days .todayhaseventfirst { background-position:-42px 0; width:40px; margin-left:5px; position:relative; } .smallagenda .days .today { background-position:-123px 0; position:relative; } .smallagenda .days .todayfirst { background-position:-124px 0; width:40px; margin-left:5px; position:relative; } .smallagenda .days .hasevent { background-position:-82px 0; position:relative; } .smallagenda .days .haseventfirst { background-position:-83px 0; width:40px;margin-left:5px;position:relative; } .smallagenda .days .notthismonth { color:#b2a887; } .smallagenda .days .notthismonthfirst { color:#b2a887; } .smallagenda .days .bgballoon { position:absolute; top:-115px; left:-100px; width:242px; height:122px; background:none; display:none; } .smallagenda .days .balloon { position:absolute; top:-98px; left:-80px; font-size:12px; line-height:15px; display:none; text-align:left; background:none; font-weight:normal; width:220px; } .smallagenda .days .text { width:140px; float:left; padding:0; background:none; text-align:left; margin-left:5px; } .smallagenda .days .textlarge { width:200px; float:left; padding:0; background:none; text-align:left; } .smallagenda .days .calendarborder { background-position:center; background-repeat:no-repeat; width:74px; height:74px; float:left; padding:0; } .smallagenda .bottom { float:left; display:inline;width:296px; height:6px; background: url(img/bg-agenda.gif) no-repeat 0 -80px; margin-top:-1px; } /* UPCOMING AGENDA */ .agendalisting { float:left; display:inline; width:290px; list-style:none outside; margin-top:20px; border-bottom:1px solid #e3e3e3; margin:15px 0 0 10px; } .agendalisting li { float:left; display:inline; width:290px; } .agendalisting .date { background:url(img/bg-date.gif) no-repeat top left; width:42px; height:40px; line-height:12px; float:left; display:inline; color:#474747; font-size:11px; text-align:center; } .agendalisting .date .day { display:block;width:42px; text-align:center; font-size:12px; font-weight:bold; margin-top:8px; } .agendalisting .title { float:left; display:inline; border-top:1px solid #e3e3e3; margin-top:2px; line-height:40px; padding-left:5px; width:243px; } /* ACTIEBLOK */ .action { float:left; display:inline; width:300px; margin:15px 0 0 13px; } /* KLEUREN */ .smallplates { float:left; display:inline; width:293px; height:295px; margin:20px 0 0 10px; } .smallplates .label { background-position:-79px -40px; width:116px; height:16px; margin-left:2px; } .smallplates .bg { position:relative; width:290px; height:240px; background:url(img/bg-plate.gif) no-repeat top; margin-top:30px; } .smallplates .images { float:left; display:inline; width:230px; height:170px; margin:21px 0 0 38px; } .smallplates .images img { top:0; left:0; z-index:1; } .smallplates .prev { position:absolute; width:36px; height:36px; top:90px; left:15px; cursor:pointer; z-index:9; } .smallplates .next { position:absolute; width:36px; height:36px; top:90px; left:250px; cursor:pointer; z-index:9; } .smallplates .border { position:absolute; top:20px ; left:30px; background:url(img/bg-plateborder.gif) no-repeat top; width:240px; height:181px; z-index:9; } .smallplates .pencils { position:absolute; top:154px ; left:0px; z-index:9; } .smallplates .btn-downloadplate { position:absolute; top:174px ; left:61px; z-index:9; } /* REACTIES */ .reactionssmall { margin:10px 0 0 10px; float:left; display:inline; } .reactionssmall .label { background-position:0 -60px; width:125px; height:16px; margin-left:2px; } .reactionssmall ul { width:290px; float:left; display:inline; list-style:none outside; line-height:40px; border-bottom:1px solid #e3e3e3; margin-top:15px; } .reactionssmall li { width:290px; float:left; display:inline; border-top:1px solid #e3e3e3; } .reactionssmall .amount { float:left; display:inline; font-size:12px; line-height:12px; width:80px; height:21px; margin-top:8px; color:#fff; font-weight:bold; text-align:center; padding-top:4px; } .reactionssmall .normal { background:url(img/bg-reactions.gif) no-repeat 0 0; } .reactionssmall .plus { background:url(img/bg-reactions.gif) no-repeat 0 -25px; } .reactionssmall .text { float:left; display:inline; width:210px; } .navigation { float:left;} /* HOMEPAGE */ /* HOOFDITEM */ .mainitem { border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5; width:470px; position:relative; height:430px; } .mainitem .image { position:absolute; left:4px; } .mainitem .border { position:absolute; left:4px; } .mainitem .content { position:absolute; width:410px; left:35px; top:252px; } .mainitem .title { float:left; display:inline; width:400px; height:40px; } .mainitem p { width:400px; height:85px; padding:0; display:block; float:left; } .mainitem .button { width:106px; height:26px; background-position:0 -26px; float:right; margin:20px 0 0 0; } /* KNUTSELEN */ .handicraft { float:left; display:inline; border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5; width:470px;height:380px;} .handicraft .content { position:relative;margin-top:10px } .handicraft h3 { text-indent:-9999px; height:0; } .handicraft .image { position:absolute; left:1px; } .handicraft .text { position:absolute; width:425px; left:20px; top:223px; } .handicraft .title { float:left; width:425px; height:35px; } .handicraft .title a { display:block; width:425px; height:35px; text-indent:-9999px; } .handicraft .border { position:absolute; left:1px; } .handicraft p { float:left; display:inline; width:410px; margin:10px 0 0 15px; } .handicraft .button { width:106px; height:26px; background-position:0 -290px; float:right; margin:10px 20px 0 0; } /* TIPS EN LINKS */ .hometips { float:left; display:inline; border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5; width:470px; } .hometips p { padding:0; } .hometips h3 { text-indent:-9999px; height:0; } .hometips .image { float:left; display:inline; margin:50px 0 0 -20px; width:210px; } .hometips .text { float:right; display:inline; width:210px; margin:50px 15px 0 0; } .hometips .content { float:left; display:inline; background:url(img/bg-hometips.gif) no-repeat; width:433px; height:203px; margin:10px 0 0 18px; } .hometips .button { width:106px; height:26px; background-position:0 -52px; float:left; margin:25px 0 0 0; } /* KLIK & WIN */ .mainclickwin { float:left; display:inline; border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5; width:470px; } .mainclickwin .image { float:left; display:inline; margin:20px 0 0 20px; } /* BANNER */ .mainbanner { float:left; display:inline; width:480px; height:100px; } .mainbanner .item { float:left; display:inline; margin:20px 0 30px 2px; } .mainbanner .item p { padding:0; } /* GALLERY */ .pics { float:left; display:inline; border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5; width:470px; height:230px; margin-top:0px } .pics h3 { text-indent:-9999px; height:0; } .pics .bgpics { float:left; display:inline; background:url(img/bg-pics.gif) no-repeat top; width:430px; height:200px; margin:20px 0 0 20px; } .pics .gallery { margin:50px 0 0 20px; width:390px; height:130px; position:relative; overflow:hidden; } .pics ul { list-style:none outside; width:20000em; position:absolute; clear:both; z-index:1; } .pics li { float:left; display:inline; width:130px; height:130px; background-repeat:no-repeat; background-position:center; } .pics .prevnext { position:relative; } .pics .prev { position:absolute; width:36px; height:36px; top:-85px; left:10px; cursor:pointer; z-index:9; } .pics .next { position:absolute; width:36px; height:36px; top:-85px; right:10px; cursor:pointer; z-index:9; } .pics .tooltip { display:none;background:transparent url(img/tooltip.png); width:183px; height:28px; padding-top:2px; text-align:center; color:#fff; font-weight:bold; margin-top:15px;z-index:19; } /* AGENDA */ .agenda { float:left; display:inline; width:470px;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5; } .agenda .bg_date { position:absolute; top:-15px; right:-5px; width:68px; height:71px; } .agenda .date { position:absolute; top:5px; right:14px; width:30px; text-align:center; font-size:14px; line-height:18px; } .agenda .block .day { font-size:16px; font-weight:bold; } .agenda .reactions { margin-left:20px; } .agenda .tooltip { display:none;background:transparent url(img/tooltip.png); width:183px; height:28px; padding-top:2px; text-align:center; color:#fff; font-weight:bold; margin-top:0px;z-index:19; } .agenda .block { float:left; display:inline; } .agenda .block .image { position:absolute; width:160px; height: 180px; overflow:hidden; } .agenda .block .bg { position:absolute; } .agenda .block .title { float:left; display:inline; } .agenda .block .content { float:left; display:inline; color:#474747; } .agenda .block p { float:right; display:inline; } .agenda .block .button { position:absolute; bottom:50px; right:20px; } .agenda .block a { float:left; display:inline; text-align:right; } .agenda .block .readmore { position:absolute; height:31px; width:111px; } .agenda .block1 .bg { background:url(img/bg-regularblocks.png) no-repeat 0 0; } .agenda .block1 .title { background-color:#ffc20e; } .agenda .block2 .bg { background:url(img/bg-regularblocks.png) no-repeat 0 -240px; } .agenda .block2 .title { background-color:#ee4699; } .agenda .block3 .bg { background:url(img/bg-regularblocks.png) no-repeat -220px -240px; } .agenda .block3 .title { background-color:#9dcc4f ; } .agenda .block4 .bg { background:url(img/bg-regularblocks.png) no-repeat 0 -620px } .agenda .block4 .title { background-color:#9ad2e8; } .agenda .block5 .bg { background:url(img/bg-regularblocks.png) no-repeat 0 -860px; } .agenda .block5 .title { background-color:#f58431; } .agenda .block6 .bg { background:url(img/bg-regularblocks.png) no-repeat -220px -860px; } .agenda .block6 .title { background-color:#bc9ac5; } .agenda .blockwide { width:440px; height:240px; } .agenda .blockwide p { width:240px; } .agenda .blockwide .bg { position:absolute; left:10px; top:0; width:440px; height:240px; } .agenda .blockwide .image { left:15px; top:50px; } .agenda .blockwide .title { width:365px; padding:0 55px 0 10px; margin:8px 0 0 10px; } .agenda .blockwide .content { margin:5px 20px 0 0; width:420px; height:100px; } .agenda .blockwide .readmore { top:150px; left:10px; } .agenda .blockwide .date { } .agenda .blocksmall { width:220px; height:380px; } .agenda .blocksmall p { width:165px; } .agenda .blocksmall .bg { position:absolute; left:10px; top:0; width:220px; height:380px; } .agenda .blocksmall .image { left:15px; top:180px; } .agenda .blocksmall .title { width:140px; padding:5px 55px 0 10px; margin:4px 0 0 10px; } .agenda .blocksmall .content { margin:5px 0px 0 0; width:185px; height:120px; } .agenda .blocksmall .readmore { top:150px; left:20px; } .agenda .blocksmall .date { } .agenda .blocksmall.block3 .title { margin:4px 0 0 15px; } .agenda .blocksmall.block6 .title { margin:4px 0 0 15px; } .agenda .blocksmall.block3 .content { margin:5px 0px 0 10px; } .agenda .blocksmall.block6 .content { margin:5px 0px 0 10px; } .agenda .blocksmall.block6 .readmore{ left:30px; } /* NEWSDETAILS */ .agenda .details { float:left; display:inline; width:470px; } .agenda .details .image { float:left; display:inline; width:464px; height:311px; overflow:hidden; } .agenda .details .title { float:left; display:inline; height:30px; width:360px; margin:-62px 0 0 26px; } .agenda .details .content { float:left; display:inline; width:410px; margin:-25px 0 0 16px;background:#ffd75e; padding:0 10px 6px 10px; } .agenda .details .bottom { float:left; display:inline; height:4px; width:430px; background:url(img/bg-actionblocks.png) no-repeat -16px -358px; margin-left:16px; } .agenda .details .button { width:126px; height:26px; background-position:0 -130px; float:right; margin:0 0 0 0; } /* NEWS */ .news { float:left; display:inline; width:470px;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5; } .news .reactions { margin-left:20px; } .news .tooltip { display:none;background:transparent url(img/tooltip.png); width:183px; height:28px; padding-top:2px; text-align:center; color:#fff; font-weight:bold; margin-top:0px;z-index:19; } .news .block { float:left; display:inline; } .news .block .image { position:absolute; width:160px; height: 180px; overflow:hidden; } .news .block .bg { position:absolute; } .news .block .title { float:left; display:inline; } .news .block .content { float:left; display:inline; color:#474747; } .news .block p { float:right; display:inline; } .news .block a { float:left; display:inline; text-align:right; } .news .block .readmore { position:absolute; height:31px; width:111px; } .news .block1 .bg { background:url(img/bg-regularblocks.png) no-repeat 0 0; } .news .block1 .title { background-color:#ffc20e; } .news .block2 .bg { background:url(img/bg-regularblocks.png) no-repeat 0 -240px; } .news .block2 .title { background-color:#ee4699; } .news .block3 .bg { background:url(img/bg-regularblocks.png) no-repeat -220px -240px; } .news .block3 .title { background-color:#9dcc4f ; } .news .block4 .bg { background:url(img/bg-regularblocks.png) no-repeat 0 -620px } .news .block4 .title { background-color:#9ad2e8; } .news .block5 .bg { background:url(img/bg-regularblocks.png) no-repeat 0 -860px; } .news .block5 .title { background-color:#f58431; } .news .block6 .bg { background:url(img/bg-regularblocks.png) no-repeat -220px -860px; } .news .block6 .title { background-color:#bc9ac5; } .news .blockwide { width:440px; height:240px; } .news .blockwide a { width:420px; margin-top:20px; } .news .blockwide p { width:240px; } .news .blockwide .bg { position:absolute; left:10px; top:0; width:440px; height:240px; } .news .blockwide .image { left:15px; top:50px; } .news .blockwide .title { width:415px; padding:0 5px 0 10px; margin:8px 0 0 10px; } .news .blockwide .content { margin:5px 20px 0 0; width:420px; height:100px; } .news .blockwide .readmore { top:150px; left:10px; } .news .blocksmall { width:220px; height:380px; } .news .blocksmall a { width:190px; margin-top:140px; } .news .blocksmall p { width:165px; } .news .blocksmall .bg { position:absolute; left:10px; top:0; width:220px; height:380px; } .news .blocksmall .image { left:15px; top:180px; } .news .blocksmall .title { width:190px; padding:5px 5px 0 10px; margin:4px 0 0 10px; } .news .blocksmall .content { margin:5px 0px 0 0; width:185px; height:120px; } .news .blocksmall .readmore { top:150px; left:20px; } .news .blocksmall.block3 .title { margin:4px 0 0 15px; } .news .blocksmall.block6 .title { margin:4px 0 0 15px; } .news .blocksmall.block3 .content { margin:5px 0px 0 10px; } .news .blocksmall.block6 .content { margin:5px 0px 0 10px; } .news .blocksmall.block3 .button { left:30px; } .news .blocksmall.block6 .readmore { left:30px; } /* NEWSDETAILS */ .news .details { float:left; display:inline; width:470px; } .news .details .image { float:left; display:inline; width:464px; height:311px; overflow:hidden; background-repeat:no-repeat; } .news .details .title { float:left; display:inline; height:30px; width:360px; margin:-62px 0 0 26px; } .news .details .content { float:left; display:inline; width:410px; margin:-25px 0 0 16px;background:#ffd75e; padding:0 10px 6px 10px; } .news .details .bottom { float:left; display:inline; height:4px; width:430px; background:url(img/bg-actionblocks.png) no-repeat -16px -358px; margin-left:16px; } .news .details .button { width:126px; height:26px; background-position:0 -130px; float:right; margin:0 0 0 0; } .btn-print { display:block; background:url(img/buttons.gif) 0 -156px no-repeat; width:27px; height:28px; float:left; text-indent:-9999px; } .btn-mailfriend { display:block; background:url(img/buttons.gif) -27px -156px no-repeat; width:32px; height:24px; float:left; text-indent:-9999px; margin-left:10px; } /* AGENDA DETAILPAGINA */ .agendadetails { float:left; display:inline; width:470px; border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5; padding-bottom:20px; } .agendadetails .details { float:left; display:inline; width:464px; } .agendadetails .rel { height:332px; margin:0 0 0 3px; } .agendadetails .bg { position:absolute; left:0px; top:0; background:url(img/bg-agendadetails.png) no-repeat 0 0; width:464px; height:343px; } .agendadetails .image { position:absolute; width:450px; height:310px; overflow:hidden;top:0px; left:10px; } .agendadetails .title { float:left; display:inline; height:30px; width:360px; margin:312px 0 0 26px; } .agendadetails .content { float:left; display:inline; width:430px; padding-bottom:6px;background:#ffd75e; margin-left:19px; } .agendadetails .content a { color:#303030; font-weight:bold; } .agendadetails .content p { padding:0px 0;width:400px; margin:20px 0 0 10px; } .agendadetails .agendabottom { float:left; display:inline; height:3px; width:430px;background:url(img/bg-agendadetails.png) no-repeat -16px -343px;margin-left:19px; } .agendadetails .date { position:absolute; top:12px; right:12px; width:42px; height:40px; font-size:14px; line-height:18px;color:#474747; font-size:11px; text-align:center; } .agendadetails .date .day { display:block;width:42px; text-align:center; font-size:12px; font-weight:bold; margin-top:8px;font-size:16px; } /* REACTIONS */ .reactions { float:left; display:inline; width:430px; border-bottom:1px solid #e3e3e3; color:#5e5e5e; margin:20px 0 0 20px; } .reactions p { width:430px; padding:15px 0 15px 0; } .reactions .reaction { float:left; display:inline; width:430px; border-top:1px solid #e3e3e3; } .reactions .user { float:left; display:inline; width:260px; font-weight:bold; margin-top:15px; } .reactions .reaciondate { float:right; display:inline; width:170px; text-align:right; margin-top:15px; } .reactions .label { background-position:-128px -60px; width:67px; height:16px; margin-bottom:20px; } .news .reactions .label { background-position:-195px -40px; width:182px; height:20px; margin-bottom:15px; } /* FORMULIERBLOCK */ .formreact .label { background-position:0 -80px; } .formclickwin .label { background-position:0 -120px; } .formsendfriend .label { background-position:0 -280px; } .formcontact .label { background-position:0 -360px; } .blockform { background:#cbf0ff; width:430px; float:left; display:inline; margin-top:20px; margin-left:20px;margin-bottom:20px; } .blockform .formheader { background:url(img/labels.gif) no-repeat 0 -400px; width:430px; height:40px; float:left; display:inline; } .blockform h2 { margin:8px 0 0 10px;width:400px; float:left; display:inline; } .blockform .empty { height:10px; } .blockform .label { width:430px; height:40px; } .blockform .user { float:left; display:inline; width:360px;margin:10px 0 0 20px; } .blockform .success { float:left; display:inline; color:#303030; margin:10px 0 0 20px; } .blockform .formlabel { float:left; display:inline; width:260px; color:#303030; font-weight:bold; margin:5px 0 0 20px; } .blockform .input { float:left; display:inline; width:400px; margin:2px 0 0 20px; } .blockform .first { margin:10px 0 0 20px; } .blockform .fileblock { float:left; display:inline; width:160px; height:25px; } .blockform .filebutton { float:left; display:inline; width:100px; margin:6px 0 0 10px; } .blockform .imagebutton { float:left; display:inline; width:100px; margin:6px 0 0 10px; } .blockform .fileblock input { } .blockform input { width:250px; } .blockform select { width:240px; } .blockform #age { width:110px; } .blockform .textarea { float:left;display:inline; width:260px; margin:2px 0 0 20px; } .blockform textarea { width:250px; height:90px; margin:2px 0 0 2px; } .blockform .check { width:11px; height:10px;float:left;display:inline;background:url(img/bg-form.gif) no-repeat -11px -120px; cursor:pointer; margin-top:5px; } .blockform .checkon { background:url(img/bg-form.gif) no-repeat 0 -120px; } .blockform .submit { float:left; display:inline; width:260px; margin:20px 0 0 20px; } .blockform .button { width:106px; height:26px; background-position:0 -78px; } .blockform .bottom { float:left;display:inline;background:url(img/bg-form.gif) no-repeat 0 -130px; width:430px; height:4px; margin-top:12px; } .blockform .top { float:left;display:inline;background:url(img/bg-form.gif) no-repeat 0 -184px; width:430px; height:4px; } .blockform .checklabel { font-weight:normal; margin-left:5px; float:left; display:inline; } .blockform .disclaimer { color:#fff; font-weight:bold;float:left; display:inline; width:365px; height:50px;margin:20px 0 0 20px; background:url(img/bg-form.gif) no-repeat 0 -134px; padding:5px 10px 0 10px; } .popup .closeform .button { position:absolute; right:20px; top:20px; background-position:-78px -156px; width:21px; height:20px; } /* ACTIES */ .actions { float:left; display:inline; width:470px; border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5; } .actions .block { float:left; display:inline; width:464px; } .actions .block a.button { width:106px; height:26px; background-position:0 -104px; margin:10px 0 6px 6px; } .actions .block p { padding:0;width:400px; margin:10px 0 0 10px; } .actions .block .image { position:absolute; width:450px; height:310px; overflow:hidden; } .actions .block .bg { position:absolute; left:4px; top:0; } .actions .block .title { float:left; display:inline; height:30px; width:360px; } .actions .block .content { float:left; display:inline; width:430px; } .actions .block .bottom { float:left; display:inline; height:4px; width:430px; } .actions .block .btn-readmore { float:left; display:inline; margin:5px 0 0 4px; } .actions .donkeyright { margin-bottom:20px; } .actions .donkeyright .bg { background:url(img/bg-actionblocks.png) no-repeat 0 0; width:464px; height:358px; } .actions .donkeyright .rel { height:358px; } .actions .donkeyright .image { top:20px; left:10px; } .actions .donkeyright .title { margin:327px 0 0 26px; } .actions .donkeyright .content { background:#ffd75e; margin-left:20px; } .actions .donkeyright .bottom { background:url(img/bg-actionblocks.png) no-repeat -16px -358px;margin-left:20px; } .actions .donkeyleft { margin-bottom:20px; } .actions .donkeyleft .bg { background:url(img/bg-actionblocks.png) no-repeat 0 -362px; width:464px; height:338px; } .actions .donkeyleft .rel { height:338px; } .actions .donkeyleft .image { top:10px; left:5px; } .actions .donkeyleft .title { margin:307px 0 0 26px; } .actions .donkeyleft .content { background:#ff93c8; margin-left:19px; } .actions .donkeyleft .bottom { background:url(img/bg-actionblocks.png) no-repeat -16px -700px;margin-left:19px; } .actions .nodonkey { margin-bottom:20px; } .actions .nodonkey .bg { background:url(img/bg-actionblocks.png) no-repeat 0 -704px; width:464px; height:358px; } .actions .nodonkey .rel { height:358px; } .actions .nodonkey .image { top:20px; left:10px; } .actions .nodonkey .title { margin:327px 0 0 26px; } .actions .nodonkey .content { background:#ffd75e; margin-left:20px; } .actions .nodonkey .bottom { background:url(img/bg-actionblocks.png) no-repeat -16px -358px;margin-left:20px; } .actions .archive { margin-left:20px; } .actions .paging { margin-left:20px; } /* ARCHIEF */ .actions .archive { float:left; display:inline; width:430px; border-bottom:1px solid #e3e3e3; color:#5e5e5e;margin-top:0px; } .actions .archive p { width:430px; padding:0 0 10px 0; } .actions .archive .item { float:left; display:inline; width:430px; border-top:1px solid #e3e3e3; } .actions .archive h4 { font-weight:bold; margin-top:5px; } .actions .archive .label { background-position:-384px -20px; width:42px; height:16px; margin-bottom:15px; } /* GERELATEERD */ .related { float:left; display:inline; width:430px; border-bottom:1px solid #e3e3e3; color:#5e5e5e;margin:20px 0 0 20px; } .related .item { float:left; display:inline; width:430px; border-top:1px solid #e3e3e3; } .related .title { font-weight:bold; float:left; display:inline; width:350px; line-height:30px; } .related .amount { float:right; display:inline; width:80px; text-align:right; line-height:30px; } .related .label { background-position:-195px -20px; width:185px; height:16px; margin-bottom:15px; } /* KNUTSELEN */ .craftingdetails { float:left; display:inline; width:470px; border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5; padding-bottom:20px; } .craftingdetails .details { float:left; display:inline; width:464px; } .craftingdetails .rel { height:323px; margin:0 0 0 3px; } .craftingdetails .bg { position:absolute; left:0px; top:0; background:url(img/bg-craftingdetails.png) no-repeat 0 0; width:464px; height:323px; } .craftingdetails .image { position:absolute; width:450px; height:310px; overflow:hidden;top:0px; left:10px; } .craftingdetails .title { float:left; display:inline; height:30px; width:360px; margin:293px 0 0 26px; } .craftingdetails .content { float:left; display:inline; width:430px; padding-bottom:6px;background:#ff93c8; margin-left:19px; } .craftingdetails .content a { color:#303030; font-weight:bold; } .craftingdetails .content p { padding:0px 0;width:400px; margin:10px 0 0 10px; } .craftingdetails .bottom { float:left; display:inline; height:4px; width:430px;background:url(img/bg-craftingdetails.png) no-repeat -16px -323px;margin-left:19px; } /* KlIK & WIN */ .clickwin { float:left; display:inline; width:470px; border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5; padding-bottom:20px; } .clickwin .details .label { background-position:-255px 0; width:85px; height:16px; margin-left:20px; } .clickwin .landing .label { background-position:-255px 0; width:85px; height:16px; margin-left:20px; } .clickwin .details { float:left; display:inline; width:464px; } .clickwin .a.button { float:left; display:inline; text-align:right; width:420px; margin-top:10px; } .clickwin p { padding:0;width:400px; margin:10px 0 0 10px; } .clickwin .image { position:absolute; width:450px; height:310px; overflow:hidden;top:0px; left:10px; } .clickwin .flash { float:left; display:inline; margin-top:20px; } .clickwin .bg { position:absolute; left:0px; top:0; background:url(img/bg-clickwin.png) no-repeat 0 0; width:464px; height:332px; } .clickwin .title { float:left; display:inline; height:30px; width:360px; margin:302px 0 0 26px; } .clickwin .rel { height:332px; margin:25px 0 0 3px; } .clickwin .content { float:left; display:inline; width:430px; padding-bottom:6px;background:#ffd75e; margin-left:19px; } .clickwin .details .bottom { float:left; display:inline; height:4px; width:430px;background:url(img/bg-actionblocks.png) no-repeat -16px -358px;margin-left:19px; } .clickwin .blockform { margin-left:20px; } /* PAGINA'S */ .wp-page { float:left; display:inline; width:470px;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5; } .wp-page .content { float:left; display:inline; width:440px; margin:0 0 20px 20px; } /* KLEUREN */ .platesmain { float:left; display:inline; width:470px;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5; } .platesmain .content { float:left; display:inline; width:430px; margin:0 0 0 20px; } .plates { float:left; display:inline; width:430px; margin:20px 0 20px 20px; background:#cbf0ff; } .plates ul { list-style:none outside; width:430px; margin-left:5px; } .plates li { float:left; display:inline; margin:20px 0 0 15px; width:190px; } .plates .title { float:left; display:inline; text-align:center; color:#474747; font-weight:bold; width:190px; } .plates .download { float:left; display:inline; text-align:center; width:190px; } .plates .button { float:left; display:inline; width:106px; height:26px; background-position:0 -184px; margin:5px 0 0 45px; } .plates .image { position:relative; width:189px; height:139px; background-repeat:no-repeat; background-position:center; } .plates .border { position:absolute; top:0; left:0; width:189px; height:139px; } .plates .zoom { position:absolute; top:50px; left:75px; width:33px; height:33px; display:none; } .plates .label { background-position:0 -160px; width:430px; height:40px; } .plates .bottom { float:left; display:inline;background:url(img/bg-plates.gif) no-repeat bottom center; width:430px; height:16px; } /* KLEURPLAAT POPUP */ .platedetails { } .platedetails .title { margin:0px 0 0 10px; color:#474747; float:left; display:inline; width:710px;font-size:14px; font-weight:bold; color:#474747; } .platedetails .close { margin:0px 10px 0 0 ; color:#474747; float:right; display:inline; width:18px; height:18px; } .platedetails .button { background-position:-59px -156px; width:18px; height:18px; } .platedetails .download { float:left; display:inline;margin:5px 0 0 250px; width:106px; height:26px;} .platedetails .download a { width:106px; height:26px;background:url(img/buttons.gif) no-repeat 0 -210px; text-indent:-9999px; } .platedetails .image { font-size:14px; font-weight:bold; margin:10px 0 0 10px;float:left; display:inline; } .platedetails .paging { width:800px; margin:5px 0 10px 10px; float:left; display:inline; } /* KIEKJES */ .pictures { float:left; display:inline; width:470px;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5; } .pictures .gallery { position:relative; width:469px; height:335px; overflow:hidden; } .gallery ul { position:absolute; width:20000em; list-style:none outside; height:335px;left:0; top:0; clear:both; z-index:1; } .static .border { position:absolute; width:469px; height:335px; left:0; top:0; z-index:2; } .static .prev { position:absolute; width:36px; height:36px; top:260px; left:21px; cursor:pointer; z-index:9; } .static .next { position:absolute; width:36px; height:36px; top:260px; left:421px; cursor:pointer; z-index:9; } .mainpicture li { float:left; display:inline; width:469px; height:335px; } .mainpicture li a { color:#fff; } .mainpicture .image { float:left; display:inline; width:469px; height:335px; } .mainpicture .title { float:left; display:inline; margin:-77px 0;width:469px; font-size:16px; font-weight:bold; line-height:38px; color:#fff; height:38px; background:#ff730d; text-align:center; } .overview { float:left; display:inline; background:#cbf0ff; width:430px; margin:20px 0 0 20px; } .overview ul { list-style:none outside; width:430px; } .overview li { list-style:none outside; width:140px; float:left; display:inline; margin:10px 0 0 3px; } .overview .image { float:left; display:inline;width:137px; height:137px; background-position:center; background-repeat:no-repeat; } .overview .title { float:left; display:inline; width:137px; text-align:center; font-weight:bold; height:40px; } .overview .bottom { float:left; display:inline; background:url(img/bg-plates.gif) no-repeat bottom center; width:430px; height:16px; } .pictures .overview .label { background-position:0px -200px; width:430px; height:40px; } .album .overview .label { background-position:0px -240px; width:430px; height:40px; } .pictures .labelpictures { background:url(img/labels.gif) no-repeat -196px -60px; width:121px; height:20px; text-indent:-9999px; margin-left:20px; } .banner { float:left; display:inline; background-repeat:no-repeat; background-position:center; width:464px; height:335px; margin:20px 0 20px 4px; } .banner .rel { position:relative;} .banner .border { position:absolute; top:0px; left:0px; } .banner .content { position:absolute; top:75px; left:26px; width:215px; } .banner .title { float:left; display:inline;width:215px; height:30px; margin-left:10px; } .banner .text { float:left; display:inline;width:215px; background:#ff9b52; } .banner p { margin-left:10px; width:195px; } .banner .button { width:106px; height:26px; background-position:0 -236px; margin:10px 8px 0 0; float:right; } .banner .bottom { float:left; display:inline;width:215px; height:6px; } .banner .bottom img { float:left; } .album { float:left; display:inline; width:470px;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5; } .album .details { float:left; display:inline; width:450px; margin-left:10px; } .album .details .label { background-position:-317px -60px; width:133px; height:20px; float:none; display:block; margin-left:10px; } .album .details .image { float:left; display:inline; margin-top:10px; width:137px; height:137px; overflow:hidden; background-repeat:no-repeat; background-position:center; } .album .details .text { float:left; display:inline; margin-top:10px; width:290px; margin-left:15px; } .picturedetails { float:left; display:inline; width:470px;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5; } .picturedetails h1 { margin-left:20px; } .picturedetails p { margin-left:20px; } .picturedetails .pics { margin-top:0px; border:none; } .picturedetails .bgpics { margin-top:0px; } .picturedetails .image { float:left; display:inline; width:450px; height:464px; height:330px; margin-left:5px; background-position:center; background-repeat:no-repeat; } .sendphoto { float:left; display:inline; width:470px;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5; } .sendphoto h1 { margin-left:20px; } .sendphoto .label { background-position:0px -320px; width:430px; height:40px; } .sendphoto .blockform { margin-top:0; } /* ZOEKEN */ .searchpage { float:left; display:inline; width:470px;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5; } .searchpage a { color:#00a9eb; font-weight:bold; } .searchpage h2 { display:inline;color:#5e5e5e; font-size:12px; } .searchpage ul { float:left; display:inline;width:430px; list-style:none outside; border-bottom:1px solid #e3e3e3; } .searchpage li { float:left; display:inline;width:430px; border-top:1px solid #e3e3e3; padding:10px 0 5px 0; } .searchpage .label { background-position:-341px 0px; width:121px; height:20px; } .searchpage .results { float:left; display:inline; width:430px; margin:10px 0 5px 0; } .searchpage .content { float:left; display:inline; width:430px; margin:0 0 20px 20px; } .searchpage .paging { margin:20px 0 0 0px; } /* TIPS EN LINKS */ .tips { float:left; display:inline; width:470px;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5; } .tips .mainblock { float:left; display:inline; width:430px; margin:0 0 20px 20px; } .tips .mainblock a { font-weight:bold; color:#303030; } .tips .mainblock .image { float:left; display:inline; width:430px; } .tips .mainblock .image img { float:left; display:inline; } .tips .mainblock .title { float:left; display:inline; width:430px; height:32px; padding:8px 0 0 10px;background:url(img/bg-tips.gif) 0 0 no-repeat; } .tips .mainblock .content { float:left; display:inline;background:#b4d77b; width:430px; } .tips .mainblock .text { float:left; display:inline; width:420px; margin:3px 0 0 10px; } .tips .mainblock .bottom { float:left; display:inline; width:430px; height:4px; background:url(img/bg-tips.gif) 0 -40px no-repeat; } .tips .block { float:left; display:inline; width:430px; margin:0 0 20px 20px; } .tips .block a { font-weight:bold; color:#303030; } .tips .block p { width:205px; } .tips .block .image { display:inline; width:210px; } .tips .block .title { float:left; display:inline; width:430px; height:32px; padding:8px 0 0 10px; } .tips .block .content { float:left; display:inline; width:430px; } .tips .block .text { float:left; display:inline; width:220px;margin:3px 0 0 10px; } .tips .block .bottom { float:left; display:inline; width:430px; height:4px; } .tips .block2 .image { float:right; text-align:right; margin-right:-10px; } .tips .block4 .image { float:right; text-align:right; margin-right:-10px; } .tips .block3 .image { float:left; text-align:left; margin:10px 0 0 -10px; } .tips .block5 .image { float:left; text-align:left; margin:10px 0 0 -10px; } .tips .block3 .title { background:url(img/bg-tips.gif) 0 -45px no-repeat; } .tips .block5 .title { background:url(img/bg-tips.gif) 0 -90px no-repeat; } .tips .block3 .content { background:#cbf0ff;} .tips .block5 .content { background:#ffd75e;} .tips .block3 .bottom { background:url(img/bg-tips.gif) 0 -85px no-repeat; } .tips .block5 .bottom { background:url(img/bg-tips.gif) 0 -129px no-repeat; } .btn-print-tips { display:block; background:url(img/buttons.gif) 0 -262px no-repeat; width:27px; height:28px; float:left; text-indent:-9999px; margin-left:10px; } .btn-mailfriend-tips { display:block; background:url(img/buttons.gif) -27px -262px no-repeat; width:32px; height:24px; float:left; text-indent:-9999px; margin-left:10px; } /* BROWSEBUTTON */ .SI-FILES-STYLIZED label.cabinet { width: 110px; height: 12px; display: block; overflow: hidden;cursor: pointer; } .SI-FILES-STYLIZED .filebutton label.cabinet { background: url(img/btn-uploadfile.gif) 0 0 no-repeat; } .SI-FILES-STYLIZED .imagebutton label.cabinet { background: url(img/btn-uploadphoto.gif) 0 0 no-repeat; } .SI-FILES-STYLIZED label.cabinet input.file { position: relative; height: 100%; width: auto; opacity: 0; -moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); } } /* END screen media */ @media print { .do-not-print { display: none; } #comments { page-break-before: always; } body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; } h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; } h1 { font-size: 19pt; } h2 { font-size:17pt; } h3 { font-size:15pt; } h4,h5,h6 { font-size:12pt; } code { font: 10pt Courier, monospace; } blockquote { margin: 1.3em; padding: 1em; } img { display: block; margin: 1em 0; } a img { border: none; } table { margin: 1px; text-align:left; } th { border-bottom: 1px solid #333; font-weight: bold; } td { border-bottom: 1px solid #333; } th, td { padding: 4px 10px 4px 0; } caption { background: #fff; margin-bottom: 2em; text-align: left; } thead { display: table-header-group; } tr { page-break-inside: avoid; } a { text-decoration: none; color: black; } } /* END print media */