/********************** Algemeen ***********************/ * { margin: 0; padding: 0; } body, html { font: normal 12px 'Trebuchet MS'; line-height: 14px; color:#000000; height: 100%; margin: 0; } div.container { position: relative; width: 975px; padding:0; margin:0; border:0px; } /********************** Top Menu ***********************/ div.topmenu { float:left; background: url(images/menu_bg.jpg) repeat; font: normal 12px 'Trebuchet MS'; line-height: 32px; color:#000000; width: 937px; height: 32px; text-align: left; padding-left: 10px; display: inline; } div.topmenu a { font-weight:bold; color:#000000; text-decoration:none;} div.topmenu a:hover {color:#aaaaaa;} /********************** Left Menu ***********************/ div.menutitle { float:left; width: 175px; height: 32px; cursor:pointer; background: url(images/theader.jpg) no-repeat; text-align: center; margin-left: 8px; display: inline; } div.menutitlead { float:left; width: 175px; height: 32px; cursor:pointer; background: url(images/theaderad.jpg) no-repeat; text-align: center; margin-left: 8px; display: inline; } .submenu { } /********************** Plaatjes ***********************/ img { border: 0; margin: 0;} div.landimg img { width: 18px; height: 14px; border: 0px; padding-top: 3px; } img.help { vertical-align: top; } div.mmid img { width: 150px; height: 120px; border: 1px solid #cccccc; margin: 6px; } div.vs img, div.vm img { border: 0px; padding-left: 6px; } div.nieuws img, div.sites img { width: 200px; height: 150px; border: 2px solid #cccccc; } div.nieuws img:hover, div.sites img:hover { filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70; } /********************** Elementen ***********************/ ul { list-style: square; list-style-position: inside; line-height: 20px; text-align: left; text-transform: none; padding: 6px; margin: 2px; } ul.ad { list-style: square; list-style-position: inside; line-height: 16px; color:#000000; text-align: left; text-transform: none; padding-left: 6px; } form { font: normal 12px 'Trebuchet MS'; height: padding: 0; margin:0;} label { font: normal 12px 'Trebuchet MS'; float: left; width: 120px; line-height: 22px; text-align: left; margin: 0 15px 0 6px; } label.big { normal 12px 'Trebuchet MS'; float: left; width: 120px; line-height: 22px; text-align: left; margin: 10px 15px 0 6px; } input.checkbox { font: normal 12px 'Trebuchet MS'; text-align: left; margin-left: 2px; border:1px solid #cccccc; background-color: #ffffff; padding: 0px; vertical-align: top; width:20px; height:20px; overflow:hidden; } input.radio { font: normal 12px 'Trebuchet MS'; text-align: left; margin-left: 2px; border:1px solid #cccccc; background-color: #ffffff; padding: 0px; vertical-align: top; width:20px; height:20px; overflow:hidden; } input { font: normal 12px 'Verdana'; height: 18px; text-align: left; background-color: #f4f5f6; border: 1px solid #cccccc; margin-left: 6px; padding: 2px 2px 0 2px;} input.big { font: normal 12px 'Verdana'; height: 18px; text-align: left; background-color: #f4f5f6; border: 1px solid #cccccc; margin: 10px 0 0 6px; padding: 2px 2px 0 2px;} select { display:inline; float:left; height: 21px; overflow: none; text-align: left; background-color: #f4f5f6; min-width: 60px; border: 1px solid #cccccc; margin: 0 0 0 6px;} select.big { display:inline; float:left; height: 21px; overflow: none; text-align: left; background-color: #f4f5f6; min-width: 60px; border: 1px solid #cccccc; margin: 10px 0 0 6px;} textarea { font: normal 12px 'Verdana'; text-align: left; background-color: #f4f5f6; color: #8e8e8e; border: 1px solid #cccccc; margin-left: 6px;} textarea.big { font: normal 12px 'Verdana'; text-align: left; background-color: #f4f5f6; color: #8e8e8e; border: 1px solid #cccccc; margin: 10px 0 0 6px;} .knop { font: normal 12px 'Trebuchet MS'; cursor: pointer; height: 21px; border: 1px solid #cccccc; margin-bottom:4px; padding: 0 4px 4px 4px; outline: none; overflow: visible; } .knopb { font: normal 12px 'Trebuchet MS'; cursor: pointer; height: 21px; border: 1px solid #cccccc; margin: 10px 0 4px 6px; padding: 0 4px 4px 4px; outline: none; overflow: visible; } .button { font: normal 12px 'Trebuchet MS'; cursor: pointer; height: 21px; border: 1px solid #cccccc; margin-top: 10px; padding: 0 4px 4px 4px; outline: none; overflow: visible; } /********************** Fonts Basis ***********************/ a { text-decoration: underline; color: #000000; } a:hover, div.mwmid a:hover, div.mtop a:hover { color: #aaaaaa; } p { font: normal 12px 'Trebuchet MS'; line-height: 15px; padding: 0 6px 0 6px;} b, strong { font: bold 13px 'Trebuchet MS'; line-height: 22px; padding: 0 6px 0 6px;} span { font: normal 12px 'Trebuchet MS'; line-height: 22px; padding: 0 6px 0 6px;} /********************** Fonts Divers ***********************/ span.info { font: normal 12px 'Trebuchet MS'; line-height: 24px; text-align: left; vertical-align: middle; } div.amedium span, div.abig span, div.asmall span, div.amini span { font: normal 12px 'Trebuchet MS'; padding: 0 0 0 6px; } div.dries span, div.dries p, div.tweeleft span, div.tweeleft p { font: normal 12px 'Trebuchet MS'; line-height: 24px; text-align: left; } div.mwmid b { font: bold 13px 'Trebuchet MS'; line-height: 18px; color:#000000; } div.ftitel b { font: bold 14px 'Trebuchet MS'; line-height: 14px; padding-bottom: 4px; color:#000000; } div.nieuws b { font: bold 12px 'Trebuchet MS'; line-height: 22px; padding: 0;} div.adrieg { font: bold 12px 'Trebuchet MS'; line-height: 18px; padding: 0;} div.mtop b, div.menutitle b, div.menutitlead b, div.mtop a { font: bold 12px 'Trebuchet MS'; line-height: 32px; color:#000000; text-decoration: none; } div.mmid a { font: bold 12px 'Trebuchet MS'; line-height: 15px; padding: 6px 6px 0 6px; text-decoration: none; color: #000000; } div.mwmid a { font: normal 12px 'Trebuchet MS'; line-height: 18px; padding: 0 6px 0 6px; text-decoration: none; color: #000000; } a.si { font: bold 12px 'Trebuchet MS'; line-height: 22px; text-decoration: none; color: #000000; } a.vb { text-decoration: none; color: #000000; } a:hover.vb { text-decoration: underline; } p.leg { font: normal 11px 'Trebuchet MS'; line-height: 22px; color:#000000; } div.mmid p { font: normal 12px 'Trebuchet MS'; line-height: 16px; padding: 0 6px 6px 6px; color:#000000; } /********************** Content Blok ***********************/ div.contentblok { float: left; background: url(images/bg.jpg) repeat; font: normal 12px 'Trebuchet MS'; line-height: 15px; height:auto; display: inline; } div.content { float: left; width: 715px; margin: 12px 30px 0 10px; padding: 0px 0 40px 15px; display: inline; } /********************** Menu Links ***********************/ div.menuleft { float: left; width: 191px; height: 800px; margin: 10px 0 0 14px; display: inline; } div.language { float:left; background-color: #aaaaaa; width: 191px; height: 24px; text-align: left; margin: 0px 0 14px 0; overflow: hidden; display: inline; } div.language img:hover { filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70; } div.mtop { float:left; background: url(images/theader.jpg) no-repeat; width: 175px; height: 32px; text-align: center; margin-left: 8px; display: inline; } div.mmid { float:left; background: url(images/tbg.jpg) repeat; width: 175px; height: 150px; text-align: left; margin-left: 8px; padding-top: 6px; display: inline; } div.mwmid { float:left; background: url(images/tbg.jpg) repeat; width: 175px; text-align: left; margin-left: 8px; display: inline; } div.mbot { float:left; background: url(images/tfooter.jpg) no-repeat; width: 175px; height: 6px; margin-left: 8px; margin-bottom: 20px; display: inline; } div.mbots { float:left; background: url(images/tfooters.jpg) no-repeat; width: 175px; height: 3px; margin-left: 8px; margin-bottom: 20px; display: inline; } /********************** Drie kolommen (3x div.drie) kleine kolom links + grote rechts (div.drie + div.tweeleft) ***********************/ div.drie { float:left; font: normal 12px 'Trebuchet MS'; line-height: 25px; height: 25px; width: 238px; text-align: left; display: inline; } div.tweeleft { float:left; font: normal 12px 'Trebuchet MS'; line-height: 25px; height: 25px; width: 476px; text-align: left; display: inline; } /********************** Mini kolom links + grote rechts (div.dries + div.tweelefts) ***********************/ div.dries { float:left; font: normal 12px 'Trebuchet MS'; margin-top: 10px; height: 25px; width: 150px; text-align: left; display: inline; } div.tweelefts { float:left; font: normal 12px 'Trebuchet MS'; margin-top: 10px; height: 25px; width: 564px; text-align: left; display: inline; } div.driesb { float:left; font: normal 12px 'Trebuchet MS'; margin-top: 2px; height: 25px; width: 150px; text-align: left; display: inline; } div.tweeleftsb { float:left; font: normal 12px 'Trebuchet MS'; margin-top: 2px; height: 25px; width: 564px; text-align: left; display: inline; } /********************** 4 kleine kolommen te gebruiken in tweelefts (4x tweeint) ***********************/ div.tweeint { float:left; font: normal 12px 'Trebuchet MS'; line-height: 25px; height: 22px; width: 141px; text-align: left; display: inline; } /********************** 2 grote kolommen (in combinatie met tweeleft) ***********************/ div.tweeright { float:left; font: normal 12px 'Trebuchet MS'; line-height: 25px; height: 25px; width: 238px; text-align: left; display: inline; } /********************** 4 kolommen ***********************/ div.viertop { float:left; width: 178px; height: 22px; text-align: left; display: inline; } div.vierbottom { float:left; width: 178px; height: 22px; text-align: left; margin-bottom: 20px; display: inline; } div.viertop2 { float:left; width: 356px; height: 22px; text-align: left; display: inline; } div.vierbottom2 { float:left; width: 356px; height: 22px; text-align: left; margin-bottom: 20px; display: inline; } /********************** 4 kolommen (2 klein en 2 grote) ***********************/ div.vierk { float:left; width: 120px; height: 22px; text-align: left; margin-bottom: 20px; display: inline; } div.vierg { float:left; width: 236px; height: 22px; text-align: left; margin-bottom: 20px; display: inline; } /********************** 4 kolommen met 3 kleine tabellen en 1 grote ***********************/ div.vg { float:left; width: 395px; height: 22px; text-align: left; overflow: hidden; display: inline; } div.vs { float:left; width: 100px; height: 22px; text-align: left; display: inline; } /********************** 6 kolommen gebruik bovenstaande in combi met onderstaande ***********************/ div.vm { float:left; width: 55px; height: 22px; text-align: left; display: inline; } /********************** Hieronder vindt je de tabellen van alle losse paginas ***********************/ /* algemeen */ div.red { float:left; width: 709px; height: 22px; color: red; overflow: hidden; text-align: left; padding-left: 6px; display: inline; } div.green { float:left; width: 709px; height: 22px; color: green; overflow: hidden; text-align: left; padding-left: 6px; display: inline; } /* home.php */ div.titel { float:left; width: 715px; height: 22px; background-color: #f4f5f6; text-align: left; margin-bottom: 10px; display: inline; } div.mark { float:left; width: 715px; text-align: left; margin: 0 0 10px 0; display: inline; } div.text, div.prev { float:left; width: 715px;; text-align: left; display: inline; } div.prev img { border: 0; text-align: left; } /* nieuws.php */ div.nieuwsblok { float:left; width: 713px; text-align: left; margin: 0 0 20px 0; background-color: #f4f5f6; border: 1px solid #cccccc; display: inline; } div.nieuws { float:left; width: 600px; text-align: left; padding: 6px 6px 16px 6px; display: inline; } div.ntitel { float:left; width: 713px; height: 22px; background-color: #cccccc; text-align: left; margin-bottom: 10px; display: inline; } /* achtergrond plaatjes op de faq pagina */ div.fimg { float:left; background: url(images/news.button.root.gif) no-repeat; height: 18px; width: 18px; border: 0; margin-top: 4px; text-align: left; display: inline; } /* tarieven.php */ div.land { float:left; background-color: #f4f5f6; width: 170px; height: 22px; text-align: left; margin-bottom: 10px; display: inline; } div.land2 { float:left; width: 145px; height: 22px; line-height: 22px; text-align: left; display: inline; } div.land3 { float:left; width: 170px; height: 22px; text-align: left; display: inline; } div.land4 { float:left; width: 545px;; height: 22px; text-align: left; display: inline; } div.aantal { float:left; background-color: #f4f5f6; width: 109px; height: 22px; text-align: center; margin-bottom: 10px; display: inline; } div.aantal2 { float:left; width: 109px; height: 22px; line-height: 22px; text-align: center; display: inline; } div.landimg { float:left; width: 19px; height: 22px; padding-left: 6px; line-height: 22px; text-align: left; display: inline; } div.min { float:left; height: 22px; text-align: left; display: inline; } /* promotools.php */ div.vblok { float:left; width: 150px; height: 142px; text-align: center; margin-right: 60px; display: inline; } div.vb { float:left; width: 150px; height: 22px; text-align: center; margin-right: 8px; display: inline; } div.vbp { float:left; width: 150px; height: 120px; text-align: center; display: inline; } div.vbp img { width: 150px; height: 120px; border: 0px; } /* sites.php */ div.sites { float:left; width: 218px; height: 177px; text-align: center; margin-top: 5px; margin-bottom: 15px; margin-right: 20px; overflow: hidden; display: inline; } /* legal.php */ div.hniche { float:left; background-color: #cccccc; width: 115px; height: 22px; text-align: left; margin-bottom: 10px; display: inline; } div.hland { float:left; background-color: #cccccc; width: 75px; height: 22px; text-align: center; margin-bottom: 10px; display: inline; } div.hniche2 { float:left; width: 115px; height: 22px; text-align: left; display: inline; } div.hland2 { float:left; width: 75px; height: 22px; text-align: center; display: inline; } div.hniche2b { float:left; background-color: #f4f5f6; width: 115px; height: 22px; text-align: left; display: inline; } div.hland2b { float:left; background-color: #f4f5f6; width: 75px; height: 22px; text-align: center; display: inline; } /* mailx_webmaster.php */ div.xpid { float:left; width: 100px; height: 22px; background-color: #f4f5f6; text-align: left; margin-top: 10px; margin-bottom: 10px; display: inline; } div.xemail, div.xdatum, div.xinfo { float:left; width: 203px; height: 22px; background-color: #f4f5f6; text-align: left; margin-top: 10px; margin-bottom: 10px; display: inline; } div.xpidw { float:left; width: 100px; height: 22px; text-align: left; margin-left: 4px; display: inline; } div.xemailw, div.xdatumw, div.xinfow { float:left; width: 203px; height: 22px; text-align: left; display: center; } /* wms_faktuur.php */ div.fdatum { float:left; width: 100px; height: 22px; background-color: #f4f5f6; text-align: left; margin-top: 4px; display: inline; } div.fnr { float:left; width: 150px; height: 22px; background-color: #f4f5f6; text-align: left; margin-top: 4px; display: inline; } div.fperiode { float:left; width: 165px; height: 22px; background-color: #f4f5f6; text-align: left; margin-top: 4px; display: inline; } div.fbedrag { float:left; width: 100px; height: 22px; background-color: #f4f5f6; text-align: left; margin-top: 4px; display: inline; } div.fshow, div.fsave { float:left; width: 100px; height: 22px; background-color: #f4f5f6; text-align: left; margin-top: 4px; display: inline; } div.fdatumc { float:left; width: 100px; height: 22px; text-align: left; display: inline; } div.fnrc { float:left; width: 150px; height: 22px; text-align: left; display: inline; } div.fperiodec { float:left; width: 165px; height: 22px; text-align: left; display: inline; } div.fbedragc { float:left; width: 300px; height: 22px; text-align: left; display: inline; } div.fperiodeca { float:left; width: 165px; height: 22px; text-align: left; margin-left: 250px; display: inline; } /* banners */ div.banner { float:left; width: 711px; margin: 10px 0 10px 0; margin-left: 4px; text-align: left; display: inline; } div.bannertext { float:left; width: 715px; height: 22px; text-align: left; margin-top: 10px; display: inline; } div.bannercode { float:left; width: 715px; text-align: left; display: inline; } div.bannerbutton { float:left; width: 715px; padding: 10px 0 10px 0; text-align: left; display: inline; } /* niche blok */ div.multi { float:left; width: 141px; margin-left: 2px; text-align: left; display: inline; } div.multi2 { float:left; width: 282px; margin-left: 2px; text-align: left; display: inline; } div.multiblok { float:left; width: 715px; margin-bottom: 10px; text-align: left; display: inline; } /* galleries */ div.gtitel { float:left; background-color: #f4f5f6; height: 22px; width: 715px; text-align: left; margin: 10px 0 10px 0; display: inline; } div.gblok { float:left; width: 713px; margin-bottom: 10px; background-color: #f4f5f6; border: 1px solid #cccccc; text-align: left; display: inline; } div.promo { float:left; overflow: hidden; width: 110px; height: 22px; text-align: left; display: inline; } div.gtext { float:left; width: 603px; height: 22px; line-height: 22px; text-align: left; display: inline; } /* mailx */ div.marea { float:left; width: 715px; margin-top: 10px; margin-bottom: 10px; text-align: left; display: inline; } div.mblok { float:left; width: 709px; margin-left: 6px; margin-bottom: 10px; text-align: left; display: inline; } /* footer */ div.footer { background: url(images/footer_bg.jpg) repeat; font: normal 12px 'Trebuchet MS'; line-height: 32px; width: 947px; height: 32px; text-align: center; } div.footer p, div.footer a { font: normal 9px 'Trebuchet MS'; color: #000000; text-decoration: none; padding: 8px; } div.footer a:hover {color:#ffffff;} /********************** admin styles ***********************/ /****************************************************************/ /********************** 3 kolommen (klein - groot - klein) ***********************/ div.adries { float:left; background-color: #cccccc; border-bottom: 1px solid #f4f5f6; width: 40px; height: 24px; padding-top: 6px; text-align: center; display: inline; } div.adrieg { float:left; background-color: #cccccc; border-bottom: 1px solid #f4f5f6; width: 635px; height: 24px; padding-top: 6px; text-align: center; text-transform: uppercase; display: inline; } /********************** 8 kolommen ***********************/ div.abig { float:left; width: 230px; height: 35px; padding-top: 2px; text-align: left; overflow: hidden; display: inline; } div.amedium { float:left; width: 115px; height: 35px; padding-top: 2px; text-align: left; overflow: hidden; display: inline; } div.asmall { float:left; width: 75px; height: 35px; padding-top: 2px; text-align: center; overflow: hidden; display: inline; } div.amini { float:left; width: 35px; height: 35px; padding-top: 2px; text-align: center; overflow: hidden; display: inline; } /********************** 8 kolommen wallet ***********************/ div.abigw { float:left; width: 210px; height: 35px; padding-top: 2px; text-align: left; overflow: hidden; display: inline; } div.amediumw { float:left; width: 100px; height: 35px; padding-top: 2px; text-align: left; overflow: hidden; display: inline; } div.asmallw { float:left; width: 110px; height: 35px; padding-top: 2px; text-align: left; overflow: hidden; display: inline; } /********************** 5 kolommen waarvan mini (.amini) ***********************/ div.avijf { float:left; width: 215px; height: 22px; padding-top: 2px; text-align: left; overflow: hidden; display: inline; } div.aminiv { float:left; width: 35px; height: 22px; padding-top: 2px; text-align: center; overflow: hidden; display: inline; } /********************** 7 kolommen waarvan 4 mini (.aminiv) ***********************/ div.azeven { float:left; width: 190px; height: 22px; padding-top: 2px; text-align: left; overflow: hidden; display: inline; } div.azevenb { float:left; width: 195px; height: 22px; padding-top: 2px; text-align: left; overflow: hidden; display: inline; } /********************** rode titel balk ***********************/ div.atitel { float:left; width: 715px; height: 22px; background-color: #eecfcd; text-align: left; margin: 10px 0 10px 0; display: inline; } /********************** 4 kolommen waarvan 1 kleine ***********************/ div.avier { float:left; width: 180px; height: 26px; line-height: 26px; text-align: left; padding-top: 6px; display: inline; } div.avierb { float:left; width: 115px; height: 26px; line-height: 26px; text-align: left; padding-top: 6px; display: inline; } div.avierc { float:left; width: 240px; height: 26px; line-height: 26px; text-align: left; padding-top: 6px; display: inline; } /********************** 4 kolommen waarvan 2 kleine 1 middel en 1 grote***********************/ div.avk { float:left; width: 80px; height: 26px; line-height: 26px; text-align: left; padding-top: 6px; display: inline; } div.avm { float:left; width: 155px; height: 26px; line-height: 26px; text-align: left; padding-top: 6px; display: inline; } div.avg { float:left; width: 400px; height: 26px; line-height: 26px; text-align: left; padding-top: 6px; overflow: hidden; display: inline; } div.avgg { float:left; width: 475px; height: 26px; line-height: 26px; text-align: left; padding-top: 6px; overflow: hidden; display: inline; } /********************** 3 kolommen waarvan 1 kleine + omranding ***********************/ div.adriek { float:left; width: 113px; height: 26px; line-height: 26px; text-align: left; overflow: hidden; display: inline; } div.adriem { float:left; width: 200px; height: 26px; line-height: 26px; text-align: left; overflow: hidden; display: inline; } div.adrieb { float:left; width: 400px; height: 26px; line-height: 26px; text-align: left; overflow: hidden; display: inline; } div.adrieblok { float:left; width: 713px; border: 1px solid #cccccc; margin-top: 20px; display: inline; }