/* -------------------------------------------------------------------------------- */
/*                           SOF Style Sheet 4 : Reset CSS                           */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ol, ul { list-style: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/*                           EOF Style Sheet 4 : Reset CSS                           */
/* -------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------- */
/*                          SOF Style Sheet 5 : Base Style                          */

html, body, form{
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
}

body{
	background-image: url(/images/background.jpg);
	background-position: center;
	background-repeat: repeat;
	background-attachment: fixed;
	background-color: #3A3A3C;
}

div#mainOverlay{
	display: none;
	margin: 0px;
	padding: 0px;
}
/*                          EOF Style Sheet 5 : Base Style                          */
/* -------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------- */
/*                         SOF Style Sheet 10 : Basic Style                         */

.clear { clear: both; }
.hidden { display: none; }
.strong { font-weight: bold }
h1 { display: none; }

div#fillBackground {
	width: 856px;
	left: 50%;
	margin-left: -480px;
	padding: 0px 42px;
	border-left: 10px solid #3A3A3A;
	border-right: 10px solid #3A3A3A;
	height: 100%;
	position: fixed;
	background-color: #FFFFFF;
	background-image: url(/images/background_main.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	z-index: -10;
}


div#header, div#header_logo, div#header_slogan, div#topmenu, div#spacer, div#image, div#search, div#pagemenu, div#pagemenu ul li._selected ul, div#side{
	position: absolute;
}

div#mainContainer {
	margin: 0px auto;
	padding: 0px 42px;
	border-left: 10px solid #3A3A3A;
	border-right: 10px solid #3A3A3A;
	width: 856px;
	background-color: #FFFFFF;
	padding-bottom: 1px;
}

div#header{
	top: 0px;
	width: 856px;
	height: 73px;
}

	div#header_logo{
		width: 208px;
		height: 73px;
	}
	
	div#header_slogan{
		padding: 45px 0px 0px 21px;
		left: 200px;
		width: 627px;
		height: 28px;
		float: left;
	}
	
div#topmenu{
	padding-left: 11px;
	top: 73px;
	width: 845px;
	background-color: #000000;
	height: 43px;
}

	div#topmenu ul{
		padding: 0px;
		margin: 0px;
	}

		div#topmenu ul li, div#topmenu ul li._selected{
			padding-top: 8px;
			margin: 7px 11px 0px 0px;
			float: left;
			width: 158px;
			background-color: #000000;
			height: 28px;
			text-align: center;
		}
		
div#spacer{
	top: 116px;
	width: 856px;
	height: 7px;
}

div#image{
	top: 123px;
	width: 856px;
	height: 251px;
	background-position: top left;
	background-repeat: no-repeat;
}

div#search{
	padding-left: 20px;
	padding-top: 20px;
	margin-left: 676px;	
	top: 299px;
	width: 160px;
	height: 55px;
	background-color: #000000;
	z-index: 1;
}
	
	div#search h3{
		float: left;
	}
	
	div#search img{
		padding-left: 5px;
		float: left;
	}

	div#search legend, div#search input.submit {
		display: none;
	}

	div#search input.field {
		margin-bottom: 6px;
		width: 120px;
		height: 17px;
		border: 1px solid #000000;
		background-color: #FFFFFF;
		float: left;
	}
	
	div#search img.submit {
		margin-top: 2px;
		width: 17px;
		height: 17px;
		float: left;
		cursor: pointer;
	}

div#pagemenu{
	top: 374px;
	width: 856px;
	height: 43px;
	z-index: 32;
}

	div#pagemenu ul{
		background-color: #000000;
		width: 841px;
		line-height: 12px;
		padding: 5px 0px 5px 15px;
		height: 12px;
	}
	
		div#pagemenu ul li{
			padding: 0px 7px;
			float: left;
			border-right: 2px solid #FFFFFF;
		}

		div#pagemenu ul li:last-child{
			border-right: 0px;
		}
		
			div#pagemenu ul li ul{
				display: none;
			}
			
			div#pagemenu ul li._selected ul{
				padding: 5px 0px 5px 15px;
				top: 22px;
				left: 0px;
				width: 841px;
				display: block;
				line-height: 11px;
			}
		
				div#pagemenu ul li._selected ul li{
					border-right: 2px solid #000000;
				}

				div#pagemenu ul li._selected ul li:last-child{
					border-right: 0px;
				}
	
div#page{
	padding: 434px 252px 20px 60px;
	margin-left: -52px;	
	top: 0px;
	width: 628px;
	border-left: 10px solid #3A3A3A;
	border-right: 10px solid #3A3A3A;
	background-color: #FFFFFF;
	background-image: url(/images/background_main.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	z-index: 1;
}

	div.line{
		margin: 9px 0px 15px 0px;
		width: 643px;
		height: 1px;
		background-image: url(/images/line.jpg);
		background-repeat: repeat-x;
		font-size: 1px;
	}
	
	div#page p{
		padding-bottom: 15px;
	}
	
div#side{
	margin-left: 676px;
	top: 417px;
	width: 180px;
	z-index: 33;
	background-color: red;
}

div.news{
	width: 160px;
	background-color: #000000;
	padding: 10px;
}

	div.news ul li{	
		padding: 3px 0px;
	}

div#contact{
	width: 160px;
	background-color: #FFFFFF;
	padding: 10px;
}

.kopjes {
	font-size: 20px;
	font-family: serif;
}
/*                         EOF Style Sheet 10 : Basic Style                         */
/* -------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------- */
/*                          SOF Style Sheet 18 : Typography                          */

div#header_slogan{
	font-family: Myriad Pro, Arial, Sans Serif;
	font-weight: bold;
	letter-spacing: 1.7px;
}

div#pagemenu ul li._selected ul li, div#pagemenu ul li._selected ul li a{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

div#pagemenu ul li._selected ul li a:hover{
	text-decoration: underline;
	color: #000000;
}

div#pagemenu ul li, div#pagemenu ul li a, div#topmenu ul li, div#topmenu ul li a, div#topmenu ul li._selected, div#search h3, div.news h3{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}

div#pagemenu ul li a:hover, div#topmenu ul li a:hover{
	text-decoration: underline;
	color: #FFFFFF;
}

div#page, div#page a{
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	line-height: 132%;
}

div#page h2{
	font-family: Verdana;
	font-size: 24px;
	font-weight: bold;
	color: #FF9900;
	line-height:1.2;
}

div.news ul li, div.news ul li a{
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

div.news ul li div, div.news ul li div a{
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

div.news ul li a:hover, div.news ul li div a:hover{
	color: #FFFFFF;
	text-decoration: none;
}

div#contact{
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	line-height: 140%;
}

.search{
	background-color: #9F9F9F;
	color: #FFFFFF;
}
/*                          EOF Style Sheet 18 : Typography                          */
/* -------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------- */
/*                       SOF Style Sheet 21 : Colors (Orange)                       */

div#topmenu ul li._selected, div#spacer, div#pagemenu, div#pagemenu ul li._selected ul{
	background-color: #FF9900;
}

div#header_slogan, div#page h2, div.news h3, div.news ul li div, div.news ul li div a{
	color: #FF9900;
}

div#image{
	background-image: url(/files/000000338_header_DFNEW.gif);
}
/*                       EOF Style Sheet 21 : Colors (Orange)                       */
/* -------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------- */
/*                         SOF Style Sheet 28 : iMod Form 2                         */

	.form_list{
		clear:both;
		font-size:11px;
	}

	.form_field{
		clear:both;
		margin-bottom:5px;
	}

	.form_field_group{
		clear:both;
		float:left;
		width:480px;
		font-weight:bold;
		font-size: 14px;
		border-bottom:1px solid #AAAAAA;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	

	.form_field_seperator{
		clear:both;
		float:left;
		width:480px;
		height:5px;
		border-bottom:1px dashed #CCCCCC;
		margin-bottom:15px;
		margin-top:15px;
		
	}
	.form_field_caption{
		clear:both;
		float:left;
		width:200px;
	}

	.form_field_wrapper{
		float:left;
		margin-bottom:5px;
	}

	.form_field_input{
		width:260px;
	}

	.form_field_textarea{
		width:260px;
		height:100px;
	}

	.form_field_multiselect{
		width:260px;
		height:50px;
	}

	.form_field_layout{
		/* border:1px solid #CCCCCC; */
		/* background: #EEEEEE; */
	}

	.form_field_error{
		color:#FF0000;
		font-weight:bold;
	}

	.form_field_text{
		height:20px;
	}

	.form_field_select{
		width:266px;
	}

/*                         EOF Style Sheet 28 : iMod Form 2                         */
/* -------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------- */
/*                      SOF Style Sheet 29 : Report Blocks Css                      */

.reportBlock{
	margin:0px;
	margin-bottom:20px;
	padding: 10px;
	font-family: arial;
	font-size: 11px;
}

.reportTitle{
	font-size: 12px;
	font-wight:bold;
	margin-bottom:10px;
}

.reportDetails{
	line-height:150%;
}

.reportDetails li{
	margin-left:13px;
	list-style-type: disc;
}


.reportConfirm{
	border:2px solid #A4CE3A;
	background: #E3F0C1;
}

.reportError{
	border:2px solid #FF0000;
	background: #FFC6C6;
}

.reportMessage{
	border:2px solid #343D68;
	background: #D6DAEB;
}

.reportQuestion{
	border:2px solid #343D68;
	background: #D6DAEB;
}

.reportWarning{
	border:2px solid #FEB301;
	background: #FFEAB7;
}
/*                      EOF Style Sheet 29 : Report Blocks Css                      */
/* -------------------------------------------------------------------------------- */