/*+ MN NEW +++++++++++++++++++++++++++++++++++++++++++++*/

	HTML {
		width           : 100%;
		height          : 100%;
	}

	HTML, BODY {
		margin          : 0;
		padding         : 0;
		text-align      : center;
		background      : #8C8479;
	}

	BODY {
		height          : 100%;
		border-bottom   : 1px solid #8C8479;
		font-family     : Verdana, Tahoma, "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
		font-size       : 62.5%;
		line-height     : 1.35em;
	}

	P, TD, UL, DIV, INPUT, TH {
		font-family     : Verdana, Tahoma, "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	}

	TD, TH, UL, OL, LI, P, DIV {
		font-family     : Verdana, Tahoma, "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	}


/*+ MN NEW +++++++++++++++++++++++++++++++++++++++++++++*/

/* start old import */

H1, H2, H3, H4, CODE, PRE, DIV.voet {
	background: transparent;
}

PRE  {
	margin-left : 15px;
}

P {
	margin: 0 0 1em;
}

P + UL { /* TODO */
	margin-top: -.5em;
}

BODY DIV.nav {
	margin: .2em;
	padding: .5;
}

BODY DIV.voet {
	margin: 2em 0 0;
	padding: .8em;
}

P.changedate {
	margin: 0 0 1em;
}

P.auteur {
	margin: 0 0 1em;
}

P.topper {
	padding: .3em;
}

/* /end old import */


/* ************ tabellen en formulieren ************  */

TABLE {
	border: solid #bbb 1px;
	width: 80%;
}

TH, TD {
	border: solid #bbb 1px;
}

TH  {
	color: #800000;
	background: #dcdcdc;
}

FORM.big {
	border: solid #bbb 1px;
}

FORM.big TD {
	border: none;
}

/* ************ overige block-level elementen ************  */

PRE  {
	font-family : monospace;
}

ADDRESS {
	clear: both;
}

UL {
	list-style-type: square;
}

UL UL {
	list-style-type: circle;
}

/* ************ inline elementen ************  */

B  {
	font-style : normal;
	font-weight : bold;
}

EM  {
	font-style : italic;
	font-weight : bold;
}

CODE, PRE {
	color : maroon;
}

CODE, TT  {
	font-family : monospace;
}

/* ************ links ************  */
/* a :link :visited :hover :focus, :active */

A {
	font-weight      : normal;
}

A:link  {
	color            : #0048b0;
	background       : transparent;
}

A:visited  {
	color            : #03c;
	background       : transparent;
}

A:hover,
A:focus {
	background-color : #ffc;
	text-decoration  : underline;
}

A:active  {
	color            : #800000;
	background       : transparent;
}

a.external {
	padding-right       : 13px;
	background-image    : url(/newimage/external.png);
	background-repeat   : no-repeat;
	background-position : right center;
}

/* ************ specifieke classnamen ************  */

DIV.nav {
	padding       : 5px 0 5px 0; 
	margin        : 0;
	line-height   : 1;
	font-size     : .8em;
	font-weight   : bold;
	font-family   : Helvetica, Arial, sans-serif;
	color         : #a0a6ac;
}

DIV.nav A:link, DIV.nav A:visited {
	text-decoration : none;
	font-size       : 14px;
	border          : 0px none #ccc;
	margin          : 0;
	padding         : 0 .1em;
	background      : #fff;
	color           : #004c80;
	border-bottom : 1px solid #a0a6ac;
}

P.topper {
	text-align: right;
}

P.topper A, P.topper A:link, P.topper A:visited {
	color: navy;
	background: #eee;
}

/* ************ algemene classnamen ************  */

.noborder {
	border: none;
}

.centered {text-align: center}

.leftfloat {
	float: left;
}

.rightfloat {
	float: right;
}

.clearfloat {
	clear: both;
}

.internal {
	color: blue;
}

.external {
	color: green;
}

.URLline {
	padding-left: 3em;
}

SPAN.u {
	text-decoration:underline;
}

OL.la {
	list-style: lower-alpha;
}

/*+ MN NEW +++++++++++++++++++++++++++++++++++++++++++++*/

/**
 * Centered container without margin, border and padding
 */
	#pageContain {
		position        : relative;
		width           : 1002px; /*860px;*/
		background      : url(/newimage/niwobg.png) repeat-y #fff;
		margin-top      : 0;
		margin-right    : auto;
		margin-bottom   : 0;
		margin-left     : auto;
		min-height      : 100%;

		height          : expression(
			window.XMLHttpRequest ? 'auto' :
			(Math.max((document.documentElement || document.body).clientHeight, document.body.clientHeight) + 'px'));
	}

	/* Little Starter with body-backgroundcolor as top-border */
	#headPrefix {
		border-top      : 10px solid #8C8479;
		height          : 14px;
	}


/**
 * Inner container, with padding etc.
 */

	#mainContain {
		border-top      : 10px solid #8C8479;
		position        : relative;
		margin-top      : 0;
		margin-right    : 0;
		margin-bottom   : 0;
		margin-left     : 0;
		text-align      : left;
		padding         : 25px 25px 1em 25px;
	}

/**
 * Head section, with logo and search
 */

	#headContain {
		text-align      : right;
		position        : relative;
		width           : 945px;
		height          : 93px; /* logo - niwo-type font: 85 px */
		margin          : 0;
		padding         : 0;
	}

	#headContain img.niwo,
	#headContain img.faq {
		position        : absolute;
		top             : 0;
		left            : 0;
		border          : none;
	}

	#headContain img.faq {
		left            : 166px;
	}

	#headContain form {
		margin          : 0;
		padding         : 18px 14px 0 0;
	}

	#headContain input.zoekenInp,
	#headContain input.zoekenButt {
		font-family     : Arial, Helvetica, sans-serif;
		font-size       : 1.2em;
	}
	#headContain input.zoekenInp {
		width           : 250px;
	}

	#headContain input.zoekenButt {
		margin          : 0 .5em 0 2px;
		width           : 6em;
		border          : 1px solid #333;
		padding         : 0;
		background      : #f0f0f8;
		color           : #333;
	}

	#headContain input.zoekenButt:focus {
		border          : 2px solid #000;
	}


/**
 * Menu section
 */

	#mainMenu {
		float           : left;
		clear           : left;
		width           : 748px;
		margin          : 10px 0 6px 0;
		padding         : 0;
		list-style-type : none;
		font-size       : 1.3em;
		left            : 0;
		position        : relative;
	}

	#mainMenu li {
		position        : relative;
		float           : left;
		margin          : 0;
		padding         : 0;
		border          : 0px none #c0c0c0;
		border-right    : 1px solid #c0c0c0;
		line-height     : 1.5em;
	}

	#mainMenu li.last {
		border-right    : 0px none;
	}

	#mainMenu li a,
	#mainMenu li a:hover,
	#mainMenu li a:focus {
		text-decoration : none;
		display         : block;
		font-family     : Arial, Helvetica, sans-serif;
		border          : 0px none #c0c0c0;
		margin          : 0;
		padding         : 0 .35em;
		background      : #fff;
		color           : #004c80; /* #da0034; sel */
	}

	#mainMenu li a:hover,
	#mainMenu li a:focus {
		color           : #c00;
		text-decoration : underline;
	}

	#mainMenu li a.top {
		border-bottom   : 1px solid #ccc;
	}


/**
 * Tools section
 */

	#settingsBox {
		font-size       : 1.2em;
		margin          : 2.6em 24px 0 0;
		float           : right;
	}

	#settingsBox span.label {
		cursor          : pointer;
		margin          : 0;
		font-size       : .96em;
		color           : #004c80;
	}

/**
 * Content-containers
 */

	#contentContain {
		float           : left;
		margin          : 0 0 4em 0;
		padding         : 0;
		width           : 740px;
	}

	#mainContent,
	#contentContain div.content {
		margin          : 0;
		padding         : 0 6px 0 6px;
		border-top      : 5px solid #9ca2a8;
		font-family     : Verdana, Lucida, Arial, Helvetica, sans-serif;
		font-size       : 1.3em;
		line-height     : 1.4em;
		color           : #444;
	}

	#mainContent p,
	#contentContain div.content {
		padding-right   : 1em;
	}


/**
 * SideBar
 */

	#sideContain {
		float           : right;
		width           : 210px;
		margin          : 0;
		padding         : 0;
	}

	#sideContain {
		height          : expression(Math.max(contentContain.offsetHeight, this.offsetHeight)+'px');
	}

	#sideContain div.content {
		height          : 100%;
		border-top      : 5px solid #9ca2a8;
/*
border-left     : 1px solid #E2E2E2;
background      : url(/images/rightbg.png) repeat-y #fafafa;
background:#fafafa;*/
		font-size       : 1.3em;
		margin          : 0;
		padding         : 0;
	}

	#sideContain div.content div.sideTools {
		padding         : 0;
		height          : 97px;
	}

	div.linkBox {
		border          : 1px solid #ddd;
		margin          : 1em 0 0 0;
		padding-left    : 2px;
	}

	div.linkBox div.header {
		color           : #666;
		padding         : 1em .25em 0 .5em;
		font-family     : Arial, Helvetica, sans-serif;
		font-weight     : bold;
		font-size       : .86em;
	}

	div.linkBox div.header span {
		letter-spacing  : .1em;
		padding         : 0 3px;
	}

	div.linkBox ul {
		margin          : 5px 0 .75em 1em;
		padding         : 0;
		list-style-type : none;
	}

	div.linkBox ul li {
		background      : url(/newimage/arrowbull.gif) left .15em no-repeat;
		line-height     : 1.2em;
		margin          : .33em 0;
		padding         : .1em 0 .1em 10px;
	}

	div.linkBox ul li img {
		margin-right    : 5px;
	}

	div.linkBox a {
		color           : #004c80;
		text-decoration : none;
	}

	div.linkBox a:hover {
		text-decoration : underline;
	}


/**
 * Rounded Box
 */

	div.roundedBox {
		background  : #fff;
		margin      : 0 8px;
	}

	div.roundedBox div.header,
	div.roundedBox div.footer {
		margin      : 0;
		padding     : 0;
		font-family : sans-serif;
		overflow    : hidden;
		font-size   : 2px;
		height      : 4px;
	}

	div.roundedBox div.header div,
	div.roundedBox div.footer div {
		overflow    : hidden;
		width       : 4px;
		height      : 4px;
	}

	div.roundedBox div.header {
		background  : url(/images/border/hoek_rb.gif) 100% 0px no-repeat;
	}

	div.roundedBox div.header div {
		background  : url(/images/border/hoek_lb.gif) top left no-repeat #fff;
	}

	div.roundedBox div.footer {
		background  : url(/images/border/hoek_ro.gif) top right no-repeat #fff;
	}

	div.roundedBox div.footer div {
		background  : url(/images/border/hoek_lo.gif) top left no-repeat #fff;
	}


/**
 *
 */

	div.clearContent {
		height          : 4.5em;
		clear           : both;
	}

/**
 * Footer
 */

	#footer {
		text-align      : left;
		position        : absolute;
		left            : 0;
		bottom          : 0;
		width           : 100%;
		padding         : 0;
		font-size       : 1.1em;
		color           : #60666c;
		border-bottom   : 10px solid #8C8479;
	}

	#footer div.content {
		margin          : 0 25px;
		border-top      : 5px solid #a0a6ac;
		padding         : .25em 0 1.5em .25em;
	}


/**
 * Hx Headers
 */

	H1, H2, H3, H4 {
		color       : #484848;
		font-family : Tahoma, Verdana, sans-serif;
		padding     : 0;
	}

	H1  {
		margin      : 2em 0 .9em 0;
		font-size   : 1.55em;
	}

	H2  {
		margin      : 1.5em 0 .75em 0;
		font-size   : 1.35em;
	}

	H3  {
		margin      : 1.25em 0 .5em 0;
		font-size   : 1.20em;
	}

	H4  {
		margin      : 1em 0 .33em 0;
		font-size   : 1.15em;
	}


/**
 * Special Text
 */

	em.niwo {
		font-size       : .92em;
		font-style      : normal;
		color           : #666666;
		font-weight     : bold;
	}

	em.faq {
		font-size       : .92em;
		font-style      : normal;
		color           : #C62626;
		font-weight     : bold;
	}

	/* remove (only in colofon.html */
	a.newsLink {
		font-style      : normal;
		color           : #566066;
		text-decoration : none;
		font-weight     : bold;
	}

	a.newsLink:hover {
		text-decoration : underline;
	}
	/* /remove */

	/* Small space to make long expressions wrappable */
	span.break {
		font-size       : 1px;
		width           : 0;
		overflow        : hidden;
	}

	span.dateString {

	}

	span.copyrightText {
		margin-left     : 1em;
	}

/**
 * Standard FORM layout
 */

	table.form {
		width           : 680px;
		margin          : 1em auto;
		border          : 0 #fff none;
	}

	table.form td {
		padding         : 2px 4px;
		border          : 0 #fff none;
	}

	table.form td .w50 {
		width           : 50%;
	}

	table.form td .w100 {
		width           : 100%;
	}


/**
 * Code-Examples
 **/

	div.codeExampleHead {
		position    : relative;
		width       : 99%;
		margin      : -1em 0 0 0;
		font-family : Arial, Helvetica, sans-serif;
		font-size   : .86em;
		color       : #666;
	}

	div.codeExampleHead span.right {
		float       : right;
		cursor      : default;
	}

	div.codeExample {
		position    : relative;
		width       : 99%;
		background  : #e0e0e0;
		border      : 1px solid #c0c0c0;
		margin      : 0 0 1em 0;
		padding     : 0;
		overflow    : auto;
		overflow-y  : hidden;
		height      : expression((this.scrollHeight+(this.offsetHeight-this.clientHeight)) + 'px');
	}

	div.codeExample table {
		width       : 100%;
		border      : none;
		margin      : 0;
	}

	div.codeExample table td {
		border      : none;
	}

	div.codeExample table td.num {
		background  : #F2F2E8;
		width       : 1%;
		padding     : 5px 3px;
	}

	div.codeExample table td.num pre {
		color       : #585858;
	}

	div.codeExample table td.code {
		width       : 99%;
		padding     : 5px 0 5px 12px;
	}

	div.codeExample pre,
	div.codeExample table td pre,
	div.codeExample table td textarea {
		margin      : 0;
		padding     : 0;
		font-family : monospace;
		font-size   : 1.1em;
		line-height : 1.2em;
	}

	div.codeExample textarea {
		border      : 0 none #e0e0e0;
		background  : #e0e0e0;
		display     : block;
		margin      : 0;
		width       : 100%;
		height      : 100%;
		overflow    : hidden;
	}


/**
 * Side-notes : Warning
 */

	div.warning {
		position      : relative;
		z-index       : 1;
		font-family   : Arial, Helvetica, sans-serif;
		font-size     : 1em;
		float         : right;
		width         : 15em;
		margin        : 0 0 .5em 2em;
		color         : #035;
		border        : 1px solid #a0b0c0;
		border-right  : 2px solid #8090a0;
		border-bottom : 2px solid #8090a0;
		background    : #f8f8f2;
	}

	div.warning div.header {
		text-align    : center;
		font-style    : italic;
		font-size     : #bcd;
	}

	div.warning div.bground {
		position      : absolute;
		font-family   : Arial, Helvetica, sans-serif;
		font-size     : 8em;
		line-height   : 1em;
		top           : 0;
		right         : 0;
		z-index       : 2;
		color         : #ccd0d8; /* #ffc0c0; */
		font-weight   : bold;
	}

	div.warning p {
		margin       : 1em 2em 1em 1em;
	}


/**
 * Article header (Author and Date etc.)
*/

	h1.artHead {
		margin-top    : 2em;
		margin-bottom : 0;
		padding-bottom: 0;
		line-height   : 1.2em;
	}

	div.artHead {
		color         : #669;
		margin        : .2em 0 2em 0;
		border-bottom : 1px dotted #444;
		padding       : 0 0 .7em .25em;
		font-weight   : normal;
		font-size     : .9em;
		color         : #666;
	}

	/* Author */
	div.artHead span {
		color           : #C01E1E;
	}