@charset "UTF-8";
/* CSS Document */

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;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}


/* 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;
}


/***************************  END RESET *************************/

/***** BODY *****/
body {background:url(../img/bg.jpg) repeat-x;}
#container {width:800px; margin:0 auto; position:relative; height:140px;}
p {font-size: 12px; font-family: Helvetica, sans-serif; text-align:left; color:#758886; line-height: 1.375em;}

/* ----- Textclasses ----- */

.text8px {font-size: 8px; font-family: Helvetica, sans-serif; text-align:left; color:#758886; line-height: 1.375em;}
.text10px {font-size: 10px; font-family: Helvetica, sans-serif; text-align:left; color:#758886; line-height: 1.375em;}
.text12px {font-size: 12px; font-family: Helvetica, sans-serif; text-align:left; color:#758886; line-height: 1.375em;}
.text14px {font-size: 14px; font-family: Helvetica, sans-serif; text-align:left; color:#758886; line-height: 1.375em;}
.text16px {font-size: 16px; font-family: Helvetica, sans-serif; text-align:left; color:#758886; line-height: 1.375em;}
.text20px {font-size: 18px; font-family: Helvetica, sans-serif; text-align:left; color:#758886; line-height: 1.375em;}
.text8pxgroen {font-size: 8px; font-family: Helvetica, sans-serif; text-align:left; color:#74c043; line-height: 1.375em;}
.text10pxGroen {font-size: 10px; font-family: Helvetica, sans-serif; text-align:left; color:#74c043; line-height: 1.375em;}
.text12pxGroen {font-size: 12px; font-family: Helvetica, sans-serif; text-align:left; color:#74c043; line-height: 1.375em;}
.text14pxGroen {font-size: 14px; font-family: Helvetica, sans-serif; text-align:left; color:#74c043; line-height: 1.375em;}
.text16pxGroen {font-size: 16px; font-family: Helvetica, sans-serif; text-align:left; color:#74c043; line-height: 1.375em;}
.text20pxGroen {font-size: 18px; font-family: Helvetica, sans-serif; text-align:left; color:#74c043; line-height: 1.375em;}
 .quote {font-size: 1.875em; font-style:italic; color:#74c043;}

.grijs {color:#758886;}
.groen {color:#74c043;}

/**** HEADER ****/
#header {width: 800px; float:left; }
#logo {background:url(../img/logo.png); float:right; margin-bottom:3px; width:157px; height:125px;}

/**** MAIN BAR ****/
#mainbar {width:800px; float:left; margin-top:10px; }
#twitter {width:260px; float:right; font-family: Georgia, serif; font-style:italic;  background:url(../img/icons/twitter.png) no-repeat right bottom ; margin-bottom: 4px; } 
#twitter .text {font-size: 1em; /* 16px */ line-height: 1.375em; /* 22px */ margin: 0 0 1.375em 0; color:#758886; text-align:left;  } 
#twitter .text a, a:visited, a:active {text-decoration:none; color:#758886;}
#twitter .text a:hover {text-decoration:none; color:#74c043;}

#menu {width:620px; float:left; margin-right:20px; padding-top:5px; margin-top:70px }

/*  ---- NAVIGATIE  ---- */
#nav li {float: left;}
#nav ul {position:absolute; left: -9999px;}
#nav li:hover ul, #nav li.ie_does_hover ul {left:0px;   background-position: 0 0; } 


#nav .home a {background:url(../img/menu/home.png) no-repeat; text-indent:-9999px; display:block; width:80px; height:49px;}
#nav .home a:hover {background-position:0 -49px; }
#nav .actueel a {background:url(../img/menu/actueel.png) no-repeat; text-indent:-9999px; display:block; width:80px; height:49px;}
#nav .actueel a:hover {background-position:0 -49px; }
#nav .overons a {background:url(../img/menu/overons.png) no-repeat; text-indent:-9999px; display:block; width:80px; height:49px;}
#nav .overons a:hover {background-position:0 -49px; }
#nav .voorwie a {background:url(../img/menu/voorwie.png) no-repeat; text-indent:-9999px; display:block; width:80px; height:49px;}
#nav .voorwie a:hover {background-position:0 -49px; }
#nav .publicaties a {background:url(../img/menu/publicaties.png) no-repeat; text-indent:-9999px; display:block; width:80px; height:49px;}
#nav .publicaties a:hover {background-position:0 -49px; }
#nav .partners a {background:url(../img/menu/partners.png) no-repeat; text-indent:-9999px; display:block; width:80px; height:49px;}
#nav .partners a:hover {background-position:0 -49px; }
#nav .contact a {background:url(../img/menu/contact.png) no-repeat; text-indent:-9999px; display:block; width:80px; height:49px;}
#nav .contact a:hover {background-position:0 -49px; }
#nav .spacer {background:url(../img/menu/spacer.png) no-repeat; text-indent:-9999px; display:block; width:60px; height:49px;}

/**** visual ****/
#middlevisual {width:800px; margin:0 auto; position:relative; height:249px; /*268px*/ border-bottom:dotted 1px #74c043; border-top:dotted 1px #74c043; padding-top: 10px;  padding-bottom: 10px;}
#spacervisual  {position:relative; height:32px;}

/**** Content ****/
#content {width:800px; margin:0 auto; position:relative; min-height:200px;}
#leftcontent {width:480px; font-size: 16px; font-family: Georgia, serif; float:left;}
#leftcontent .titel {width:418px; float:left; margin-right: 4px; font-size: 1.875em; font-style:italic; color:#74c043;  }
#leftcontent .datum {width:58px; float:right; background:url(../img/icons/dataicon.png) no-repeat; height:18px; margin-top:8px;} 
#leftcontent .datumtext { font-size: 0.75em; /* 12px */ margin-top:2px;  margin-left:10px; font-style:italic; color: white;}
#leftcontent .lspacer {background:url(../img/lspacer.png) no-repeat ; height:15px; width:480px; float:left; margin:5px 0 0 0;}
#leftcontent .content {width:480px; float:left; font-size: 12px; font-family: Helvetica, sans-serif; text-align:left; color:#758886; line-height: 1.375em;}
#leftcontent .leesmeer {width:480px; float:left; background:url(../img/icons/leesicon.png) no-repeat right; height:18px; margin-top:8px;} 
#leftcontent .leesmeertext { font-size: 0.75em; /* 12px */ line-height:1.30em; margin:1px 12px 0 0; font-style:italic; color: white; text-align:right}
#leftcontent .content a, a:visited, a:active {text-decoration:none; color:#758886;}
#leftcontent .content a:hover {text-decoration:none; color:#74c043;}
#leftcontent .leesmeertext a, a:visited, a:active {text-decoration:none; color:white;}
#leftcontent .leesmeertext a:hover {text-decoration:underline;}
#leftcontent h1 { font-family: Georgia, serif; font-style:italic; color:#74c043; font-size: 1.875em; /* 30px */ line-height: 1.4667em; /* 44px */ margin-top: 0.7333em; margin-bottom: 0.2em; font-weight:normal;}
#leftcontent h2 {font-family: Georgia, serif; font-size: 1.125em; /* 18px */ line-height: 1.2222em; /* 22px */  margin-bottom: 0.2em; font-style:italic; color:#74c043; font-weight:normal;}
#leftcontent h3 {font-family: Georgia, serif; font-size: 0.875em; /* 14px */ line-height: 1.5714em; /* 22px */  margin-bottom: 0.2em; font-style:italic; color:#74c043; font-weight:normal;}


#rightcontent {width:260px; float:right; font-size: 16px; font-family: Georgia, serif; position:absolute; left:537px;top: 0px;}
#rightcontent .rspacer {background:url(../img/rspacer.png) no-repeat ; height:10px; width:260px; float:right; margin:5px 0 5px 0;}
#rightcontent .titel {width:260px; float:right; margin-right: 4px; font-size: 1.875em; font-style:italic; color:#74c043;  text-align:right; }
#rightcontent .content {width:260px; float:right; font-size: 12px; font-family: Helvetica, sans-serif; text-align:right; color:#758886; line-height: 1.375em;}
#rightcontent .content a, a:visited, a:active {text-decoration:none; color:#758886;}
#rightcontent .content a:hover {text-decoration:none; color:#74c043;}
#rightcontent .contact {width:260px; float:right; font-size: 12px; font-family: Helvetica, sans-serif; text-align:center; color:#758886; line-height: 1.375em;}
#rightcontent p {font-size: 12px; font-family: Helvetica, sans-serif; text-align:right; color:#758886; line-height: 1.375em}
#rightcontent h2 {font-family: Georgia, serif; font-size: 14px; /* 18px */ line-height: 1.2222em; /* 22px */  margin-bottom: 0.2em; font-style:italic; color:#74c043; font-weight:normal;}
#rightcontent  a:hover.overons {text-decoration:none; color:#758886; }
#rightcontent a.overons , a:visited.overons, a:active.overons {text-decoration:none; color:#74c043; font-family: Georgia, serif; font-size: 14px; /* 18px */ line-height: 1.2222em; /* 22px */  margin-bottom: 0.2em; font-style:italic;} 


/**** FOOTER ****/
#footer {position:relative; margin:0 auto; font-size: 10px; font-family: Helvetica, sans-serif; line-height: 1.4em; /* 14px */ text-align:center; color:#758886; padding-top:20px; }

/**** CONTACT FORM ***/

.tbContactform .antispam {
	 display:  none;
	 visibility: hidden;
}

.tbContactform label {
	 width:  95px;
	 display:  inline-block;
	 vertical-align: top;
	 clear: both;
	 margin-top: 8px;
}

.tbContactform input.text {
	 width:  225px;
	 padding: 2px;
	 margin-top: 8px;
	 border:dotted 1px #74c043 ;
	 height:  15px;
}
.tbContactform textarea {
	 width:  375px;
	 padding: 2px;
	 margin-top: 8px;
	 border:dotted 1px #74c043 ;
}

.tbContactform textarea {
	 height:  115px;
}

.tbContactform input.submit
{
	display: block;
	margin-left: 250px;
	width:  auto;
}

.tbContactform .tbErrors p
{
	color: #FF0000;
}