/* ### GENERAL ### */ * { padding: 0px; margin: 0px; } html, body { font-family: Arial; font-size: 13px; color: #838383; } input, select, textarea { font-family: 'Trebuchet MS', Arial; font-size: 15px; color: #838383; } body { background: #fff; } img { border: 0px; } a { outline: none; color: #8C9E1E; text-decoration: underline; } a:hover { text-decoration: none; } /* ### GLOBAL CLASSES ### */ .clear { clear: both; height:0;} /* ### WRAPPER ### */ #wrapper { position: relative; display: block; width: 100%; min-height: 100%; } /* ### MAIN CONTAINER ### */ #mainCntr { margin: 0 auto; width: 994px; } /* ### HEADER CONTAINER ### */ #headerCntr { position: relative; width: 994px; height: 151px; overflow: hidden; } #headerCntr h1 { padding: 28px 0px 0px 35px; height: 70px; } #headerCntr h1 a { display: block; width: 215px; height: 41px; text-indent: -9999px; background: url('../images/logo.jpg') no-repeat; } /* ### STATUS BOX ### */ .statusBox { padding: 40px 22px 0px 0px; float: right; width: 500px; height: 58px; overflow: hidden; font-size: 15px; color: #848484; overflow: hidden; } .statusBox a { color: #798628; text-decoration: none; } .statusBox span a { padding-left: 20px; display: block; float: right; color: #848484; text-decoration: none; background: url('../images/logout.gif') no-repeat; } .statusBox span a:hover { color: #F00; } .statusBox p { padding-right: 15px; float: right; } .statusBox p span { color: #8C9E1E; } /* ### MENU CONTAINER ### */ #menuCntr { width: 994px; height: 47px; background: url('../images/menu-mid.gif') repeat-x; } #menuCntr .left { width: 994px; height: 47px; background: url('../images/menu-left.gif') top left no-repeat; } #menuCntr .right { width: 994px; height: 47px; background: url('../images/menu-right.gif') top right no-repeat; } #menuCntr ul { list-style: none; overflow: hidden; } #menuCntr li { float: left; font-size: 14px; line-height: 47px; } #menuCntr li a { padding: 0 17px; color: #949494; text-decoration: none; float: left; display: block; line-height: 47px; text-shadow: 0 1px 0 #fff;} #menuCntr li a.first { padding: 0px; width: 105px; text-align: center; cursor: pointer; } #menuCntr li a.first:hover { padding: 0px; border: 0px; background: url('../images/dashboard.gif') no-repeat; } #menuCntr li a.dashboard { padding: 0px; color: #7b6c56; width: 105px; text-align: center; background: url('../images/dashboard.gif') no-repeat; } #menuCntr li a.dashboard:hover { padding: 0px; border: 0px; background: url('../images/dashboard.gif') no-repeat; } #menuCntr li a:hover { padding: 0 16px; color: #7b6c56; border-left: #c6c6c6 solid 1px; border-right: #c6c6c6 solid 1px; background: url('../images/menu-hover.gif') repeat-x; } #menuCntr li a.active { padding: 0px 16px; color: #7b6c56; border-left: #c6c6c6 solid 1px; border-right: #c6c6c6 solid 1px; background: url('../images/menu-hover.gif') repeat-x; } #menuCntr li.towebsite { float: right; } #menuCntr li.towebsite a { background: url('../images/towebsite.png') no-repeat right center; margin: 0 17px 0; padding: 0 28px 0 17px; } #menuCntr li.towebsite a:hover { background: url('../images/towebsite.png') no-repeat right center; border: none; } /* ### CONTENT CONTAINER ### */ #contentCntr { margin: 0 auto; width: 993px; background: url('../images/content-mid.gif') repeat-y; } #contentCntr #top { width: 993px; background: url('../images/content-top.gif') top left no-repeat; } #contentCntr #bottom { padding: 11px; width: 971px; overflow: hidden; position: relative; background: url('../images/content-bottom.gif') bottom left no-repeat; } #contentCntr img.dog { margin-bottom: 2px; position: absolute; right: 30px; bottom: 0px; } #contentCntr #left { width: 1000px; overflow: hidden; } /* #contentCntr #right { width: 481px; float: right; }*/ /* ### LEFT CONTAINER ### */ #leftCntr { float: left; width: 767px; background: url('../images/left-mid.gif') repeat-y; } #leftCntr .top { width: 767px; background: url('../images/left-top.gif') top left no-repeat; } #leftCntr .top.tabs { background: url('../images/left-top-tabs.gif') top left no-repeat; } #leftCntr .bottom { padding: 15px 20px; width: 727px; background: url('../images/left-bottom.gif') bottom left no-repeat; min-height: 480px; } /* ### LOGIN BOX ### */ .loginBox { margin: 0 auto; width: 216px; } .loginBox label { display: block; margin:5px 12px; font-size: 16px; } .loginBox input { height:28px; margin:5px 11px; width:180px; padding: 0px 5px; } .loginBox span a { margin:5px 12px; color: #97A255; text-decoration: none; } /* ### PAGINA BOX ### */ .paginaBox { padding: 0px 6px 40px 0px; width: 717px; min-height: 360px; } .paginaBox h2 { padding-bottom: 10px; font-size: 25px; font-weight: normal; color: #8c9e1e; } .paginaBox h3.expand { padding: 10px 15px 10px 0px; float: left; cursor: pointer; background: url(/images/catopenclose.png) right 15px no-repeat; } .paginaBox h4 { padding: 8px 5px; color: #b7a994; font-size: 13px; cursor: pointer; } .paginaBox h4:hover { background: #f8f7e8; } .paginaBox ul { list-style: none; width: 717px; overflow: hidden; } .paginaBox ul.big { margin-bottom: 20px; } .paginaBox ul li { padding: 0px 7px 0px 15px; width: 695px; height: 35px; float: left; font-size: 14px; line-height: 35px; overflow: hidden; border-bottom: #e1e1e1 solid 1px; } .paginaBox ul li span { display: block; float: right; position: relative; } .paginaBox ul li span.date { padding-right: 35px; line-height: 30px; color: #a1a1a1; float: right; } .paginaBox ul li img.dates { position: absolute; top: 10px; right: 190px; } .paginaBox ul li a { display: block; color: #555555; text-decoration: none; float: left; width: 425px; overflow: none; } .paginaBox ul li a:hover { color: #000; } .paginaBox ul li a b { font-size: 9px; color: #F7A6B6; vertical-align: bottom; } .paginaBox ul li a.disabled { color: #999; } .paginaBox ul li a.in { padding-left: 15px; background: url('../images/under-top.gif') 0 12px no-repeat; } .paginaBox ul li a.inin { padding-left: 30px; background: url('../images/under-top.gif') 15px 12px no-repeat; } .paginaBox ul li a.vlag { margin: 10px 20px 0 0; display: block; text-indent: -9999px; width: 16px; height: 11px; float: right; } .paginaBox ul li a.grijs { opacity : 0.3; filter: alpha(opacity=30); } .paginaBox ul li a.plus { cursor: move; margin: 7px 8px 0px 0px; display: block; width: 17px; height: 17px; text-indent: -9999px; float: right; background: url('../images/page-plus.gif') no-repeat; } .paginaBox ul li a.plusx { cursor: move; margin: 7px 8px 0px 0px; display: block; width: 17px; height: 17px; text-indent: -9999px; float: right; background: url('../images/page-plus.gif') no-repeat; } .paginaBox ul li a.edit { margin: 7px 8px 0px 0px; display: block; float: right; text-indent: -9999px; height: 17px; width: 17px; background: url('../images/post-icon.gif') top no-repeat; } .paginaBox ul li a.edit:hover { background: url('../images/post-icon.gif') bottom no-repeat; } .paginaBox ul li a.add_sub { margin: 7px 8px 0px 0px; display: block; width: 17px; height: 17px; text-indent: -9999px; float: right; background: url('../images/plus.gif') top no-repeat; } .paginaBox ul li a.add_sub:hover { background: url('../images/plus.gif') bottom no-repeat; } .paginaBox ul li a.add_sub2 { margin: 7px 8px 0px 0px; display: block; height: 17px; padding-right: 25px; line-height: 17px; float: right; background: url('../images/plus.gif') top right no-repeat; color: #99AC22; font-size: 12px; } .paginaBox ul li a.add_sub2:hover { background: url('../images/plus.gif') bottom right no-repeat; color: black } .paginaBox ul li a.link { margin: 7px 8px 0px 0px; display: block; width: 17px; height: 17px; text-indent: -9999px; float: right; background: url('../images/link.png') left top no-repeat; opacity: 0.3 } .paginaBox ul li a.link:hover { opacity: 1 } .paginaBox ul li a.login { margin: 7px 8px 0px 0px; display: block; width: 17px; height: 17px; text-indent: -9999px; float: right; background: url('../images/login.png') left top no-repeat; opacity: 0.3 } .paginaBox ul li a.login:hover { opacity: 1 } .paginaBox a.foto { padding: 0 10px 0 25px; font-size: 12px; margin-top: 8px; display: block; float: right; color: #99ac22; text-decoration: none; font-family: Trebuchet MS, Arial; background: url('../images/plus.gif') left top no-repeat; height:17px; } .paginaBox a.foto:hover { color: #000; background: url('../images/plus.gif') left bottom no-repeat; } .paginaBox ul li a.delete { margin: 7px 8px 0px 0px; display: block; width: 17px; height: 17px; text-indent: -9999px; float: right; background: url('../images/page-delete.gif') top no-repeat; } .paginaBox ul li a.delete:hover { background: url('../images/page-delete.gif') bottom no-repeat; } .paginaBox ul li a.eye { margin: 7px 8px 0px 0px; display: block; width: 17px; height: 17px; text-indent: -9999px; float: right; background: url('../images/eye.gif') top no-repeat; } .paginaBox ul li a.eye:hover { background: url('../images/eye.gif') bottom no-repeat; } .paginaBox ul li a.eyeoffline { margin: 7px 8px 0px 0px; display: block; width: 17px; height: 17px; text-indent: -9999px; float: right; background: url('../images/eye-offline.gif') top no-repeat; } .paginaBox ul li a.eyeoffline:hover { background: url('../images/eye-offline.gif') bottom no-repeat;} .paginaBox ul li a.btn, .paginaBox ul li a.btn2, .paginaBox ul li a.btn3 { margin: 7px 8px 0px 0px; display: block; width: 17px; height: 17px; float: right; background: url('../images/btnimg.png') top no-repeat; font-size: 8px; font-family: Arial; line-height: 15px; text-align: center; } .paginaBox ul li a.btn:hover { background: url('../images/btnimg.png') bottom no-repeat; } .paginaBox ul li a.btn2 { width: 34px; background: url('../images/btnimg2.png') top no-repeat; } .paginaBox ul li a.btn2:hover { background: url('../images/btnimg2.png') bottom no-repeat; } .paginaBox ul li a.btn3 { width: 51px; background: url('../images/btnimg3.png') top no-repeat; } .paginaBox ul li a.btn3:hover { background: url('../images/btnimg3.png') bottom no-repeat; } .paginaBox ul li:hover { background: #f8f7e8; } .paginaBox ul li.active { background: #f8f7e8; } .paginaBox ul li.last { border: 0px; } .wrong img { float: right; } /* ### FOTO BOX ### */ .fotoBox { width: 727px; overflow: hidden; } .fotoBox h2 { padding-bottom: 7px; font-size: 25px; font-weight: normal; color: #8c9e1e; } .fotoBox h3 { color: #777777; font-size: 15px; font-weight: normal; font-family: 'Trebuchet MS', Arial; } .fotoBox .foto { padding: 10px 12px; font-size: 12px; width: 218px; float: left; overflow: hidden; position: relative; height:200px; } .fotoBox .butt { width: 218px; height: 210px; background: #333; position: absolute; z-index: 1000; } .fotoBox p { color: #9fab5a; } .fotoBox span { display: block; float: right; color: #a1a1a1; } .fotoBox img { padding: 1px; margin: 4px 0px; border: #bfbfbf solid 1px; } .fotoBox a.delete { display: block; position: absolute; right: 12px; top: 9px; text-indent: -9999px; height: 17px; width: 17px; background: url('../images/page-delete.gif') no-repeat; } .fotoBox a.post { display: block; position: absolute; right: 32px; top: 9px; text-indent: -9999px; height: 17px; width: 17px; background: url('../images/post-icon.gif') no-repeat; } .fotoBox a.move { display: block; position: absolute; right: 52px; top: 9px; text-indent: -9999px; height: 17px; width: 17px; background: url('../images/page-plus.gif') no-repeat; } .fotoBox ul { padding: 8px 0px 3px 0px; list-style: none; overflow: hidden; float: right; } .fotoBox li { padding-right: 2px; float: left; font-size: 15px; } .fotoBox li a { width: 25px; text-align: center; line-height: 28px; color: #777777; text-decoration: none; display: block; float: left; background: #d7d7d7; } .fotoBox li a.last { padding-left: 10px; width: 32px; text-align: left; background: #c8c8c8 url('../images/pagina-arrow.gif') right no-repeat; } .fotoBox li a:hover { color: #FFFFFF; background: #9fab5a; } .fotoBox li a.active { color: #FFFFFF; background: #9fab5a; } .fotoBox li a.last:hover { color: #777; background: #c8c8c8 url('../images/pagina-arrow.gif') right no-repeat; } /* ### NIEUWS BOX ### */ .nieuwsBox { padding-bottom: 10px; width: 727px; overflow: hidden; } .nieuwsBox h2 { padding-bottom: 20px; font-size: 25px; font-weight: normal; color: #8c9e1e; } .nieuwsBox h2 span, .usersBox h2 span, .paginaBox h2 span { color:#666; } .nieuwsBox h3 { padding: 15px 0 5px 15px; float: left; width: 250px; font-size: 16px; font-weight: normal; color: #9aaf22; } .nieuwsBox h3.title {color: #B7A994; font-size: 18px; font-weight: normal; padding: 15px 0 10px; } .nieuwsBox h4 { padding: 15px 25px 5px 0px; float: right; font-size: 16px; font-weight: normal; color: #9aaf22; } .nieuwsBox h4.lastEdit { padding: 15px 50px 5px 0px; } .nieuwsBox ul.nieuws { padding-bottom: 5px; list-style: none; width: 717px; overflow: hidden; } .nieuwsBox ul.nieuws li { padding-left: 15px; width: 702px; height: 35px; float: left; font-size: 14px; line-height: 35px; overflow: hidden; border-bottom: #e1e1e1 solid 1px; } .nieuwsBox ul.nieuws li a { display: block; color: #555555; width: 265px; text-decoration: none; float: left; } .nieuwsBox ul.nieuws li a.disabled { color: #999999; } .nieuwsBox ul.nieuws li a b { color: #F7A6B6; font-size: 9px; } .nieuwsBox ul.nieuws li a.verzon { width: auto; } .nieuwsBox ul.nieuws li a.flag { display: block; position: relative; width: auto; padding: 0px 20px 0px 25px; line-height: 35px; float: left; color: #8c8c8c; font-size: 12px; } .nieuwsBox ul.nieuws li span { display: block; float: right; position: relative; width: auto; } .nieuwsBox ul.nieuws a.vlag { margin: 10px 20px 0 0; display: block; text-indent: -9999px; width: 16px; height: 11px; float: right; } .nieuwsBox ul.nieuws a.grijs { opacity : 0.3; filter: alpha(opacity=30); } .nieuwsBox ul.nieuws li a.plus { margin: 7px 8px 0px 0px; display: block; width: 17px; height: 17px; text-indent: -9999px; float: right; background: url('../images/plus.gif') no-repeat; } .nieuwsBox ul.nieuws li a.eye { margin: 7px 8px 0px 0px; display: block; width: 17px; height: 17px; text-indent: -9999px; float: right; background: url('../images/eye.gif') top no-repeat; } .nieuwsBox ul.nieuws li a.eye:hover { background: url('../images/eye.gif') bottom no-repeat; } .nieuwsBox ul.nieuws li a.eyeoffline { margin: 7px 8px 0px 0px; display: block; width: 17px; height: 17px; text-indent: -9999px; float: right; background: url('../images/eye-offline.gif') top no-repeat; } .nieuwsBox ul.nieuws li a.eyeoffline:hover { background: url('../images/eye-offline.gif') bottom no-repeat;} .nieuwsBox ul.nieuws li a.delete { margin: 7px 8px 0px 0px; display: block; width: 17px; height: 17px; text-indent: -9999px; float: right; background: url('../images/page-delete.gif') top no-repeat; } .nieuwsBox ul.nieuws li a.delete:hover { background: url('../images/page-delete.gif') bottom no-repeat } .nieuwsBox ul.nieuws li a.post { margin: 7px 8px 0px 0px; display: block; width: 17px; height: 17px; text-indent: -9999px; float: right; background: url('../images/post-icon.gif') no-repeat; } .nieuwsBox ul.nieuws li a.export { margin: 7px 8px 0px 0px; display: block; letter-spacing: 1px; width: 17px !important; height: 17px; text-indent: -9999px; float: right; background: url('../images/exporteer.png') no-repeat; } .nieuwsBox ul.nieuws li:hover { background: #f8f7e8; } .nieuwsBox ul.nieuws li.last { border: 0px; } .nieuwsBox ul.nieuws li span.date { padding-right: 15px; color: #a1a1a1; } .nieuwsBox ul.nieuws li span.recipe { padding-right: 40px; color: #a1a1a1; } .nieuwsBox ul.pagina { padding: 8px 0px 3px 0px; list-style: none; overflow: hidden; float: right; } .nieuwsBox ul.pagina li { padding-right: 2px; float: left; font-size: 15px; } .nieuwsBox ul.pagina li a { width: 25px; text-align: center; line-height: 28px; color: #777777; text-decoration: none; display: block; float: left; background: #d7d7d7; } .nieuwsBox ul.pagina li a.last { padding-left: 10px; width: 32px; text-align: left; background: #c8c8c8 url('../images/pagina-arrow.gif') right no-repeat; } .nieuwsBox ul.pagina li a:hover { color: #FFFFFF; background: #9fab5a; } .nieuwsBox ul.pagina li a.active { color: #FFFFFF; background: #9fab5a; } .nieuwsBox ul.pagina li a.last:hover { color: #777; background: #c8c8c8 url('../images/pagina-arrow.gif') right no-repeat; } .nieuwsBox p { padding: 0 0 15px 0; } .nieuwsBox form fieldset {border: 0px; overflow: hidden; font-size: 15px; font-family: 'Trebuchet MS', Arial; } .nieuwsBox form fieldset.laatsteoverzicht label { clear: none; } .nieuwsBox form label { padding: 10px 0px 5px 0px; display: block; color: #979797; clear: both; } .nieuwsBox form label.checky2 { clear: none; } .nieuwsBox span.req { color: #f00; } .nieuwsBox form input.radio { margin: 5px 5px 0 0; float: left; } .nieuwsBox form select { padding-left: 10px; margin-right: 10px; color: #595959; min-width: 200px; display: block; border: #dedede solid 1px; background: #fff; padding: 5px; margin: 0 0 15px 0; } .nieuwsBox form label.vlag { padding: 5px 23px 0 23px; display: block; float: left; color: #737373; font-size: 12px; font-family: Arial; } .nieuwsBox form p { padding-bottom: 10px; overflow: hidden; width: 100%; } .nieuwsBox form input.field { padding: 4px 0px 4px 14px; margin-bottom: 4px; width: 497px; height: 28px; color: #595959; border: #cacaca solid 1px; } .nieuwsBox form input.field[type='color'] { width: 35px; padding: 0; } .nieuwsBox form input.missing { border: #FE0058 solid 1px; } .nieuwsBox form input.field:hover, field:focus { border: #bcc38f solid 1px; } .nieuwsBox form textarea.field:hover, field:focus { border: #bcc38f solid 1px; } .nieuwsBox form p.datum { padding: 5px 30px 0px 0; width: 240px; float: left; } .nieuwsBox form input.field1 { padding: 8px 0px 0px 14px; margin-right: 10px; float: left; width: 46px; height: 28px; color: #595959; border: #cacaca solid 1px; } .nieuwsBox form input.field2 { padding: 8px 0px 0px 14px; float: left; width: 64px; height: 28px; color: #595959; border: #cacaca solid 1px; } .nieuwsBox form input.volgende { width: 193px; height: 44px; float: right; color: #454e0d; cursor: pointer; border: 0px; background: url('../images/pagina-link.gif') no-repeat; } .nieuwsBox form input.volgende:hover { text-decoration: underline; } input.opslaan { margin: 10px 0 10px 10px; width: 193px; height: 44px; float: right; color: #454e0d; cursor: pointer; border: 0px; background: url('../images/pagina-link.gif') no-repeat; } input.opslaan:hover { text-decoration: underline; } .nieuwsBox .checky1 { float: left; margin:14px 8px 0 0; } .nieuwsBox .checky1 { float: left; margin:14px 8px 0 0; } .nieuwsBox #meerverzondenbut { float: right; } .nieuwsBox #meldingVerzonden { margin: 10px 0; border: 1px solid #88982A; -moz-border-radius:6px 6px 6px 6px; padding: 8px; } .nieuwsBox .editor { padding: 0px 0 10px 0; width: 717px; overflow: hidden; } .nieuwsBox .editor a { height: 21px !important; } .nieuwsBox .post-edit { padding-bottom: 5px; width: 717px; overflow: hidden; } .nieuwsBox form textarea { padding: 8px 5px 0px 14px; width: 491px; margin-bottom: 4px; height: 52px; border: #cacaca solid 1px; } .nieuwsBox p.text { padding: 10px 0; line-height: 21px; font-size: 15px; color: #949393; font-family: 'Trebuchet MS', Arial; } .nieuwsBox span input.radio { margin-top: 6px; } .nieuwsBox .sjabloon { float: left; -moz-border-radius:6px 6px 6px 6px; background:none repeat scroll 0 0 #FFFFFF; border:1px solid #E0E0E0; height:192px; margin:0 8px 15px 0; overflow:hidden; width:229px; } .nieuwsBox .sjabloon img { margin: 10px 0 0 5px; } .nieuwsBox .sjabloon span { margin: 5px 0 0 5px; font-size: 12px; } .opslaandiv { float:right; line-height: 35px; width:266px; margin: 15px 0 0; } .nieuwsBox .elementBox { padding: 0 0 10px; overflow:hidden; } .nieuwsBox .elementBox h3 { color:#979797; display:block; padding:10px 0 5px; font-family: 'Trebuchet MS', Arial; float: none; } .nieuwsBox .elementBox p { color:#555555; font-size:14px; line-height:35px; padding: 0 0 0 15px; } .nieuwsBox .elementBox ul { display: block; list-style: none; } .nieuwsBox .elementBox ul li { text-decoration:none; border-bottom:1px solid #E1E1E1; float:left; font-size:14px; line-height:35px; overflow:hidden; padding:0 7px 0 15px; width:695px; } .nieuwsBox .elementBox ul li a { color:#555555; display:block; float:left; text-decoration:none; cursor:pointer; height:35px; } .nieuwsBox .elementBox ul li:hover { background: #eff3d8; } .nieuwsBox .elementBox ul li a.disabled { color: #999; } .nieuwsBox .elementBox ul li a.eye, .nieuwsBox .elementBox ul li a.eyeoffline { background:url("../images/eye.gif") top no-repeat; display:block; float:right; height:17px; margin:7px 8px 0 0; text-indent:-9999px; width:17px; } .nieuwsBox .elementBox ul li a.eyeoffline { background:url("../images/eye-offline.gif") top no-repeat; } .nieuwsBox .elementBox ul li a.eyeoffline:hover { background:url("../images/eye-offline.gif") bottom no-repeat; } .nieuwsBox .elementBox ul li a.eye:hover { background:url("../images/eye.gif") bottom no-repeat; } .nieuwsBox .elementBox ul li a.plusx { background:url("../images/page-plus.gif") no-repeat; cursor:move; display:block; float:right; height:17px; margin:7px 8px 0 0; text-indent:-9999px; width:17px; } .nieuwsBox .elementBox ul li a.delete { background:url("../images/page-delete.gif") top no-repeat; display:block; float:right; height:17px; margin:7px 8px 0 0; text-indent:-9999px; width:17px; } .nieuwsBox .elementBox ul li a.delete:hover { background:url("../images/page-delete.gif") bottom no-repeat; } .nieuwsBox .elementBox ul li a.clone { margin-right: 8px; display: block; margin-top: 7px; float: right; text-indent: -9999px; height: 17px; width: 17px; background: url('../images/clone.png') top no-repeat; } .nieuwsBox .elementBox ul li a.clone:hover { background: url('../images/clone.png') bottom no-repeat; } .nieuwsBox .elementBox ul li a.edit { margin: 7px 8px 0px 0px; display: block; float: right; text-indent: -9999px; height: 17px; width: 17px; background: url('../images/post-icon.gif') top no-repeat; } .nieuwsBox .elementBox ul li a.edit:hover { background: url('../images/post-icon.gif') bottom no-repeat; } .nieuwsBox .elementBox ul li a b { color:#F7A6B6; font-size:9px; } .nieuwsBox .elementBox ul li span.mceEditor { float: left; } .nieuwsBox .elementBox .addElement { background:url("../images/plus.gif") no-repeat 0 3px; color:#99AC22; display:block; float:right; font-family:Trebuchet MS,Arial; font-size:15px; margin-top:10px; padding:0 25px; text-decoration:none; } .nieuwsBox .elementBox .addElement:hover { color: #000; } .nieuwsBox .elementBox .editElement { width:687px; clear: both; padding:10px 0 15px; } .nieuwsBox .elementBox .editElement label { display:block; line-height:15px; padding:0 0 5px; width: 600px; float: none; } .nieuwsBox .elementBox .editElement label strong { color: #f00; } .nieuwsBox .elementBox .editElement .afbeelding { border-bottom: 1px solid #CCC; margin-bottom: 10px; } .nieuwsBox .elementBox .editElement .image { display: block; float: none; line-height: 1px; } .nieuwsBox .elementBox .editElement .image img{ margin: 0px; } .saveElement { font-weight: normal; margin: 15px 0 0; float: right; background:url("../images/saveElement.png") no-repeat; color:#556111; display:block; font-family:'Trebuchet MS',Arial; height:30px; line-height:30px; text-align:center; width:118px; } .saveElement:hover { color: #000; } .nieuwsBox .elementBox input.field { border:1px solid #CACACA; color:#595959; height:24px; margin-bottom:4px; padding:4px 0 4px 14px; width:497px; margin:0 0 20px; } .nieuwsBox .elementBox input.missing { border: #FE0058 solid 1px; } .nieuwsBox .elementBox input.field:hover { border:1px solid #9ba657; } .nieuwsBox .elementBox .editElement img { border: 1px solid #c1c1c1; background: #fff; padding: 1px; margin: 0 0 10px 0; } .nieuwsBox .elementBox .editElement .pdelete { background:url("../images/page-delete.gif") top no-repeat; display:block; height:17px; text-indent:-9999px; width:17px; position: absolute; margin:10px; } .nieuwsBox .elementBox .editElement .button { cursor:pointer; position:absolute; background: #fff; border: 1px solid #C9C6C1; color: #879533; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding: 5px 10px; } .nieuwsBox .elementBox .editElement .button:hover { color: #fff; background: #879533; border: 1px solid #879533; } .block { display: block; } .nieuwsBox a.terug, .usersBox a.terug { padding: 0px 0px 0px 25px; margin-top: 5px; font-size: 15px; display: block; float: right; color: #99ac22; text-decoration: none; font-family: Trebuchet MS, Arial; background: url('../images/left-arrow.gif') 0 2px no-repeat; } .nieuwsBox a.terug:hover, .usersBox a.terug:hover { color: #000; } .nieuwsBox input.anl { margin: 0px; float: left; margin: 10px 0 5px 0; } .nieuwsBox ul { list-style: none; width: 717px; overflow: hidden; } .nieuwsBox ul li { padding: 0px 7px 0px 15px; width: 695px; float: left; font-size: 14px; overflow: hidden; border-bottom: #e1e1e1 solid 1px; } .nieuwsBox ul li label { float: left; padding: 7px 0 5px 8px; } .nieuwsBox ul li span { display: block; float: right; position: relative; } .nieuwsBox ul li span.date { padding-right: 35px; line-height: 30px; color: #a1a1a1; float: right; } .nieuwsBox ul li img.dates { position: absolute; top: 10px; right: 190px; } .nieuwsBox ul li a { display: block; color: #555555; text-decoration: none; float: left; } .nieuwsBox ul li a:hover { color: #000; } .nieuwsBox ul li:hover { background: #f8f7e8; } .nieuwsBox ul li.active { background: #f8f7e8; } .nieuwsBox ul li.last { border: 0px; } .nieuwsBox ul li label.anll { clear: none; } /* ### USERS BOX ### */ .usersBox { padding: 0; width: 717px; } .usersBox h2 { padding-bottom: 20px; font-size: 25px; font-weight: normal; color: #8c9e1e; } .usersBox h2 .vlag { margin: 0 0 2px; } .usersBox a.plus { padding-left: 25px; margin: 10px 0; display: block; text-decoration: none; font-family: 'Trebuchet MS', Arial; color: #99ac22; font-size: 15px; height: 17px; background: url('../images/plus.gif') left top no-repeat; } .usersBox a.plus:hover { text-decoration: underline; background: url('../images/plus.gif') left bottom no-repeat; } .usersBox h3 { font-size: 18px; font-weight: normal; color: #B7A994; padding: 15px 0 10px; } .usersBox h3.dark { color: #838383; } .usersBox h3.head { padding: 15px 0 5px 10px; float: left; width: 250px; font-size: 16px; font-weight: normal; color: #9aaf22; } .usersBox h4.head { padding: 15px 25px 5px 0px; float: right; font-size: 16px; font-weight: normal; color: #9aaf22; } .usersBox h4.head.big { width: 130px; } .usersBox ul { list-style: none; width: 350px; overflow: hidden; } .usersBox li { padding: 0px 10px 0px 12px; overflow: hidden; font-size: 14px; width: 328px; height: 35px; float: left; line-height: 35px; border-bottom: #e1e1e1 solid 1px; } .usersBox li a { color: #555555; text-decoration: none; display: block; float: left; } .usersBox li a b { color: #F7A6B6; font-size: 9px; } .usersBox li.big { height: auto; padding: 10px 10px 10px 12px;} .usersBox li h3 { margin: 0 0 10px 0; color: #B7A994; font-size: 14px; font-weight: bold; line-height: normal; padding: 0; } .usersBox li.big div { float: left; line-height: normal; width: 300px;} .usersBox li.big div p { line-height: normal; font-size: 13px; padding: 0; } .usersBox li.big strong { margin: 0 0 5px 0; display: block; } .usersBox li.big a.delete { margin: 0; } .usersBox li a.plus { text-indent: -9999px; float: right; margin: 9px 0 0 8px; width: 17px; height: 17px; padding: 0; } .usersBox li a.delete { display: block; margin-top: 9px; float: right; text-indent: -9999px; height: 17px; width: 17px; background: url('../images/page-delete.gif') top no-repeat; } .usersBox li a.delete:hover { background: url('../images/page-delete.gif') bottom no-repeat; } .usersBox li a.edit { margin-right: 10px; display: block; margin-top: 9px; float: right; text-indent: -9999px; height: 17px; width: 17px; background: url('../images/post-icon.gif') top no-repeat; } .usersBox li a.edit:hover { background: url('../images/post-icon.gif') bottom no-repeat; } .usersBox li a.clone { margin-right: 10px; display: block; margin-top: 9px; float: right; text-indent: -9999px; height: 17px; width: 17px; background: url('../images/clone.png') top no-repeat; } .usersBox li a.clone:hover { background: url('../images/clone.png') bottom no-repeat; } .usersBox li a.spamwhite, .usersBox li a.spamniv { display: block; margin: 9px 10px 0 0; float: right; text-indent: -9999px; height: 17px; width: 17px; background: url('../images/page-delete.gif') top no-repeat; } .usersBox li a.spamwhite { background: url('../images/spamwhite.png') top no-repeat; } .usersBox li a.spamniv { background: url('../images/spamniv.png') top no-repeat; } .usersBox li a.spamwhite:hover { background: url('../images/spamwhite.png') bottom no-repeat; } .usersBox li a.spamniv:hover { background: url('../images/spamniv.png') bottom no-repeat; } .usersBox li a.eye { margin: 9px 8px 0px 0px; display: block; width: 17px; height: 17px; text-indent: -9999px; float: right; background: url('../images/eye.gif') top no-repeat; } .usersBox li a.eye:hover { background: url('../images/eye.gif') bottom no-repeat; } .usersBox li a.eyeoffline { margin: 9px 8px 0px 0px; display: block; width: 17px; height: 17px; text-indent: -9999px; float: right; background: url('../images/eye-offline.gif') top no-repeat; } .usersBox li a.eyeoffline:hover { background: url('../images/eye-offline.gif') bottom no-repeat;} .usersBox li a.link { margin: 9px 8px 0px 0px; display: block; width: 17px; height: 17px; text-indent: -9999px; float: right; background: url('../images/link.png') left top no-repeat; opacity: 0.3 } .usersBox li a.link:hover { opacity: 1 } .pulldownopties a.delete { display: block; margin-top: 9px; float: right; text-indent: -9999px; height: 17px; width: 17px; background: url('../images/page-delete.gif') top no-repeat; } .pulldownopties a.plusx { cursor: move; margin: 9px 8px 0px 8px; display: block; width: 17px; height: 17px; text-indent: -9999px; float: right; background: url('../images/page-plus.gif') no-repeat; } .pulldownopties a.delete:hover { background: url('../images/page-delete.gif') bottom no-repeat; } .usersBox ul li a.vlag { margin: 12px 20px 0 0; display: block; text-indent: -9999px; width: 16px; height: 11px; float: right; } .usersBox ul li a.disabled { color: #999; } .usersBox ul li a.grijs { opacity : 0.3; filter: alpha(opacity=30); } .usersBox ul li a.in { padding-left: 24px; background: url('../images/under-top.gif') 6px 12px no-repeat; } .usersBox li a.plusx { cursor: move; margin: 9px 8px 0px 8px; display: block; width: 17px; height: 17px; text-indent: -9999px; float: right; background: url('../images/page-plus.gif') no-repeat; } .usersBox li a.post { display: block; margin: 9px 10px 0px 0px; float: right; text-indent: -9999px; height: 17px; width: 17px; background: url('../images/post-icon.gif') no-repeat; } .usersBox li:hover { background: #f8f7e8; } .usersBox li.active { background: #f8f7e8; } .usersBox li.last { border: 0px; } .usersBox form fieldset { padding: 0; border: 0px; overflow: hidden; font-size: 15px; font-family: 'Trebuchet MS', Arial; } .gTranslate { background: url("../images/gTranslate.png") top no-repeat; height: 19px; width: 20px; text-indent:-9999px; display: inline-block; margin: 0 0 0 10px; margin: 7px 0 0 10px; vertical-align: top; } .gTranslate:hover { background: url("../images/gTranslate.png") bottom no-repeat; } .usersBox form label { padding: 0 0 5px 0; display: block; color: #979797; } .usersBox form .check { margin: 10px 0; } .usersBox form label.indent { padding-left: 30px; } .usersBox form input.radio { margin: 5px 5px 0 0; float: left; } .usersBox form select { padding: 5px; width: 250px; margin-bottom: 5px; color: #575757; border: #dedede solid 1px; background: #fff; } .usersBox form .flag { margin: 10px 10px 0 0; vertical-align: top; } .usersBox form .flag.html { float: left; } .usersBox form input.field { border: 1px solid #CACACA; color: #acacac; height: 20px; margin:0 0 10px 0; padding: 4px 0 4px 14px; width: 550px; } input.euro { background: url("/images/inputfieldeuro.png") no-repeat; } .usersBox form textarea { padding: 8px 0px 0px 14px; margin-bottom: 4px; width: 550px; height: 100px; color: #acacac; border: #cacaca solid 1px; } .usersBox form input.field:hover, .usersBox form textarea:hover, .usersBox form input.field:focus, .usersBox form textarea:focus { border: #bcc38f solid 1px; color: #595959; } .usersBox form .value { display: block; } .usersBox form .editor { float: left; margin: 0 0 10px 0; width: 100%; overflow:hidden; } .editor_fix { width: 619px; float: left; } .usersBox form input.radio { margin-left: 10px; float: left; } .usersBox form input.check { margin-right: 10px; } .usersBox form label.usersBox form label span.rbutton { display: block; float: left; } .usersBox p { padding: 15px 0; color: #979797; line-height: 19px; } .usersBox ul.big { width: 722px; } .usersBox ul.big li { width: 700px; } .usersBox ul.big li span { margin: 0 0 0 10px; color: #999; } .usersBox ul.big li span.head { margin: 0 25px 0 0; color: #999; float: right; width: 130px; } .usersBox ul.elementen li { height: auto; } .usersBox ul li .element { padding: 15px 0; clear: both; } .usersBox ul li .element label { line-height: 15px; } .usersBox ul.elementen li.active a { font-weight: bold; } .usersBox ul.elementen li .saveBox { position: relative; overflow: hidden; } .usersBox ul.elementen li a.saveElement { font-weight: normal; float: right; } /* Tools */ .yesno { display: block; width: 10px; height: 10px; text-indent: -9999px; background: url('../images/yesno.gif') bottom no-repeat; } .yesno.no { background: url('../images/yesno.gif') top no-repeat; } ul li .yesno { margin: 13px 0 0; } .meta { padding: 0 20px; } .meta h4 { float: right; margin: 0 20px 0 0; } /*nieuwe table headers*/ div.heading { margin: 15px 6px 0 12px; } div.heading h3 { padding: 0; font-size: 16px; color: #9AAF22; font-weight: normal; display: inline; } div.heading h4 { float: right; width: 60px; margin-left: 10px; font-size: 16px; color: #9AAF22; font-weight: normal; } .usersBox ul li span.heading { float: right; width: 60px; margin: 0 0 0 10px; } div.heading h4.big, .usersBox ul li span.heading.big { width: 80px; } div.heading h4.big2, .usersBox ul li span.heading.big2 { width: 100px; } div.heading h4.big3, .usersBox ul li span.heading.big3 { width: 120px; } div.heading h4.big4, .usersBox ul li span.heading.big4 { width: 140px; } /*nieuwe table headers*/ .usersBox ul li .meta { float: right; margin: 0 50px 0 0; width: 42px; } .usersBox ul.form_fields li { height: auto; } .usersBox ul.form_fields li .label { width: 200px; float: left; } .usersBox ul.form_fields .field { margin: 6px 0 0 10px; float: left; } .usersBox ul.form_fields textarea { margin: 8px 0 5px 10px !important; width: 400px; height: 100px; display: block; } .usersBox ul.form_fields input { width: 300px; margin: 10px 0 0 10px; } .usersBox ul.form_fields select { width: 300px; margin: 10px 0 0 10px; } .usersBox ul.form_fields label { display: block; } .usersBox ul.form_fields .option { width: 34px; margin: 0; } .label_container { width: 300px; float: left; overflow: hidden; } .alert { padding: 5px; background: #FFEFD7; border: 1px solid #fcc020; color: #a96600; margin: 0 0 10px 0; } .done { padding: 5px; background: #cdeec1; border: 1px solid #add4a0; color: #5fa547; margin: 0 0 10px 0; } .userModules { display: block; } .userModules label { float: none !important; } /* ### FORMS BOX ### */ .formsBox { padding: 0 5px; width: 717px; overflow: hidden; } .formsBox h2 { padding-bottom: 20px; font-size: 25px; font-family: 'Trebuchet MS', Arial; font-weight: normal; color: #8c9e1e; } .formsBox h3 { padding-left: 12px; font-size: 16px; width: 295px; float: left; font-weight: normal; color: #8c9e1e; } .formsBox h4 { padding-top: 17px; font-size: 15px; font-weight: normal; color: #8c9e1e; } .formsBox form fieldset { padding-bottom: 22px; border: 0px; color: #979797; font-size: 15px; font-family: 'Trebuchet MS', Arial; overflow: hidden; } .formsBox form label { float: left; display: block; cursor: pointer; } .formsBox form label:hover { color: #94a145; } .formsBox form label.form { padding-bottom: 5px; display: block; cursor: text; float: none; } .formsBox form input.check { float: left; margin: 13px 10px 0 0; height: 12px; } .formsBox form select { float: left; width: 250px; color: #575757; border: #dedede solid 1px; background: #fff; } .formsBox form a.plus { padding-left: 30px; margin-top: 5px; display: block; float: right; color: #99ac22; text-decoration: none; background: url('../images/plus.gif') no-repeat; } .formsBox form a.plus:hover { text-decoration: underline; } .formsBox ul.naam { padding-bottom: 15px; list-style: none; width: 717px; overflow: hidden; } .formsBox ul.naam li { padding-left: 12px; width: 705px; font-size: 15px; height: 35px; font-family: 'Trebuchet MS', Arial; float: left; cursor: pointer; line-height: 35px; overflow: hidden; border-bottom: #e1e1e1 solid 1px; } .formsBox ul.naam li a { display: block; color: #656565; width: 310px; text-decoration: none; float: left; } .formsBox ul.naam li span.type { display: block; float: left; width: 225px; color: #969696; } .formsBox ul.naam li span.required { display: block; float: left; font-size: 12px; color: #93a427; } .formsBox ul.naam li a.plus { margin-top: 8px; display: block; float: right; width: 17px; height: 17px; text-indent: -9999px; background: url('../images/page-plus.gif') no-repeat; } .formsBox ul.naam a.delete { margin: 8px 0px 0px 10px; display: block; float: right; width: 17px; height: 17px; text-indent: -9999px; background: url('../images/page-delete.gif') no-repeat; } .formsBox ul.naam li.last { border: 0px; } .formsBox ul.formulier { list-style: none; width: 286px; overflow: hidden; } .formsBox ul.formulier li { padding: 0px 12px 0px 12px; width: 252px; float: left; height: 35px; line-height: 35px; overflow: hidden; border-bottom: #e1e1e1 solid 1px; } .formsBox ul.formulier li a.post { margin-top: 8px; display: block; float: right; width: 17px; height: 17px; text-indent: -9999px; background: url('../images/post-icon.gif') no-repeat; } .formsBox .description { padding: 0px 0 5px 15px; margin-top: 5px; width: 700px; overflow: hidden; border: #b5b5b5 solid 1px; } .formsBox form label.nederland { display: block; width: 16px; height: 31px; text-indent: -9999px; float: left; margin: 0px 5px 0 0; background: url('../images/nederland.gif') 0 12px no-repeat; } .formsBox form label.duits { display: block; width: 16px; height: 26px; text-indent: -9999px; float: left; margin: 0px 5px 0 0; background: url('../images/duits.gif') 0 12px no-repeat; } .formsBox form input.field { padding: 3px 0px 0px 12px; margin-top: 5px; width: 663px; float: right; height: 23px; border: 0px; border-left: #dedede solid 1px; background: #fff; } .formsBox form textarea { padding: 3px 0px 0px 12px; margin-top: 5px; width: 663px; float: right; height: 100px; border: 0px; border-left: #dedede solid 1px; background: #fff; } /* ### RIGHT CONTAINER ### */ #rightCntr { float: right; width: 204px; } /* ### LINK BOX ### */ .linkBox { width: 204px; overflow: hidden; } .linkBox ul { list-style: none; float: right; } .linkBox ul li { margin-bottom: 10px; } .linkBox ul li a { display: block; color: #454e0d; text-decoration: none; width: 193px; height: 44px; font-size: 15px; text-align: center; line-height: 44px; font-family: 'Trebuchet MS', Arial; background: url('../images/pagina-link.gif') top no-repeat; } .linkBox ul li a.normal { background: url('../images/pagina-link-2.gif') top no-repeat; height: 32px; line-height: 32px; color: #666; } .linkBox ul li a:hover { text-decoration: underline; } .linkBox ul li a.normal:hover { text-decoration: none; color: #000; } .linkBox p { margin: 0 0 10px 10px; } .linkBox .credits { padding: 5px; background: #ece1b9; border: 1px solid #f4cc10; margin: 20px 0 10px 10px; color: #c19a0b; } /* ### ZOEKEN BOX ### */ .zoekenBox { padding: 8px 0 0 10px; width: 194px; } .zoekenBox h3 { padding-bottom: 5px; font-size: 20px; color: #879632; font-weight: normal; } .zoekenBox form fieldset { border: 0px; } .zoekenBox fieldset select { padding: 5px; width: 192px; margin-bottom: 13px;color: #ACACAC; font-size: 15px; border: #c8c5c0 solid 1px; background: #fff; } .zoekenBox fieldset input.field { padding: 5px; width: 180px; color: #ACACAC; font-size: 15px; border: #c8c5c0 solid 1px; background: #fff; } .zoekenBox fieldset input.field:hover, .zoekenBox fieldset select:hover { color: #595959; } /* ### NIEUWSBRIEVEN BOX ### */ .nieuwsbrievenBox { padding: 20px 0px 0px 10px; width: 194px; } .nieuwsbrievenBox h3 { padding-bottom: 5px; color: #919191; font-size: 15px; font-weight: normal; } .nieuwsbrievenBox ul { list-style: none; } .nieuwsbrievenBox ul li { line-height: 28px; font-size: 12px; border-bottom: #FFFFFF solid 1px; } .nieuwsbrievenBox ul li a { color: #555555; text-decoration: none; } .nieuwsbrievenBox ul li a:hover { text-decoration: underline; } /* ### STAP BOX ### */ .stapBox { padding-left: 10px; width: 194px; } .stapBox ul { list-style: none; } .stapBox li { padding-left: 13px; width: 180px; height: 35px; line-height: 35px; font-size: 15px; font-family: 'Trebuchet MS', Arial; margin-bottom: 7px; background: url('../images/stap-link.gif') no-repeat; color: #a7a7a7; } .stapBox li a { color: #a7a7a7; text-decoration: none; } .stapBox li a.active { color: #88982a; } .stapBox li a:hover, .stapBox li a.current { color: #000 !important; } /* ### COUNTRY BOX ### */ .countryBox { width: 204px; margin-left: -1px; } .countryBox ul { list-style: none; } .countryBox li { padding-left: 15px; line-height: 43px; font-size: 14px; float: left; width: 189px; border-top: #bbbbbb solid 1px; border-right: #bbbbbb solid 1px; background: #e8e8e8; } .countryBox li.first { margin-left: -3px; padding-left: 18px; position: relative; color: #9bab3c; width: 190px; border: 0px; height: 44px; background: url('../images/country-top.png') right no-repeat #e8e8e8; } .countryBox li.first:hover { background: url('../images/country-top.png') right no-repeat #FFF; } .countryBox li.last { border: #bbbbbb solid 1px; border-left: 0px; } .countryBox li.active{ background-color: #FFF; } .countryBox li a { padding-left: 25px; display: block; text-decoration: none; color: #6a6a6a; background: url('../images/nederland.gif') left no-repeat; } .countryBox li a.duits { background: url('../images/duits.gif') left no-repeat; } .countryBox li a.frans { background: url('../images/frans.gif') left no-repeat; } .countryBox li a:hover { color: #9bab3c; } .countryBox li a.active { color: #9bab3c; } .countryBox li:hover { background: #FFFFFF; } /* ### GEBRUIKERS BOX ### */ .gebruikersBox { width: 204px; position: relative; left: -1px; } .gebruikersBox ul { list-style: none; width: 204px; } .gebruikersBox li { float: left; width: 204px; font-size: 15px; font-family: Trebuchet MS, Arial; } .gebruikersBox li a { padding-left: 18px; display: block; text-decoration: none; width: 186px; float: left; height: 43px; line-height: 43px; border: #bbbbbb solid 1px; border-bottom: 0px; color: #737373; background: #e8e8e8; } .gebruikersBox li a:not(:only-child) { width: 153px; padding-right: 33px; } .gebruikersBox li span:not(:only-child) { position: absolute; right: -1px; line-height: 44px; width: 33px; text-align: center; opacity: 0.25; cursor: pointer; transition: opacity 0.4s; } .gebruikersBox li:hover span:not(:only-child) { opacity: 1; } .gebruikersBox li a.first { margin-left: -4px; border: 0px; width: 192px; background: url('../images/gebruik-top2.gif') right top no-repeat; } .gebruikersBox li a.first2 { margin-left: -4px; border: 0px; width: 192px; background: url('../images/gebruik-top3.gif') right top no-repeat; } .gebruikersBox li a.active1 { margin-left: -4px; border: 0px; color: #94a145; width: 192px; background: url('../images/country-top.gif') right top no-repeat; } .gebruikersBox li a.first:hover { width: 192px; color: #94a145; background: url('../images/country-top.gif') right top no-repeat; padding: 0 0 0 18px; } .gebruikersBox li a.first2:hover { width: 192px; color: #94a145; background: url('../images/gebruik-top4.gif') right top no-repeat; } .gebruikersBox li a.active1:hover { width: 192px; background: url('../images/country-top.gif') right top no-repeat; padding: 0 0 0 18px; } .gebruikersBox li a.last { border: #bbbbbb solid 1px; padding: 0 0 0 19px; width: 185px; } .gebruikersBox li a.last1 { border-bottom: #bbbbbb solid 1px; border-left: 0px; width: 187px; background: #FFFFFF; } .gebruikersBox li a:hover { width: 186px; color: #94a145; border-left: 0px; background: #FFFFFF; padding: 0 0 0 19px; } .gebruikersBox li a.active { width: 186px; color: #94a145; border-left: 0px; background: #FFFFFF; padding: 0 0 0 19px; } .gebruikersBox li a.last:hover { width: 185px; padding: 0 0 0 20px; } .gebruikersBox li a.firstlast { background: url('../images/country-top.gif') right top no-repeat; border: 0px solid; border-bottom: 1px solid #bbbbbb; } .gebruikersBox li a.firstlast:hover { padding: 0 0 0 18px; } .gebruikersBox li a.disabled, .gebruikersBox li a.disabled:hover { color: #bbb; background: #e8e8e8; cursor: inherit; } .gebruikersBox li a.disabled:hover { border-left: 1px solid #bdbcbc; padding: 0 0 0 19px } /* ### SELECT BOX ### */ .selectBox { padding: 15px 0px 10px 10px; width: 194px; } .selectBox h3 { padding-bottom: 15px; font-weight: normal; color: #879533; font-size: 20px; } .selectBox form fieldset { border: 0px; } .selectBox form select { width: 194px; font-family: Arial; margin-bottom: 12px; color: #879533; font-size: 11px; border: #dedede solid 1px; background: #fff; } /* ### pageurl Box ### */ .pageurlBox { padding-left: 10px; padding-bottom: 5px; } .pageurlBox h3 { padding-bottom: 15px; font-weight: normal; color: #879533; font-size: 20px; } .pageurlBox label { font-size: 15px; padding-bottom: 4px; color: #9d9d9d; display: block; } .pageurlBox input.field { font-size: 11px; padding: 3px 0px 0px 5px; height: 20px; width: 187px; border: #c9c6c1 solid 1px; } .pageurlBox ul { list-style-type: none; padding-top: 3px; } .pageurlBox ul li { padding-bottom: 4px; } .pageurlBox ul li input.check { margin: 1px 5px 0px 1px; } /* ### UPLOAD BOX ### */ .uploadBox { padding-left: 10px; width: 194px; overflow: hidden; } #rightCntr h3 { padding: 8px 0px; color: #879533; font-weight: normal; font-size: 20px; } .uploadBox form fieldset { border: 0px; overflow: hidden; } .uploadBox form input.field { padding: 3px 0px 0px 5px; height: 24px; width: 108px; float: left; border: #c9c6c1 solid 1px; } .uploadBox form input.file { position: absolute; z-index: 2; -moz-opacity:0; filter:alpha(opacity: 0); opacity: 0; cursor: pointer; width: 72px; } .uploadBox form input.submit { width: 73px; height: 28px; font-size: 12px; font-family: Arial; color: #879533; cursor: pointer; border: #c9c6c1 solid 1px; background: #FFFFFF; } .uploadBox form input.laden { width: 73px; height: 28px; margin-left: 46px; font-size: 12px; float: right; font-family: Arial; color: #879533; cursor: pointer; border: #c9c6c1 solid 1px; background: #FFFFFF; } /* .uploadBox form select { width: 194px; font-family: Arial; color: #879533; font-size: 11px; border: #dedede solid 1px; background: #fff; } */ .uploadBox form select { background:none repeat scroll 0 0 #FFFFFF; border:1px solid #C8C5C0; color:#879533; font-size:15px; height:36px; margin-bottom:13px; padding:7px 7px 7px 5px; width:193px; } .uploadBox form input.submit:hover { color: #555; } .uploadBox form label { padding-bottom: 4px; color: #9d9d9d; font-size: 12px; display: block; } .uploadBox form label span {font-size: 11px; } .uploadBox .foto { padding: 7px 0px 10px 0px; width: 194px; overflow: hidden; position: relative; } .uploadBox img { padding: 1px; border: #c0bfbe solid 1px; background: #FFFFFF; } .uploadBox .loading img { padding: 0px; border: 0px; background: transparent; } .uploadBox a.delete { display: block; height: 17px; width: 17px; text-indent: -9999px; position: absolute; bottom: 20px; right: 10px; background: url('../images/page-delete.gif') no-repeat; } .uploadBox a.post { display: block; height: 17px; width: 17px; text-indent: -9999px; position: absolute; bottom: 20px; right: 9px; background: url('../images/post-icon.gif') no-repeat; } .uploadBox a.pagina { padding: 20px 5px 0 0; float: right; color: #c51212; text-decoration: none; display: block; } .uploadBox a.pagina:hover { text-decoration: underline; } .uploadBox ul { padding-bottom: 25px; list-style: none; } .uploadBox li { line-height: 30px; height: 30px; width: 194px; font-size: 15px; overflow: hidden; border-bottom: #cfcac3 solid 1px; } .uploadBox li a { color: #787168; display: block; float: left; text-decoration: none; } .uploadBox li a.pdelete { display: block; margin-top: 7px; float: right; width: 17px; height: 17px; text-indent: -9999px; background: url('../images/page-delete.gif') no-repeat top; } .uploadBox li a.pdelete:hover { background: url('../images/page-delete.gif') no-repeat bottom; } .uploadBox li a.plus { display: block; margin: 7px 0 0 10px; float: right; width: 17px; height: 17px; text-indent: -9999px; background: url('../images/page-plus.gif') no-repeat; } .uploadBox li.last { border: 0px; } .uploadBox li a:hover { text-decoration: underline; } .uploadBox .tag_input { font-size: 12px; color: #aca79f; width: 110px; padding: 3px; border: 1px solid #c9c5c0; font-family: Arial, Helvetica, sans-serif; } .uploadBox .tag_add_button { color: #94a04a; font-size: 12px; width: 72px; border: 1px solid #c9c5c0; background: #fff; padding: 2px; cursor: pointer; font-family: Arial, Helvetica, sans-serif; } .uploadBox .tag_add_button:hover { color: #000; } .uploadBox .tags, .uploadBox #popu_tags { font-size: 12px; margin: 10px 0 0; padding: 0 0 15px 0; } .uploadBox .tags li, .uploadBox #popu_tags li { border: none; display: inline; font-size: 12px; height: auto; line-height: 20px; white-space:nowrap; margin: 0 10px 0 0; height: 20px; float: none; } .uploadBox .tags li a, .uploadBox #popu_tags li a { display: inline-block; text-indent: -9999px; background: url('../images/delete-tag.gif') top no-repeat; height: 9px; width: 9px; margin: 0 2px 0 0; float: none; line-height: 10px; } .uploadBox .tags li a:hover { background: url('../images/delete-tag.gif') bottom no-repeat; } .uploadBox #popu_tags li a { background: url('../images/add-tag.gif') top no-repeat; } .uploadBox #popu_tags li a:hover { background: url('../images/add-tag.gif') bottom no-repeat; } .uploadBox .show_more_tags { background: url('../images/catopenclose.png') right no-repeat; padding: 0 15px 0 0; font-size: 12px; text-decoration: none; } .uploadBox .show_more_tags:hover { color: #000; } /* ### UPLOAD BOX SWF UPLOADER (right-container) ### */ .swfBox { text-align: center; width: 193px; margin: 5px 10px; border: 1px solid #afe14c; -moz-border-radius-topleft : 5px; -webkit-border-top-left-radius : 5px; -moz-border-radius-topright : 5px; -webkit-border-top-right-radius : 5px; -moz-border-radius-bottomleft : 5px; -webkit-border-bottom-left-radius : 5px; -moz-border-radius-bottomright : 5px; -webkit-border-bottom-right-radius : 5px; } .swfBox span.legend { position: relative; background-color: #EAE6E1; padding: 3px; left: -40px; top: -9px; font: 700 14px Arial, Helvetica, sans-serif; color: #73b304; } .swfBox .fieldset { margin: 10px 0; padding: 5px 10px; } .swfBox .flash { } .swfBox .progressWrapper { overflow: hidden; } .swfBox .progressContainer { margin: 5px; padding: 4px; border: solid 1px #E8E8E8; background-color: #F7F7F7; overflow: hidden; -moz-border-radius-topleft : 5px; -webkit-border-top-left-radius : 5px; -moz-border-radius-topright : 5px; -webkit-border-top-right-radius : 5px; -moz-border-radius-bottomleft : 5px; -webkit-border-bottom-left-radius : 5px; -moz-border-radius-bottomright : 5px; -webkit-border-bottom-right-radius : 5px; } .swfBox .message { margin: 1em 0; padding: 10px 20px; border: solid 1px #FFDD99; background-color: #FFFFCC; overflow: hidden; } .swfBox .red { border: solid 1px #B50000; background-color: #FFEBEB; } .swfBox .green { border: solid 1px #DDF0DD; background-color: #EBFFEB; } .swfBox .blue { border: solid 1px #CEE2F2; background-color: #F0F5FF; } .swfBox .progressName { font-size: 8pt; font-weight: 700; color: #555; height: 14px; text-align: left; white-space: nowrap; overflow: hidden; } .swfBox .progressBarInProgress, .progressBarComplete, .progressBarError { font-size: 0; width: 0%; height: 2px; background-color: blue; margin-top: 2px; } .swfBox .progressBarComplete { width: 100%; background-color: green; visibility: hidden; } .swfBox .progressBarError { width: 100%; background-color: red; visibility: hidden; } .swfBox .progressBarStatus { margin-top: 2px; font-size: 7pt; font-family: Arial; text-align: left; white-space: nowrap; } .swfBox a.progressCancel { font-size: 0; display: block; height: 14px; width: 14px; background-image: url(/images/cancelbutton.gif); background-repeat: no-repeat; background-position: -14px 0px; float: right; } .swfBox a.progressCancel:hover { background-position: 0px 0px; } .swfBox .swfupload { vertical-align: top; } .swfBox .fotolist { margin: 10px; list-style-type: none; text-align: left; border-top: 1px solid; } .swfBox .fotolist li { display: block; float: left; position: relative; width: 80px; height: 80px; line-height: 76px; margin: 4px 0px 0px 4px; text-align: center; } .swfBox .fotolist li img { vertical-align: middle; } .swfBox .title { position: absolute; left: 20px; bottom: 15px; line-height: 12px; border: 1px solid #D3D3D3; background: white; padding: 0 3px; font-size: 10px; } .swfBox .fotolist a.move { display: block; height: 17px; width: 17px; text-indent: -9999px; position: absolute; bottom: 14px; left: 4px; background: url('/images/page-plus.gif') no-repeat; } .swfBox .fotolist a.delete { display: block; height: 17px; width: 17px; text-indent: -9999px; position: absolute; bottom: 14px; right: 4px; background: url('/images/page-delete.gif') no-repeat; } .swfBox .fotolist a.delete:hover { background-position: bottom left; } /* SOCIAL (sidebars) */ .noticeboxclose { cursor: pointer; } #NoticeBox.loading { padding-left: 25px; background-image: url('../images/small_loader_trans.gif'); background-repeat: no-repeat; background-position: 5px center; } .noticeboxclose .close { float: right; width: 17px; height: 17px; background-image: url('../images/page-delete.gif'); background-repeat: no-repeat; background-position: top left; text-indent: -8000px; } .noticeboxclose:hover .close { background-position: bottom left; } #NoticeBox .social { margin-bottom: 5px; } #NoticeBox .social p { margin: 12px 0px; } #NoticeBox .social label { border-radius: 5px; background: #fff; border: 1px solid #bdbcbc; overflow: hidden; padding: 0px 5px; margin: 0 5px 5px 0px; color: #444; } #NoticeBox .social label { padding: 3px 5px; } #NoticeBox .social label span { padding: 3px 3px 3px 23px; } .shareonsocial { padding: 0 0 10px 10px; width: 194px; } .shareonsocial label { border-radius: 5px; display: block; background: #fff; border: 1px solid #bdbcbc; overflow: hidden; padding: 0 5px; margin: 0 0 5px 0; } .shareonsocial label:hover { border: 1px solid #959595; color: #000; } .shareonsocial label span { display: block; padding: 3px 0 3px 25px; float: left; width: 140px; overflow: hidden; color: #444; } .shareonsocial label input[type="checkbox"] { float: right; margin: 5px 0 0 0; } #shareit a#addsociallink { background: url('../images/link.png') left 5px no-repeat; height: 17px; padding: 6px 5px 2px 20px; float: left; opacity: 0.3 } #shareit a#addsociallink:hover { opacity: 1; } #shareit .addsociallinkform { float: left; margin-top: 4px; } #shareit .addsociallinkform input { font-size: 12px; border-radius: 3px; box-shadow: 2px 2px 3px #E6E6E6 inset; border: 1px solid #ddd; float: left; padding: 3px; width: 160px; height: 13px; overflow: auto; color: #a5a5a5; font-size: 14px; margin-left: 10px; } #shareit .addsociallinkform input:hover, #shareit .addsociallinkform input:focus { color: #292929; border: 1px solid #cfcfcf; } #shareit #limiter { clear: both; float: right; margin-top: 5px; margin-bottom: 4px; } .shareonsocial #socialredo { float: right; margin-top: 14px; margin-right: 5px; } .shareonsocial .facebook, #NoticeBox .social .facebook { background: url('../images/facebook.png') left no-repeat; } .shareonsocial .fbpage, #NoticeBox .social .fbpage { background: url('../images/facebookpage.png') left no-repeat; } .shareonsocial .twitter, #NoticeBox .social .twitter { background: url('../images/twitterlogomini.png') left no-repeat; } .shareonsocial .linkedin, #NoticeBox .social .linkedin { background: url('../images/linkedin.png') left no-repeat; } .shareonsocial .posting { background: url('../images/small_loader.gif') left no-repeat; } .shareonsocial .selected { color: #879533; font-weight: bold; } .shareonsocial .published { opacity: 0.5; } .shareonsocial textarea { width: 172px; -moz-border-image: none; -moz-border-bottom-colors: none; -moz-border-top-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; border-color: #BDBCBC; border-radius: 3px; border-style: solid; border-width: 1px; box-shadow: 2px 2px 3px #E6E6E6 inset; color: #A5A5A5; float: left; font-size: 14px; height: 108px; overflow: auto; padding: 10px; } /* DAASHBOARD */ .dashblock { overflow:hidden; background: #fff; border-radius: 5px; padding: 10px 15px 15px 15px; border: 1px solid #bdbcbc; } .dashblock h2 { color: #8C9E1E; font-size: 20px; font-weight: normal; line-height: auto; margin: 0 0 10px 0; } #shareit .shareonsocial { float: right; padding: 0; width: auto; } #shareit .shareonsocial label, .albumBox .shareonsocial label { width:auto; float: right; margin: 0 0 5px 5px; border: 1px solid #ddd; } .albumBox .shareonsocial label { margin: 0 5px 0 0;} .albumBox .shareonsocial .publiceer { vertical-align: middle; margin: 0 0 0 10px; } #shareit .shareonsocial label span, .albumBox .shareonsocial label span { margin: 0 10px 0 0; } #shareit h2 { float: left; } .nieuwsBox .shareonsocial, .albumBox .shareonsocial { padding: 0; overflow: hidden; width: 100%; } .albumBox .shareonsocial{ margin: 10px 0 0 0; } .albumBox .shareonsocial h3 { margin: 0 0 10px 0; } .nieuwsBox .shareonsocial label { float: left;font-size: 14px; margin: 0 10px 10px 0; padding: 0 5px; width: 195px; } .nieuwsBox .shareonsocial h3 { float: none; } .albumBox .shareonsocial { border-bottom: 1px solid #DDDDDD; padding: 0 0 5px 0; width: 98%; } .prikbordBox .shareonsocial { padding: 10px 0 0 0; border-top: 1px solid #777777; width: auto; margin: 10px 0 0 0; } .prikbordBox .shareonsocial label { padding: 0 5px; width: 195px; float: left; margin: 0 5px 0 0; } .prikbordBox .shareonsocial span { float: left; } .prikbordBox .shareonsocial label input[type="checkbox"] { margin: 7px 0 0; } .prikbordBox .shareonsocial p { padding: 0 0 5px; color: #606D0E; } .prikbordBox .shareonsocial .publiceer { margin: 7px 0 0; float: left; } /* SOCIAL (dashboard) */ #shareit { margin: 0 0 8px 0; } #shareit textarea { border-radius: 3px 0 0 3px; box-shadow: 2px 2px 3px #E6E6E6 inset; border: 1px solid #ddd; border-right: none; float: left; padding: 10px; width: 856px; height: 18px; overflow: auto; color: #a5a5a5; font-size: 14px; } #shareit textarea:hover, #shareit textarea:focus { color: #292929; border: 1px solid #cfcfcf; border-right: none; } #shareit #socialbutton[disabled="disabled"] { background: #eee; cursor: default; } #shareit #socialbutton[disabled="disabled"]:hover { color: #ccc; } #shareit input[type="button"] { border: none; cursor: pointer; background: #fff; margin: 0; font-size: 14px; width: 61px; height: 40px; float: left; border: 1px solid #ddd; box-shadow: 0px 2px 3px #E6E6E6 inset; border-radius: 0 3px 3px 0; } #shareit input[type="button"]:hover { color: #000; } /* ### CENTER CONTAINER ### */ #centerCntr { width: 971px; background: url('../images/center-mid.gif') repeat-y; } #centerCntr .top { width: 971px; background: url('../images/center-top.gif') top left no-repeat; } #centerCntr .bottom { width: 971px; overflow: hidden; background: url('../images/center-bottom.gif') bottom left no-repeat; } /* ### ALBUM BOX ### */ .albumBox { padding: 18px 6px 0px 24px; width: 941px; } .albumBox h2 { font-size: 25px; color: #8c9e1e; font-weight: normal; } .albumBox h4 { padding: 8px 0; color: #b7a994; font-size: 13px; } .albumBox p { padding: 8px 0;} .albumBox a.terug { padding: 0px 40px 0px 25px; margin-top: 5px; font-size: 15px; display: block; float: right; color: #99ac22; text-decoration: none; font-family: Trebuchet MS, Arial; background: url('../images/left-arrow.gif') 0 2px no-repeat; } .albumBox a.share { padding: 0px 40px 0px 25px; margin-top: 5px; font-size: 15px; display: block; float: right; color: #99ac22; text-decoration: none; font-family: Trebuchet MS, Arial; background: url('../images/share.png') 0 2px no-repeat; } .albumBox a.foto { padding: 0 25px; font-size: 15px; margin-top: 5px; display: block; float: right; color: #99ac22; text-decoration: none; font-family: Trebuchet MS, Arial; background: url('../images/plus.gif') 0 3px no-repeat; } .albumBox ul { padding-top: 22px; list-style: none; width: 835px; overflow: hidden; margin: 0px auto; } .albumBox ul.selectalbum li img { background: #8C9E1E; border-color: #B8E4B8; cursor: pointer; } .albumBox ul.selectalbum li img:hover { background-color: transparent; border-color: transparent; } .albumBox li { padding: 0px 14px 14px 0px; float: left; font-family: Trebuchet MS, Arial; width: 173px; position: relative; overflow: hidden; display: inline-block; margin: 10px; } .albumBox li img { padding: 1px; border: #c1c1c1 solid 1px; } .albumBox li span { display: block; color: #777777; font-size: 15px; height: 22px; } .albumBox li a.plusx { display: block; width: 17px; height: 17px; text-indent: -9999px; position: absolute; top: 0px; right: 6px; background: url('../images/page-plus.gif') no-repeat; } .albumBox li a.post { display: block; width: 17px; height: 17px; text-indent: -9999px; position: absolute; top: 0px; right: 26px; background: url('../images/post-icon.gif') no-repeat; } .albumBox li a.delete { display: block; width: 17px; height: 17px; text-indent: -9999px; position: absolute; top: 0px; right: 46px; background: url('../images/page-delete.gif') no-repeat; } .albumBox a:hover { text-decoration: underline; } .albumBox fieldset { border: 0px; } .albumBox .fieldset { border: 1px solid #afe14c; margin: 10px 0; padding: 20px 10px; } .albumBox .fieldset span.legend { position: relative; background-color: #FFF; padding: 3px; top: -27px; font: 700 14px Arial, Helvetica, sans-serif; color: #73b304; } .albumBox .flash { width: 375px; margin: 10px 5px; border-color: #D9E4FF; -moz-border-radius-topleft : 5px; -webkit-border-top-left-radius : 5px; -moz-border-radius-topright : 5px; -webkit-border-top-right-radius : 5px; -moz-border-radius-bottomleft : 5px; -webkit-border-bottom-left-radius : 5px; -moz-border-radius-bottomright : 5px; -webkit-border-bottom-right-radius : 5px; } .albumBox .progressWrapper { width: 357px; overflow: hidden; } .albumBox .progressContainer { margin: 5px; padding: 4px; border: solid 1px #E8E8E8; background-color: #F7F7F7; overflow: hidden; } .albumBox .message { margin: 1em 0; padding: 10px 20px; border: solid 1px #FFDD99; background-color: #FFFFCC; overflow: hidden; } .albumBox .red { border: solid 1px #B50000; background-color: #FFEBEB; } .albumBox .green { border: solid 1px #DDF0DD; background-color: #EBFFEB; } .albumBox .blue { border: solid 1px #CEE2F2; background-color: #F0F5FF; } .albumBox .progressName { font-size: 8pt; font-weight: 700; color: #555; width: 323px; height: 14px; text-align: left; white-space: nowrap; overflow: hidden; } .albumBox .progressBarInProgress, .progressBarComplete, .progressBarError { font-size: 0; width: 0%; height: 2px; background-color: blue; margin-top: 2px; } .albumBox .progressBarComplete { width: 100%; background-color: green; visibility: hidden; } .albumBox .progressBarError { width: 100%; background-color: red; visibility: hidden; } .albumBox .progressBarStatus { margin-top: 2px; width: 337px; font-size: 7pt; font-family: Arial; text-align: left; white-space: nowrap; } .albumBox a.progressCancel { font-size: 0; display: block; height: 14px; width: 14px; background-image: url(/images/cancelbutton.gif); background-repeat: no-repeat; background-position: -14px 0px; float: right; } .albumBox a.progressCancel:hover { background-position: 0px 0px; } .albumBox .swfupload { vertical-align: top; } /* ### PRIKBORD BOX ### */ .prikbordBox { padding: 17px 24px 15px 24px; width: 923px; min-height: 300px; } .prikbordBox h2 { padding-bottom: 30px; font-size: 25px; color: #8c9e1e; font-weight: normal; } .prikbordBox table { margin: 0px; border: 0px; } .prikbordBox tr.heading td { border: 0px; } .prikbordBox tr.heading:hover { background: none; } .prikbordBox tr td { padding-left: 12px; vertical-align: middle; color: #555555; font-size: 14px; height: 35px; border-bottom: #e1e1e1 solid 1px; } .prikbordBox tr td.selected { background: #EBEBEB; } .prikbordBox tr td.titel { width: 490px; } .prikbordBox tr td.titel a { color: #555555; text-decoration: none; font-size: 14px; } .prikbordBox tr td.titel a:hover { text-decoration: underline; } .prikbordBox tr:hover { background: #eff3d8; } .prikbordBox tr td a.pin { margin-right: 5px; float: right; display: block; width: 17px; height: 17px; text-indent: -9999px; background: url('../images/pin-icon.gif') no-repeat; } .prikbordBox tr td a.pin:hover, .prikbordBox tr td a.pin .active { background: url('../images/pin-hover.gif') no-repeat; } .prikbordBox tr td a.lock { margin-right: 5px; float: right; display: block; width: 17px; height: 17px; text-indent: -9999px; background: url('../images/lock.gif') no-repeat; } .prikbordBox tr td a.lock:hover { background: url('../images/lock-hover.gif') no-repeat; } .prikbordBox tr td a.delete { margin-right: 5px; float: right; display: block; width: 17px; height: 17px; text-indent: -9999px; background: url('../images/page-delete.gif') no-repeat; } .prikbordBox tr td a { color: #9aaf22; text-decoration: none; font-size: 12px; } .prikbordBox tr td a:hover { text-decoration: underline; } .prikbordBox tr td.titel a.in { padding-left: 12px; background: url('../images/under-top.gif') 0 4px no-repeat; } .prikbordBox tr.active { background: #FFCC99; } .prikbordBox tr.last { background: #ebebeb; } .prikbordBox tr.last td { padding: 0 5px 5px; border: 0px; height: auto; vertical-align: top; } .prikbordBox tr.last table tr:hover { background: none; } .prikbordBox tr td.text { width: 385px; } .prikbordBox tr td span { display: block; float: right; } .prikbordBox h3 { font-size: 16px; color: #9aaf22; font-weight: normal; } .prikbordBox h4 { padding-bottom: 7px; font-size: 14px; color: #849127; font-weight: normal; } .prikbordBox tr td p { padding: 4px 0 15px 0; font-size: 12px; color: #787878; line-height: 16px; } .prikbordBox tr td span.big { padding: 0 5px 10px 0; } .prikbordBox form fieldset { border: 0px; overflow: hidden; } .prikbordBox form label { padding: 10px 0px 4px 0px; display: block; color: #7f7f7f; font-family: 'Trebuchet MS', Arial; font-size: 15px; } .prikbordBox form input.field { padding: 8px 0px 0px 10px; height: 28px; width: 435px; border: #a7a7a7 solid 1px; } .prikbordBox form textarea { padding: 8px 0px 0px 10px; height: 86px; width: 435px; border: #a7a7a7 solid 1px; } .prikbordBox form input.submit { width: 110px; color: #606d0e; height: 41px; float: right; cursor: pointer; border: 0px; background: url('../images/reageer.gif') no-repeat; } .prikbordBox form input.submit:hover { text-decoration: underline; } .prikbordBox form input.wissen { float: right; background: none; border: none; padding: none; color: #777; cursor: pointer; margin: 10px 10px 0 0; } .prikbordBox form input.wissen:hover { color: red; } .prikbordBox form input.check { margin: 2px 8px 0 0; float: left; height: 12px; } .prikbordBox form label.checkbox { display: block; font-size: 12px; color: #718309; font-family: Arial; } .prikbordBox .gastreageer { border-top: 1px solid #777; padding: 10px 0 0; } .prikbordBox .gastreageer textarea { width: 500px; height: 50px; padding: 10px; font-size: 14px; display: block; } .prikbordBox .gastreageer .reageren { float: none; background: none; margin:5px 0 0 464px; padding: 0; height: auto; width: auto; } .prikbordBox .gastBericht p { color: #000; } .prikbordBox p.hostReactie { padding: 0 0 20px 20px; width: 700px; background: url("../images/under-top.gif") no-repeat 5px 3px transparent; color: #787878; } /* ### STATIS BOX ### */ .statisBox { float: left; margin: 0 10px 10px 0; width: 480px; background: url('../images/dash-mid.gif') repeat-y; } .statisBox .top { width: 480px; background: url('../images/dash-top.gif') top left no-repeat; } .statisBox .bottom { position: relative; padding: 14px 17px 18px 17px; height: 216px; width: 446px; overflow: hidden; background: url('../images/dash-bottom.gif') bottom left no-repeat; } .statisBox h2 { padding-bottom: 3px; font-size: 20px; color: #8c9e1e; font-weight: normal; } .statisBox h2 a { color: #8c9e1e; text-decoration: none; } .statisBox h2 a.text { color: #555555; } .statisBox h2 a:hover { text-decoration: underline; } .statisBox .halfBox { width: 50%; float: left; padding: 10px 0 25px 0; } .statisBox .halfBox a { clear: both; float: left; } .statisBox .halfBox a img { margin: 0 5px 0 0; vertical-align: middle; } .statisBox .social { position: absolute; bottom: 15px; left: 17px; } .statisBox h3 { padding-top: 8px; font-size: 13px; color: #838383; font-weight: bold; } .statisBox img { margin: 10px 0 0 3px; } .statisBox ul { padding-bottom: 13px; list-style: none; width: 446px; overflow: hidden; } .statisBox li { padding: 0px 15px; float: left; cursor: pointer; line-height: 35px; color: #8f8f8f; font-size: 14px; width: 416px; overflow: hidden; border-bottom: #e1e1e1 solid 1px; } .statisBox li span { display: block; float: right; } .statisBox li a { color: #555555; display: block; float: left; text-decoration: none; } .statisBox li a.red { color: #cc0909; } .statisBox li a.green { color: #7c8e0b; } .statisBox li a:hover { text-decoration: none; } .statisBox li.last { border: 0px; } .statisBox li:hover { background: #eff3d8; } .statisBox li.active { background: #eff3d8; } .statisBox span.date { padding-bottom: 10px; color: #788a10; display: block; font-size: 11px; } .statisBox p { padding-bottom: 12px; line-height: 17px; clear: both; } .statisBox a.more { padding-bottom: 28px; display: block; color: #9fab5a; text-decoration: none; } .statisBox a:hover { text-decoration: underline; } /* ### ACTIES BOX ### */ .actiesBox { float: left; width: 480px; margin: 0 10px 10px 0; background: url('../images/acties-mid.gif') repeat-y; } .actiesBox .top { width: 480px; background: url('../images/acties-top.gif') top left no-repeat; } .actiesBox .bottom { height: 213px; padding: 18px 0px 17px 20px; width: 460px; background: url('../images/acties-bottom.gif') bottom left no-repeat; } .actiesBox h2 { padding-bottom: 10px; font-size: 20px; color: #646f20; font-weight: normal; } .actiesBox ul { list-style: none; display: inline; } .actiesBox li { width: 213px; } .actiesBox li a { display: block; padding-left: 10px; margin-bottom: 7px; width: 202px; font-size: 20px; height: 40px; line-height: 40px; background: url('../images/acties-link.gif') no-repeat; color: #758320; text-decoration: none; } .actiesBox li a:hover { color: #555555; } .actiesBox li a.active { color: #555555; } /* ### FOOTER CONTAINER ### */ #footerCntr { padding: 8px 2px 0px 2px; overflow: hidden; font-size: 12px; color: #6c6c6c; width: 990px; } #footerCntr span { color: #97a255; } /* ### CK EDITOR CSS ### */ #outputSample { width: 100%; table-layout: fixed; } #outputSample thead th { color: #dddddd; background-color: #999999; padding: 4px; white-space: nowrap; } #outputSample tbody th { vertical-align: top; text-align: left; } #outputSample pre { margin: 0; padding: 0; white-space: pre; /* CSS2 */ white-space: -moz-pre-wrap; /* Mozilla*/ white-space: -o-pre-wrap; /* Opera 7 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ } .nieuwsBox ul.nieuws li a.exit { background: url("/images/exit-icon.gif") no-repeat scroll 0 0 transparent; display: block; float: right; height: 17px; letter-spacing: 1px; margin: 7px 8px 0 0; text-indent: -9999px; width: 17px !important; } /* ### Agenda module #### */ .gebruikersBox li a.add { color: #a3a19e; background: #e9e6e2; border-bottom: 1px solid #dcd9d4; border-right: 1px solid #dcd9d4; } .gebruikersBox li a.add:hover { border-bottom: 1px solid #bbb; border-right: 1px solid #bbb; border-left: 1px solid white; width: 185px; padding: 0 0 0 19px; background: white; color: #94A145; } #agendaContainer { border-right: 1px solid #b7b7b7; overflow: hidden; width: 721px; border-top: 1px solid #b7b7b7; } #agendaContainer ul { width: 721px; } #agendaContainer li { width: 102px; display: block; float: left; height: 100px; padding: 0; line-height:normal; border: 1px solid #b7b7b7; border-right: none; border-top: none; } #agendaContainer li.today { background: #e8e8e8; } #agendaContainer li.today:hover { background: #eff3d8; } #agendaContainer li.today span { color: #000; } #agendaContainer li.diffMonth { border-bottom: 1px solid #d4d4d4; } #agendaContainer li span { font-size: 11px; padding: 5px; display: block; float: inherit; width: 92px; height: 13px; } #agendaContainer li span.object { background: #8ad9f9; color: #084963; } #agendaContainer li span.red { background: #f86868; color: #fff; } #agendaContainer li span.green { background: #add9a6; color: #24680f; } /*afbeeldingOverlay*/ #afbeeldingOverlayCon { width: 100%; height: 100%; position: fixed; z-index: 5; top: 0; left: 0; background: url('/images/1pxgray.png'); } #afbeeldingOverlay { width: 735px; height: 438px; border: 1px solid #8C9E1E; background: white; padding: 6px; margin: 0 auto; border-radius: 5px; position: relative; top: 50%; margin-top: -275px; -moz-box-shadow: 2px 2px 5px #8C9E1E; -webkit-box-shadow: 2px 2px 5px #8C9E1E; box-shadow: 2px 2px 5px #8C9E1E; } #afbeeldingOverlay .close { position: absolute; top: 8px; right: 8px; width: 17px; height: 17px; text-indent: -9999px; background: url('/images/page-delete.gif'); } #afbeeldingOverlay .close:hover { background-position: left bottom; } /* * VANIMEDIA */ /* Header */ /*#headerCntr { height:auto; margin-top:20px; margin-bottom:20px; }*/ #headerCntr, #headerCntr h1 { height:auto; margin-bottom:20px; } #headerCntr h1 { padding-left:10px; } #headerCntr h1 a { height:100px; width:468px; background-image:url('../images/vani-migratie.png'); } /* Footer */ #footerCntr { margin-top:10px; } #footerCntr p, #footerCntr hr { clear:both; margin:0 0 15px 0; display:block; } #footerCntr hr { border-style:solid; }