/* stylesheet: de onderzoeksraad voor veiligheid */
/* versie 1.1 - 07-11-2008 */
/* robertjan@eend.nl */

/* schone start gebaseerd op eric meyer
http://meyerweb.com/eric/tools/css/reset/
v1.0 | 20080212 
-------------------------------------------- */

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, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
text-decoration:none;
}

ol, ul, p, table, dl {
list-style: none;
margin-bottom: .8em
}

p+ul,p+ol{margin-top:-.8em;}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}


/* Algemeen
-------------------------------------------- */
body {
background:#f1f5f7 url(/images/bg_body.gif) repeat-x 0 0;
text-align:center;
}

h1 {
font-size:183%;
text-transform:uppercase;
color:#2879A7;
line-height:1;
min-height:44px; /*adk: min-height ipv line-height */
padding:20px 10px 10px 180px; /* adk: padding-top: was 10px */
background:url(/images/bg_h1.gif) repeat-y 0 0;
position:relative;
left:-180px;
padding-left:180px;
margin-bottom:20px;
width:520px;
}

h1.onderwerp {
font-size:150%; /*adk: toegevoegd; low: 150 van gemaakt*/
padding-top:33px; /* low: 43px van gemaakt, rj: 33px */
padding-bottom:0;
}

h2 {
font-size:133%
}

h3 {
font-size:120%
}

a,.link {
color:#E62800;
background:transparent;
border:none;
padding:0;
cursor:pointer;
}

a:hover,a:focus,.link:hover,.link:focus {
color:#2879A7;
text-decoration:underline !important;
}

a:focus,.link:focus {
outline:1px dotted;
}

a.meer{
padding:0 0 0 14px;
background:url(/images/bg_link.gif) no-repeat 2px .45em;
font-weight:bold;
text-decoration:none;
}

button {
cursor:pointer;
}

label {
display:block;
font-weight:bold;
}

input{
margin-bottom:.2em;
}

td, th {
padding-right: 10px;
}

.radio {
display:inline;
font-weight:normal;
white-space:nowrap;
}

.radio input{
width:auto !important;
}

.meta {
color:#7e7e7e;
font-weight:bold;
}

.kader {
position:relative;
top:12px;
left:2px;
background:#ccc;
margin-bottom:40px;
margin-right:-60px;
}

.kader .wrap {
position:relative;
overflow:hidden;
top:-2px;
left:-2px;
background:#fff url(/images/bg_kader.gif) repeat-x 0 0;
padding:12px 8px 6px;
border:2px solid #e4e4e4;
border-width:2px 1px 1px  2px;
}

.kader .linklijst li {
padding:.3em 0 .3em !important;
background-image:none !important;
}

.reacties {
border-top:2px solid #e4e4e4;
margin:0 -8px;
padding: 8px 8px 6px 24px;
}

/* Structuur
-------------------------------------------- */
#container {
position:relative;
top:0;
margin:0 auto;
width:940px;
padding:0 10px;
padding-bottom:135px;
background:#fff url(/images/bg_container.png) no-repeat 190px 10px;
color:#000;
font:12px/1.4 arial,helvetica,sans-serif;
text-align:left;
}

#header {
position:relative;
top:10px;
}

#header img {
display:block;
}

#header a {
display:block;
width:160px;
}



.binnenvaart #header {
background:url(/images/bg_binnenvaart.gif) no-repeat 180px 0px;
}

.bouw-en-dienstverlening #header {
background:url(/images/bg_bouw-en-dienstverlening.gif) no-repeat 180px 0px;
}

.crisisbeheersing-en-hulpverlening #header {
background:url(/images/bg_crisisbeheersing-en-hulpverlening.gif) no-repeat 180px 0px;
}

.defensie #header {
background:url(/images/bg_defensie.gif) no-repeat 180px 0px;
}

.gezondheid #header {
background:url(/images/bg_gezondheid.gif) no-repeat 180px 0px;
}

.industrie-buisleidingen-en-netwerken #header {
background:url(/images/bg_industrie-buisleidingen-en-netwerken.gif) no-repeat 180px 0px;
}

.luchtvaart #header {
background:url(/images/bg_luchtvaart.gif) no-repeat 180px 0px;
}

.railverkeer #header {
background:url(/images/bg_railverkeer.gif) no-repeat 180px 0px;
}

.water #header {
background:url(/images/bg_water.gif) no-repeat 180px 0px;
}

.wegverkeer #header {
background:url(/images/bg_wegverkeer.gif) no-repeat 180px 0px;
}

.zeevaart #header {
background:url(/images/bg_zeevaart.gif) no-repeat 180px 0px;
}


#content {
position:relative;
top:86px;
left:180px;
width:520px;
float:left;
}

#footer {
clear:both;
position:relative;
top:135px;
border-top:2px solid #FDCD84;
font-weight:bold;
font-size:90%;
text-align:right;
margin:2em 1px 0 2px;
padding:.2em .05em;
}

/* Navigatie en zoeken
-------------------------------------------- */
#navigatie {
position:absolute;
top:192px;
left:12px;
font-weight:bold;
text-transform:uppercase;
background:#e6e6e6;
height:33px;
width:940px;
}

#service {
position:absolute;
top:-177px;
left:195px;
width:520px;
z-index:1000;
}

#service li {
display:inline;
padding-right:13px;
text-transform:none;
}

#service li a {
padding-left:11px;
background:url(/images/bg_link.gif) no-repeat 0 60%;
}

#service li a.actief {
color:#000;
cursor:default;
text-decoration:none !important;
}

#algemeen {
position:relative;
top:-2px;
left:-2px;
background:#FB9A08;
overflow:hidden;
}

#algemeen li {
float:left;
}

#algemeen li a {
float:left;
color:#000;
padding:0 16px;
border-right:1px solid #fff;
line-height:33px;
}

#algemeen li a.actief {
background:url(/images/bg_nav.gif) no-repeat 100% 0;
}

#algemeen li a.actief:hover, #algemeen li a.actief:focus {
background-position:100% -101px;
}

#algemeen li a:hover, #algemeen li a:focus {
color:#fff;
background-color:#2879A7;
text-decoration:none !important;
}

#kruimel {
text-transform:uppercase;
font-weight:bold;
color:#E62800;
position:absolute;
z-index:1000;
padding-top:14px;
height:74px;
left:-180px;
padding-left:180px;
}

.binnenvaart #kruimel {
background:url(/images/bg_sector_binnenvaart.gif) no-repeat;
}

.bouw-en-dienstverlening #kruimel {
background:url(/images/bg_sector_bouw-en-dienstverlening.gif) no-repeat;
}

.crisisbeheersing-en-hulpverlening #kruimel {
background:url(/images/bg_sector_crisisbeheersing-en-hulpverlening.gif) no-repeat;
}

.defensie #kruimel {
background:url(/images/bg_sector_defensie.gif) no-repeat;
}

.gezondheid #kruimel {
background:url(/images/bg_sector_gezondheid.gif) no-repeat;
}


.industrie-buisleidingen-en-netwerken #kruimel {
background:url(/images/bg_sector_industrie-buisleidingen-en-netwerken.gif) no-repeat;
}

.luchtvaart #kruimel {
background:url(/images/bg_sector_luchtvaart.gif) no-repeat;
}

.railverkeer #kruimel {
background:url(/images/bg_sector_railverkeer.gif) no-repeat;
}

.water #kruimel {
background:url(/images/bg_sector_water.gif) no-repeat;
}

.wegverkeer #kruimel {
background:url(/images/bg_sector_wegverkeer.gif) no-repeat;
}


#melden {
position:absolute;
top:96px;
left:-717px;
background:#e6e6e6;
width:160px;
}

#melden p {
position:relative;
top:-2px;
left:-2px;
padding:10px 8px;
/*font-size:95%;*/
font-size:100%;
font-weight:bold;
margin-bottom:0;
background:#FFE7C1;
overflow:hidden;
min-height:71px;
}

#melden p .telefoon {
display:block;
color:#2879A7;
font-weight:bold;
text-transform:uppercase;
padding-left:30px;
/*font-size:126%;*/
font-size:120%;
margin-bottom:-2px;
background:url(/images/bg_telefoon.gif) no-repeat 2px 4px;
}

#subnavigatie {
position:relative;
top:86px;
float:right;
width:220px;
}

#zoeken {
position:relative;
top:2px;
background:#e6e6e6;
margin-right:-2px;
}

#zoeken form {
display:block;
position:relative;
top:-2px;
left:-2px;
padding:0 8px;
margin-bottom:0;
background:#E9F3F8;
overflow:hidden;
}

#zoeken fieldset {
position:relative;
margin:6px 0;
min-height:60px;
}

#zoeken label {
text-transform:uppercase;
}

#zoeken label.radio {
text-transform:none;
}

#zoeken button {
background:#FB9A08;
border:none;
padding:0;
position:absolute;
left:156px;
top:18px;
border:1px solid #ccc;
border-width:0 1px 1px 0;
padding:.2em .4em .1em;
font-weight:bold;
}

#zoeken input {
width:142px;
}

#sectoren {
position:relative;
top:21px;
}

#sectoren ul {
border-top:2px solid #e5e5e5;
font-weight:bold;
}

#sectoren li {
padding:0;
border-bottom:2px solid #e5e5e5;
}

#sectoren a{
display:block;
padding:.4em 7px .4em 19px;
background:url(/images/bg_link.gif) no-repeat 7px .8em;
}

#sectoren li a.actief {
color:#000;
cursor:default;
text-decoration:none;
background:#EDF3F8 url(/images/bg_h1.gif) repeat-y 100% 0;
}

#sectoren li a.sub:hover,#sectoren li a.sub:focus {
color:#2879A7;
cursor:pointer;
text-decoration:underline;
background:#EDF3F8 url(/images/bg_h1.gif) repeat-y 100% 0;
}

/* Contentblok
-------------------------------------------- */
#etalage {
overflow:hidden;
margin-bottom:20px;
margin-right:-26px;
}

#etalage img {
float:left;
margin-right:26px;
}

#tekst {
padding-right:60px;
min-height:120px;
}

#tekst a {
text-decoration:underline;
}

#zoekonderzoeken {
position:relative;
top:2px;
left:2px;
background:#ccc;
margin-bottom:20px;
}

#zoekonderzoeken form {
position:relative;
top:-2px;
left:-2px;
display:block;
background:#fff;
padding:4px 8px 4px;
border:2px solid #e4e4e4;
border-width:2px 1px 1px  2px;
min-height:80px;
}

#zoekonderzoeken label span{
display:block;
position:relative;
top:-2px;
color:#2879A7;
}

#zoekonderzoeken button {
background:#FB9A08;
border:none;
padding:0;
position:absolute;
left:270px;
top:1.2em;
margin-top:2.3em;
padding:.2em .4em .1em;
font-weight:bold;
border:1px solid #ccc;
border-width:0 1px 1px 0;
}

#zoekonderzoeken input {
width:250px;
}

#kenmerken {
margin-bottom:1.4em
}

#kenmerken .feed{
position:absolute;
right:0px;
}

#kenmerken table {
margin-right:30px;
}

#kenmerken th{
color:#2879A7;
}

#tekst.ledenprofiel h2 {
clear:left;
}

#tekst ul li{
padding-left:7px;
background:url(/images/bg_li.gif) no-repeat 0 .45em;
}

#tekst ol li{
margin-left:1.4em;
list-style:decimal
}

#tekst .linklijst li {
color:#666;
font-weight:bold;
display:block;
padding:.3em 0 .3em;
background-image:none !import;
}

#tekst .linklijst a {
width:auto;
padding:0 0 0 14px;
background:url(/images/bg_link.gif) no-repeat 2px .45em;
font-weight:bold;
text-decoration:none;
}

#tekst .linklijst a span.datum {
color:#2879A7;
padding-right:.3em;
}

#tekst .links {
border-top:2px solid #e5e5e5;
font-weight:bold;
margin-right:-60px;
}

#tekst .links li {
padding:0;
border-bottom:2px solid #e5e5e5;
background-image:none;
}

#tekst .links a{
display:block;
width:auto;
padding:.4em 0 .4em 14px;
background:url(/images/bg_link.gif) no-repeat 2px .8em;
font-weight:bold;
text-decoration:none;
}

#tekst .overzicht li {
padding-left:0;
background:none;
}

#tekst h3 a {
display:block;
padding:.4em 0 0 0;
background:url(/images/bg_link.gif) no-repeat 2px .9em;
text-decoration:none;
text-indent:14px
}

#decor {
float:left;
position:relative;
top:4px;
left:-178px;
margin-right:-178px;
}

p.pagination {
margin-top:3em;
}

p.pagination span {
float:right;
}

/* Homepage
-------------------------------------------- */
#home h1 {
margin:0 0 15px 0;
left:-280px;
border-bottom:2px solid #FDCD84;
padding-top:0;
padding-left:0;
padding-bottom:.4em;
background-image:none;
line-height:1.4;
text-transform:none;
width:666px;
}

#home #content {
position:relative;
top:75px;
left:2px;
width:633px;
float:left;
}

#home .kader .wrap {
border-top-color:#7EBED3;
padding-left:286px;
}

#home .kader .wrap ul li{
padding-left:7px;
background:url(/images/bg_li.gif) no-repeat 0 .6em;
}

#home .kader .decor {
float:left;
margin-right:-266px;
position:relative;
top:70px;
left:-280px;
}

#home #subnavigatie {
position:absolute;
top:245px;
left:730px;
width:220px;
}

#home #melden {
position:absolute;
top:96px;
left:0;
background:#e6e6e6;
width:222px;
}

#home #melden p {
padding-right:40px
}

#home #bericht {
position:absolute;
top:456px;
left:730px;
background:#e6e6e6;
width:222px;
}

#home #bericht .wrap {
position:relative;
top:-2px;
left:-2px;
background:#D9EAF3;
padding:6px 8px;
}

#actueel {
clear:both;
position:relative;
top:80px;
margin-bottom:-60px;
padding-left:3px;
}

#actueel h2 {
background:url(/images/bg_h1.gif) repeat-y 100% 0;
border-top:2px solid #8DC5D9;
border-bottom:1px solid #FB9A08;
color:#2879A7;
padding:8px 12px;
margin-bottom:8px;
}

#actueel li {
border-bottom:2px solid #e5e5e5;
padding:.6em 0;
}

#actuele-onderzoeken {
float:left;
width:455px;
margin-right:20px;
}

#actuele-onderzoeken li{
padding:0 0 1.8em;
border-bottom:1px solid #FB9A08;
}

#actuele-onderzoeken li div {
padding-left:62px;
padding-bottom:0;
margin-bottom:0;
margin-top:1.8em;
background:url(/images/bg_actueel.png) no-repeat 0 0;
min-height:28px;
}

#actuele-onderzoeken li:last-child {
border:none;
}

#actuele-onderzoeken li p  {
margin-bottom:0
}

#actuele-onderzoeken .binnenbaart div{
background-position:0 0;
}
#actuele-onderzoeken .bouw-en-dienstverlening div{
background-position:0 -300px;
}
#actuele-onderzoeken .crisisbeheersing-en-hulpverlening div{
background-position:0 -600px;
}
#actuele-onderzoeken .defensie div{
background-position:0 -900px;
}
#actuele-onderzoeken .gezondheid div{
background-position:0 -1200px;
}
#actuele-onderzoeken .industrie-buisleidingen-en-netwerken div{
background-position:0 -1500px;
}
#actuele-onderzoeken .luchtvaart div{
background-position:0 -1800px;
}
#actuele-onderzoeken .railverkeer div{
background-position:0 -2100px;
}
#actuele-onderzoeken .water div{
background-position:0 -2400px;
}
#actuele-onderzoeken .wegverkeer div{
background-position:0 -2700px;
}
#actuele-onderzoeken .zeevaart div{
background-position:0 -3000px;
}



#actuele-onderzoeken h2 {
font-size:160%;
padding:5px 12px
}

#actuele-onderzoeken h3 {
padding:0;
position:relative;
top:-8px;
margin-bottom:-8px;
}

#publicaties {
float:left;
width:219px;
margin-right:22px
}

#nieuws {
float:left;
width:220px;
}

#home .linklijst li {
color:#000;
font-weight:normal;
}


#home .linklijst a span.datum {
color:#000;
padding-right:0;
font-weight:normal;
}

#home .linklijst a:hover span.datum,#home .linklijst a:focus span.datum {
color:#2879A7;
text-decoration:underline !important;
}

#tekst fieldset {margin-bottom:20px;border-top:2px solid #ddd;}
#tekst fieldset h2 {font-weight:bold;font-size:130%;margin-bottom:10px;}
#tekst .container {margin-top:5px;}
#tekst em.help {display:block;}
#tekst div.checkbox-container label{font-weight:normal;}
#tekst input.short {width:25%;}
#tekst input.medium {width:50%;}
#tekst input.long {width:100%;}
#tekst button {
background:#FB9A08 none repeat scroll 0 0;
border-color:#CCCCCC;
border-style:solid;
border-width:0 1px 1px 0;
font-weight:bold;
margin-top:1.2em;
padding:0.2em 0.4em 0.1em;
}
#tekst input.missing {background:#fcc;}

#tekst .ledenlijst {margin:1em 0 1.5em;padding:0;border-top:2px solid #E5E5E5;margin-right:-60px;}
#tekst .ledenlijst li {margin:0;padding:6px 0;list-style-type:none;background:none;border-bottom:2px solid #E5E5E5;position:relative;}
#tekst .ledenlijst li img {padding-right:10px;vertical-align:top;}
#tekst .ledenlijst li a {position:absolute;top:0.4em;left:60px;background:url(/images/bg_link.gif) no-repeat 0 0.4em;padding:0 0 0 12px;font-weight:bold;text-decoration:none;}
#tekst .ledenlijst li span {position:absolute;top:1.8em;left:60px;}
#tekst .foto {float:left;margin:2px 10px 10px 0;}

#mailinglist label {display:inline;}
.faqcontainer {margin-bottom:15px;}

/*#tekst h2 {clear:both;}*/