html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
}
body {
background: #ffffff;
font-family: "Arial", sans-serif;
font-size: 12px;
}
html, body {
height: 100%;
width: 100%;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
p {
}
h1 {
border-bottom: 1px solid #e2e3e5;
margin-bottom: 10px;
}
h1.sIFR-ignore { font-size: 19px; line-height: 30px !important; font-weight: bold; }
h2 {
border-bottom: 1px solid #e2e3e5;
line-height: 16px;
margin-top: 20px;
margin-bottom: 8px;
}
h3 {
color: #2f2f2f;
font-size: 15px;
border-bottom: 1px solid #d9dadb;
padding-bottom: 10px;
}
hr {
height: 1px;
color: #e2e3e5;
background: #e2e3e5;
border: none;
clear: both;
margin-bottom: 6px;
}
p.smaller {
font-size: 11px;
}
#main{
width: 100%;
}
#uitgelicht {
display: none;
}
#contentContainer {
width: 100%;
position: relative;
}
.introLarge {
padding: 0px 10px;
display: block;
background: url(../images/introLarge.png) repeat-x left top;
margin-bottom: 10px;
}
#contentContainer .introLarge p {
line-height: 39px;
font-size: 19px;
font-weight: bold;
color: #9197a2;
margin-bottom: 0px;
}
.introLarger p {
font-size: 24px !important;
}
.introLarge span {
color: #2f2f2f;
}
#contentContainer p {
line-height: 20px;
margin-bottom: 10px;
}
.firstParagraph {
font-weight: bold;
}
.readMore {
font-weight: bold;
color: #72777f;
padding-left: 12px;
background: url(../images/redDart.png) no-repeat left 3px;
padding-bottom: 5px;
font-size: 11px;
}
.lastpright {
text-align: right;
margin: 0px !important;
padding: 0px !important;
line-height: 15px !important;
}
.topBorder {
border-top: 1px solid #e2e3e5;
padding-top: 5px !important;
}
.nieuwspright {
float: right;
margin-top: 12px !important;
width: 300px;
}
.section { padding: 5px; height: 100px; overflow: hidden; position: relative; }
.section h3 { background: url(../images/dartBox_small.png) no-repeat right top; line-height: 17px; }
.section h3 a { display: block; padding-right: 30px; padding-top: 3px; }
.section h3 a span { color: #9197a2 !important; }
.section h3 a:hover { text-decoration: none; }
#agendaBlock .section h3 a, #evenementenBlock .section h3 a { padding-left: 50px !important; }
.section h3 img { position: relative; top: 3px; margin-right: 5px; }
.datumBlock {
position: absolute;
top: 2px;
left: 0px;
color: #ffffff;
background: #0099ff !important;
text-transform: uppercase;
font-size: 9px;
padding: 2px 5px;
}
.agenda .datumBlock {
top: 10px;
left: 10px;
}
.nieuwsItemDate {
top: 10px;
left: 10px;
background: #1d2532 !important;
}
.sectionText {
width: 255px;
margin-left: 10px;
position: relative;
height: 99px;
display: block;
border-bottom: 1px solid #d9dadb;
}
.w540 .sectionText {
width: 355px !important;
}
#agendaBlock .sectionText {
width: 430px !important;
margin-left: 0px !important;
}
#evenementenBlock .sectionText {
width: 530px !important;
margin-left: 0px !important;
}
.sectionText p {
font-size: 11px;
line-height: 15px !important;
margin-top: 10px;
}
.sectionText .readMore {
position: absolute;
bottom: 5px;
right: 5px;
padding-bottom: 0px !important;
}
.sectionhover { background: #ececec; cursor: pointer; }
#socialShare {
display: none;
}
ul.nieuws {
width: 600px;
height: 38px !important;
display: block;
}
ul.nieuws li {
list-style: none;
color: #72777f;
font-weight: bold;
margin: 0px !important;
padding: 7px 0px 8px 0px !important;
display: block;
}
ul.nieuws li a {
padding: 7px 0px 8px 20px;
color: #2f2f2f;
text-decoration: none !important;
background: url(../images/redDart.png) no-repeat 5px 10px;
line-height: 25px;
margin-right: 10px;
}
ul.nieuws li a span {
color: #ececec !important;
margin-left: 4px;
}
ul.nieuws li a:hover {
text-decoration: underline !important;
}
ul.nieuws li a span:hover {
text-decoration: none !important;
}
ul.smallBullits {
margin-top: 5px;
margin-bottom: 8px;
}
ul.smallBullits li {
list-style: none;
line-height: 15px;
color: #72777f;
font-weight: bold;
margin: 0px !important;
padding: 0px !important;
}
ul.smallBullits li a {
padding: 7px 0px 8px 30px;
color: #72777f;
text-decoration: none !important;
background: url(../images/dartBox_small.png) no-repeat 5px 5px;
display: block;
}
ul.smallBullits li a span {
color: #72777f !important;
}
ul.smallBullits li a:hover {
background-color: #ececec;
text-decoration: underline !important;
}
ul.largeBullits {
margin-top: 5px;
margin-bottom: 8px;
}
ul.largeBullits li {
list-style: none;
line-height: 18px;
color: #2f2f2f;
font-weight: normal;
margin: 0px !important;
padding: 0px !important;
height: 40px;
}
ul.largeBullits li a {
padding: 13px 0px 12px 45px;
color: #72777f;
text-decoration: none !important;
background: url(../images/dartBox_large.png) no-repeat 5px 5px;
display: block;
font-size: 15px;
}
ul.largeBullits li a span {
color: #72777f !important;
}
ul.largeBullits li a:hover {
background-color: #ececec;
text-decoration: underline !important;
}
p.colored {
line-height: 21px;
font-weight: bold;
font-size: 13px;
margin: 5px 0px 6px 0px !important;
}
.colored span { display: inline-block; border-bottom: 1px solid #ffffff; padding: 1px 10px; width: auto !important; }
.dark { background: #ececec; font-weight: bold; }
.darker { background: #f0f0f0; font-weight: bold; }
.lighter { background: #f4f4f4; color: #9197a2; }
.light { background: #f7f7f7; color: #9197a2; }
#results {
background: url(../images/introLarge.png) repeat-x left top;
display: block;
padding: 0px 0px 0px 0px;
height: 118px;
}
#results p {
margin: 0px !important;
padding: 0px !important;
}
.resultNumbers {
float: left;
height: 39px;
width: 110px;
display: block;
padding-left: 10px;
line-height: 39px;
color: #c6c8cb;
font-size: 36px;
text-align: justify;
margin-bottom: 1px !important;
}
.resultNumbers strong {
color: #72777f;
font-weight: bold;
}
.resultValues {
height: 33px;
float: right;
width: 212px;
vertical-align: middle !important;
padding: 6px 0px 0px 0px !important;
margin-bottom: 1px !important;
}
.resultValues p {
line-height: 13px !important;
font-weight: bold;
font-size: 11px;
padding: 8px 0px 0px 0px !important;
margin: 0px !important;
}
.singleLine {
padding: 13px 0px 0px 0px !important;
height: 26px !important;
}
#handelingsperspectieven {
display: none;
}
#handelingsperspectieven ul {
text-align: right;
}
#handelingsperspectieven ul li {
font-size: 15px;
width: auto !important;
height: 40px;
line-height: 40px;
list-style: none;
}
#handelingsperspectieven li a {
padding: 9px 10px 12px 50px;
line-height: 38px;
height: 38px;
color: #ffffff;
background: url(../images/handelingsperspectief_normal.png) no-repeat left top;
font-weight: bold;
letter-spacing: 0.02em;
}
#handelingsperspectieven li a:hover {
background: url(../images/handelingsperspectief_hover.png) no-repeat left top;
text-decoration: none;
}
#themas {
position: relative;
display: block;
height: 230px;
}
.themaBlock {
position: absolute;
width: 183px;
height: 230px;
display: block;
margin-right: 1px;
float: none !important;
}
.themaBlock img {
position: relative;
z-index: 2;
}
.themaTitle {
position: absolute;
top: 95px;
left: 10px;
z-index: 3;
}
.themaTitle a {
color: #ffffff;
font-weight: bold;
display: block;
background: url(../images/afbeeldingenbox_transparantbg.png) repeat left top;
padding: 5px 10px;
}
.themaTitle a:hover,
.themaBlockhover .themaTitle a {
background: url(../images/afbeeldingenbox_transparantbg_blue.png) repeat left top;
text-decoration: none;
}
.tb01 {
position: absolute;
left: 0px;
top: 0px;
}
.tb02 {
position: absolute;
left: 184px;
top: 0px;
}
.tb03 {
position: absolute;
left: 368px;
top: 0px;
}
.tb04 {
position: absolute;
left: 552px;
top: 0px;
}
.tb05 {
position: absolute;
left: 736px;
top: 0px;
}
#tb01, #tb02, #tb03, #tb04, #tb05 {
position: absolute;
top: 0px;
width: 312px;
height: 160px;
background: #0099ff;
color: #ffffff;
padding: 70px 35px 0px 20px;
display: block;
}
#tb01 { z-index: 50 !important; left: 184px; }
#tb02 { z-index: 60 !important; left: 368px; }
#tb03 { z-index: 70 !important; left: 552px; }
#tb04 { z-index: 80 !important; left: 184px; }
#tb05 { z-index: 90 !important; left: 368px; }
#programmaImgBox {
display: none;
}
#twitter_multi_update_list {
display: none;
}
#KeepInContact {
display: none;
}
#header {
display: none;
}
#footer {
display: none;
}
/* Sifr styles --------------------------------- */
.sIFR-flash {
visibility: visible;
margin: 0px !important;
padding: 0px !important;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible;
}
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
/* Clear fix ----------------------------------- */
.clearfix:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix {
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* jQuery styles ------------------------------- */
#afbeeldingenbox, #uitgelicht, #projectCaroussel {
display: none;
}
/* TODO: Find out if there is a nicer solution to this... */
.ui-tabs-hide {
display: none;
}
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */