/* --------------------------- reset + main html redefinitions  */
/*  common tag redefinitions  */
html, body, form, fieldset {
	font:100% Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
html {
	font-size:100.01%;
}
body { 
	background-color:#fff;
	color:#000;
	line-height:1.3em;
	font-size:0.7em;
}
body .MediumText{
	font-size:11pt; 
}
body .LargeText{
	font-size:12pt;
}
a {
	color:#739f00;
}
a:visited {
	color:#739f00;
}
a:hover {
	color:#4b5700;
}
a img {
	border:none; /* avoids border when img is link */
}
fieldset {
	border:none;
}
/* Neutralize/reset styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, dl, hr, address {
	margin:1em 0;
	padding:0;
}
ul, ol {
	margin:1em;
	padding:0;
}
:focus { outline: 0; }
h1 {
	font-size:1.5em;
	font-weight:normal;
	text-transform:uppercase;
	color:#6a9600;
}
h2 {
	color:#6a9600;
	font-size:1.3em;
}
h3 {
	font-size:1em;
	font-weight:bold;
}
h4 {
	color:#999;
	font-size:1em;
	font-weight:bold;
}
h5 {
	font-size:1em;
	font-weight:normal;
}
h6 {
	font-size:0.9em;
	font-style:italic;
	font-weight:normal;
}
hr {
	border:none;
	border-bottom:1px solid #6a9600;
	height:1px;
}
input, select, textarea {
	font-size: 100%;
	font-family: inherit;
	color:#666666;
}
ul li {
	list-style:none;
	padding:0 0 0.4em 1.2em;
	margin:0;
}
ol li {
	padding:0 0 0.4em 0;
	margin:0 0 0 1.2em;
}
select, textarea { /* similar to class 'inputfield' */}
td {
	vertical-align:top; /* relevant in most cases, i.e. in application layout */
}
/* --------------------------- shared styles  */
/*  common styles  */
.alignR {
	text-align:right;
}
.clearfloats {
	clear:both;
}
.floatL {
	float:left;
}
img.floatL {
	margin:0 15px 15px 0;
}
.floatR {
	float:right;
}
img.floatR {
	margin:0 0 15px 15px;
}
.noPadding {
	padding:0;
}
.prct100 {
	width:100%;
}
img {/*val*/
	margin-right:10px;
}
/* --------------------------- main centered div  */
#mainarea {
	background-color:#dad9d7;
}
#main {
	width: 968px;
	font-size:1.1em;
	line-height:1.7em;
	border-left:1px solid #a6a18e;
	border-right:1px solid #a6a18e;
	background:url(../images/bck_main.jpg) top left repeat-y;
	margin:0 auto; /* centreren van het concept */
}
/* --------------------------- logo and lang switch  */
#headertop {
	background:url(../images/bck_headertop.jpg) top left no-repeat;
	height:11px;
	font-size:1px;
	width:968px;
	display:block;
	border-bottom:1px solid #fff;
}
#header {
	position:relative;
	width:968px;
	height:138px;
	/*background:url(../images/bck_header.jpg) top left no-repeat;*/
	border-bottom:1px solid #a6a18e;
}
#brand { 

}
/* --------------------------- path  */
#path {
	color:#818181;
	font-size:0.9em;
	width:728px;
}
#path a {
	color:#818181; 
	padding:0 0.7em 0 1.3em; 
	background:url(../images/bck_breadcrlink.gif) left no-repeat;
}
#path a:hover {
	color:#5f5f5f;
}
#breadcr {
	padding:0.5em 0 0.5em 20px;
	background:url(../images/bck_breadcr.gif) bottom left repeat-x;
	width:635px;
}
#sizer {
	width:73px;
}
#sizer img {
	margin:0;
	padding:0;
}
/* --------------------------- container all content, nav, content and right column  */
#body {
	background:url(../images/bck_body.jpg) bottom left no-repeat;
	min-height:550px;
	width:968px;
}
#leftnav {
	width:240px;
	overflow:hidden;
}
#leftnav .margin {
	padding:5.5em 0.5em 0 0;/*val*/
}
#contentContainer {
	width:728px;
}
#contentBody {
		line-height:1.2em;
		font-size:1.07em;
		}/*val*/

#contentBody .margin {
	padding:1em 1em 1em 20px;
}
#contentBody ul li {
	background:url(../images/bul_list.gif) top left no-repeat;
 	line-height:1.3em;/*val*/
}

/* --------------------------- links  */

a.WhiteLink 		{color: #FFFFFF;}
A.WhiteLink:link 	{color: #FFFFFF;}
A.WhiteLink:active 	{color: #FFFFFF;}
A.WhiteLink:visited 	{color: #FFFFFF;}
A.WhiteLink:hover 	{color: #FFFFFF;}

a.DarkGrayLink 		{color: #6F6F6F;}
A.DarkGrayLink:link 	{color: #6F6F6F;}
A.DarkGrayLink:active 	{color: #6F6F6F;}
A.DarkGrayLink:visited 	{color: #6F6F6F;}
A.DarkGrayLink:hover 	{color: #000000;}

a.BlackLink 		{color: #000000;}
A.BlackLink:link 	{color: #000000;}
A.BlackLink:active 	{color: #000000;}
A.BlackLink:visited 	{color: #000000;}
A.BlackLink:hover 	{color: #000000;}

/* --------------------------- leftnav  */
#leftnav ul.level01 {
	margin:0;
	padding:0;
}
#leftnav ul.level01 li {
	margin:0 0 0.5em 0;
}
#leftnav ul.level01 li a {
	color:#6a9600;
	text-transform:uppercase;
	text-decoration:none;
	background:url(../images/bul_leftnav.gif) top left no-repeat;
	padding:0 0 0 2em;
	display:block;
}
#leftnav ul.level01 li a:hover {
	font-weight:bold;
	color:#010101;
	background:url(../images/bul_leftnav_over.gif) top left no-repeat;
}
#leftnav ul.level01 li a.active {
	font-weight:bold;
	color:#010101;
	text-transform:uppercase;
	background:url(../images/bul_leftnav_over.gif) top left no-repeat;
	padding:0 0 0 2em;
	display:block;
}
/* --------------------------- contentBody  */
#contentBody ul {
	padding:0;
	margin:0 0 0 1em;
}
/* --------------------------- abcbox  */
#abcbox {
	background:url(../images/bck_abc.gif) top left no-repeat;
	width:678px;
	height:47px;
	text-transform:uppercase;
	text-align:center;
}
#abcbox .margin {
	padding:14px 10px 0 10px;
}
#abcbox a {
	color:#000;
	font-weight:bold;
	padding:0 8px;
	text-decoration:none;
	font-size:13px;
}
#abcbox a:hover {
	color:#6a9600;
}
.abcletterbox {
	margin:1.5em 0 0 0;
}
.abcletter {
	font-size:1.2em;
	text-transform:uppercase;
	font-weight:bold;
	border-bottom:1px solid #b1b0b0;
	width:678px;
	padding-bottom:0.3em;
}
.abcsubtitle {
	display:block;
	background:url(../images/bul_list.gif) top left no-repeat;
	padding:0 0 0 1.5em;
	margin-top:1em;
	color:#6a9600;
	font-weight:bold;
	/*font-size:1.1em;*/
	width:678px;
}
.abctext {
	display:block;
	padding:0 0 0 1.5em;
	margin-top:0.5em;
	width:665px;
}
/* --------------------------- about  */
#about {
	/*background:url(../images/bck_about.jpg) top left repeat-y;val*/
	margin:50px 0 0 0;
	padding:0;
	width:238px;
}
#about img {
	margin:0;
	padding:0;
}
#about img a {
	margin:0;
	padding:0;
}
/* --------------------------- footer  */
#footerarea {
	border-top:1px solid #a6a18e;
	background:url(../images/bck_footerarea.jpg) top left repeat-x;
	height:89px;
}
#footer {
	width:970px;
	height:89px;
	margin:0 auto;
	background:url(../images/bck_footer.jpg) top left no-repeat;
}
#footer a:link, #footer a:visited {}
#footer a:hover {}
