/* Styling in the XHTML 1.1 Document Type  - http://www.w3.org/TR/xhtml11/doctype.html#s_doctype*/
/* structure (body, head, html, title) */
html {width: 615px;}
	body {
		font-family : Verdana, Arial, Sans-Serif;
		font-size : 68.75%;
		color : #333333; /*#657d8f;*/
		background-color : #FFFFFF;
		margin : 0px;
  	padding : 0px;
  	width: 615px;
	}
	
	.Body table {
		width: 615px;
	}
	
	.Body table td {
		white-space: normal;
	}
		/* text (abbr, acronym, address, blockquote, br, cite, code, dfn, div, em, h1, h2, h3, h4, h5, h6, kbd, p, pre, q, samp, span, strong, var) */

		h1 {
			margin : 1em 0em 0.4em 0em;
			font-size :	110%;
			/*color : #ffb400;*/
			color : #657d8f
		}
		h2 {
			margin : 1em 0em 0.5em 0em;
			font-size :	100%;
			color : #000000;
		}
		h3 {
			margin : 0em 0em 0em 0em;
			font-size :	100%;
			color : #657d8f;
			font-weight : bold;
		}
		p {
			margin : 0em 0em 1em 0em;
		}
			p.intro {
				font-weight : bold;
				color: #38859b;
			}
		pre, code {}
		/* hypertext (a) */
		a {}
			a:link, 
			a:visited {
				text-decoration : none;
				color : #48a4d4;/*#e31818;*/
				font-weight: normal;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
			}
			a:hover, 
			a:active {
				text-decoration : none;
				color : #333333;/*#e31818;*/
			}
			a.active:link, 
			a.active:visited,
			a.active:hover, 
			a.active:active	 {
				text-decoration : none;
				color : #e31818;
				font-weight: normal;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
			}
			/* list (dl, dt, dd, ol, ul, li) */
			ul {
			margin : 0em 0em 1em 0em;
			padding : 0em 0em 0em 0em;
			}
			ul ul,
			ul ol {
			margin-bottom : 0em;
			}
			ul li {
			list-style-type: none;
			background-image: url("http://www.nibc.com/fileadmin/images/bullet.gif");
			background-position: left center 8px;
			background-repeat: no-repeat;
			margin: 0px 0px 10px 8px;
			padding: 0px 0px 0px 14px;
			}
			ol {
			margin : 0em 0em 1em 3.0em;
			padding : 0em 0em 0em 0em;
			color : #9a0174;
			}
			ol ol,
			ol ul {
			margin-bottom : 0em;
			}
			ol li {}

		dl {
			margin : 0px 0px 1em 0px;
		}
			dt {
				/*font-weight : bold;*/
			}
			dd {
				margin : 0em 0em 1em 0em;
			}
		/* object (object, param) */
		object {}
		/* presentation (b, big, hr, i, small, sub, sup, tt) */
		div.hr {
			height : 3px;
			background-image: url(../Documents/images/nibc/bg_divider.gif);
			background-position: left top;
			background-repeat: repeat-x;
			width: 100%;
			border: none;
			margin: 16px 0px 0px 0px;
		}

		div.hr hr {
		  display: none;
		}
		address {
			font-weight : bold;
			font-style : normal;
			margin : 1.0em 0em 1.0em 0em;
		}
		/* forms (button, fieldset, form, input, label, legend, select, optgroup, option, textarea) */
		form {
			margin : 0em;
		}
			/*fieldset {
				border : none;
				padding : 0px;
			}
				legend {
					/*font-size : 100%;
					font-weight : bold;
					
				}*/
/*--tio's add--*/				
				fieldset { border: none; }

				.fieldset {
				
				position: relative;
				padding: 2.5em 1em 0.5em 0em;
				border: none;
				font-size: 100%;
				}

				legend span {
				position: absolute;
				top: 0.5em; left: 0em;
				font-weight: bold;
				font-size: 100%;
				}
				.FormTable td
				{
					padding: 0em 0em 0em 0em;
				}
				
/*--tio's add--*/
				input, 
				textarea, 
				select {
					font-family : Verdana, Arial, Sans-Serif;
					font-size : 100%;
					vertical-align : middle;
				}
					.narrowText {
						width : 11em;
					}
					.mediumText {
						width : 12em;
					}
					.fileText {
						width : 27.4em;
					}
					.wideText {
						width : 20em;
					}
					input.radio, 
					.radio input {
						width : auto;
						border : none;
					}
					input.check, 
					.check input {
						width : auto;
						border : none;
						margin: 0em 0em 0em 0em;
						padding: 0em 0em 0em 0em;
					}
					input.image {
						width : auto;
						border : none;
						margin: 4px 0px 0px 0px;
					}
					input.btn,
					input.submit {
						height: 18px;
						width: 	auto;
						padding: 0em 0px 0em 0px;
						margin : 0px 0em 0px 4px;
						border: none;
						color: #9a0174;
						background-color: #fff;	
					}
					input.btnhome,
					input.submit {
						height: 18px;
						width: 	auto;
						padding: 0em 0px 0em 0px;
						margin : 0px 0em 0px 4px;
						border: none;
						color: #9a0174;
						background-color: #999;	
					}
						input.disabled {
							width : auto;
							border: none;
							/*background-color : #e6e6e6;*/
							background-color : #ffffff;
							color : #ffffff;
							cursor : pointer;
							margin: 0em 1em 0em 0em;
							padding: 0.2em 0.2em 0.2em 0.2em;
						}
					input.button:hover,
					input.submit {
						width : auto;
						border: none;
						background-color : #f7d118;
						color : #ffffff;
						cursor : pointer;
						margin: 0em 1em 0em 0em;
						padding: 0.2em 0.2em 0.2em 0.2em;
					}
					input.buttons {
						width : auto;
						border: none;
						background-color : #000000;
						color : #ffffff;
						cursor : pointer;
						float: right;
						margin: 0em 0em 0em 0em;
						padding: 0.2em 0.2em 0.2em 0.2em;
					}
					input.buttons:hover {
						width : auto;
						border: none;
						background-color : #f7d118;
						color : #ffffff;
						float: right;
						cursor : pointer;
						margin: 0em 0em 0em 0em;
						padding: 0.2em 0.2em 0.2em 0.2em;
					}
						
					input.tab {
						width : auto;
						border: none;
						background-color : #f7d118;
						color : #ffffff;
						cursor : pointer;
						margin: 0em 0em 0.2em 0em;
						padding: 0.2em 0em 0.2em 0em;
					}
					input.tab:hover {
						width : auto;
						border: none;
						background-color : #000000;
						color : #ffffff;
						cursor : pointer;
						margin: 0em 0em 0.2em 0em;
						padding: 0.2em 0em 0.2em 0em;
					}
					input.active {
						width : auto;
						border: none;
						background-color : #000000;
						color : #ffffff;
						cursor : pointer;
						margin: 0em 0em 0.2em 0em;
						padding: 0.2em 0em 0.2em 0em;
					}
					input tab_active {
						width : auto;
						border: none;
						background-color : #000000;
						color : #ffffff;
						cursor : pointer;
						margin: 0em 0em 0.2em 0em;
						padding: 0.2em 0.2em 0.2em 0.2em;
					}
				.textArea {
					width : 28em;
					height: 20em;						
				}
				select {
					width: 28em;
				}
				select.small {
					width: 12em;
				}
				.selector {
					width: 22.6em;
				}
				label {
					vertical-align : middle;
					font-size : 100%;
					font-weight : normal;
					color: #000;
				}

/* TABLE Styles ------------------------------------------------------- */

		table {
			font-size : 100%;
			border-collapse : collapse;
			margin : 0em 0em 1em 0em;
		}
			caption {
				padding : 0.2em 0.2em 0.2em 0.2em;
				font-size :	110%;
				font-weight : bold;
				text-align : left;	
			}
			
			
				tr {
					vertical-align : top;
					
					
				}
					th {
						padding : 0.2em 0.2em 0.2em 0.2em;
						text-align : left;
						font-weight : normal;
						color: #094b6e;
						/*background : #e5edf0;*/
						background : #fffff;
						border-bottom	: 1px solid #9fc9d9;
					}
					td {
						padding : 0.2em 0.2em 0.2em 0.2em;
						/*background: #f9fafc;*/
						background: #ffffff;
					}
					td.Datafield{
						border-bottom	: 1px solid #9fc9d9;	
					}
}
		/* img */
		img {
			border : none;
		}
/* Generic */
	.smaller {
		font-size : smaller;
	}
	.hidden {
		display : none;
	}
	.displaced {
		position : absolute;
		top : -100em;
	}
	.left {
		float : left;
	}
		img.left {
			margin : 0em 0.5em 0.5em 0em;
		}
	.right {
		float : right;
	}
		img.right {
			margin : 0em 0em 0.5em 0.5em;
		}
	.clear {
		clear : both;
		height: 1px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		min-height : 1px;
	}
		div.clear {
		clear : both;
		height: 1px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		min-height : 1px;
		}
	.nowrap {
		white-space : nowrap;
	}
	.articleintro {
		font-weight : bold;
	}
/*vacatures*/
table.headvacatures th{
	padding : 0.2em 2.0em 1.2em 0.2em;
	text-align : left;
	font-weight : normal;
	}
table.headvacatures td {
	padding : 0.2em 0.2em 0.2em 0.2em;
}


table.vacatures
{
	margin: 16px 0px 0px 0px;
	}
table.vacatures tr
{
vertical-align:top;
}
table.vacatures th {
	padding : 0.2em 0.2em 0.2em 0.2em;
	text-align : left;
	font-weight : normal;
	color : #9a0174;
}

table.vacatures th.bold {font-weight:bold;}

table.vacatures td {
	padding : 0.2em 2.0em 1.2em 0.2em;
}

table.vacatures td.nowrap{white-space:nowrap;}

table.vacatures td h2{
	margin:0em;
	padding:0em;
	}




/*vacatures*/
/*----tio's add*----/
/*table class=vacancies*/
table#vacancies {
    
    width: 615px;
}

.KopRegelCol1 {
    
    text-align: left;
    width: 30%; 
}
.KopRegelCol2 {
    
    text-align: left;
    width: 30%; 
}
.KopRegelCol3 {
    
    text-align: left;
    width: 20%; 
}
.KopRegelCol4 {
    
    text-align: left;
    width: 20%; 
}
.subRegelCol1 {
    background:url("../images/bullet.gif") no-repeat scroll 0 3px transparent;
	padding-left:10px;
    text-align: left;
    width: 30%;
}

.vacancies .subRegelCol1 {
    background-image: none;
	padding-left: 0;
}

.subRegelCol1 a{
    white-space:normal;
    overflow:hidden;
    display:block;
}

.subRegelCol2 {
    
    text-align: left;
    width: 30%;
}
.subRegelCol3 {
    
    text-align: left;
    width: 20%;
}
.subRegelCol4 {
    
    text-align: left;
    width: 20%;
}
/*--table class=DetailTableBox--*/
/*table#DetailTableBox {
    
    width: 615px;
}

table.DetailTableBox td {
    
    text-align: left;
    width: 50%; 
}
*/
/*----tio's add*----/

