/* ################################################## */ /* Made by: www.DIRECT BASING.com */ /* Semantisch correcte xHTML Basing */ /* ################################################## */ /* ### GENERAL ### */ * { padding: 0px; margin: 0px; } html, body { font-family: Verdana; font-size: 11px; color: #8c806e; } input, select, textarea { font-family: Verdana; font-size: 11px; color: #8c806e; } body { background: #fff; } img { border: 0px; } /* ### GLOBAL CLASSES ### */ .clear { clear: both; height: 0px; overflow: hidden; } /* ### WRAPPER ### */ #wrapper { position: relative; display: block; width: 100%; min-height: 100%; } /* ### MAIN CONTAINER ### */ #mainCntr { padding-bottom: 30px; margin: 0 auto; width: 960px; overflow: hidden; } #mainCntr #left { padding-bottom: 40px; width: 682px; float: left; } #mainCntr #right { padding-left: 12px; padding-top: 13px; float: right; width: 248px; background: url('../images/right-bg.png') top left repeat-x; } /* ### HEADER CONTAINER ### */ #headerCntr { position: relative; width: 682px; height: 198px; } #headerCntr h1 { padding: 42px 0px 0px 14px; float: left; } #headerCntr h1 span { padding-top: 2px; display: block; text-align: right; font-size: 14px; color: #262425; } #headerCntr h1 a { display: block; width: 307px; height: 75px; text-indent: -9999px; background: url('../images/logo.jpg') no-repeat; } /* ### CATEGORY BOX ### */ .categoriesBox { padding-top: 38px; font-family: Georgia; float: right; } .categoriesBox h2 { padding-left: 8px; padding-bottom: 5px; font-size: 18px; font-weight: normal; color: #a8252a; } .categoriesBox ul { list-style: none; overflow: hidden; padding-left: 4px; } .categoriesBox li { padding-left: 4px; float: left; } .categoriesBox li a { display: block; font-size: 11px; color: #262425; text-align: center; width: 55px; height: 75px; float: left; text-decoration: none; } .categoriesBox li a span { padding-top: 57px; display: block; } .categoriesBox li a.mensen { background: url('../images/mensen-headingbg.jpg') top left no-repeat; } .categoriesBox li a.eten { background: url('../images/eten-headingbg.jpg') top left no-repeat; } .categoriesBox li a.objecten { background: url('../images/objecten-headingbg.jpg') top left no-repeat; } .categoriesBox li a.humor { background: url('../images/humor-headingbg.jpg') top left no-repeat; } .categoriesBox li a.kids { background: url('../images/kids-headingbg.jpg') top left no-repeat; } .categoriesBox li a.mobiel { background: url('../images/mobiel-headingbg.jpg') top left no-repeat; } .categoriesBox li a:hover span { text-decoration: underline; } /* ### MENU CONTAINER ### */ #menuCntr { padding-top: 13px; width: 682px; height: 25px; background: url('../images/menu-bg.gif') bottom left repeat-x; } #menuCntr ul { padding-left: 5px; list-style: none; overflow: hidden; } #menuCntr li { padding: 0px 10px; float: left; font-size: 12px; line-height: 25px; height: 25px; background: url('../images/menu-sep.gif') right no-repeat; } #menuCntr li a { text-decoration: none; color: #fff; } #menuCntr li a:hover { text-decoration: underline; } #menuCntr li.last { background: none; } /* ### CONTENT CONTAINER ### */ #contentCntr { padding-top: 10px; overflow: hidden; width: 682px; } /* ### CENTER CONTAINER ### */ #centerCntr { float: left; width: 682px; } /* ### FOTO BOX ### */ .fotoBox { padding-bottom: 10px; width: 682px; overflow: hidden; } .fotoBox .left { padding-left: 0px; width: 457px; overflow: hidden; float: left; } .fotoBox .right { float: right; width: 183px; margin-right: 21px; } .fotoBox img { float: right; margin-top: 20px; } .fotoBox ul { list-style: none; width: 248px; float: left; } .fotoBox li { margin-bottom: 5px; overflow: hidden; width: 248px; height: 41px; line-height: 41px; background: url('../images/foto-linkbg.gif') top left no-repeat; } .fotoBox li a { text-decoration: none; font-size: 12px; color: #fff; font-weight: bold; } .fotoBox li a:hover { text-decoration: underline; } .fotoBox li span { padding-right: 9px; display: block; float: left; color: #fff; width: 41px; font-size: 22px; font-family: Arial; text-align: center; line-height: 41px; height: 41px; background: url('../images/number-bg.gif') top left no-repeat; } .fotoBox h2 { padding-bottom: 10px; padding-left: 17px; color: #727070; font-size: 20px; } .fotoBox a.doe { display: block; width: 183px; height: 129px; text-indent: -99999px; background: url('../images/doe-link-bg.jpg') top left no-repeat; } .fotoBox a:hover { text-decoration: underline; } /* ### MANSEN BOX ### */ .mensenBox { margin-top: 10px; width: 680px; height: 100px; overflow: hidden; border: 1px solid #8dc73f; } .mensenBox .text { padding-top: 13px; float: right; width: 205px; font-family: 'Times New Roman', Arial; } .mensenBox h2 { padding-top: 80px; font-family: 'Times New Roman', Arial; width: 96px; float: left; height: 20px; font-size: 14px; color: #fff; font-weight: normal; text-align: center; color: #fff; background: url('../images/mensen-headingbg.jpg') 13px 8px no-repeat #8dc73f; } .mensenBox ul.foto { padding-top: 11px; padding-left: 9px; list-style: none; overflow: hidden; float: left; width: 295px; } .mensenBox ul.foto li { padding-right: 10px; float: left; } .mensenBox ul.foto li p { padding-top: 7px; font-size: 11px; } .mensenBox ul.foto li a { padding: 0px; text-decoration: none; color: #000; } .mensenBox ul.foto li a:hover { text-decoration: underline; } .mensenBox a.doe { padding: 15px 9px 0px 15px; line-height: 20px; text-decoration: none; color: #9ec54e; font-size: 21px; font-family: 'Times New Roman', Arial; display: block; height: 100px; float: left; border-right: 1px solid #8dc73f; border-left: 1px solid #8dc73f; background: url('../images/green-arrow.jpg') 15px 60px no-repeat; } .mensenBox h3 { font-size: 16px; font-weight: normal; color: #8cc63f; font-weight: normal; } .mensenBox h3 span { display: block; font-size: 20px; line-height: 20px; } .mensenBox p { color: #8dc73f; font-size: 14px; } .mensenBox a.first { padding-left: 0px; } .mensenBox a { padding: 0px 3px; text-decoration: none; color: #8dc73f; } .mensenBox a:hover { text-decoration: underline; } /* ### ETEN BOX ### */ .etenBox { margin-top: 10px; width: 680px; height: 100px; overflow: hidden; border: 1px solid #ba205b; } .etenBox .text { padding-top: 13px; float: right; width: 205px; font-family: 'Times New Roman', Arial; } .etenBox h2 { padding-top: 80px; font-family: 'Times New Roman', Arial; width: 96px; float: left; height: 20px; font-size: 14px; color: #fff; font-weight: normal; text-align: center; color: #fff; background: url('../images/eten-headingbg.jpg') 13px 8px no-repeat #d91a5d; } .etenBox ul.foto { padding-top: 11px; padding-left: 9px; list-style: none; overflow: hidden; float: left; width: 295px; } .etenBox ul.foto li { padding-right: 10px; float: left; } .etenBox ul.foto li p { padding-top: 7px; font-size: 11px; } .etenBox ul.foto li a { text-decoration: none; color: #000; } .etenBox ul.foto li a:hover { text-decoration: underline; } .etenBox a.doe { padding: 15px 9px 0px 15px; line-height: 20px; text-decoration: none; color: #ba205b; font-size: 21px; font-family: 'Times New Roman', Arial; display: block; height: 100px; float: left; border-right: 1px solid #ba205b; border-left: 1px solid #ba205b; background: url('../images/red-arrow.jpg') 15px 60px no-repeat; } .etenBox h3 { font-size: 16px; font-weight: normal; color: #ba205b; font-weight: normal; } .etenBox h3 span { display: block; font-size: 20px; line-height: 20px; } .etenBox p { color: #ba205b; font-size: 14px; } .etenBox a { text-decoration: none; color: #ba205b; } .etenBox a:hover { text-decoration: underline; } /* ### OBJECTEN BOX ### */ .objectenBox { margin-top: 10px; width: 680px; height: 100px; overflow: hidden; border: 1px solid #4067ae; } .objectenBox .text { padding-top: 13px; float: right; width: 205px; font-family: 'Times New Roman', Arial; } .objectenBox h2 { padding-top: 80px; font-family: 'Times New Roman', Arial; width: 96px; float: left; height: 20px; font-size: 14px; color: #fff; font-weight: normal; text-align: center; color: #fff; background: url('../images/objecten-headingbg.jpg') 13px 8px no-repeat #4067ae; } .objectenBox ul.foto { padding-top: 11px; padding-left: 9px; list-style: none; overflow: hidden; float: left; width: 295px; } .objectenBox ul.foto li { padding-right: 10px; float: left; } .objectenBox ul.foto li p { padding-top: 7px; font-size: 11px; } .objectenBox ul.foto li a { text-decoration: none; color: #000; } .objectenBox ul.foto li a:hover { text-decoration: underline; } .objectenBox a.doe { padding: 15px 9px 0px 15px; line-height: 20px; text-decoration: none; color: #4067ae; font-size: 21px; font-family: 'Times New Roman', Arial; display: block; height: 100px; float: left; border-right: 1px solid #4067ae; border-left: 1px solid #4067ae; background: url('../images/blue-arrow.jpg') 15px 60px no-repeat; } .objectenBox h3 { font-size: 16px; font-weight: normal; color: #4067ae; font-weight: normal; } .objectenBox h3 span { display: block; font-size: 20px; line-height: 20px; } .objectenBox p { color: #4067ae; font-size: 14px; } .objectenBox a { text-decoration: none; color: #4067ae; } .objectenBox a:hover { text-decoration: underline; } /* ### HUMOR BOX ### */ .humorBox { margin-top: 10px; width: 680px; height: 100px; overflow: hidden; border: 1px solid #e0932f; } .humorBox .text { padding-top: 13px; float: right; width: 205px; font-family: 'Times New Roman', Arial; } .humorBox h2 { padding-top: 80px; font-family: 'Times New Roman', Arial; width: 96px; float: left; height: 20px; font-size: 14px; color: #fff; font-weight: normal; text-align: center; color: #fff; background: #f3951b url('../images/humor-headingbg.jpg') 13px 8px no-repeat; } .humorBox ul.foto { padding-top: 11px; padding-left: 9px; list-style: none; overflow: hidden; float: left; width: 295px; } .humorBox ul.foto li { padding-right: 10px; float: left; } .humorBox ul.foto li p { padding-top: 7px; font-size: 11px; } .humorBox ul.foto li a { text-decoration: none; color: #000; } .humorBox ul.foto li a:hover { text-decoration: underline; } .humorBox a.doe { padding: 15px 9px 0px 15px; line-height: 20px; text-decoration: none; color: #e0932f; font-size: 21px; font-family: 'Times New Roman', Arial; display: block; height: 100px; float: left; border-right: 1px solid #e0932f; border-left: 1px solid #e0932f; background: url('../images/orange-arrow.jpg') 15px 60px no-repeat; } .humorBox h3 { font-size: 16px; font-weight: normal; color: #e0932f; font-weight: normal; } .humorBox h3 span { display: block; font-size: 20px; line-height: 20px; } .humorBox p { color: #e0932f; font-size: 14px; } .humorBox a { text-decoration: none; color: #e0932f; } .humorBox a:hover { text-decoration: underline; } /* ### AD BOX ### */ .adBox { padding-top: 13px; margin-bottom: 20px; width: 236px; background: url('../images/right-topbg.png') top left no-repeat; } .adBox .bottom { padding-bottom: 13px; width: 236px; background: url('../images/right-bottombg.png') bottom left no-repeat; } .adBox .middle { width: 236px; background: #fff; text-align: center; } .adBox h4 { padding-left: 10px; padding-bottom: 10px; text-align: left; font-size: 10px; font-weight: normal; color: #272525; } /* ### OBJECT BOX ### */ .objectBox { padding-top: 20px; border-top: 1px solid #a5a7a9; width: 236px; } .objectBox h2 { padding-bottom: 9px; font-weight: normal; color: #a8252a; font-size: 18px; font-family: Georgia; } .objectBox form { display: block; } .objectBox fieldset { border: none; overflow: hidden; } .objectBox label { display: block; font-size: 10px; float: left; line-height: 22px; width: 62px; color: #272525; font-weight: bold; color: #272525; } .objectBox select { padding: 3px; margin-bottom: 2px; font-size: 10px; color: #272525; float: left; width: 164px; height: 22px; border: 1px solid #879cb7; } .objectBox p { overflow: hidden; width: 236px; } .objectBox input.bekijk-button { margin-left: 62px; font-size: 10px; font-weight: bold; border: none; cursor: pointer; color: #fff; width: 164px; height: 22px; background: #61a8c1; } /* ### CONTACT CONTAINER ### */ #contactCntr { overflow: hidden; width: 670px; } #contactCntr .left { float: left; width: 260px; position: relative; } #contactCntr .right { float: right; width: 365px; } /* ### FORM BOX ### */ .formBox { padding-bottom: 30px; width: 260px; } .formBox h2 { padding-bottom: 10px; overflow: hidden; width: 248px; color: #fff; font-size: 14px; height: 41px; line-height: 41px; background: url('../images/foto-linkbg.gif') top left no-repeat; } .formBox h3 { padding-left: 48px; padding-bottom: 10px; font-size: 12px; color: #b2b2b2; } .formBox h2 span { padding-right: 9px; display: block; float: left; color: #fff; width: 41px; font-size: 22px; font-family: Arial; text-align: center; line-height: 41px; height: 41px; background: url('../images/number-bg.gif') top left no-repeat; } .formBox form { display: block; } .formBox fieldset { border: none; overflow: hidden; } .formBox label { padding-right: 7px; height: 21px; line-height: 21px; font-size: 12px; color: #b2b2b2; font-weight: bold; display: block; float: left; text-align: right; font-weight: bold; width: 78px; } .formBox label.last { line-height: 18px; } .formBox input.field { padding: 3px; color: #b2b2b2; margin-bottom: 5px; float: left; width: 141px; height: 13px; border: 1px solid #879cb7; background: #fff; } .formBox textarea { padding: 3px; margin-bottom: 5px; float: left; width: 141px; height: 103px; border: 1px solid #879cb7; background: #fff; } .formBox select { padding: 2px; margin-bottom: 5px; float: left; width: 149px; height: 21px; border: 1px solid #879cb7; } .formBox input.file-field { margin-bottom: 5px; height: 21px; width: 147px; float: left; } .formBox object { margin-bottom: 3px; } .formBox input.bevestig-button { margin-top: 5px; margin-left: 85px; cursor: pointer; font-size: 14px; font-family: 'Times New Roman', Arial; height: 38px; width: 144px; color: #fff; font-weight: bold; height: 42px; border: 2px solid #859e39; background: url('../images/button-bg.jpg') top left repeat-x; } .formBox input.verstuur-button { padding-left: 45px; margin-top: 5px; margin-left: 85px; cursor: pointer; font-size: 14px; font-family: 'Times New Roman', Arial; height: 38px; width: 177px; color: #fff; font-weight: bold; height: 42px; border: none; text-align: left; background: url('../images/verstuur-button.jpg') top left repeat-x; } /* ### IMAGE BOX ### */ .imageBox { padding: 3px; width: 356px; /*height: 226px;*/ border: 1px solid #a8252a; overflow: hidden; } /* ### DETAIL BOX ### */ .detailBox { padding: 14px 0px 50px 25px; margin-top: 5px; border: 1px solid #a8252a; width: 338px; } .detailBox ul { list-style: none; } .detailBox li { padding-bottom: 10px; font-size: 12px; overflow: hidden; width: 331px; font-weight: bold; color: #a8252a; } .detailBox li p { width: 245px; float: left; } .detailBox li a { text-decoration: none; color: #a8252a; } .detailBox li span { padding-right: 10px; color: #b2b2b2; text-align: right; display: block; float: left; width: 65px; } .detailBox li a:hover { text-decoration: underline; } /* ### SOCIAL BOX ### */ .socialBox { padding-top: 30px; width: 260px; } .socialBox ul { list-style: none; overflow: hidden; } .socialBox li { padding: 3px; border: 1px solid #cdd6e1; margin-bottom: 4px; margin-right: 18px; float: left; } .socialBox li a { display: block; width: 92px; height: 34px; text-indent: -9999px; } .socialBox h3 { padding-bottom: 5px; font-size: 12px; color: #b2b2b2; } .socialBox li a.hyves { background: url('../images/hyves-icon.jpg') top left no-repeat; } .socialBox li a.flicker { background: url('../images/flicker-icon.jpg') top left no-repeat; } .socialBox li a.fb { background: url('../images/fb-icon.jpg') top left no-repeat; } .socialBox li a.twitter { background: url('../images/twitter-icon.jpg') top left no-repeat; } /* ### LEFT CONTAINER ### */ #leftCntr { float: left; width: 364px; } #leftCntr h2 { padding-bottom: 5px; padding-left: 7px; font-family: Georgia; font-size: 18px; font-weight: normal; color: #a8252a; } /* ### RIGHT CONTAINER ### */ #rightCntr { float: right; width: 300px; } #rightCntr h2 { padding-bottom: 5px; padding-left: 7px; font-family: Georgia; font-size: 14px; font-weight: normal; margin-bottom: 4px; } #rightCntr h2 span { font-size: 18px; font-weight: bold; } #rightCntr h2.mensen { color: #8cc63f; } #rightCntr h2.eten { color: #d91c5c; } #rightCntr h2.objecten { color: #2a3990; } #rightCntr h2.humor { color: #f7931e; } #rightCntr h2.kids { color: #b467aa; } #rightCntr h2.mobiel { color: #48a5b5; } /* ### PICTURE BOX ### */ .pictureBox { padding: 5px; padding-bottom: 0px; margin-bottom: 12px; overflow: hidden; border: 1px solid #4067ae; width: 288px; } .pictureBox h4 { color: #4067ae; font-size: 10px; } .pictureBox p { padding-bottom: 10px; font-size: 10px; color: #4067ae; line-height: 15px; } .pictureBox p.last { padding-bottom: 0px; } .pictureBox img.picture { padding-top: 0px; float: right; } .pictureBox a { color: #4067ae; text-decoration: none; } .pictureBox a:hover { text-decoration: underline; } .pictureBox .border { padding: 5px; font-weight: bold; overflow: hidden; margin: 0px -5px; border-top: 1px solid #4067ae; width: 288px; } .pictureBox img { padding-top: 2px; float: left; } .pictureBox span { float: right; font-weight: bold; } /* ### RESULT BOX ### */ .resultBox { padding: 5px; width: 290px; overflow: hidden; background: #4067ae; } .resultBox .pagination { float: left; width: 104px; overflow: hidden; } .resultBox ul { padding-top: 7px; list-style: none; overflow: hidden; width: 108px; } .resultBox li { padding-right: 4px; font-size: 10px; float: left; color: #fff; font-weight: bold; } .resultBox li a { color: #fff; text-decoration: none; font-weight: bold; } .resultBox li a:hover { text-decoration: underline; } .resultBox a.prev { display: block; float: left; font-size: 10px; color: #fff; font-weight: bold; } .resultBox a.next { display: block; float: right; font-size: 10px; color: #fff; font-weight: bold; } .resultBox span.inactivePrev { display: block; float: left; font-size: 10px; color: #8694ae; font-weight: bold; } .resultBox span.inactiveNext { display: block; float: right; font-size: 10px; color: #8694ae; font-weight: bold; } .resultBox a:hover { text-decoration: none; } .resultBox form { float: right; width: 175px; display: block; font-size: 10px; } .resultBox fieldset { border: none; overflow: hidden; } .resultBox p { padding-left: 4px; float: left; } .resultBox label { padding-left: 4px; padding-bottom: 4px; display: block; color: #fff; font-weight: bold; } .resultBox select { padding: 3px; font-size: 10px; border: 1px solid #889db6; width: 101px; height: 22px; color: #262426; } .resultBox select.result { width: 66px; } /* ### FOOTER CONTAINER ### */ #footerCntr { padding: 0px 15px; overflow: hidden; height: 171px; width: 930px; background: url('../images/footer-bg.jpg') top left no-repeat; } #footerCntr ul.links { padding-top: 8px; list-style: none; float: right; overflow: hidden; } #footerCntr ul.links li { padding: 0px 5px; float: left; height: 25px; line-height: 25px; background: url('../images/footer-sep.jpg') right no-repeat; } #footerCntr ul.links li a { color: #fff; text-decoration: none; } #footerCntr ul.links li a:hover { text-decoration: underline; } #footerCntr ul.links li.last { background: none; } /* ### LINK BOX ### */ .linkBox { width: 930px; } .linkBox ul { list-style: none; overflow: hidden; } .linkBox li { padding: 0px 10px; float: left; font-size: 12px; line-height: 27px; height: 27px; background: url('../images/menu-sep.gif') right no-repeat; } .linkBox li a { text-decoration: none; color: #fff; } .linkBox li a:hover { text-decoration: underline; } .linkBox li.last { background: none; } /* ### BANNER BOX ### */ .bannerBox { padding-top: 15px; margin: auto; width: 915px; height: 96px; background: url('../images/banner-boxbg.jpg') bottom left no-repeat; } .bannerBox h4 { padding-left: 10px; padding-bottom: 14px; font-size: 10px; color: #fff; font-weight: normal; } .bannerBox ul { padding-left: 5px; list-style: none; overflow: hidden; } .bannerBox li { padding: 0px 9px; float: left; height: 60px; background: url('../images/banner-boxsep.jpg') right 5px no-repeat; } .bannerBox li.last { background: none; } .detailBox { visibility: hidden; } #namelijk { display: none; } #step2 { display: none; } #step3 { display: none; } .socialBoxStep3 { display: none; } .formBox span.completed { display: block; position: absolute; width: 35px; height: 32px; text-indent: -9999px; right: -35px; /*top: 0px;*/ background: url('../images/right-icon.jpg') top left no-repeat; } .formBox span.completed { background-image: none; } .mensenBox ul.foto li p a, .etenBox ul.foto li p a, .objectenBox ul.foto li p a, .humorBox ul.foto li p a { display: block; width: 75px; margin-right: 13px; overflow: hidden; white-space: nowrap; } /* .mensenBox ul.foto li p a, .etenBox ul.foto li p a, .objectenBox ul.foto li p a, .humorBox ul.foto li p a { white-space: normal; height: 13px; } */ .mensenBox ul.foto li p, .etenBox ul.foto li p, .objectenBox ul.foto li p, .humorBox ul.foto li p { background-image: url('../images/...gif'); background-position: bottom right; background-repeat: no-repeat; } #foto_medium { display: block; width: 350px; overflow: hidden; } /* Category-specific pages */ .typeMensen { background-image: url('../images/mensen-middlebg.gif'); } .typeMensen .top { background-image: url('../images/mensen-topbg.gif'); } .typeMensen .bottom { background-image: url('../images/mensen-bottombg.gif'); } .typeEten { background-image: url('../images/eten-middlebg.gif'); } .typeEten .top { background-image: url('../images/eten-topbg.gif'); } .typeEten .bottom { background-image: url('../images/eten-bottombg.gif'); } .typeObjecten { background-image: url('../images/objecten-middlebg.gif'); } .typeObjecten .top { background-image: url('../images/objecten-topbg.gif'); } .typeObjecten .bottom { background-image: url('../images/objecten-bottombg.gif'); } .typeHumor { background-image: url('../images/humor-middlebg.gif'); } .typeHumor .top { background-image: url('../images/humor-topbg.gif'); } .typeHumor .bottom { background-image: url('../images/humor-bottombg.gif'); } .reactiesBox { border-bottom:1px solid #FFFFFF; border-top:1px solid #FFFFFF; margin:10px -7px 0; padding:6px 7px; width:350px; } .reactiesBox p { font-weight: bold; } .reactiesBox p span { display: block; font-size: 10px; font-weight: normal; margin-bottom: 10px; } .reactieForm h2 { color: #fff !important; margin-top: 6px; } .reactieForm label { color: #fff; font-weight: bold; line-height: 25px; } .reactieForm input[type="text"] { height: 23px; line-height:23px; border: 1px solid #fff; color: #b2b2b2; } .reactieForm input.inputNaam { width: 292px; padding: 0 3px; margin-left: 6px; } .reactieForm input.inputEmail { width: 292px; padding: 0 3px; margin-left: 7px; margin-top: 10px; } .reactieForm textarea { border: 1px solid #fff; width: 345px; height: 148px; color: #8c806e; font-family: Verdana, Geneva, sans-serif; margin: 10px 0; } .reactieForm .labelCaptcha { width: auto; float: left; height: 25px; margin-right: 8px; color: #fff; font-weight: bold; line-height: 25px; } .reactieForm .inputCaptcha { height: 23px; width: 123px; margin-right: 0px !important; font-weight: normal !important; } .reactieForm input[type="submit"] { margin: 10px 0 10px 203px; cursor: pointer; font-size: 14px; font-family: Georgia, 'Times New Roman', Arial; height: 38px; width: 144px; color: #fff; font-weight: bold; height: 42px; border: 2px solid #859e39; background: url('../images/button-bg.jpg') top left repeat-x; } /* Contact form */ #contactForm { margin-top: 18px; margin-left: 140px; } #contactForm label { clear: left; width: 100px; line-height: 18px; float: left; display: block; } #contactForm input[type="text"] { height: 18px; line-height: 18px; width: 240px; float: left; margin-left: 5px; display: block; color: #000; margin-bottom: 6px; } #contactForm textarea { clear: left; display: block; width: 345px; height: 120px; color: #000; } #contactForm input[type="submit"] { margin: 10px 0 10px 203px; cursor: pointer; font-size: 14px; font-family: Georgia, 'Times New Roman', Arial; height: 38px; width: 144px; color: #fff; font-weight: bold; height: 42px; border: 2px solid #859e39; background: url('../images/button-bg.jpg') top left repeat-x; } .itemBox .rating { height: 60px; padding: 0 0 10px 7px; } .itemBox .rating img.socialImg { margin-right: 16px; margin-top: 6px; } .mensenBox .text, .etenBox .text, .objectenBox .text, .humorBox .text { cursor: pointer; } .mensenBox .text *, .etenBox .text *, .objectenBox .text *, .humorBox .text * { cursor: pointer; } .mensenBox .text a, .mensenBox .text a:hover, .etenBox .text a, .etenBox .text a:hover { text-decoration: none; } .objectenBox .text a, .objectenBox .text a:hover, .humorBox .text a, .humorBox .text a:hover { text-decoration: none; } #contentBox { padding: 12px 28px 0 58px; color: #727070; } #contentBox h2 { margin-bottom: 12px; } #contentBox p { line-height: 16px; margin-bottom: 12px; } #contentBox ul, #contentBox ol { margin: 12px 0 12px 15px; line-height: 16px; } .clear { clear: both; } .detailBox p { margin-bottom: 15px; line-height: 15px; } .detailBox p a { font-weight: bold; color: #727070; } .detailBox3 { margin-bottom: 12px; padding-bottom: 14px !important; } .labelbuster { z-index:2; width:200px; height: 10px; background-color:#fff; } #dynamicRating, .dynamicRating { text-indent: 6px; } #spacerBox { height: 30px; } .ratingMore { width: 151px; } span.stiekemNotBold { float:none !important; display:inline !important; font-weight: normal !important; } .zoom { position: absolute; margin-left: 275px; margin-top: 8px; z-index: 2; } /* Nieuws blok */ div.nieuwsBox { margin-top: 10px; width: 667px; height: 99px; overflow: hidden; border: 1px solid #b3b3b3; } div.nieuwsBox img { float: left; margin-right: 10px; } div.nieuwsBox img.lower { margin-top: 26px; } div.nieuwsBox p { float: left; margin-top: 34px; width: 239px; margin-right: 10px; color: #727070; font-size: 10px; line-height: 13px; } div.nieuwsBox p a h2, div.nieuwsBox p h2, div.nieuwsBox p h2 a, div.nieuwsBox p * { font-weight: bold; margin-bottom: 0; font-size: 10px; color: #000; } div.nieuwsBox ul { float: left; width: 190px; border-left: 1px solid #b3b3b3; height: 89px; padding-top: 16px; padding-left: 16px; list-style-type: none; font-size: 10px; /*background-color: #ff9;*/ } div.nieuwsBox li.first { margin-bottom: 30px; } div.nieuwsBox li a { text-decoration: none; color: #c42025; width: 180px; display: block; background-image: url('../images/leesmeer.gif'); background-position: right; background-repeat: no-repeat; float: left; line-height: 13px; } div.nieuwsBox li a span { width: 158px; overflow: hidden; white-space: nowrap; display: block; } div.nieuwsBox li.first a { color: #000; background-image: none; display: inline; } div.nieuwsBox * { font-weight: bold !important; } div#nieuwsBox { margin-top: 20px; padding-left: 10px; } div#nieuwsBox .berichten { margin-top: 40px; } div#nieuwsBox .berichten .bericht { margin-bottom: 40px; } div#nieuwsBox .berichten p { color: #727070; margin: 12px 0 0 93px; height: auto; line-height: 15px; } div#nieuwsBox .berichten p a { color: #c42025; } div#nieuwsBox .berichten img.bericht_image { margin: 12px 37px 0 36px; float: right; } div#nieuwsBox div#meernieuws img { margin-left: 94px; } div#nieuwsBox div#meernieuws ul { margin: 12px 0 24px 93px; list-style-type: none; } div#nieuwsBox div#meernieuws ul li a { color: #8c806e; } div.winnaarsBox2010 { height: 175px; background-image: url('../images/winnaars_bg.gif'); background-position: top left; background-repeat: repeat-y; vertical-align: top; } div.winnaarsBox { height: 275px; background-image: url('../images/winnaars_bg.gif'); background-position: top left; background-repeat: repeat-y; vertical-align: top; } div.winnaarsBox img { padding-top: 0px; } /* 2011 - COUNT & SEARCH BOX */ div.countsearchBox { border: 0px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; height: 91px; background-image: url('../images/countsearch_bg.jpg'); background-repeat: no-repeat; background-position: left; padding-left: 256px; } div.countsearchBox div.countBox { float: left; height: 65px; padding-top: 26px; width: 168px; text-indent: 17px; background-image: url('../images/count_bg.jpg'); background-repeat: no-repeat; color: #fff; font-family: Verdana, Geneva, sans-serif; font-size: 19px; letter-spacing: 18.5px; } form.searchBox { float: left; height: 72px; padding-top: 19px; width: 225px; background-image: url('../images/search_bg.jpg'); background-repeat: no-repeat; margin-left: 33px; margin-bottom: 23px; } form.searchBox input[type="text"] { display: block; float: left; width: 177px; margin-left: 8px; color: #000; font-size: 14px; font-family: Verdana, Geneva, sans-serif; background-color: transparent; border: 0; margin-top: 12px; } form.searchBox input[type="submit"] { width: 40px; height: 40px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; cursor: pointer; } div.categoryBoxB { width: 180px; height: 315px; background-color: #fff; background-position: top left; background-repeat: no-repeat; padding: 0 15px 0 16px; margin: 0 18px 23px 0; float: left; } div.categoryBoxB h2 { color: #fff; font-family: Georgia, "Times New Roman", Times, serif; height: 24px; line-height: 24px; font-size: 20px; width: 180px; text-align: right; margin-bottom: 20px; } div.categoryBoxB a.categoryBoxB_rss { display: block; float: right; width: 102px; height: 22px; background-image: url('../images/categorybox_rss.png'); background-repeat: no-repeat; text-indent: -99999px; margin-bottom: 22px; } div.categoryBoxB div.categoryBoxB_thumbs { clear: right; height: 130px; } div.categoryBoxB div.categoryBoxB_thumbs a { display: block; float: left; width: 88px; height: 63px; margin-right: 4px; margin-bottom: 4px; } div.categoryBoxB div.categoryBoxB_thumbs a.right { margin-right: 0; } div.categoryBoxB h3 { clear: left; font-weight: normal; margin-top: 24px; color: #a5a4a4; font-size: 15px; font-family: "Serifa BT", Georgia, "Times New Roman", Times, serif; } div.categoryBoxB h3 span { display: block; font-size: 20px; } div.categoryBoxB a.categoryBoxB_doemee { display: block; float: right; font-family: "Serifa BT", Georgia, "Times New Roman", Times, serif; font-size: 19px; font-weight: bold; padding-right: 13px; background-image: url('../images/categorybox_doemee.png'); background-position: right center; background-repeat: no-repeat; color: #000; text-decoration: none; line-height: 22px; height: 22px; margin-top: 4px; } div.categoryBoxB_objecten, div.categoryBoxB_mobiel { margin-right: 0; } div.categoryBoxB_mensen { background-image: url('../images/categorybox_mensen.jpg'); } div.categoryBoxB_eten { background-image: url('../images/categorybox_eten.jpg'); } div.categoryBoxB_objecten { background-image: url('../images/categorybox_objecten.jpg'); } div.categoryBoxB_humor { background-image: url('../images/categorybox_humor.jpg'); } div.categoryBoxB_kids { background-image: url('../images/categorybox_kids.jpg'); } div.categoryBoxB_mobiel { background-image: url('../images/categorybox_mobiel.jpg'); } div.categoryBoxB_mensen a.categoryBoxB_doemee { color: #8cc63f; } div.categoryBoxB_eten a.categoryBoxB_doemee { color: #d91c5c; } div.categoryBoxB_objecten a.categoryBoxB_doemee { color: #2a3990; } div.categoryBoxB_humor a.categoryBoxB_doemee { color: #f7931e; } div.categoryBoxB_kids a.categoryBoxB_doemee { color: #b467aa; } div.categoryBoxB_mobiel a.categoryBoxB_doemee { color: #48a5b5; } div.hotornotBox { margin-bottom: 20px; } div.hotornotBox div.hotornotBox_top { width: 237px; height: 211px; background-position: 40px 88px; background-repeat: no-repeat; } div.hotornotBox div.hotornotBox_top a.magnify { /* position: relative; top: -125px; left: 41px; */ position: absolute; margin-top: -125px; margin-left: 41px; width: 151px; height: 111px; display: block; text-indent: -99999px; cursor: pointer; zoom: 1; z-index: 5; } div.hotornotBox div.hotornotBox_bottom { width: 237px; height: 77px; background-image: url('../images/hotornotbox_bottom.png'); background-position: top left; background-repeat: no-repeat; } div.hotornotBox div.hotornotBox_bottom a.hot, div.hotornotBox div.hotornotBox_bottom a.not { margin-top: 7px; display: block; float: left; width: 59px; height: 63px; background-image: url('../images/hotornotbox_button.png'); background-repeat: no-repeat; text-indent: -9999px; cursor: pointer; } div.hotornotBox div.hotornotBox_bottom a.hot { margin-left: 56px; background-position: -59px 0px; } div.hotornotBox div.hotornotBox_bottom a.hot:hover { background-position: 0px 0px; } div.hotornotBox div.hotornotBox_bottom a.not { background-position: -177px 0px; } div.hotornotBox div.hotornotBox_bottom a.not:hover { background-position: -118px 0px; } div.hotornotBox div.hotornotBox_load { position: absolute; margin-top: -200px; margin-left: 41px; width: 92px; height: 72px; padding-left: 59px; padding-top: 39px; background-color: #dadada; display: none; } div#leftCntr { margin-top: 2px; } div#rightCntr form.searchBox { float: none; margin-left: 0; margin-top: 0; margin-bottom: 20px; height: 40px; background-position: 0px -20px; padding-top: 0; } /* ### ITEM BOX V2 ### */ #leftCntr .itemBoxB { margin-bottom: 60px; width: 364px; background-position: top left; background-repeat: repeat-y; background-image: url('../images/itemboxb_bg.gif'); border-bottom: 1px solid #b4b6b8; } #leftCntr .itemBoxB h2 { width: 354px; height: 40px; line-height: 40px; color: #fff; font-size: 32px; font-family: "Serifa BT", Georgia, "Times New Roman", Times, serif; text-align: right; padding: 0 10px 0 0; } #leftCntr .itemBoxB .summary { padding-left: 147px; padding-top: 13px; height: 98px; background-position: 19px 0px; background-repeat: no-repeat; color: #767474; } #leftCntr .itemBoxB .summary p { font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #767474; line-height: 20px; } #leftCntr .itemBoxB .summary h3 { font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #767474; line-height: 20px; font-weight: bold; } #leftCntr .itemBoxB .summary p a { color: #767474; text-decoration: none; } #leftCntr .itemBoxB .summary p a:hover { text-decoration: underline; } #leftCntr .itemBoxB .photo { padding-left: 7px; } .itemBoxB .photo .zoom { position: absolute; margin-left: 275px; margin-top: 8px; z-index: 2; } .itemBoxB .photo #foto_medium { display: block; width: 350px; overflow: hidden; } #leftCntr .itemBoxB .description { padding: 0 25px 25px; } #leftCntr .itemBoxB .description p { color: #767474; font-size: 12px; line-height: 20px; margin-top: 12px; } #leftCntr .itemBoxB .rating { overflow: hidden; margin: 0; padding: 0; width: 364px; background-color: transparent; height: auto; } #leftCntr .itemBoxB .rating h3 { border-top: 2px solid #b4b6b8; height: 31px; line-height: 31px; text-align: center; font-weight: bold; font-size: 12px; margin: 0; padding: 0; background-color: transparent; } #leftCntr .itemBoxB .rating p.text { color: #4067ae; font-weight: bold; border: 12px solid #b4b6b8; background-color: #fff; padding: 7px 9px; height: auto; } #leftCntr .itemBoxB .rating p.text span { padding-right: 5px; float: left; line-height: 20px; } .itemBoxB .rating p.text br { clear: left; } .itemBoxB .rating p.text img { position: relative; float: left; top: 3px; display: inline; margin-right: 10px; } #leftCntr .itemBoxB .rating img.socialImg { float: none; margin-right: 16px; margin-top: 6px; } #leftCntr .itemBoxB a.comment, #leftCntr .itemBoxB a.submit { display: block; margin: 8px 12px 6px 18px; color: #767474; font-size: 12px; font-weight: normal; text-decoration: none; } #leftCntr .itemBoxB a.comment { float: left; } #leftCntr .itemBoxB a.submit { float: right; font-weight: bold; } #leftCntr .itemBoxB a:hover { text-decoration: underline; } #leftCntr .itemBoxB .reactiesBox { border-bottom:1px solid #b4b6b8; border-top:1px solid #b4b6b8; margin:10px 0 0; padding:6px 7px; width:350px; } #leftCntr .itemBoxB .reactiesBox p { font-weight: bold; } #leftCntr .itemBoxB .reactiesBox p span { display: block; font-size: 10px; font-weight: normal; margin-bottom: 10px; } #leftCntr .itemBoxB .reactieForm { margin-left: 7px; margin-top: 16px; } #leftCntr .itemBoxB .reactieForm h3 { font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 12px; } #leftCntr .itemBoxB .reactieForm label { color: #767474; font-weight: bold; line-height: 25px; } #leftCntr .itemBoxB .reactieForm input[type="text"] { height: 23px; line-height:23px; border: 1px solid #b4b6b8; color: #b2b2b2; } #leftCntr .itemBoxB .reactieForm input.inputNaam { width: 292px; padding: 0 3px; margin-left: 6px; } #leftCntr .itemBoxB .reactieForm input.inputEmail { width: 292px; padding: 0 3px; margin-left: 7px; margin-top: 10px; } #leftCntr .itemBoxB .reactieForm textarea { border: 1px solid #b4b6b8; width: 345px; height: 148px; color: #8c806e; font-family: Verdana, Geneva, sans-serif; margin: 10px 0; } #leftCntr .itemBoxB .reactieForm .labelCaptcha { width: auto; float: left; height: 25px; margin-right: 8px; color: #767474; font-weight: bold; line-height: 25px; } #leftCntr .itemBoxB .reactieForm .inputCaptcha { height: 23px; width: 123px; margin-right: 0px !important; font-weight: normal !important; } #leftCntr .itemBoxB .reactieForm input[type="submit"] { margin: 10px 0 10px 203px; cursor: pointer; font-size: 14px; font-family: Georgia, 'Times New Roman', Arial; height: 38px; width: 144px; color: #fff; font-weight: bold; height: 42px; border: 2px solid #859e39; background: url('../images/button-bg.jpg') top left repeat-x; } #leftCntr .typeMensenB h2 { background-color: #8cc63f; } #leftCntr .typeEtenB h2 { background-color: #d91c5c; } #leftCntr .typeObjectenB h2 { background-color: #2a3990; } #leftCntr .typeHumorB h2 { background-color: #f7931e; } #leftCntr .typeKidsB h2 { background-color: #b467aa; } #leftCntr .typeMobielB h2 { background-color: #48a5b5; } #leftCntr .typeMensenB .summary { background-image: url('../images/itemboxb_mensen_image.png'); } #leftCntr .typeEtenB .summary { background-image: url('../images/itemboxb_eten_image.png'); } #leftCntr .typeObjectenB .summary { background-image: url('../images/itemboxb_objecten_image.png'); } #leftCntr .typeHumorB .summary { background-image: url('../images/itemboxb_humor_image.png'); } #leftCntr .typeKidsB .summary { background-image: url('../images/itemboxb_kids_image.png'); } #leftCntr .typeMobielB .summary { background-image: url('../images/itemboxb_mobiel_image.png'); } #leftCntr .typeMensenB .reactieForm h3 { color: #8cc63f; } #leftCntr .typeEtenB .reactieForm h3 { color: #d91c5c; } #leftCntr .typeObjectenB .reactieForm h3 { color: #2a3990; } #leftCntr .typeHumorB .reactieForm h3 { color: #f7931e; } #leftCntr .typeKidsB .reactieForm h3 { color: #b467aa; } #leftCntr .typeMobielB .reactieForm h3 { color: #48a5b5; } #leftCntr .typeMensenB .rating h3 { color: #8cc63f; border-color: #8cc63f; } #leftCntr .typeEtenB .rating h3 { color: #d91c5c; border-color: #d91c5c; } #leftCntr .typeObjectenB .rating h3 { color: #2a3990; border-color: #2a3990; } #leftCntr .typeHumorB .rating h3 { color: #f7931e; border-color: #f7931e; } #leftCntr .typeKidsB .rating h3 { color: #b467aa; border-color: #b467aa; } #leftCntr .typeMobielB .rating h3 { color: #48a5b5; border-color: #48a5b5; } #leftCntr .typeMensenB .rating p.text { border-color: #8cc63f; } #leftCntr .typeEtenB .rating p.text { border-color: #d91c5c; } #leftCntr .typeObjectenB .rating p.text { border-color: #2a3990; } #leftCntr .typeHumorB .rating p.text { border-color: #f7931e; } #leftCntr .typeKidsB .rating p.text { border-color: #b467aa; } #leftCntr .typeMobielB .rating p.text { border-color: #48a5b5; } #leftCntr .typeMensenB a.comment { color: #8cc63f; } #leftCntr .typeEtenB a.comment { color: #d91c5c; } #leftCntr .typeObjectenB a.comment { color: #2a3990; } #leftCntr .typeHumorB a.comment { color: #f7931e; } #leftCntr .typeKidsB a.comment { color: #b467aa; } #leftCntr .typeMobielB a.comment { color: #48a5b5; } #leftCntr .typeMensenB a.submit { color: #8cc63f; } #leftCntr .typeEtenB a.submit { color: #d91c5c; } #leftCntr .typeObjectenB a.submit { color: #2a3990; } #leftCntr .typeHumorB a.submit { color: #f7931e; } #leftCntr .typeKidsB a.submit { color: #b467aa; } #leftCntr .typeMobielB a.submit { color: #48a5b5; } a.newsletterBtn { display: block; width: 211px; height: 28px; background-image: url('../images/newsletterBtn.png'); background-position: top left; background-repeat: no-repeat; text-indent: -99999px; margin-left: 458px; } /* ### Congratulations ### */ div#congratulationsBox { padding: 12px; width: 338px; border: 1px solid #a8252a; overflow: hidden; margin-top: 20px; background-color: #a8252a; } div#congratulationsBox * { color: #fff; } div#congratulationsBox h2 { font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; } .nieuwsBox p { cursor: pointer; } .itemBoxB .rating .text a { text-decoration: none; } .formBox label { width: 97px; } .formBox input.bevestig-button { margin-left: 109px; } span.ratingMore { line-height: 16px; } span.ratingMore img { margin-right: 10px; } #foto_uploaded { padding-left: 110px !important; height: 24px; line-height: 24px; background-image: url('../images/check.png'); background-repeat: no-repeat; background-position: 83px 4px; } .show_if_kids { display: none; } .select_gebdag { width: 43px !important; padding-left: 0; } .select_gebmaand { width: 53px !important; padding-left: 0; } .select_gebjaar { width: 56px !important; padding-left: 0; } .kidsBox_upload { display: none; } .kidsBox_content { padding: 10px; } .kidsBox_content h2 { margin-bottom: 12px; } .kidsBox_content p img { float: right; margin: 0 0 10px 10px; } .mobielBox_upload { display: none; } .mobielBox_content { padding: 10px; } .mobielBox_content h2 { margin-bottom: 12px; } .mobielBox_content p img { float: right; margin: 0 0 10px 10px; } #processing_stap1 { display: none; } #processing_stap1 { margin-top: 10px; margin-left: 109px; font-size: 14px; font-family: 'Times New Roman', Arial; height: 38px; width: 140px; color: #fff; font-weight: bold; border: 2px solid #859e39; background: url('../images/button-bg.jpg') top left repeat-x; line-height: 38px; text-align: center; clear: left; } #problemen_stap1 { font-size: 10px; color: #b2b2b2; margin-top: 10px; } #problemen_stap1 a { color: #b2b2b2; text-decoration: underline; } a#facebookButton { display: block; width: 195px; height: 72px; position: absolute; top: 368px; margin-left: 238px; } .voorbijBox h1 { font-size: 11px; font-weight: bold; line-height: 16px; } .voorbijBox p { font-size: 11px; line-height: 16px; } a#facebookButton { top: 1126px !important; } .bericht ul { margin-left: 109px; margin-top: 16px; margin-bottom: 16px; color: #727070; }