html, body, #wrapper {
    min-height: 100%;
    width: 100%; min-width: 960px;
    height: 100%;
	margin: 0;
    padding:0;}
html>body, html>body #wrapper { height: auto; }

body {
    background-color: #f3f3f3;
	margin: 0;
    padding:0;}
* html body {
	behavior:url("/templates/js/csshover.htc"); }
#wrapper {
    background:#f3f3f3 url("../img/back_body.gif") repeat-y 50% 0;
	position: absolute; min-width: 960px;
    top: 0;
    left: 0;
    margin:0;
    padding:0;
	text-align:center;}
#header {
    width:100%;
    height:130px;
    margin:0;
    padding:0;
    background: url("../img/back_header.gif") repeat-x 0 0;}
#header2{
    width:100%;
    height:130px;
    background: url("../img/back_header2.gif") no-repeat 50% 0;
	text-align:center;}
p {
	padding:0; margin:0;}
	
#contentcon {
    width:958px;}

#footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    height:57px;
    background:#fff url("../img/back_bottom.gif") repeat-x 0 0; }
#footer2 {
    height:57px;
    width: 100%;
    height:57px;
    background: url("../img/back_bottom2.gif") no-repeat top center;
	text-align:center;}
	
#main {
    background: url("../img/back_main.gif") no-repeat 73px top;
	margin: 0px auto;
	margin-bottom: 30px;width: 958px; height: auto; min-height: 200px;}

#top1 {
	margin: 0px auto; padding: 0; width: 958px; height: 30px; clear: both;
	text-align: left;}
	#top1 img { margin: 1px 25px 0 10px; }
#top2 {
    background: url("../img/back_top2.gif") no-repeat 73px bottom;
	margin: 0px auto; width: 958px; height: 71px; text-align: left; }
#top3 {
    background: url("../img/back_top3.gif") no-repeat 66px top;
	margin: 0px auto; padding: 0; width: 958px; height:29px; text-align: left; }
#top3 #top3_left {
	width: 729px;}
#top3 #top3_right {
	width: 229px; }

#bottom1 {
    background: url("../img/back_bottom1.gif") no-repeat center 9px;
	margin: 0px auto; padding: 0; width: 958px; height: 29px; clear: both;
	text-align: left;}
#bottom2 {
	margin: 0px auto; padding: 0; width: 958px; height: 28px; clear: both;
	text-align: left;}
	#bottom2 img { margin: 2px 0 0 10px; }

.clear {
	clear: both;}
	

/*MENUS*/
.leftmenu, .leftmenu2 { 
	width: 180px;padding: 0 0 0 0; text-align:right;}
	.leftmenu2 td {
	line-height: 22px; font: bold 11px Helvetica, sans-serif;}
	.leftmenu2  a {
	font: bold 11px Helvetica, sans-serif; color: #c30; text-decoration:underline;line-height: 22px;	}
	
.leftmenu ul, .leftmenu2 ul {
	position: relative; float: left;
	width: 180px; padding: 0 0 0 0; margin: 0; 
	list-style: none; text-align: left;
	z-index: 18;}
.leftmenu ul li,.leftmenu2 ul li{
	position: relative;
	float: left;list-style-type: none;
	display: block;
	width: 180px; margin: 0 0 0 0; padding: 0; border:0;
	list-style: none;	
	text-decoration: none;line-height: 13px; text-align: right;}
	* html .leftmenu ul li, * html .leftmenu2 ul li{
	\display: inline; /*  \ = ONLY FOR IE5win */
	list-style: none; }	
.leftmenu ul li a,.leftmenu2 ul li a {
	background: url("../img/leftmenu_out.gif") 0 10px no-repeat;
	display: block; width: 165px;  
	margin: 0 0 0 0; padding: 6px 0 6px 15px; border:0;
	font: bold 12px Helvetica, sans-serif; color: #897C7C;
	text-decoration: none;line-height: 13px; text-align: right;}
	.leftmenu ul li a.top, .leftmenu ul li a.top:hover,.leftmenu2 ul li a.top, .leftmenu2 ul li a.top:hover {
	background: url("../img/leftmenu_top.gif") 0 11px no-repeat;
	font: bold 14px Helvetica, sans-serif; color: #036;
	padding-bottom: 15px;}
	* html .leftmenu ul li a {
    width: 180px; 
    w\idth: 165px;}
html>body .leftmenu ul li a {
	width: auto; }
.leftmenu ul li a:hover, .leftmenu ul a.link_active {
	background: url("../img/leftmenu_over.gif") 0 10px no-repeat;
	color: #000;	
	text-decoration: none;  }

	#projects .projects_left .leftmenu ul,#projects .projects_left .leftmenu2 {
	width: 155px;}
	#projects .projects_left .leftmenu ul li {
	width: 155px;}
	#projects .projects_left .leftmenu ul li a {
	width: 140px;}
	* html #projects .projects_left .leftmenu ul li a, * html #projects .projects_left .leftmenu ul li a {
    width: 155px; 
    w\idth: 140px;}

	#news .news_left .leftmenu2 {
	width: 280px;}
	#news .news_left .leftmenu ul {
	width: 280px;}
	#news .news_left .leftmenu ul li {
	width: 280px;}
	#news .news_left .leftmenu ul li a {
	width: 265px;}
	* html #news .news_left .leftmenu ul li a, * html #news .news_left .leftmenu ul li a {
    width: 280px; 
    w\idth: 265px;}
	#news .news_left .leftmenu2 {
	margin-top: 20px;
	width: 280px;}
	#news .leftmenu2  a {
	font: bold 11px Helvetica, sans-serif; color: #036; text-decoration:underline;	}


div#topmenu2 { 
	width:720px;
	margin: 0; padding: 2px 0 0 0; text-align:right; clear:both;
	font: bold 10px Helvetica, sans-serif; color: #036;}
ul#nav2 {
	position: relative; float: right;
	width: 150px; padding: 0 0 0 0; margin: 0; 
	list-style: none; text-align: left;
	z-index: 18;}
ul#nav2 li {
	position: relative;
	float: left;list-style-type: none;
	margin: 0 0 0 0; padding: 0 0 0 0; border:0;
	width: 150px; line-height: 1px !important;
	list-style: none;}
	* html ul#nav2 li {
	\display: inline; /*  \ = ONLY FOR IE5win */
	list-style: none; }	
ul#nav2 li a {
	display: block; width: 150px;  
	margin: 0 0 0 0; padding: 3px 0 3px 0; border:0;
	font: bold 10px Helvetica, sans-serif; color: #036;
	text-decoration: none;line-height: 13px; text-align: right;}
html>body ul#nav2 li a {
	width: auto; }
ul#nav2 li a:hover, ul#nav2 a.link_active {
	color: #BE3C0A;	
	text-decoration: none;  }

div#topmenu3 { 
	width:729px;
	margin: 0; padding: 0 0 0 0; text-align:right; clear:both;
	font: bold 10px Helvetica, sans-serif; color: #036;}
#nav {
	position: relative; float: right;
	padding: 0 0 0 0; margin: 0;
	list-style: none; text-align: left;
	z-index: 18;}
#nav li {
	position: relative; float: right;
    margin:0 0 0 0; padding:0 0 0 0; border: 0;
	list-style: none; width: auto; list-style: none;}
	* html #nav li {
	\display: inline;
	list-style: none; }	
#nav li a {
	display: block; 
    margin: 0 0 0 0; padding: 9px 8px 9px 8px; border: 0;
	font: bold 10px Helvetica, Arial, sans-serif;
	color: #fff; text-decoration: none; line-height: 11px;
	text-align: center;}
	* html #nav li a {	}
@media all and (min-width: 0px){
   html>body  #nav li a {	
	min-width: 1px;		
	}}
#nav li:hover a, #nav li a.link_active {
 	background-color: #BE3C0A;
	color: #fff; text-decoration: none;  }
#nav li:hover ul { 
	display: block !important;}
#nav li ul {
	position: absolute;
	float: none;display: none;
	list-style-image: none;
	width: 140px;
	padding: 0 4px 2px 4px; margin: 0 0 0 0; border: 0;
	text-align: left;
	top: 29px;
	left: -4px; }
	#nav li ul.visible {
	display: block;	}
	* html #nav li ul {
	width: 148px;
	w\idth: 140px;	}
#nav li ul li {
	margin: 0 0 0 0; padding: 0 0 0 0; border: 0;
	background: #fff;
	width: 140px; 
	clear: both;
	float: left;
	list-style: none;}

#nav li ul li a, #nav li:hover ul li a {
	display: block;
	background-color: #CAC1C1;
	width: 130px !important; 	
	margin: 0 0 0 0; padding: 5px 1px 5px 9px; border: 0; border-bottom: 1px #fff solid; 
	font: normal 11px Helvetica, Arial, sans-serif;
	color: #fff; line-height: 12px; vertical-align:middle; text-decoration: none; text-align: left;	}
* html #nav li ul li a, * html #nav li:hover ul li a { 
	width: 140px; 	
	w\idth: 130px;}
html>body #nav li ul li a {
	width: auto; }
#nav li ul li a:hover, #nav li ul li a.link_active, #nav li ul li:hover a, #nav li ul li:hover a.link_active  {
	background-color: #E3DEDE;
	color: #BE3C0A; text-decoration: none;  }
	
/*OPMAAK*/
#middle {
	margin: 0px auto; width: 958px; height:auto; text-align:left; clear: both;
    margin-left:auto; margin-right:auto; }	
	#middle .middle_left {
		width: 205px; padding: 35px 0 10px 0px; text-align: left;}
	#middle .middle_center {
		width: 500px; padding: 40px 0 10px 0; text-align: left;}
	#middle .middle_right {
		width: 223px; padding: 15px 0 90px 30px; text-align: left;}
		* html #middle .middle_right {
		width: 253px; w\idth: 223px;}
		
#projects {
	margin: 0px auto; width: 958px; text-align:left;  }	
	#projects .projects_left {
		width: 180px; padding: 35px 0 10px 0px; text-align: left;}
	#projects .projects_center {
		width: 525px; padding: 40px 0 10px 0; text-align: left;}
	#projects .projects_right {
		width: 223px; padding: 15px 0 90px 30px; text-align: left;}
	* html #projects .projects_right { 
		width: 253px; w\idth: 223px;}

#news {
	margin: 0px auto; width: 958px; text-align:left;  }	
	#news .news_left {
		width: 305px; padding: 35px 0 10px 0px; text-align: left;}
	#news .news_center {
		width: 400px; padding: 40px 0 10px 0; text-align: left;}
	#news .news_right {
		width: 223px; padding: 15px 0 90px 30px; text-align: left;}
	* html #news .news_right { 
		width: 253px; w\idth: 223px;}