/* Winkel */
html,
body {
	margin: 0;
	padding: 0;
	font-size: 105%;
	line-height: 133%;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background: #c0c0c0;
}

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

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

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

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

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

.uitleg {
	font-size: 80%;
	font-weight: normal;
	font-family: "Trebuchet MS", Verdana, 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: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

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

img.basis {
	border: 0;
	vertical-align: baseline;
} 


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

.meer {
	margin: 0 0 0 -0.3em;
	font-size: x-small;
}

.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;
}

.pretitel {
	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;
}

p.right {
  text-align: right;
}

address {
	font-style: normal;
}

ul li {
	color: #000;
	background: url("plaatjes/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: solid #000;
	border-width: 2px 1px 1px 2px;
	margin: 1em 2% 1.5em;
	width: 96%;
	font-size: 100%;
	line-height: 130%;
}

th,
td {
	padding: 0.2em 0.4em;
	border: solid #000;
	border-width: 0 1px 1px 0;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
	color: #000;
	background: #fff;
}

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

td.centreer  {
  text-align: center;
}

td.onevencentreer {
	color: #000;
	background: #f6f0e9;
  text-align: center;
}


thead th {
	font-weight: bold;
	color: #000;
	background: #efe9e3;
}

tr.clsOdd { 
   color: #3333ff; 
   background-Color: #cdecff;  
}
tr.clsEven {
 	 color: #3333ff; 
   background-color: #ffffcc; 
}

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;
}

div.routekaart {
  position:absolute; 
  left:203px; 
  top:361px; 
  background: transparent; 
  border: 0 ; 
}

div.routekaartmsie {
  position:absolute; 
  left:203px; 
  top:389px; 
  background: transparent; 
  border: 0 ; 
}

div.center { 
  text-align: center; 
}
/* ====== 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 {
	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: 35px 10px 0;
	font-size: 82%;
	line-height: 130%;
	min-width: 820px !important;
	max-width: 914px;     
}

#logo img {
	visibility: visible;
}

#logo a {
	color: #000 ;
	background: url("./plaatjes/logokleurblauw.jpg") top left no-repeat ;
	display: block ;
	width: 171px ;
	position: absolute;
	top: 34px ;   
	left: 12px ;
}

#banner {
	font-size: 120%;
	line-height: 120%;
	position: relative;
	margin: 0 0 0 190px;
	height: 110px;
	color: #000;
	background: #039;
	border: 1px solid #000080 ;
}

#banner img {
	visibility: visible;
}

#inhoud {
	border: solid #000080;
	border-width: 0 3px 3px;
	position: relative;
	color: #000;
	background: #fff;    
	margin: 0 0 0 191px;
	padding: 0 0 1em;
}

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

#voet {
	margin: -1.4em 1px 0 191px;
	font-size: 85%;
	line-height: 120%;
	padding: 0 0 3em;
}

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

#versie {
	float: left;
	width: 100%;
}

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

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

#inhoudsopgave {
	color: #000080;
	background: #8aba16;
}

.hoofdstuk #inhoudsopgave {
	color: #000080;
	background: #8aba16;
}

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

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

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

.hoofdstuk #inhoudsopgave ol {
	color: #000080;
	background-color: #8aba16;
}

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

.box h2 {
	font-size: 125%;
	line-height: 120%;
	color: #000080;
	background: transparent;
	font-weight: bold;
	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: #000080;
	background: #d1d9ad;
	border: 3px solid #000080;
	margin: 0 0 5px;
	padding: 0;
}

#subinhoud #terug a {
	color: #000080;
	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: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#subinhoud #terug a:hover {
	color: #000080;
	background-color: #d1d9ad;
}

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

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

#subinhoud #inhoudsopgave li a,
#subinhoud #inhoudsopgave li .huidige,
#subinhoud #inhoudsopgave li .kop {
	color: #000080;
	background: #8aba16;
	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: #000080;
	background: #6a9000;
}

#subinhoud #inhoudsopgave li .huidige {
	color: #000080;
	background-color: #d1d9ad !important;
}

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

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

#inhoudsopgave li ol {
	font-family: "Trebuchet MS", Verdana, 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: #000080;
	background: #039;
}

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

#subinhoud #inhoudsopgave li a:hover {
	color: #000080 !important;
	background-color: #d1d9ad !important;
	text-decoration: none !important;
}

.hoofdstuk #subinhoud #inhoudsopgave li a:hover {
	color: #000080 !important;
	background-color: #d1d9ad!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: #000080;
	background: url("/img/navigatie-bullet.png") transparent 30px 0.7em no-repeat;
}

#subinhoud #inhoudsopgave .huidige {
	color: #000080;
	background-color: #d1d9ad !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: 127px;
	left: 201px;
	right: -100px;
	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 #000080;
	border-width: 3px 3px 0;
}

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

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

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

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

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

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

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

#secundair a {
	color: #fff;
	background: transparent;
	text-decoration: none;
}

#secundair 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: #039;
	display: block;
}

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

#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") #fff 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;
}


/* ====== 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: #fe9 !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;
}

#hoe-werkt-het {
	color: #000;
	background: #fff;
	margin: 0.5em 10px;
	border: 2px solid #000;
	padding: 10px 0 0;
}

#hoe-werkt-het 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;
}

/*====== Top tien =========== */

table.toptien
{text-align: left;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
width: 313px;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;}


table.toptien td
{background: transparent;
color: #000;
padding: 0px;
text-align: left;
border: 0px ;}

/*=======Webwinkel===========*/

table.webwinkel
{text-align: center;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;}

table.webwinkel th,
table.webwinkel td
{background: transparent;
margin-left:auto; 
margin-right:auto;
color: #000;
padding: 0px;
text-align: left;
border: 0px ;}


/*=======CD's=============*/

div.cddoos {
/* width: 230 ; */
 }
 
div.cdafb {
/*  width: 200; */
  position: relative ;
  top: -204px;
  left: 28px
}

div.dvdafb {
/*  width: 200; */
  position: relative ;
  top: -290px;
  left: 5px
} 
 
/*============Actie========*/


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

#actie .box a:hover {
	color: #ddf;
	background: transparent;
	text-decoration: none;
}


#actie {
	position: relative;
	top: 0px;
	left: 12px;
	width: 500px;
	margin: 4.5em 0 4em;
	padding: 0;
	list-style: none outside;
	font-size: 105%;
	line-height: 120%;
	z-index: 900;
}

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

#actie #terug {
	font-weight: bold;
	color: #000080;
	background: #d1d9ad;
	border: 3px solid #000080;
	margin: 0 0 5px;
	padding: 0;
}