html,
body {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 130%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	background: #fff;
}

a,
#raamwerk-tabel a:visited {
	color: #039;
	background: transparent;
}

a:visited {
	color: #69c;
	background: transparent;
}

#subinhoud .box a,
.uitleg a {
	color: #000;
	background: transparent;
}

a:hover,
#raamwerk-tabel a:hover,
.uitleg a:hover {
	color: #000;
	background: transparent;
	text-decoration: underline;
}

#subinhoud .box a:hover {
	color: #999;
	background: transparent;
	text-decoration: underline;
}

.bronbeschrijving {
	font-size: 85%;
}

.uitleg {
	font-size: 80%;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

code {
	font-family: monospace;
	font-size: 100%;
}

h1 code,
h2 code,
h3 code,
h4 code,
p code,
li code,
table code {
	font-family: Arial, sans-serif;
}

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

.exit {
	margin: 0 0 0 2px;
}

.meer {
	margin: 0 0 0 -0.3em;
}

.break {
	clear: both;
}

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

sup {
	line-height: 1px;
}

h1 {
	clear: both;
	font-size: 160%;
	line-height: 120%;
	margin: 0 5px 1em;
}

.onderschrift,
.ondertitel {
	font-size: 75%;
	line-height: 120%;
	display: block;
	font-weight: normal;
}

h2 {
	margin: 0 5px 0.5em;
	font-size: 125%;
	line-height: 120%;
}

h3 {
	margin: 0 10px 0.5em;
	font-size: 110%;
	line-height: 120%;
}

h4 {
	margin: 0 10px 0.5em;
	font-size: 100%;
	line-height: 120%;
}

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

address {
	font-style: normal;
}

ul li {
	color: #000;
	background: url("../img/lijst.png") 4px 0.55em no-repeat;
	margin: 0;
	padding: 0.1em 0 0.1em 14px;
}

dt {
	font-weight: bold;
	margin: 1.5em 0 0.5em;
}

dd {
	margin: 0.5em 0;
}

dd p {
	margin: 0.4em 0 0.8em;
}

blockquote {
	margin: 1em 10px;
	padding: 0.6em 1em 0.8em;
	font-style: italic;
	color: #000;
	background: #f6f0e9;
}

blockquote p,
blockquote h3,
blockquote h4 {
	margin: 0.5em 0;
}

form {
	margin: 0;
}

input,
select,
textarea,
button {
	margin: 0;
	vertical-align: middle;
}

button {
	color: #000;
	background: transparent;
	border: 0;
	padding: 0;
}

table {	border-collapse: separate; background-color: #FFF; border: 3px solid #3399FF; caption-side: bottom; }
td { border:1px solid #AFD7FF; margin: 3px; padding: 3px; vertical-align: top; background: #FFF; color: #000; }
thead th { background: #3399FF; color:#FFF; text-align: left; font-weight: bold; padding: 3px;border: 1px solid #3399FF; }
th {border:1px solid #AFD7FF; padding: 3px; }
tbody th { text-align: left; background-color: #EEE; }
tbody th:hover { background-color: #fff; }
th a:link, th a:visited { color:#DDD; font-weight: normal; text-decoration: none; border-bottom:1px dotted #c93; }
caption { background: #903; color:#fcee9e; padding: 4px 0; text-align: center; width: 40%; font-weight: bold; }
tbody td a:link {color: #903;}
tbody td a:visited {color:#633;}
tbody td a:hover {color:#000; text-decoration: none; }

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

caption {
	margin: 0 0 0.6em;
	font-style: italic;
}

#printbare-versie img {
	float: left;
	margin: 0 0.4em 0 0;
}

/* ====== kolommen ====== */

.kolommen {
	padding: 15px 0 0;
}

.kol1 {
	float: left;
	width: 49%;
}

.kol2 {
	float: right;
	width: 49%;
}

.ontwikkeling .kolommen {
	border-top: 2px solid #000;
}

/* ====== subindex ====== */

.subindex {
	margin: 0 0 2em;
}

.subindex .item {
	margin: 0 0 1em;
}

.subindex .item h2,
.subindex .item h3 {
	font-size: 110%;
	line-height: 120%;
	margin: 0 10px 0.5em;
}

.subindex .item p {
	margin: 0.5em 10px;
}

/* ====== afbeeldingen ====== */

.illustratie {
	font-size: 85%;
	line-height: 130%;
	text-align: center;
	margin: 1.5em 0;
}

.illustratie img {
	border: 2px solid #000;
	margin: 0 0 0.5em;
}

.links {
	text-align: left;
	float: left;
	width: 244px;
	margin: 1em 1.2em 1em 0;
}

.rechts {
	text-align: left;
	float: right;
	width: 244px;
	margin: 1em 0 1em 1.2em;
}

.links img,
.rechts img {
	display: block;
}

/* ====== beperking regellengtes ====== */

#blok {
	margin: 0 0 0 2%;
	padding: 20px 0 6em;
	width: 96%;
	max-width: 44em !important;
}

.wide #blok {
	max-width: 100% !important;
}

.introductie {
	padding: 5px 3% 0 0;
	margin: 0 0 1.5em;
	font-weight: bold;
}

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

#pad {
	visibility: hidden;
	border-bottom: 2px solid #000;
	margin: -14px 0 14px;
	padding: 0 0 4px;
	float: left;
	width: 100%;
	font-size: 85%;
	line-height: 120%;
}

#pad p {
	position: absolute;
	top: -100em;
}

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

#pad li {
	float: left;
	margin: 0;
	padding: 0 0 0 14px;
	white-space: nowrap;
	color: #000;
	background: url("../img/pad.png") 5px 0.45em no-repeat;
}

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

/* ====== hoofdblokken ====== */

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

#top {
	width: 96%;
	margin: 0 0 0 2%;
	position: relative;
	padding: 15px 0 0;
	font-size: 82%;
	line-height: 130%;
	min-width: 820px !important;
	background: url("../img/achtergrond-links.png") no-repeat;
}

#logo {
	font-size: 120%;
	line-height: 120%;
	height:96px;
	color: #000;
	background: #ffffff;
	border: 3px solid #000;
}

#logo img {
	visibility: hidden;
}

#logo a {
	color: #000;
	background: url("../img/logo.png") top left no-repeat;
	display: block;
	width: 558px;
	height: 60px;
	position: relative;
	top: 5px;
	left: 60px;
}

#inhoud {
	border-top: solid #000;
	border-width: 0 3px 3px;
	position: relative;
	color: #000;
	margin: 0 0 0 203px;
	padding: 0 0 1em 3px;
}

.wide #inhoud {
	margin-left: 0;
	margin-right: 0;
}

#voet {	
	position: relative;
	margin: -.75em 1px 0 207px;
	font-size: 85%;
	line-height: 120%;
	padding: 0 0 3em;
	min-height: 35px;
}

.wide #voet {
	margin-left: 0;
	margin-right: 0;
}

#versie {
	float: left;
	width: 76%;
	margin-left: 5px;
}

#sponsor {
        background: url("../img/e-overheid.png") top right no-repeat;
        float: right;
        width: 30em;
        text-align: right;
        margin-top: -13px;
        margin-right: 6px;
        min-height: 3.35em;
}

#sponsor a {
        height: 35px;
        width: 27em;
        margin-top: .3em;
        text-decoration: none;
}

#sponsor a span {
        margin-top: 14px;
        margin-bottom: -14px;
        padding-right: 42px;
        margin-right: 0;
        margin-bottom: 0;
        padding-bottom: 0;
        display: block;
        height: 35px;
}

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

#subinhoud {
	position: absolute;
	top: 119px;
	left: 0;
	width: 206px;
	margin: 4.5em 0 4em;
	padding: 0;
	list-style: none outside;
	font-size: 95%;
	line-height: 120%;
	z-index: 900;
}

#inhoudsopgave {
	color: #fff;
	background: #3399ff;
}

.hoofdstuk #inhoudsopgave {
	color: #fff;
	background: #8ab019;
}

.hoofdstuk #inhoudsopgave h2 {
	color: #fff;
	background: transparent;
}

#subinhoud .pretitel {
	font-size: 100%;
	line-height: 120%;
	font-weight: normal;
	display: block;
}

#inhoudsopgave ol {
	font-weight: bold;
	color: #fff;
	background: #039;
	list-style: none outside;
	margin: 0;
	padding: 0;
}

.hoofdstuk #inhoudsopgave ol {
	color: #fff;
	background-color: #6a9000;
}

.box {
	border: 3px solid #000;
	color: #000;
	background: #ddd;
	margin: 0 0 5px;
	padding: 0.3em 0 0;
}

.box h2 {
	font-size: 125%;
	line-height: 120%;
	color: #000;
	background: transparent;
	font-weight: bold;
	font-family: "Arial Narrow", sans-serif;
	margin: 0 3% 0.4em;
	padding: 0;
	border-width: 0 0 2px;
}

.box h3 {
	font-size: 85%;
	line-height: 120%;
	margin: 0 3% 0.4em;
}

.box p {
	margin: 0 3% 0.4em;
}

#subinhoud #terug {
	font-weight: bold;
	color: #fff;
	background: #3399ff;
	border: 3px solid #000;
	margin: 0 0 5px;
	padding: 0;
}

#subinhoud #terug a {
	color: #fff;
	background: transparent;
	display: block;
	text-decoration: none;
	display: block;
	width: 94%;
	padding: 0.2em 3% 0.4em;
	font-size: 125%;
	line-height: 120%;
	font-weight: bold;
	font-family: "Arial Narrow", sans-serif;
}

#subinhoud #terug a:hover {
	color: #fff;
	background-color: #8099cc;
}

/* ====== lvl1 ====== */

#inhoudsopgave li {
	margin: 0;
	padding: 0;
	background-image: none;
	border-top: 3px solid #000;
	list-style: none outside;
}

#subinhoud #inhoudsopgave li a,
#subinhoud #inhoudsopgave li .huidige,
#subinhoud #inhoudsopgave li .kop {
	color: #fff;
	background: url("../img/navigatie.png") #039 7px 0.6em no-repeat;
	text-decoration: none;
	font-weight: normal;
	display: block;
	width: 90%;
	padding: 0.3em 2% 0.2em 8%;
}

.hoofdstuk #subinhoud #inhoudsopgave li a,
.hoofdstuk #subinhoud #inhoudsopgave li .huidige,
.hoofdstuk #subinhoud #inhoudsopgave li .kop {
	color: #fff;
	background: url("../img/navigatie-hoofdstuk.png") #6a9000 7px 0.6em no-repeat;
}

#subinhoud #inhoudsopgave li .huidige {
	color: #fff;
	background-color: #3399ff !important;
}

.hoofdstuk #subinhoud #inhoudsopgave li .huidige {
	color: #fff;
	background-color: #8ab019 !important;
}

/* ====== lvl2 ====== */

#inhoudsopgave li ol {
	font-family: Arial, Helvetica, sans-serif;
	border: 0;
	font-size: 100%;
	line-height: 120%;
}

#subinhoud #inhoudsopgave li li {
	border: 0;
	margin-top: 0;
}

#subinhoud #inhoudsopgave li li a,
#subinhoud #inhoudsopgave li li .huidige,
.hoofdstuk #subinhoud #inhoudsopgave li li a,
.hoofdstuk #subinhoud #inhoudsopgave li li .huidige {
	width: 84%;
	font-weight: normal;
	padding: 0.2em 2% 0.2em 14%;
	color: #fff;
	background: url("../img/navigatie-bullet.png") #039 18px 0.7em no-repeat;
}

.hoofdstuk #subinhoud #inhoudsopgave li li a,
.hoofdstuk #subinhoud #inhoudsopgave li li .huidige,
.hoofdstuk #subinhoud #inhoudsopgave li li .kop {
	color: #fff;
	background-color: #6a9000;
}

#subinhoud #inhoudsopgave li a:hover {
	color: #fff !important;
	background-color: #8099cc !important;
	text-decoration: none !important;
}

.hoofdstuk #subinhoud #inhoudsopgave li a:hover {
	color: #fff !important;
	background-color: #99c029 !important;
}

/* ====== lvl3 ====== */

#subinhoud #inhoudsopgave li li ul {
	font-size: 100%;
	line-height: 120%;
}

#subinhoud #inhoudsopgave li li li a,
#subinhoud #inhoudsopgave li li li .huidige {
	width: 78%;
	font-weight: normal;
	padding: 0.2em 2% 0.2em 20%;
	color: #fff;
	background: url("../img/navigatie-bullet.png") transparent 30px 0.7em no-repeat;
}

#subinhoud #inhoudsopgave .huidige {
	color: #fff;
	background-color: #3399ff !important;
}

/* ====== direct naar... ====== */

/* ====== lvl2 ====== */

#snellinks,
#besluit {
	color: #fff;
	background: #3399ff;
}

#snellinks ol,
#besluit ol {
	font-family: Arial, Helvetica, sans-serif;
	border: 0;
	font-size: 100%;
	line-height: 120%;

	font-weight: bold;
	color: #fff;
	background: #3399ff;
	list-style: none outside;
	margin: 0;
	padding: 0;
}

#snellinks li a,
#besluit li a {
	border: 0;
	margin-top: 0;

	color: #fff;
	background: url("../img/navigatie-bullet.png") #3399ff 7px 0.6em no-repeat !important;
	text-decoration: none;
	font-weight: normal;
	display: block;
	width: 90%;
	padding: 0.3em 2% 0.2em 8%;

}

#snellinks li a:hover,
#besluit li a:hover {
	color: #fff !important;
	background-color: #8099cc !important;
	text-decoration: none !important;
}



/* ====== zoeken ====== */

#zoeken {
	font-size: 80%;
	line-height: 120%;
	position: absolute;
	top: 0.8em;
	right: 9px;
	margin: 15px 0 0;
	text-align: right;
}

#navigatie h2,
#zoeken h2 {
	position: absolute;
	top: -100em;
}

#zoeken .text {
	width: 80px;
	margin-right: 4px;
	border: 1px solid #000;
}

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

#primair {
	font-family: "Arial Narrow", sans-serif;
	font-weight: bold;
	font-size: 100%;
	line-height: 120%;
	position: absolute;
	top: 96px;
	left: 203px;
	margin: -1.3em 0 0;
}

.wide #primair {
	left: 0;
}

#primair ul {
	margin: 12px 0 0;
	padding: 0;
	height: 1.7em;
}

#primair li {
	float: left;
	margin: 0 -3px 0 0;
	padding: 0;
	background-image: none;
	border: solid #000;
	border-width: 3px 3px 0;
}

#primair a,
#primair .huidige {
	color: #000;
	background: #ddd;
	text-decoration: none;
	display: block;
	padding: 0.15em 7px;
	margin: 0;
	border-bottom: 3px solid #000;
	float: left;
}

#primair a:hover {
	color: #000;
	background: #eee;
}

#primair .huidige,
#primair .huidige:hover {
	color: #000;
	background: #fff9f3;
	border-bottom: 3px solid #fff9f3;
}

/* ====== secundair ====== */

#secundair,
#update {
	font-family: "Arial Narrow", sans-serif;
	font-weight: bold;
	font-size: 110%;
	color: #bbb;
	line-height: 120%;
	margin: 15px 0 0;
	padding: 0;
	position: absolute;
	top: 1em;
	right: 15px;
}

#secundair ul,
#update ul {
	list-style: none outside;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

#secundair li,
#update li {
	padding: 0 0 0 0.5em;
	margin: 0;
	display: inline;
	background-image: none;
}

#secundair a,
#update a {
	color: #000;
	background: transparent;
	text-decoration: none;
}

#secundair a.huidige,
#update a.huidige {
	color: #fff;
	background: transparent;
}

/* ====== richtlijnen ====== */

div.richtlijn {
	margin: 1.5em 10px;
	padding: 0.6em 1em 0.8em;
	color: #000;
	background: #fa0;
	font-style: italic;
}

.opt {
	color: #000;
	background: #fc2;
}

.richtlijn p {
	margin: 0.5em 0;
}

.richtlijn strong {
	font-weight: normal;
}

.richtlijn .relref {
	margin: 0.3em 0 0;
	font-weight: normal;
	font-style: normal;
}

/* ====== samples ====== */

.sample {
	margin: 1em 10px;
	padding: 0.6em 2%;
	color: #000;
	background: #efeae2;
	font-size: 100%;
	line-height: 130%;
	width: 93%;
}

.sample h2,
.sample h3,
.sample h4 {
	margin: 0 0 0.5em;
	font-size: 100%;
	line-height: 120%;
}

.sample p {
	margin: 0.5em 0 1.5em;
}

.taal {
	font-size: 83%;
	color: #666;
	background: transparent;
	font-weight: normal;
}

pre {
	font-size: 99%;
	margin: 0;
	font-family: monospace;
	white-space: normal;
	width: 100%;
}

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

/* ====== naar boven ====== */

#naar-boven {
	height: 11px;
	width: 100%;
}

#naar-boven a {
	display: block;
	z-index: 999;
	height: 17px;
	position: fixed;
	bottom: 4em;
}

#naar-boven img {
	color: #000;
	background: #39F;
	display: block;
}

#naar-boven a:hover img {
	color: #000;
	background: #AFD7FF;
}

#naar-boven .off {
	display: none;
}

#top-links {
	left: 189px;
	margin: 0 0 0 2%;
}

#top-rechts {
	right: -14px;
	margin: 0 2% 0 0;
}

.wide #top-links {
	left: -14px;
}

.begrippen #hoofd div {
	margin: 0 10px;
}

/* ====== sitemap ====== */

.sitemap #inhoud h2 {
	font-size: 100%;
	line-height: 120%;
}

.map ol,
ol.map {
	clear: both;
	margin: 0 10px 1.6em;
	padding: 0;
}

.map ol ol {
	margin-bottom: 0;
}

.map li {
	list-style: none outside;
	margin: 0;
	padding: 0.1em 0 0.1em 14px;
	color: #000;
	background: url("../img/map-item.png") #fff9f3 0 0 repeat-y;
}

.map .eerste {
	background-image: url("../img/map-top.png");
}

.map .laatste {
	background-image: url("../img/map-bodem.png");
	background-repeat: no-repeat;
}

.map .enige {
	background-image: url("../img/map-enige.png");
	background-repeat: no-repeat;
}

.sitemap-handleiding .map li,
.sitemap-opdrachtgevers .map li,
.sitemap-ontwikkelaars .map li,
.sitemap-beheerders .map li {
	font-weight: bold;
}

.sitemap-handleiding .map li li,
.sitemap-opdrachtgevers .map li li,
.sitemap-ontwikkelaars .map li li,
.sitemap-beheerders .map li li {
	font-weight: normal;
}

/* ====== eisen ====== */

.eisen .eis {
	width: 4em;
}

.eisen .cel {
	width: 1.5em;
}

.eisen .richtlijnen {
	width: 23%;
}

.eisen td li {
	background-image: none;
	padding-left: 0;
}

/* ====== toetsen ====== */

.toetsen .eis {
	width: 4em;
}

.toetsen .cel {
	width: 1.5em;
}

.toetsen .richtlijnen {
	width: 23%;
}

.toetsen .methode {
	width: 4.5em;
}

.toetsen td li {
	background-image: none;
	padding-left: 0;
}

.evaluatie .toets {
	width: 1.2em;
}

.evaluatie .methode {
	width: 8.5em;
}

/* ====== richtlijnen overzicht ====== */

#overzicht {
	border-top: 2px solid #000;
	padding: 10px 0 0;
}

.richtlijnen .id {
	width: 6em;
}

.richtlijnen .set {
	width: 4em;
}


/* ====== zoeken ====== */

.meta {
	margin: 1em 10px;
}

/* ====== colofon ====== */

.colofon th {
	width: 16em;
}

.colofon table,
.colofon th,
.colofon td {
	border: 0;
	padding: 0.2em 0;
}

#sl,
#ow,
#ex,
#ev {
	padding-left: 1.5em;
	width: 13.7em;
}

/* ====== contact ====== */

.contact #inhoud form {
	margin: 0 10px;
}

.contact #inhoud form div {
	clear: both;
	 margin: 0 0 0.3em;
}


contact .pdata label {
	display: block;
}
.contact .pdata input,
.contact textarea {
	width: 80%;
}

.contact #inhoud #submit {
	margin-top: 1em;
}

/* ====== highlight ====== */

.highlight,
.highlight th,
.highlight td,
#raamwerk-tabel .highlight {
	color: #000 !important;
	background: #DFEFFF !important;
}

.highlight .oneven th,
.highlight .oneven td {
	color: #000 !important;
	background: #f0e090 !important;
}

.highlight thead th,
.highlight blockquote,
.highlight .sample,
.highlight .richtlijn {
	color: #000 !important;
	background: #ed8 !important;
}

#melding {
	color: #000;
	background: #fff;
	margin: 0.5em 10px 20px;
	border: 2px solid #000;
	padding: 10px 0 10px 0.5em;
}

#melding h2 {
	font-size: 100%;
	line-height: 120%;
	margin: 0 10px 0.5em;
}

/* ====== voorkeuren ====== */

#voorkeuren {
	position: absolute;
	top: 114px;
	left: 0;
	width: 200px;
}

#voorkeuren h2 {
	font-size: 120%;
	margin: 0 3% 0.2em;
}

#voorkeuren div {
	margin: 0.2em 3% 0.4em;
}

#voorkeuren input,
#voorkeuren select {
	font-size: 81%;
}

.wide #voorkeuren {
	display: none;
}

/* ====== WCAG 1 tabel ====== */
#wcag10 th { font-weight: bold; background: #f6f0e9;}
#wcag10 .id { width: 4em; }

/* ====== Toevoegingen om correcties voor 1.2 zichtbaar te maken voor de opdrachtgever ====== */

ins { background-color: yellow; }
del { background-color: silver; }

/*====== DREMPLES VRIJ ======== */

#drempel-vrij { position: absolute; top: 49px; right: 8px; height: 50px; }