body, html {
		height: 100%;
}

body {
	
	margin: 0;
	padding: 0;
	background: #ABB1B5 url(/images/back_body.gif) repeat-x center top;
	font: 100.1% Verdana, Arial, Helvetica, sans-serif;
}

#back {
	width: 990px;
	margin: 0 auto;
	height: 100%;
	position:relative;
	background: #fff url(/images/back_home.gif) repeat-y left top;
}

#container {
	width: 990px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	text-align: left;
	position:relative;
	background: #fff url(/images/back_home.gif) repeat-y left top;
}

#logo {
	position: absolute;
	left: 0;
	top: 0;
}

#topfoto {
	position: absolute;
	left: 330px;
	top: 0px;
}


#stippen {
	position: absolute;
	left: 236px;
	top: 64px;
}

#tekst {
	position: relative;
	width: 462px;
	left: 324px;
	top: 0px;
	padding: 0 20px 0 0;
	font-size: 0.75em;
	line-height: 1.50em;
	color: #444;
}

h1 {
	font-size: 2.5em;
	color: #7A98A7;
	margin: 0;
	padding: 0 0 0.7em;
	clear: both;
	line-height: 1em;
}

h2 {
	font-size: 1.2em;
}

h3 {
	font-size: 1em;
	margin: 0px;
	padding: 0px;
}

p {
	margin: 0 0 1.50em;
	padding: 0;
}

p.klein {
	font-size: 0.90em;
}

a {
	color: #444;
}

a:hover {
	color: #000;
	text-decoration: none;
}

.fotorechts {
	float: right;
	margin: 0 0 10px 10px;
	border: 1px solid #7A98A7;	
}

.fotolinks {
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #7A98A7;	
}

.fotorechts_nb {
	float: right;
	margin: 0 0 10px 10px;
	border: none;	
}


label {
	display: none;
}

#doelstelling {
	position: absolute;
	left: 801px;
	top: 0;
	width: 159px;
	height: 83px;
	background: #7A98A7 url(/images/doelstelling_back.gif) no-repeat left top;
	font: italic 11px/14px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 25px 15px 15px 15px;
}

#topvlak {
	position: absolute;
	left: 20px;
	top: 0;
	width: 340px;
	height: 123px;
	background: #fff;
}
.illustratie {
	margin: 1em 0;
}


ol, ul {
	margin-top: 0;
}


ul.pdf, ul.inhoud {
	list-style-type: none;
	margin: 0;
	padding: 0 0 1em;
}

ul.inhoud {
	padding-left: 1em;
}

ul.pdf li {
	padding: 0 0 6px;
}

	

ul.pdf li a {
	text-decoration: underline;
	color: #333;
	padding: 5px 0 5px 23px;
	background: url(/images/pdf.gif) no-repeat left center;
}

ul.pdf li a:hover {
	text-decoration: none;
	color: #000;
}


/* ============ KRUIMELPAD ============== */

#tekst ul#pad {
	position:relative;
	top: 1em;
	width: 65%;
	font-size: 0.88em;
	margin: 0 0 5em;
	padding: 0 0 1em;
	float: left;
}

#tekst ul#pad ul, #tekst ul#pad li {
	display: inline;
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
	left: 0;
}

#tekst ul#pad a {
	text-decoration: underline;
	color: #444;
	padding: 0 10px 0 0;
	background: url(/images/pad_back.gif) no-repeat right center;
}
#tekst ul#pad a:hover {
	text-decoration: none;
	color: #000;
}

p#copy {
	width: 100%;
	text-align: center;
	margin: 3em 0;
	padding-top: 0.30em;
	font-size: 0.92em;
	border-top: 1px solid #CCDDE5;
}

/* ============= RECHTERKANT  ================== */

#right {
	position: absolute;
	left: 815px;
	top: 175px;
	width: 168px;
	font-size: 10px;
}

#right h2 {
	font-size: 11px;
	font-weight: bold;
	color: #555;
	margin: 10px 0 5px;
}

#right ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#right ul li {
	padding: 0 0 3px 6px;
	background: #fff url(/images/rechtslist_back.gif) no-repeat 0px 5px;
}

#right ul li a {
	text-decoration: none;
	color: #444;
}

#right ul li a:hover, #right .meer a:hover {
	text-decoration: underline;
	color: #000;
}

p.meer {
	margin: 0;
}

#right .meer {
	text-align: right;
	font-style: italic;
	color: #444;
}

#right .meer a {
	text-decoration: none;
	color: #444;
}


hr {
	border: none 0;
	border-bottom: 1px solid #7A98A7;
	padding-top: 5px;
	height: 1px;
}


/* ============= ZOEKENVELD  ================== */

fieldset legend {
	display: none;
}

form#zoekform {
	text-align: right;
	position: absolute;
	top: 140px;
	left: 815px;
	font-size: 0.75em;
}
* html form {
	right: 40px;
}

form#zoekform fieldset {
	border: none;
}

form#zoekform fieldset input {
	position: absolute;
	top: 0px;
	font-size:0.88em;
	margin:0;
	padding:0;
	border:0.1em solid #000;
	bottom:0;
}

form#zoekform fieldset input#zoekvenster {
	left: 0;
	height:1.5em;
	\height:1.8em;
	he\ight:1.5em;
	width:130px;
	padding:0.1em 0 0 0.2em;
}

form#zoekform fieldset input#zoek {
	left: 128px;
	height:1.8em;
	width:40px;
	font-weight:bold;
	color:#fff;
	background-color:#f00;
	cursor:pointer;
}




/* ============= HOOFDNAVIGATIE ================== */


#mainnav {
	position: absolute;
	left: 84px;
	top: 190px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font: bold 15px Arial, Helvetica, sans-serif;
	letter-spacing: 0.05em;
}

#mainnav li {
	margin-bottom: 10px;
}


#mainnav li a {
	padding: 2px 10px 2px 10px;
	color: #000;
	background-color: #CCDDE5;
	text-decoration:none;
}

#mainnav li a:hover, #mainnav li a#active {
	background-color: #000;
	color: #fff;
}

#subnav {
	position: absolute;
	left: 815px;
	top: 135px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font: bold 12px Arial, Helvetica, sans-serif;
	letter-spacing: 0.05em;
	text-align: right;
}

#subnav li {
	margin-bottom: 3px;
}


#subnav li a {
	padding: 2px 7px;
	width: 154px;
	color: #000;
	background-color: #CCDDE5;
	text-decoration:none;
	display: block;
}

#subnav li a:hover, #subnav li a#active {
	background-color: #000;
	color: #fff;
}
#methodetabel {
	background: #7A98A7;
	width: 462px;
	margin: 1em 0px;
}
#methodetabel td {
	background: #FFFFFF;
	text-align: center;
	vertical-align: top;
	color: #000000;
}
#methodetabel th {
	background: #CCDDE5;
	text-align: center;
	vertical-align: top;
	color: #333333;
	font-weight: bold;
}

#methodetabel.left td, #methodetabel.left th {
	text-align: left;
	padding: 0 3px;
}