/* Skin 1 */

html, 
body {
	color: #000;
	background: url("/english/img/1/achtergrond.png") #c0c0b9 0 3px;
	font-size: 100%;
	line-height: 130%;
	font-family: Verdana, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}

body {
	padding-bottom: 3.4em;
}

img {
	vertical-align: middle;
	border: 0;
}

.meer img {
	margin-bottom: 0.2em;
}

a {
	color: #5673b0;
	background: transparent;
	font-weight: bold;
	text-decoration: underline;
}

a.visited {
	color: #8c9cbc;
	background: transparent;
}

a:hover {
	color: #000;
	background: transparent;
}

a.meer {
	margin: 0 0 0 -2px;
}

code {
	font-family: inherit;
	font-style: italic;
}

.sample code {
	font-style: normal;
	font-family: Monaco, monospace;
}

abbr, acronym {
	border: 0;
	font-style: normal;
}

h1 {
	font-family: "Arial Narrow", sans-serif;
	font-size: 170%;
	line-height: 110%;
	color: #5673b0;
	background: transparent;
	clear: both;
	margin: 0 0 0.6em;
}

h2 { 
	font-family: "Trebuchet MS", sans-serif;
	font-size: 130%;
	line-height: 120%;
	margin: -0.5em -16px 0.5em -16px;
	color: #5673b0;
	background: url("/english/img/1/heading.png") transparent no-repeat;
	padding: 32px 16px 0;
}

.wide #content h2 {
	background-image: url("/english/img/1/heading-wijd.png");
}

h3,
h4 {
	color: #5673b0;
	background: transparent;
	font-size: 100%;
	line-height: 130%;
	margin: 1.2em 0 0.5em;
}

h4 {
	font-weight: normal;
	font-style: italic;
}

p, 
ul, 
address, 
dl {
	margin: 0.5em 0 1em;
	padding: 0;
	list-style: none outside;
}

address {
	font-style: normal;
}

ol {
	margin: 0.5em 0 1em;
	padding: 0;
}

ol li {
	margin: 0 0 0.6em 2.4em;
	padding: 0;
}

ul li {
	margin: 0 0 0.3em 1em;
	padding: 0 0 0 14px;
	color: inherit;
	background: url("/english/img/1/bullet.png") transparent 2px 0.45em no-repeat;
}

.wide #content p,
.wide #content ul,
.wide #content ol,
.wide #content h3,
.wide #content h4 {
	width: 404px;
}

.pretitel {
	font-size: 70%;
	line-height: 120%;
	display: block;
	text-shadow: none;
	margin: 0 0 -0.1em;
	color: #b6c6d9;
	background: transparent;
}

blockquote,
.referenties {
	color: #232;
	background: #f0f3e3;
	margin: 1em 0;
	padding: 0.5em 0 1px;
}

blockquote h2,
blockquote h3,
blockquote h4,
.referenties h2,
.referenties h3,
.referenties h4 {
		width: auto;
	padding: 0;
	font-size: 100%;
	line-height: 130%;
	margin: 0.5em 15px;
	color: #565;
	background: transparent;
	font-family: Verdana, sans-serif;
}

blockquote p,
blockquote ul,
.referenties p,
.referenties ul {
	margin: 0.5em 15px 1em;
}

.bron {
	margin: 0 15px 1em;
	font-size: 90%;
}

.bron * {
	font-style: normal;
	font-weight: normal;
}

.sup {
	font-weight: normal;
	font-size: 85%;
	line-height: 1px;
	vertical-align: 0.4em;
}

.exit {
	position: absolute;
	top: -1000em;
}

form {
	margin: 0;
	padding: 0;
}

input, 
select, 
textarea {
	vertical-align: middle;
	font-size: 100%;
	line-height: 120%;
	border-width: 1px;
	border-color: #000;
	margin: 0;
	padding: 1px;
}

.optioneel {
	font-style: normal;
	color: #999;
	background: transparent;
	font-weight: normal;
}

.text, 
textarea {
	padding: 1px;
}

form div {
	margin: 0 0 0.3em;
}

.pdata label {
	display: block
	margin: 0 0 0.2em;
}

.pdata .text,
textarea {
	width: 100%;
}

#submit {
	margin: 0.6em 0 1em;
	text-align: right;
}

table {
	margin: 0.5em 0 1.5em;
	border: 0;
	font-size: 90%;
	line-height: 120%;
	width: 100%;
}

th,
td {
	vertical-align: top;
	text-align: left;
	font-weight: normal;
	padding: 0.3em 0.5em 0.4em 0;
	border-bottom: 1px solid #ddd;
	color: #000;
	background: #f9f6e6;
}

table ul, 
table p {
	margin: 0 0 0.5em;
}

table li {
	padding: 0;
	margin: 0 0 0.3em;
	background-image: none;
}

table a {
	font-weight: normal;
}

thead th {
	font-weight: bold;
	border-bottom: 1px solid #666;
	color: #000;
	background: transparent;
}

.oneven th,
.oneven td {
	color: #000;
	background: transparent;
}

.break {
	clear: both;
}

.introduction {
	font-weight: bold;
	color: #e91;
	background: transparent;
	font-size: 95%;
	line-height: 140%;
	margin-bottom: 2em;
}

#printable-version img {
	float: left;
	margin: 0 0.4em 0 0;
}

/* ====== blokken ====== */

#skip {
	position: absolute;
	top: -1000em;
}

#top {
	width: 684px;
	font-size: 83%;
	line-height: 130%;
	color: #000;
	background: url("/english/img/1/midden.png") #f9f9e9 0 3px repeat-y;
	margin: 0 auto;
	text-align: left;
	position: relative;
	padding: 135px 12px 0 8px;
}

#content {
	width: 436px;
	float: left;
	margin: 10px 0 20px;
	position: relative;
	z-index: 200;
	color: #000;
	background: url("/english/img/1/inhoud.png") transparent 0 3px repeat-y;
}

.wide #content {
	width: 656px;
	background-image: url("/english/img/1/inhoud-wijd.png");
}

#block {
	width: 404px;
	padding: 0.5em 16px 1px;
	color: #000;
	background: url("/english/img/1/inhoud-bodem.png") transparent bottom left no-repeat;
}

.wide #block {
	background-image: url("/english/img/1/inhoud-wijd-bodem.png");
	width: 624px;
}

#naar-boven {
	display: none;
}

/* ====== logo ====== */

#logo {
	width: 800px;
	height: 111px;
	position: absolute;
	top: 0;
	left: -51px;
	color: #000;
	background: url("/english/img/1/paginahoofd.png") transparent top left no-repeat;
}

#logo a img {
	visibility: hidden;
	display: block;
}

#logo a {
	color: #000 !important;
	background: transparent !important;
	display: block;
	margin: 4px 0 0 20px;
	width: 358px;
}

/* ====== subinhoud ====== */

#subinhoud {
	padding: 5.6em 0 0;
	margin: 0 0 20px;
	width: 235px;
	float: right;
	position: relative;
	z-index: 200;
	font-size: 86%;
	line-height: 130%;
}

#contents .pretitel,
#maincontent .pretitel,
#terug .pretitel {
	color: #162370;
	background: transparent;
	font-size: 85%;
	font-weight: normal;
}

.hoofdstuk #contents .pretitel {
	color: #235016;
	background: transparent;
}

#contents ol,
#maincontent ol {
	list-style: none outside;
	padding: 0;
}

#contents ol li,
#maincontent ol li {
	margin: 0;
	padding: 0;
	width: 100%;
}

#contents ol ol {
	margin: 0.1em 0;
}

#contents a,
#maincontent a {
	text-decoration: none;
	display: block;
	padding: 0.1em 0.3em 0.2em;
}

#contents li li a {
	padding: 0.1em 0.3em 0.2em 20px;
	color: #5673b0;
	background: url("/english/img/1/bullet2.png") transparent 6px 0.4em no-repeat;
}

.hoofdstuk #contents a,
.hoofdstuk #contents li li a  {
	color: #739056;
	background-color: transparent;
}

#contents .huidige,
#maincontent .huidige {
	color: #5673b0;
	background-color: #e3e9f0;
	display: block;
	padding: 0.1em 0.3em 0.2em;
	font-weight: bold;
}

#contents li li .huidige {
	padding: 0.1em 0.3em 0.2em 20px;
	color: #5673b0;
	background: url("/english/img/1/bullet2.png") #e3e9f0 6px 0.4em no-repeat;
}

.hoofdstuk #contents .huidige {
	color: #739056;
	background-color: #e9f0d3;
}

#contents li li a, 
#contents li li .huidige {
	font-weight: normal;
}

#contents a:hover,
#maincontent a:hover {
	color: #000 !important;
	background-color: transparent !important;
}

#terug a {
	display: block;
	color: #fff;
	background: url("/english/img/1/box-head.png") transparent top left no-repeat;
	position: relative;
	top: -8px;
	text-shadow: 0 0.1em 0.1em #aaa;
	padding: 9px 11px 0 18px;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 135%;
	line-height: 130%;
	text-decoration: none;
}

#terug a:hover,
#terug a:hover * {
	color: #000;
	background-color: transparent;
	text-shadow: none;
}

/* box */

.box {
	color: #162370;
	background: url("/english/img/1/box-body.png") #b6c6d9 bottom left repeat-y;
	margin: 0 0 1.2em;
	padding: 0 0 8px;
}

.box h2 {
	margin: 0 0 -5px;
	padding: 9px 11px 0 18px;
	width: auto;
	font-size: 135%;
	line-height: 110%;
	color: #fff;
	background: url("/english/img/1/box-head.png") transparent 0 0 no-repeat;
	position: relative;
	top: -8px;
	left: 0;
	text-shadow: 0 0.1em 0.1em #aaa;
}

.box h3 {
	margin: 0.5em 11px 0.5em 18px;
	font-size: 100%;
	line-height: 130%;
	color: #364390;
	background: transparent;
}

.uitleg {
	font-size: 75%;
	font-family: Verdana, sans-serif;
}

.uitleg a {
	color: #fff;
	background: transparent;
}

.uitleg a:hover {
	color: #444;
	background: transparent;
}

.box p, 
.box ol, 
.box ul, 
.box form div {
	margin: 0.5em 10px 0.7em 18px;
}

.hoofdstuk #contents {
	color: #000;
	background: url("/english/img/1/box2-body.png") #ccd67c bottom left repeat-y;
}

.hoofdstuk #contents h2 {
	width: auto;
	color: #fff;
	background: url("/english/img/1/box2-head.png") transparent top left no-repeat;
}

/* preferences */

#preferences {
	width: 235px;
	position: absolute;
	top: 115px;
	right: 12px;
	font-size: 86%;
	line-height: 130%;
	z-index: 900;
	color: #162370;
	background: url("/english/img/1/pbox-body.png") #f9d6a9 bottom left repeat-y;
}

.wide #preferences {
	display: none;
}

#preferences form {
	padding: 6px 0 0;
	margin: 0;
	color: #fff;
	background: url("/english/img/1/pbox-head.png") transparent top left no-repeat;
}

#preferences h2 {
	position: static;
	width: auto;
	margin: 0 0 0.5em;
	padding: 2px 8px 0 18px;
	background-image: none;
}

/* ====== navigatie ====== */

#navigation h2 {
	width: auto;
	position: absolute;
	top: -1000em;
	left: auto;
}

#primair {
	font-size: 100%;
	line-height: 120%;
	position: absolute;
	right: 0;
	top: 93px;
	width: 704px;
	color: #000;
	background: url("/english/img/1/navigatie.png") transparent bottom left no-repeat;
	padding: 0 0 52px;
}

.wide #primair {
	background-image: url("/english/img/1/navigatie-wijd.png");
}

#primair ul {
	position: absolute;
	top: -1.2em;
	right: 26px;
	margin: -8px 0 0;
	padding: 0;
	list-style: none outside;
}

#primair li {
	margin: 0 0 0 1px;
	padding: 0;
	float: left;
	background-image: none;
}

#primair a {
	display: block;
	float: left;
	color: #fff;
	background: url("/english/img/1/nav/tab-links.png") #e91 0 0 repeat-x;
	text-decoration: none;
	cursor: hand;
}

#primair a span {
	display: block;
	float: left;
	padding: 4px 10px;
	text-shadow: 0 0.1em 0.1em #ba9;
}

#primair a span {
	color: #fff;
	background: url("/english/img/1/nav/tab-rechts.png") transparent 100% 0 no-repeat;
}

#primair a:hover {
	background-position: 0 -40px;
}

#primair a:hover span {
	background-position: 100% -40px;
}

#primair a.huidige {
	background-position: 0 -80px !important;
	color: #f99c03;
	background-color: #fff;
}

#primair a.huidige span {
	background-position: 100% -80px !important;
	color: #f99c03;
	text-shadow: none;
	background-color: transparent;
	padding-bottom: 5px;
}

#secundair {
	position: absolute;
	top: 0;
	right: 7.2em;
	padding: 0.5em 0 0;
	margin-right: 94px;
}

#secundair ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none outside;
}

#secundair li {
	float: left;
	margin: 0 5px;
	padding: 0;
	background-image: none;
	font-size: 95%;
	line-height: 120%;
}

#secundair a {
	font-weight: normal;
	text-decoration: none;
	color: #5673b0;
	background: transparent;
}

#secundair a:hover {
	color: #000;
	background: transparent;
	text-decoration: underline;
}

#secundair a.huidige {
	color: #000;
	background: transparent;
}

/* ====== search ====== */

#search {
	position: absolute;
	top: 0.2em;
	right: 20px;
	text-align: right;
	font-size: 95%;
}

#search h2 {
	width: auto;
	position: absolute;
	top: -1000em;
	left: auto;
}

#q {
	width: 8em;
	margin: 0 0.4em 0 0;
	vertical-align: middle;
	font-size: 100%;
	line-height: 120%;
	border-width: 1px;
	border-color: #000;
}

.search h2 {
	width: auto;
		color: #e91;
	background: none transparent;
	padding: 0;
	margin: 1.2em 0 0.5em;
}


/* ====== voet ====== */

#voet {
	font-size: 86%;
	line-height: 120%;
	padding: 0.5em 9px;
	color: #fff;
	background: #ea2;
	position: absolute;
	left: 18px;
	width: 650px;
	text-align: right;
}

#voet a {
	color: #666;
	background: transparent;
	font-weight: normal;
	text-decoration: none;
}

#voet a:hover {
	color: #fff;
	background: transparent;
}

/* ====== pad ====== */

#path {
	font-size: 80%;
	line-height: 120%;
	color: #999;
	background: transparent;
	position: relative;
	top: -1em;
}

#path h2 {
	width: auto;
	position: absolute;
	top: -1000em;
	left: auto;
}

#path ol {
	margin: 0;
	padding: 0;
	list-style: none outside;
}

#path li {
	float: left;
	white-space: nowrap;
	margin: 0;
	padding: 0 0 0 9px;
	color: #999;
	background: url("/english/img/1/pad-scheidingsteken.png") transparent 3px 0.25em no-repeat;
}

#path .eerste {
	background-image: none;
	padding-left: 0;
}

#path a {
	font-weight: normal;
}

/* referenties */

.referenties a {
	font-weight: normal;
}

/* forbeelden */

.sample {
	color: #000;
	background: url("/english/img/1/sample-bodem.png") #ddd bottom left no-repeat;
	margin: 1em 0;
	padding: 0 0 1px;
}

.sample h2,
.sample h3,
.sample h4,
.sample h5 {
	padding: 0.9em 15px 0;
	width: auto;
	margin: 0;
	color: #000;
	background: url("/english/img/1/sample-top.png") transparent top left no-repeat;
	font-size: 100%;
	line-height: 120%;
	font-weight: normal;
	font-family: Verdana, sans-serif;
}

.sample p {
	margin: 0.5em 15px 1em;
	font-size: 90%;
	line-height: 130%;
}

.sample pre {
	margin: 1em 15px;
	font-size: 100%;
	line-height: 140%;
	white-space: normal;
	width: 374px;
}

/* \ */ .sample pre {
	overflow: auto;
	white-space: pre;
}

/* richtlijn */

.richtlijn {
	color: #000;
	background: url("/english/img/1/richtlijn-min-bodem.png") #f3d369 bottom left no-repeat;
	margin: 1em 0;
	padding: 0 0 1px
}

.richtlijn p {
	padding: 0.9em 15px;
	margin: 0;
	color: #000;
	background: url("/english/img/1/richtlijn-min-top.png") transparent top left no-repeat;
}

.richtlijn a {
	font-weight: normal;
}

.opt {
	color: #000;
	background: url("/english/img/1/richtlijn-opt-bodem.png") #f6e9c0 bottom left no-repeat;
}

.opt p {
	background-image: url("/english/img/1/richtlijn-opt-top.png");
}

.richtlijn .relref {
	background-image: none;
	padding-top: 0;
	font-size: 90%;
}

/* item and subindex */

.item, 
#hoe-werkt-het {
	font-size: 95%;
	line-height: 130%;
	color: #000;
	background: url("/english/img/1/item-bodem.png") #eed bottom left no-repeat;
	padding: 0 0 0.5em;
	margin: 1em 0;
}

.item h3,
#pre-production .item h3,
#production .item h3,
#post-production .item h3 {
	padding: 8px 15px 0;
	margin: 0 0 0.5em;
	color: #000;
	background: url("/english/img/1/item-head.png") transparent top left no-repeat;
}

.subindex .item h3 {
	background-image: none;
	padding-top: 0;
}

.subindex .item h2, 
#hoe-werkt-het h2 {
	width: auto;
		padding: 8px 15px 0;
	margin: 0 0 0.5em;
	color: #5673b0;
	background: url("/english/img/1/item-top.png") transparent top left no-repeat;
}

.item p, 
.item ul, 
#hoe-werkt-het p {
	margin: 0.5em 15px 0.8em;
}

.illustratie {
	font-size: 80%;
	line-height: 120%;
	text-align: center;
	margin: 0 0 1.4em;
}

.rechts {
	float: right;
	width: 240px;
	margin: 0.1em 0 0.6em 1em;
}

.illustratie img {
	display: block;
	border: 1px solid #000;
	margin: 0.4em auto;
}

/* colofon */

.colofon table {
	font-size: 100%;
	line-height: 120%;
	margin-bottom: 1em;
}

.colofon th,
.colofon td {
	padding: 0.1em 0.5em 0.4em 0;
	border: 0;
	color: #000;
	background: transparent;
}

.colofon th {
	width: 13em;
}

#sl,
#ow,
#ex,
#ev {
	padding-left: 1em;
	font-style: italic;
	width: 12em;
}

/* begrippen */

.meta {
	margin: 0 0 2em;
	font-size: 75%;
	line-height: 120%;
}

.meta a {
	font-weight: normal;
}

dt {
	display: block;
	margin: 1.5em 0 0.5em;
	font-weight: bold;
	color: #665;
	background: transparent;
}

dd {
	display: block;
	margin: 0.5em 0 1em;
}

/* sitemap */

.sitemap .map li {
	list-style: none outside;
	padding: 0 0 0 14px;
	margin: 0.2em 0;
	color: inherit;
	background: url("/english/img/1/bullet.png") transparent 2px 0.45em no-repeat;
}

.sitemap ol ol a {
	font-weight: normal;
}

/* eisen, toetsen en richtlijnen */

.eis{
	width: 3.5em;
}

.cel {
	width: 2em;
}

table .richtlijnen {
	width: 9em;
}

.id {
	width: 8%;
}

.beschrijving {
	width: 42%;
}

/* ====== raamwerk ====== */

#raamwerk-tabel {
	width: 100%;
	height: 18.4em;
	overflow: auto;
	margin: 1em 0;
}

#raamwerk-tabel table {
	font-size: 85%;
	line-height: 120%;
	border: solid #000;
	border-width: 1px 0 0 1px;
}

#raamwerk-tabel th,
#raamwerk-tabel td {
	border: solid #000;
	border-width: 0 1px 1px 0;
	padding: 2px 3px;
	font-weight: normal
}

#raamwerk-tabel .major th {
	color: #876;
	background: #f6eed9;
	border-bottom-style: dashed;
}

#raamwerk-tabel .minor th {
	color: #000;
	background: #f6e9c0;
	font-weight: normal;
}

#raamwerk-tabel .major #mj-criteria {
	font-weight: normal;
	color: #000;
	background: transparent;
	border-bottom-style: solid;
}

#raamwerk-tabel tbody th {
	color: #000;
	background: #fb3;
}

#raamwerk-tabel tbody td {
	color: #666;
	background: transparent;
}

#raamwerk-tabel tbody td.vol {
	color: #000;
	background: #fa2;
}

#raamwerk-tabel tbody .duurzaamheid th {
	color: #000;
	background: #8cf;
}

#raamwerk-tabel tbody .duurzaamheid td {
	color: #666;
	background: transparent;
}

#raamwerk-tabel tbody .duurzaamheid td.vol {
	color: #000;
	background: #8bf;
}

#raamwerk-tabel #toegankelijkheid {
	border-right-style: dashed;
	color: #866;
	background: #fc4;
}

#raamwerk-tabel #duurzaamheid {
	border-right-style: dashed;
	color: #668;
	background: #8df;
}

#raamwerk-tabel a {
	font-weight: bold;
}

#raamwerk-tabel .highlight {
	font-weight: bold;
	color: #000;
	background: #fd0;
}

.raamwerk .id {
	width: 8%;
}

.raamwerk .beschrijving {
	width: 42%;
}

/* highlight */

.highlight {
	color: #000 !important;
	background: none #fea !important;
}