html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; list-style: none; }
html { overflow: hidden; }
body {
font-family: Tahoma, Geneva, sans-serif;
font-size: 11px;
margin: 0;
padding: 0;
overflow:hidden; /* needed to eliminate scrollbars caused by the background image */
height:100%; width:100%;
background: #666;
}
#bgimg {
position:absolute;
z-index: -1;
}
#realBody{
position:absolute;
z-index: 5;
overflow:auto;
height:100%;
width:100%;
background: url('../img/raster.png');
}
@font-face {
font-family: 'ITCOfficinaSerifStdBold';
src: url('../OfficinaSerifStd-Bold.eot');
src: local('ITC Officina Serif Std Bold'), local('OfficinaSerifStd-Bold'), url('../OfficinaSerifStd-Bold.woff') format('woff'), url('../OfficinaSerifStd-Bold.otf') format('opentype'), url('../OfficinaSerifStd-Bold.svg#OfficinaSerifStd-Bold') format('svg');
}
@font-face {
font-family: 'ITCOfficinaSansStdBold';
src: url('../OfficinaSansStd-Bold.eot');
src: local('ITC Officina Sans Std Bold'), local('OfficinaSansStd-Bold'), url('../OfficinaSansStd-Bold.woff') format('woff'), url('../OfficinaSansStd-Bold.otf') format('opentype'), url('../OfficinaSansStd-Bold.svg#OfficinaSansStd-Bold') format('svg');
}
p { margin: 15px 0px; }
span.title { font-family: 'ITCOfficinaSansStdBold', Tahoma, Geneva, sans-serif; font-size: 16px; color: #000; }
#content { position: relative; top: 20px; margin: 0px auto; width: 970px; background: #fff; }
.left { position: relative; width: 750px; float: left; }
.menu { position: relative; z-index: 9; background: #e8e8e8; height: 110px; }
.slider { position: absolute; background: url(../images/menu_bg.gif) repeat-x; top: -20px; height: 110px; z-index: 10; }
.menu ul { position: absolute; padding: 0px 0px 0px 20px; margin: 0; z-index: 11; }
.menu ul li { float: left; margin-right: 20px; list-style: none; height: 105px; }
.menu ul li a { color: #000; text-decoration: none; font-size: 16px; display: block; padding-top: 65px; padding-bottom: 6px; font-weight: bold; font-family: 'ITCOfficinaSansStdBold', Tahoma, Geneva, sans-serif; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }
.menu ul li.last { margin-right: 0px; }
.menu ul li.active a, .menu ul li a:hover { color: #fff; }
.submenu { position: relative; margin-top: 10px; width: 750px; background: #696969; }
.submenu ul { padding: 0px 10px; height: 30px; }
.submenu ul li { float: left; list-style: none; }
.submenu ul li a { float: left; color: #fff; display: block; height: 20px; padding: 10px 10px 0px 10px; text-decoration: none; font-weight: bold; }
.submenu ul li.active a { background: #2a2a2a; }
.page { padding: 10px 10px 10px 20px; width: 720px; color: #424242; line-height: 18px; }
.page h1 { font-size: 14px; font-weight: bold; width: 730px; margin-top: 30px; padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px solid #d1d1d1; }
.newsitems { padding: 10px 0px 0px 10px; width: 750px; }
.newsitems .item { text-decoration: none; display: inline; float: left; color: #000000; width: 170px; padding-right: 9px; margin-right: 10px; margin-bottom: 10px; height: 270px; border-right: 1px dashed #757575; }
.newsitems .item.persoon { height: 200px; }
.newsitems .item.last { margin-right: 0px; border-right: 0px; padding-right: 0px; }
.newsitems .item .date { color: #22549e; font-weight: bold; line-height: 22px; }
.newsitems .item p { color: #797979; font-size: 11px; line-height: 16px; margin-top: 0px; }
.newsitems .item h2 { font-size: 15px; font-weight: bold; color: #000; margin-top: 10px; }
.newszoom { padding: 10px 0px 0px 10px; }
.newszoom a.reageer { text-decoration: none; color: #22549e; }
.newszoom span.date { font-weight: bold; }
.newszoom h1 { font-size: 14px; margin-top: 5px; font-weight: bold; padding: 0px 0px 5px 0px; float: left; color: #707070; border-bottom: 1px solid #d1d1d1; width: 390px; padding-bottom: 5px; }
.newszoom p { color: #424242; line-height: 18px; margin-top: 4px; }
.newszoom .license a { color: #666; font-size: 9px; text-decoration: none; }
.commentstitle { padding: 10px 15px; font-weight: bold; background: #e7ecf4; color: #5c5e62; }
.comments { padding: 0px; padding-right: 0px; }
.comment { position: relative; background: #e5e5e5; border-left: 2px solid #666; padding: 10px; }
.comment .reply { display: none; position: absolute; right: 0px; bottom: 0px; padding: 10px; background: #bfd7ea; padding: 5px 10px; }
.comment .reply a { color: #666; text-decoration: none; font-weight: bold; }
.home { float: left; padding: 10px 0px 10px 10px; width: 450px; }
.homecycle .lastnews { clear: both; text-decoration: none; display: block; width: 420px; background: #f83831; padding: 360px 15px 10px 15px; }
.homecycle .lastnews a.reageer { margin-left: 20px; color: #000; text-decoration: none; }
.homecycle .lastnews .date { color: #000000; }
.home .article { border-right: 1px solid #b8b8b8; margin-top: 10px; padding: 15px 15px 15px 0px; line-height: 18px; }
.home .article.first { margin-top: 490px; }
.home .article h2 { font-weight: bold; margin-bottom: 10px; font-size: 13px; }
.home .commenthider { display: none; overflow: hidden; }
.home .comment { background: #e5e5e5; padding: 10px; margin-top: 10px; }
.home .comment p { padding: 10px 0px 0px 0px; margin: 0; }
.reacthider { display: none; }
.react { margin-top: 10px; padding: 10px; background: #e7ecf4; }
.home h1 { font-family: 'ITCOfficinaSerifStdBold', Tahoma, Geneva, sans-serif; font-size: 25px; line-height: 30px; color: #fff; text-transform: uppercase; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); }
.home .date, a.reageer { font-weight: bold; font-size: 14px; line-height: 30px; }
.contactmodule { padding: 10px 0px 0px 10px; }
.contactmodule .cont_title { padding: 10px; }
.contactmodule input { border: 1px solid #CCC; width: 300px; padding: 3px; }
.contactmodule textarea { font-family: Tahoma, Geneva, sans-serif; padding: 3px; border: 1px solid #CCC; width: 300px; font-size: 12px; }
.contactmodule input.submit { background: #f83831 url(../images/arrow_right.gif) right no-repeat; border: 2px solid #f83831; border-right: 15px solid #f83831; font-weight: bold; padding: 4px 20px 4px 10px; width: auto; float: right; }
.homeright { float: left; padding: 10px 0px 10px 10px; width: 280px; }
.homeright .movie { margin-bottom: 10px; background: #e5e5e5; }
.homeright h2 { padding: 10px 10px 15px 10px; color: #4b4b4b; font-weight: bold; font-size: 13px; }
.homeright .standpunten { }
.homeright .standpunten .standpunt { text-decoration: none; float: left; padding-top: 135px; padding-bottom: 10px; color: #29569d; font-family: Garamond; font-size: 16px; font-weight: bold; margin-bottom: 10px; width: 130px; margin-right: 10px; padding-right: 9px; border-right: 1px solid #cccccc; }
.homeright .standpunten .standpunt.even { border: none; padding-right: 0px; margin-right: 0px; }
.homeright .fotoalbum { background: #d4e4f1; padding: 8px 12px; margin-top: 10px; }
.homeright .albums .album { float: left; width: 85px; height: 88px; cursor: pointer; margin-right: 12px; margin-top: 12px; overflow: hidden; }
.homeright .albums .album.last { margin-right: 0px; }
.beeldmodule { padding-left: 10px; padding-bottom: 10px; }
.beeldmodule .album { float: left; overflow: hidden; width: 240px; background-color: #f0f0f0; background-repeat: no-repeat; height: 150px; margin-right: 10px; margin-top: 10px; }
.beeldmodule .album.last { margin-right: 0px; }
.beeldmodule .album p { font-size: 14px; color: #797979; margin-top: 10px; line-height: 22px; margin-right: 10px; }
.beeldmodule .image { float: left; width: 82px; height: 82px; cursor: pointer; margin-right: 12px; margin-top: 12px; }
.beeldmodule .image.last { margin-right: 0px; }
.beeldmodule h1 { padding: 10px 10px 15px 10px; color: #4b4b4b; font-weight: bold; font-size: 13px; }
.persoon { }
.persoon.even { background-position: left; }
.persoon h2 { font-size: 14px; font-weight: bold; margin-bottom: 5px; border-bottom: 1px solid #666; padding-bottom: 5px; }
.persoon .details { float: left; margin-right: 190px; background: #f0f0f0; height: 180px; padding: 10px; width: 530px; }
.persoon .details.even { float: right; margin-right: 0px; margin-left: 190px; }
.details h2 { font-size: 14px; font-weight: bold; margin-bottom: 5px; border-bottom: 1px solid #666; padding-bottom: 5px; } { font-size: 14px; font-weight: bold; width: 740px; margin-top: 30px; padding-bottom: 5px; margin-bottom: 0px; border-bottom: 1px solid #d1d1d1; }
{ font-size: 14px; font-weight: bold; margin-bottom: 5px; border-bottom: 1px solid #666; padding-bottom: 5px; }
.right { width: 200px; float: left; padding: 0px 10px; }
.right img.logo { margin-bottom: 10px; border: none; }
.rightblock { padding: 10px 12px; color: #000; margin-bottom: 10px; }
.rightblock a { text-decoration: none; line-height: 22px; color: #4a7a9f; }
.rightblock.blue { font-family: 'ITCOfficinaSerifStdBold', Tahoma, Geneva, sans-serif; font-size: 25px; background: #22549e; }
.rightblock.blue a { color: #fff; text-decoration: none; }
.rightblock.grey { background: #f0f0f0; }
.rightblock.lightblue { background: #e7ecf4; }
.rightblock.darkblue { background: #bfd7ea; }
.rightblock.greyblue { background: #dae2ef; }
.rightblock.last { margin-bottom: 10px; }
.rightblock .extern { margin-top: 10px; }
.rightblock .extern .elders { float: left; margin-top: 10px; width: 50px; height: 30px; border: 1px solid #c9d9e5; background-color: #fff; margin-right: 10px; cursor: pointer; }
.rightblock .extern .elders.last { margin-right: 0; }
.rightblock .nieuwsitems { margin-top: 0px; }
.rightblock .nieuwsitems .item { border-bottom: 1px solid #9da3ac; padding-top: 15px; }
.rightblock .nieuwsitems .item span.date { font-weight: bold; color: #000; }
.rightblock .nieuwsitems .item p { margin: 0; padding-bottom: 10px; color: #000000; font-size: 11px; }
.rightblock .nieuwsitems .item.last { border-bottom: 0px; }
.rightblock .albums { margin-top: 10px; }
.rightblock .albums .album { cursor: pointer; float: left; width: 52px; height: 52px; background: #fff; margin-right: 10px; margin-top: 10px; }
.rightblock .albums .album.last { margin-right: 0px; }
.img_left_border{ float:left; margin-right:15px; margin-bottom:5px; border: 1px solid #cccccc; }
.img_left_noborder{ float:left; margin-right:15px; margin-bottom:5px; }
.img_right_border{ float:right; margin-left:15px; margin-right:4px; border: 1px solid #cccccc; margin-bottom:5px; }
.img_right_noborder{ float:right; margin-right:4px; margin-left:15px; margin-bottom:5px; }
.img_noalign_noborder{ margin:0px; }
.img_noalign_border{ margin:0px; border: 1px solid #cccccc; }
.enquete h2 { font-weight: bold; margin-bottom: 10px; font-size: 13px; }
.question { font-weight: bold; margin: 5px 0px 0px 0px; display: block; }
.enquete .input { width: 200px; border: 1px solid #999; padding: 3px; margin-bottom: 10px; }
.contactdetails { padding-left: 90px; }
.contactdetails label { font-weight: bold; width: 80px; margin-left: -90px; float: left; display: block; text-align: right; line-height: 12px; }
.contactdetails .radio { margin-bottom: 10px; }