/* CSS Document */
html body {
margin:0;
padding:0;
background-color:#FFFFFF;
}
#row1, #row2, #row3, #row4, #row5, #header, #navigation, #breadcrumbs, #menuopen, #imagetop, #imagebottom, #footer, #sitemap {
width: 100%;
/*min-width: 750px;
max-width: 1000px;*/
}
#row1, #row2, #row3, #row4, #row5, #header, #breadcrumbs, #menuopen, #imagetop, #imagebottom, #footer, #statistics, #sitemap {
position: relative;
display: block;
padding: 0;
}
#row1, #row2, #row3, #row4, #row5 {
margin: 0 0 24px 0;
}
#header, #breadcrumbs, #menuopen, #imagetop, #imagebottom, #footer, #statistics, #sitemap {
margin: 0;
}
#header {
background-color:#fff;
height:46px;
}
#header div.c2l_1 { /* logo */
overflow: hidden;
}
#header div.c2l_2 { /* zoek */
text-align: right;
height: 46px;
overflow: hidden;
}
#header input.textfield, #header input.submit {
border: solid 1px #666;
font-family: Verdana, sans-serif;
font-size: 0.8em;
height: 16px;
padding: 0;
margin-top: 12px;
}
#header input.textfield {
color: #666;
}
#header input.submit {
background-color: #f00;
color: #fff;
margin-right: 25px;
height: 16px;
}
#header input:hover {
background-color: #000;
color: #fff;
}
#breadcrumbs, #breadcrumbs div.c2l_1, #breadcrumbs div.c2l_2 {
height: 46px;
background-color: #06c;
color: #fff;
overflow: hidden;
}
#breadcrumbs div.c2l_1 p {
padding: 6px 0 0 0;
}
#breadcrumbs div.c2l_2 { /* image */
text-align: right;
}
#menuopen {
height:16px;
background-color:#000;
overflow: hidden;
}
div.c4_1, div.c4_2, div.c4_3, div.c4_4, div.c3_1, div.c3_2, div.c3_3, div.c2_1, div.c2_2, div.c2l_1, div.c2l_2, div.c2r_1, div.c2r_2, div.c1 {
float: left;
margin: 0;
padding: 0;
top: 0;
border: 0;
/* 18/05/2010 sjke test*/
/*border:thick #FFFFFF solid;*/
}
div.c4_1 {
left:0;
width:25%;
}
div.c4_2 {
left: 25%;
width: 25%;
}
div.c4_3 {
left: 50%;
width: 25%;
}
div.c4_4 {
left: 75%;
width: 23%;
}
div.c3_1 {
left:0;
width:33%;
}
div.c3_2 {
left: 33%;
width: 33%;
}
div.c3_3 {
left: 66%;
width: 33%;
}
div.c2_1 {
width: 50%;
left: 0;
}
div.c2_2 {
left: 50%;
width: 49%;
}
div.c2r_1 {
left: 0;
width: 33%;
}
div.c2r_2 {
left: 33%;
width: 65%;
}
div.c2l_1 {
left: 0;
width: 66%;
}
div.c2l_2 {
left: 66%;
width: 33%;
}
div.c1 {
left: 0;
width: 100%;
}
#footer {
height:56px;
background-color:#fff;
}
#footer div {
height: 56px;
border: 0;
overflow: hidden;
}
#footer div.c4_1 {
background-color:#7b7b7b;
}
#footer div.c4_2 {
background-color:#999;
}
#footer div.c4_3 {
background-color:#bfbfbf;
}
#footer div.c4_4 {
background-color:#d8d8d8;
}
span.left, .left, img.imgleft {
float: left;
}
span.right, .right, img.imgright, img.imgnieuws {
float: right;
}
img {
border: 0;
}
img.imgleft {
margin: 0.5em 12px 0.5em 25px;
}
img.imgright {
margin: 0.5em 25px 0.5em 12px;
}
img.imgnieuws {
margin: 0;
padding: 0;
border-left: 12px solid #f5f5f5;
width: 120px;
height: 120px;
overflow: hidden;
margin-right: 25px;
}
img.imgmain {
margin:1em 25px;
padding:0;
}
p img.imgleft {
margin: 0.5em 12px 0.5em 0;
}
p img.imgright {
margin: 0.5em 0 0.5em 12px;
}
img.fullwidth {
width: 100%;
margin: 0;
padding: 0;
border: 0;
height:56px; /*was 56px*/
overflow: hidden;
}
#imagebottom {
margin-top: 0px;
margin-bottom: 0px;
height: 56px;
overflow: hidden;
}
br {
line-height: 0;
}
#row1 div.c3_1 { /* nieuws */
left: 0;
width: 50%;
}
#row1 div.c3_2 {
left: 50%;
width: 25%;
}
#row1 div.c3_3 {
left: 75%;
width: 24%;
}
h3.homepage {
background-color: #d7d7d7;
color: #000;
margin: 0 0 12px 0;
padding: 6px 0 6px 25px;
font-size: 1.1em;
background-position: left top;
background-repeat:no-repeat;
font-weight: bold;
border: 0;
}
h3.empty {
background-color: #d7d7d7;
color: #000;
margin: 0;
padding: 6px 0 6px 25px;
background-image:none;
border: 0;
}
h4 {
margin-bottom: 0;
margin-top: 0;
font-size: 1.1em;
}
body {
color: #333;
}
html body {
font: 70% Verdana, sans-serif;
}
/* CSS Document */
body {
font-family: Verdana, sans-serif;
}
p, p.intro, p.source, ul, ol, strong, em, textarea, input {
font-family: Verdana, sans-serif;
line-height: 1.5em;
}
h1, h2, h3, h4, h5, h6 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
p, p.intro, ul, ol, li, a, textarea, input {
font-size: 1em;
}
span.label, a.more, li.underline, li.product {
font-size: 0.95em;
}
p.small, p.date, #breadcrumbs p, .small, a.small, span.type {
font-size: 0.85em;
}
span.type, p.source {
font-size: 0.8em;
}
p.small, .small, a.small, span.type {
color: #666;
}
#navigation a {
font-family: Verdana, sans-serif;
}
#menu a {
font-weight: bold;
font-size: 0.9em;
line-height: 1.6em;
}
#submenu1 a, #submenu2 a, #submenu3 a, #submenu4 a, #submenu5 a, #submenu6 a, #submenu7 a, #submenu8 a, #submenu9 a, #submenu10 a {
font-weight: bold;
font-size: 0.9em;
line-height: 1.6em;
}
#sidemenu a {
font-weight: normal;
font-size: 0.9em;
line-height: 2em;
}
#footer p, #footer a {
font-size:10px;
color: #fff;
padding-top: 12px;
}
p, p.source, h1, h2, h3, h3.caption, h4, h5, h6, button, #breadcrumbs p {
margin-left: 25px;
margin-right: 25px;
}
p {
margin-top: .5em;
margin-bottom: 0.5em;
}
h1 {
margin-top: 0em;
margin-bottom: 0em;
padding: 1em 0 0 0;
color: #06c;
font-size: 1.6em;
line-height: 1.6em;
border-bottom: 1px solid #06c;
}
h2 {
margin-top: 0em;
margin-bottom: 0.5em;
color: #06c;
font-size: 1.4em;
border-bottom: solid 2px #06c;
}
h4, h5, h6, caption {
margin-top: 2em;
margin-bottom: 0.5em;
}
/*h3 {
margin-top: 2em;
margin-bottom: 0.5em;
color: #06c;
font-size: 1.3em;
border-bottom: 2px solid #06c;
background-image: none;
padding: 0;
}
*/
h3 {
background-color: #d7d7d7;
color: #000;
margin: 0px 0 12px 0;
padding: 6px 0 6px 25px;
font-size: 1.1em;
background-image:url(../images/backgrounds/headerh3_cover.gif);
background-position: left top;
background-repeat:no-repeat;
font-weight: bold;
border: 0;
}
h3 p, h3 ul {
margin-bottom: 0px;
}
h4 {
color: #06c;
font-size: 1.2em;
}
h4 a {
color: #06c;
}
h5 {
color: #06c;
text-transform: uppercase;
font-size: 1.2em;
}
h6 {
text-transform: uppercase;
font-size: 1em;
}
a {
cursor: hand;
text-decoration: none;
font-weight: bold;
}
#footer a {
font-weight: normal;
}
a:visited {
color: #999;
}
p a:link, td a:hover {
color: #666;
}
p a:hover, td a:link {
color: #06c;
}
/* p a:active {
color: #666;
}
p a:visited {
color: #39f;
} */
li a:link {
color: #666;
}
li a:hover {
color: #06c;
}
/* li a:active {
color: #06c;
}
li a:visited {
color: #999;
} */
#breadcrumbs a {
font-weight: bold;
color: #fff;
}
#breadcrumbs a:hover {
text-decoration: underline;
}
textarea {
cursor: text;
color: #666;
}
.thickborder { /* titel of an article */
margin: 0;
padding: 0;
border-bottom: 6px solid;
}
.label {
font-size: 0.9em;
color: #666;
padding-top: 1em;
font-weight: bold;
}
span.type { /* i.e. publication, pdf, wordfile */
font-style: normal;
color: #fff;
background: #06c;
padding: 0em 0.4em;
text-transform: uppercase;
}
a.more { /* lees verder, overzicht */
color: #fff;
background-color: #f00;
padding: 0 2em 0.2em 2em;
}
a:link.more, a:active.more, a:hover.more, a:visited.more {
color: #fff;
}
a.woordenlijst {
font-weight: bold;
border-bottom: dotted 1px #06c;
}
a.woordenlijst:hover {
cursor:help;
}
.txtwhite {
color: #fff;
}
.txtgrey {
color: #999;
}
.txtblue {
color: #06c;
}
.txtblack {
color: #000;
}
p.intro {
margin-top: 2.5em;
text-indent: 6em;
font-weight: bold;
}
.LetterAndLine:first-letter {
font-size: 3em;
float: left;
vertical-align:text-top;
background-color: #06c;
color: #fff;
margin: 0 4px 0 0;
padding: 12px 2px;
font-weight:bold;
}
ul, ul.opsomming {
list-style-type: none;
text-decoration: none;
margin: 0 16px 0 25px; /* afwijkende linkermargin ivm te lange woorden in 4 koloms layout */
padding: 0;
}
ul.recentnieuws {
width: 16em;
padding: 1em 0 2em 0;
margin: 0 0 0 1em;
}
li, li.externallink, ul.opsomming li {
margin: 0 0 0 -5px;
padding: 0 0 0 20px;
background-repeat: no-repeat;
background-position: 0px 0em;
}
li {
background-image:url("../images/extra/link.gif");
}
li.externallink {
background-image: url("../images/extra/extlink.gif");
}
ul.opsomming li {
background-image: url("../images/extra/bullet.gif");
}
/* li.nieuwsitem {
margin: 0;
padding: 0.35em 0em;
border-bottom: 1px solid #cce6ff;
background: none;
line-height: 1.4em;
} */
li.nieuwsitem {
margin: 0 0 0 -5px;
padding: 0 0 0 20px;
background-repeat: no-repeat;
background-position: 0px 0em;
background-image:url("../images/extra/link.gif");
}
/* li.product {
margin: 0 0 2px 0;
padding: 0 0 0 1em;
background-image: none;
background-color: #cce6ff;
color: #000;
border-left: 4px solid #06c;
} */
li.product, li.internal {
margin: 0 0 0 -5px;
padding: 0 0 0 20px;
background-repeat: no-repeat;
background-position: 0px 0em;
background-image:url("../images/extra/link.gif");
}
li.external {
margin: 0 0 0 -5px;
padding: 0 0 0 20px;
background-repeat: no-repeat;
background-position: 0px 0em;
background-image:url("../images/extra/extlink.gif");
}
li.download {
margin: 0 0 0 -5px;
padding: 0 0 0 20px;
background-repeat: no-repeat;
background-position: 0px 0em;
background-image:url("../images/extra/downllink.gif");
}
ul ul, ul ul ul {
margin: 0;
padding: 0;
}
p + ul {
margin-top: 0em;
margin-bottom: 0em;
}
h3.caption {
padding: 4px 0px 4px 6px;
margin-top: 1em;
margin-bottom: 1em;
font-size: 1em;
font-weight: bold;
color: #fff;
background-color: #f00;
background-image: none;
border: 0;
width: 50%;
}
p.source {
color: #999;
padding: 0;
margin-top: 1em;
}
table.nostatistic {
margin: 0;
}
table.nostatistic th {
text-align: left;
vertical-align: top;
border: 0;
background-color: #f00;
color: #fff;
}
table.nostatistic td {
text-align: left;
border: 1px solid #cce6ff;
vertical-align: top;
}
br {
line-height:0;
}
h3.related {
padding: 0 0 0 25px;
margin-top: 2em;
margin-bottom: 0.5em;
font-size: 1.3em;
font-weight: bold;
color: #000;
background-color: transparent;
background-image: none;
border: 0;
}
ul.whitebetweenitems li {
margin-bottom:1em;
}