/* Algemene opmaak */

body {
	color: #333;
	font-family: verdana, arial, helvetica, sans-serif;
	font-variant: normal;
	font-weight: normal;
	font-style: normal;
	font-size: 80%;
	line-height: normal;
	margin: 0;
	padding: 0;
	width: 100%;
}

div.layout {
	margin: 1.25em;
}

a:link, a:visited {
	color: #036;
	background-color: transparent;
	text-decoration: underline;
}

a:hover {
	color: #999;
	background-color: transparent;
}

a:active {
	color: #036;
	background-color: transparent;
	text-decoration: underline;
}

img {
	border: none;
}

/* Logobalk */

.balklogo {
	margin: 0;
	padding: 0;
	background-color: #fff;
	background-image: url(/toolbar/images/drempelvrijachtergrond03.jpg);
	background-repeat: no-repeat;
}

/* navigatiebalk */

div.koprechts {
	border: 1px solid #999;
	border-left: none;
	border-right: none;
	margin-top: .4em;
	white-space: nowrap;
	clear: both;
}

div.koprechts .pijlrechts {
	float: right;
	padding: 3px 0 0 0;
}

div.koprechts .pijlrechts span {
	position: relative;
	top: -8px;
}

div.koprechts .pijlrechts span span {
	position: relative;
	top: 0;
}

div.koplinks {
	display: inline;
	float: left;
	width: 68%;
}

h1 {
	padding: 3px 5px 6px 5px;
	margin: 0;
	font-size: 160%;
	float: right;
}

div.koplinks .pijllinks {
	float: left;
	padding: 3px 0 0 0;
}

div.koplinks .pijllinks span {
	position: relative;
	top: -8px;
}

div.koplinks .pijllinks span span {
	position: relative;
	top: 0;
}

div.endnav {
	clear: both;
}

div.koprechts a {
	color: #669843;
	text-decoration: none;
	vertical-align: middle;
	font-weight: bold;
}

div.koprechts a:visited {
	color: #669843;
	text-decoration: none;
}

div.koprechts a:hover, div.koprechts a:active {
	color: #999;
	text-decoration: none;
}

div.koprechts a:active {
	color: #999;
	text-decoration: none;
}

/* twee koloms layout */

div.container {
	position: relative;
	height: 1%;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.inhoudsopgave {
  display: none;
}

div.inhoud {
  height: 1%;
  margin-right: 0em;
  background: transparent;
}

/* inhoudsopgave */

div.inhoudsopgave h2 {
	font-size: 120%;
	color: #fff;
	background: #73BF45;
	margin: 0;
	padding: 5px 5px 5px 15px;
}

div.inhoudsopgave ol {
	margin: 0;
	padding: 0;
	color: #669843;
	font-weight: bold;
	list-style-position: inside;
}

div.inhoudsopgave ol.roman {
	list-style-type: lower-roman;
}

div.inhoudsopgave ol.decimal {
	list-style-type: decimal;
}

div.inhoudsopgave ol.nonumbers {
	list-style-type: none;
}

div.inhoudsopgave ol li {
  padding: 5px 5px 5px 15px;
	border-top: 1px solid #ccc;
}

div.inhoudsopgave ol li a {
	text-decoration: none;
	font-size: 90%;
	padding-left: 10px;
}

div.inhoudsopgave ol li a:visited, div.inhoudsopgave ol li a:active {
	text-decoration: none;
}

div.inhoudsopgave ol li a:hover {
	color: #669843;
}

div.inhoudsopgave ol li a span {
	padding-left: 30px;
}

div.inhoudsopgave ol li a span.hidden {
	display: none;
}

#pi .pi, #pii .pii, #piii .piii, #piv .piv, #pv .pv, #pvi .pvi, #result .result {
	background: #fff url(/toolbar/images/inhoud_actief.jpg) no-repeat 0 7px;
}

#pi .pi a, #pii .pii a, #piii .piii a, #piv .piv a, #pv .pv a, #pvi .pvi a, #result .result a {
	text-decoration: none;
	color: #669843;
}

#alt .alt, #kleur .kleur, #taal .taal, #css .css, #dyna .dyna, #flik .flik, #taalg .taalg, #ssim .ssim, #csim .csim, #edata .edata, #cdata .cdata, #frame .frame, #script .script, #audio .audio, #video .video, #alter .alter {
	background: #fff url(/toolbar/images/inhoud_actief.jpg) no-repeat 0 7px;
}

#alt .alt a, #kleur .kleur a, #taal .taal a, #css .css a, #dyna .dyna a, #flik .flik a, #taalg .taalg a, #ssim .ssim a, #csim .csim a, #edata .edata a, #cdata .cdata a, #frame .frame a, #script .script a, #audio .audio a, #video .video a, #alter .alter a {
	text-decoration: none;
	color: #669843;
}
/* opmaak uitleg iconen */

ul.uitleg {
	margin: 0;
	padding: 0;
}

ul.uitleg li {
	padding-left: 20px;
	padding-bottom: 5px;
	list-style-type: none;
	line-height: 27px;
}

ul.uitleg li.ico1 img {
	position: relative;
	top: 8px;
}

ul.uitleg li.ico2 img {
	position: relative;
	top: 11px;
}

/* opmaak logos startpagina */

.logos img {
	padding: 10px 15px 0 0;
}

/* opmaak voor de 'over' pagina */

body.bodyover {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

.bodyover .balklogo {
	text-align: left;
}

div.layoutover {
	width: 95%;
	text-align: left;
}

h1.headerover {
	border: 1px solid #999;
	border-left: none;
	border-right: none;
	padding: 3px 5px 6px 5px;
	margin: 5px 0 10px 0;
	font-size: 160%;
	text-align: center;
	float: none;
}

/* overig */

h2 {
	color: #73bf45;
	font-size: 150%;
	/* margin-top: 0; */
}

h3 {
	font-size: 130%;
}

h3 span {
	position: relative;
	top: -8px;
}

h3 span span {
	position: relative;
	top: 0px;
}

h4 {
	font-size: 100%;
}

.smaller {
	font-size: 80%;
}

.footer {
	font-size: 80%;
	padding-top: 5px;
}

div.teller { /* verstoppen van teller */
	position: absolute;
	top: 0;
	left: -10em;
}

div.skip {
	position: absolute;
	top: 0;
	left: -100em;
}