body {
padding: 0px;
margin: 0px;
behavior:url('css/csshover.htc');

background-image: url(../images/background.gif);
background-attachment: scroll;
background-position: center top;
background-repeat: no-repeat;

/* background-color: #ff00ff; */
}

a {
font-family: Arial;
font-size: 12px;
color: #5eb700;
text-decoration: none;
}

a:hover {
font-family: Arial;
font-size: 12px;
color: #5eb700;
text-decoration: underline;
}

div#page_fill {
width: 100%;
height: 100%;
padding: 0px;
margin: 0px;
}

div#container {
position: relative;
top: 0px;
width: 875px;
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!height: 615px;*/
height: 640px;

/*background-color: #ffffff;*/
}

div#rood {
position: absolute;
left: 0px;
top: 0px;
width: 15px;
height: 100px;
background-color: #dc241f;
}

div#groen {
position: absolute;
left: 0px;
top: 101px;
width: 15px;
height: 211px;

background-color: #62bd19;
}

div#header_01 {
position: absolute;
left: 16px;
top: 0px;
width: 581px;
height: 100px;
}

div#header_02 {
position: absolute;
left: 16px;
top: 101px;
width: 581px;
height: 211px;
z-index: 1;
}

div#logo {
position: absolute;
left: 598px;
top: 0px;
width: 277px;
height: 100px;
z-index: 10;
}

div#menu_container {
position: absolute;
left: 598px;
top: 101px;
width: 277px;
height: 165px;
z-index: 100;
}

div#menu_container2 {
position: absolute;
left: 320px;
top: 117px;
width: 278px;
height: 200px;
 z-index: 11; 
text-align: left;
}

div#main_content {
	position: absolute;
	left: 38px;
	top: 102px;
	width: 544px;
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!	height: 473px;*/
	height: 504px;
	padding-right: 15px;
	text-align: left;
	font-family: Arial;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
	overflow: auto;
	scrollbar-arrow-color: #62bd19;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #62bd19;
	scrollbar-shadow-color: #62bd19;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #fcfcfc;
	background-color: #FFFFFF;
	/*background-color: #fff000; */
	z-index: 10;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}

div#main_content img.over {
z-index: 12;
}

div#main_content h1 {
font-family: Arial;
font-size: 16px;
font-weight: bold;
margin: 0px;
padding: 0px;
color: #b63309;
}

div#main_content h2 {
font-family: Arial;
font-size: 14px;
font-weight: bold;
margin: 0px;
padding: 0px;
color: #dc241f;
}

div#main_content a {
color: #b63309;
text-decoration: none;
}

div#main_content a:hover {
color: #b63309;
text-decoration: underline;
}

div#main_content .nieuws_title a {
color: #5eb700;
text-decoration: none;
}

div#main_content .nieuws_title a:hover {
color: #5eb700;
text-decoration: none;
}

div#main_content .datum a {
color: #b63309;
text-decoration: none;
}

div#main_content .datum a:hover {
color: #b63309;
text-decoration: none;
}

div#main_content strong a {
font-weight: bold;
color: #000000;
text-decoration: none;
}

div#main_content strong a:hover {
font-weight: bold;
color: #000000;
text-decoration: underline;
}

div#main_content .breadcrumbs {
font-size: 11px;
color: #b63309;
font-weight: bold;
}

div#main_content .breadcrumbs a {
font-size: 11px;
color: #b63309;
font-weight: bold;
text-decoration: none;
}

div#main_content .breadcrumbs a.active {
font-size: 11px;
color: #b63309;
font-weight: bold;
text-decoration: underline;
}

div#main_content .breadcrumbs a:hover {
font-size: 11px;
color: #dc241f;
font-weight: bold;
text-decoration: underline;
}

div#main_content_projecten {
position: absolute;
left: 38px;
top: 102px;
width: 544px;
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!height: 485px;*/
height: 527px;

padding-right: 15px;

text-align: left;
font-family: Arial;
font-size: 12px;
line-height: 16px;
color: #000000;

overflow: auto;

border-right:#FFFFFF 1px solid;

scrollbar-arrow-color: #62bd19;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #62bd19;
scrollbar-shadow-color: #62bd19;
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #fcfcfc;

background-color: #FFFFFF;
z-index: 10;
}

div#main_content_projecten img.over {
z-index: 12;
}

div#main_content_projecten h1 {
font-family: Arial;
font-size: 16px;
font-weight: bold;
margin: 0px;
padding: 0px;
color: #b63309;
}

div#main_content_projecten h2 {
font-family: Arial;
font-size: 14px;
font-weight: bold;
margin: 0px;
padding: 0px;
color: #dc241f;
}

div#main_content_projecten a {
color: #b63309;
text-decoration: none;
}

div#main_content_projecten a:hover {
color: #b63309;
text-decoration: underline;
}

div#main_content_projecten strong a {
font-weight: bold;
color: #000000;
text-decoration: none;
}

div#main_content_projecten strong a:hover {
font-weight: bold;
color: #000000;
text-decoration: underline;
}

div#main_content_projecten .breadcrumbs {
font-size: 11px;
color: #b63309;
font-weight: bold;
}

div#main_content_projecten .breadcrumbs a {
font-size: 11px;
color: #b63309;
font-weight: bold;
text-decoration: none;
}

div#main_content_projecten .breadcrumbs a.active {
font-size: 11px;
color: #b63309;
font-weight: bold;
text-decoration: underline;
}

div#main_content_projecten .breadcrumbs a:hover {
font-size: 11px;
color: #dc241f;
font-weight: bold;
text-decoration: underline;
}

div.menu_top {
float: left;
clear: right;

width: 277px;
height: 16px;
background-color: #ba1713;
}

div.menu_item {
float: left;
clear: both;
width: 277px;
border-bottom: 1px solid #ffffff;
}

div.menu_item2 {
height: 29px;
width: 277px;
background-color: #ba1713;

-moz-opacity: .8;
filter: Alpha(Opacity=80);
border-bottom: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}

div.menu_item2:hover, div.menu_item2:hover a {
/* color: #ba1713; */
color: #ffffff;
background-color: #dc241f;
}

div.menu_item2 a {
padding-left: 10px;
font-family: Arial;
font-size: 12px;
color: #ffffff;
text-decoration: none;
}

div.menu_item2 a:hover {
padding-left: 10px;
font-family: Arial;
font-size: 12px;
color: #ffffff;
background-color: #dc241f;
text-decoration: none;
}

div.menu_spacer {
float: left;
clear: both;
width: 277px;
height: 1px;
}

div#menu_onder {
position: absolute;
left: 598px;
top: 267px;

width: 277px;
height: 45px;
background-color: #a4cf82;
z-index: 101;
}

div#footer {
position: absolute;
left: 16px;
/*!!!!!!!!!!!!!!!!!!!bottom: 12px;*/
bottom: 5px;
width: 859px;
height: 20px;
}

* html body div#footer {
position: absolute;
/*!!!!!!!!!!!!!!!!!!!!!!left: 16px;*/
left: 15px;
bottom: 0px;
width: 859px;
height: 20px;
}

div#footer_projecten {
position: absolute;
left: 16px;
/*!!!!!!!!!!!!!!!!!!bottom: -1px;*/
bottom: -18px;
width: 859px;
height: 20px;
}

* html body div#footer_projecten {
position: absolute;
left: 16px;
/*!!!!!!!!!!!!!!!!!!!!!bottom: -7px;*/
bottom: -24px;
width: 859px;
height: 20px;
}

div.footer_menu {
font-family: Arial;
/* font-size: 8.5pt; */
font-size: 9px;
font-weight: bold;
color: #62bd19;
float: left;
height: 27px;
}

div.footer_menu a {
font-size: 9px;
}
div.footer_menu a:hover {
font-size: 9px;
}

div.footer_menu_spacer {
float: left;
width: 15px;
height: 27px;
}

div#groene_lijn {
position: absolute;
left: 16px;

/*!!!!!!!!!!!!!!!!!!!!!!!bottom: 39px;*/
bottom: 32px;
width: 859px;
height: 1px;
background-color: #62bd19;

border-top:#FFFFFF 1px solid;
}

* html body div#groene_lijn {
position: absolute;
left: 16px;

/*!!!!!!!!!!!!!!!!!!!!!!!bottom: 38px;*/
bottom: 32px;
width: 859px;
height: 1px;
background-color: #62bd19;

border-top:#FFFFFF 1px solid;
}

div#groene_lijn_projecten {
position: absolute;
left: 16px;

/*!!!!!!!!!!!!!!!!!!!!!!!bottom: 26px;*/
bottom: 9px;
width: 858px;
height: 1px;
background-color: #62bd19;

border-top:#FFFFFF 1px solid;
}

/**
 * HOME
 */
div#home_content {
position: absolute;
left: 35px;
top: 312px;

width: 562px;
/*!!!!!!!!!!!!!!!!!1height: 163px;*/
height: 195px;

border-top:#FFFFFF 1px solid;

font-family: Arial;
font-size: 12px;
color: #000000;
line-height: 20px;
text-align: left;

background-color: #FFFFFF;
} 

div#home_content strong {
color: #62bd19;
font-size: 14px;
line-height: 18px;
}

div#rnd_project_beeld {
position: absolute;
left: 597px;
top: 313px;
width: 277px;
/*!!!!!!!!!!!!!!!!!!height: 162px;*/
height: 195px;
overflow: hidden;

border-left:#FFFFFF 1px solid;

background-color: #FFFFFF;
z-index: 10;
}

div#ideeenbus {
position: absolute;
left: 16px;
/*!!!!!!!!!!!!!!!!!!top: 476px;*/
top: 508px;
width: 155px;
height: 98px;
}

div#laatste_nieuws {
position: absolute;
left: 171px;
/*!!!!!!!!!!!!!!!!!!top: 476px;*/
top: 508px;
height: 98px;
width: 405px;

text-align: left;
padding-left: 21px;

background-color: #d8fabd;
background-image: url('../images/img_laatste_nieuws.jpg');
background-repeat: no-repeat;
border-bottom:#FFFFFF 1px solid
}

div#laatste_nieuws .nieuws_title {
font-family: Arial;
font-size: 12px;
font-weight: normal;
color: #000000;
}

div#laatste_nieuws .nieuws_title a{
font-family: Arial;
font-size: 12px;
font-weight: normal;
color: #000000;
text-decoration: none;
}

div#laatste_nieuws .nieuws_title a:hover {
font-family: Arial;
font-size: 12px;
font-weight: normal;
color: #000000;
text-decoration: none;
}

div#laatste_nieuws .datum {
font-family: Arial;
font-size: 11px;
font-weight: bold;
color: #dc241f;
}

div#laatste_nieuws .datum a{
font-family: Arial;
font-size: 11px;
font-weight: bold;
color: #dc241f;
text-decoration: none;
}

div#laatste_nieuws .datum a:hover{
font-family: Arial;
font-size: 11px;
font-weight: bold;
color: #dc241f;
text-decoration: none;
}

.datum {
font-family: Arial;
font-size: 11px;
/* font-weight: bold; */
color: #b63309;
}

.datum a{
  font-family: Arial;
  font-size: 11px;
  color: #b63309;
  text-decoration: none;
}

.datum a:hover{
  font-family: Arial;
  font-size: 11px;
  color: #b63309;
  text-decoration: none;
}

.nieuws_title {
font-family: Arial;
font-size: 12px;
font-weight: bold;
color: #5eb700;
}

.nieuws_title a {
font-family: Arial;
font-size: 12px;
font-weight: bold;
color: #5eb700;
text-decoration: none;
}

.nieuws_title a:hover {
font-family: Arial;
font-size: 12px;
font-weight: bold;
color: #5eb700;
text-decoration: none;
}

.nieuws_title2 {
font-family: Arial;
font-size: 12px;
color: #000000;
}

.nieuws_title2 a {
  color: #000000;
	text-decoration: none;
}

.nieuws_title2 a:hover {
  color: #000000;
	text-decoration: none;
}

div#groen_content {
position: absolute;
left: 597px;
/*!!!!!!!!!!!!!!!!!!top: 476px;*/
top: 508px;

text-align: left;

width: 277px;
height: 98px;

border-left:#FFFFFF 1px solid;

background-color: #a4cf82;
z-index:3;
}

div#groen_sub_content {
position: absolute;
left: 10px;
top: 10px;
width: 250px;
height: 80px;

font-family: Arial;
font-size: 11px;
line-height: 16px;
}

div#groen_content2 {
position: absolute;
left: 598px;
top: 312px;

text-align: left;

width: 277px;
height: 179px;

background-color: #d8fabd;
z-index: 10;
}

/**
 * PBG
 */
div#logos {
position: absolute;
bottom: 40px;
left: 0px;
width: 540px;
height: 38px;
z-index: 10;
}

* html body div#logos {
position: absolute;
bottom: 10px;
left: 0px;
width: 540px;
height: 38px;
z-index: 10;
}

/**
 * PROJECTEN
 */
div.project_item {
position: relative;
width: 526px;
height: 155px;
border: 0px;
border-top: 1px solid #5eb700;
}

div.project_item .project_desc {
position: absolute;
top: 10px;
width: 315px;
}

div.project_item .project_desc strong a {
color: #000000;
}

div.project_item .project_desc strong a:hover {
color: #000000;
}

div.project_item .project_img {
position: absolute;
top: 10px;
left: 324px;
/*width: 180px;*/
width: 202px;
height: 135px;
overflow:hidden;
}

.bijschrift {
font-family: Arial;
font-size: 11px;
color: #5eb700;
font-style: italic;
font-weight: bold;
}

div#project_specs {
position: relative;
left: 0px;
top: 0px;
width: 539px;
height: 250px;
}

div#project_specs .bijschrift a {
font-family: Arial;
font-size: 11px;
color: #5eb700;
font-style: italic;
font-weight: bold;
text-decoration: none;
}

div#project_specs .bijschrift a:hover {
font-family: Arial;
font-size: 11px;
color: #5eb700;
font-style: italic;
font-weight: bold;
text-decoration: underline;
}

div#submenu {
position: absolute;
left: 0px;
top: 255px;
width: 538px;
height: 18px;
background-color: #b37474;
}

div#subcontent {
position: absolute;
left: 0px;
top: 273px;
width: 538px;
height: 180px;

/* border: 1px solid #b37474; */
overflow: auto;
}

div#subcontent_projecten {
position: absolute;
left: 0px;
top: 273px;
width: 538px;
/*!!!!!!!!!!!!!!!!!!!!height: 192px;*/
height: 235px;

/* border: 1px solid #b37474; */
overflow: auto;
}

div.submenu_item {
float: left;
height: 18px;
background-color: #b37474;

font-family: Arial;
font-size: 11px;
font-weight: bold;
color: #ffffff;

padding-left: 10px;
padding-right: 10px;
}

div.submenu_item_active {
float: left;
height: 18px;
background-color: #b63309;

font-family: Arial;
font-size: 11px;
font-weight: bold;
color: #ffffff;

padding-left: 10px;
padding-right: 10px;
}

div#submenu div.submenu_item a, div#submenu div.submenu_item_active a {
font-family: Arial;
font-size: 11px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
}

div#submenu div.submenu_item a:hover, div#submenu div.submenu_item_active a:hover {
font-family: Arial;
font-size: 11px;
font-weight: bold;
color: #ffffff;
text-decoration: underline;
}

div#thumbs {
position: absolute;
top: 12px;
left: 275px; /*249*/
height: 168px;
}

div.thumb {
float: left;
width: 66px;
height: 66px;
margin-right: 12px;
margin-bottom: 12px;
}

* html body div.thumb {
margin-bottom: 9px;
}

/**
 * NIEUWS
 */
div.nieuws_item {
border: 0px;

scrollbar-arrow-color: #62bd19;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #62bd19;
scrollbar-shadow-color: #62bd19;
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #fcfcfc;
}

div.nieuws_item .nieuws_desc {
position: relative;
float:left;
width: 538px;
}

div.nieuws_item .nieuws_img {
width: 130px;
height: 99px;
float: right;
margin-left: 10px;
}

div.nieuws_item .nieuws_title {
font-family: Arial;
font-size: 12px;
font-weight: bold;
color: #5eb700;
padding-bottom: 10px;
}

div.nieuws_item .nieuws_title a {
font-family: Arial;
font-size: 12px;
font-weight: bold;
color: #5eb700;
padding-bottom: 10px;
text-decoration: none;
}

div.nieuws_item .nieuws_title a:hover {
font-family: Arial;
font-size: 12px;
font-weight: bold;
color: #5eb700;
padding-bottom: 10px;
text-decoration: none;
}

div.gr_lijn {
width: 540px;
height: 1px;
background-color: #5eb700;
}

.input {
width: 250px;
border: 1px solid #62bd19;

font-family: Arial;
font-size: 11px;
}

.input2 {
width: 250px;
border: 1px solid #ba1713;

font-family: Arial;
font-size: 11px;
}

.button {
border: 1px solid #62bd19;
background-color: #ffffff;
font-family: Arial;
font-size: 11px;
}

.button2 {
border: 1px solid #ba1713;
background-color: #ba1713;
font-family: Arial;
font-size: 11px;
color: #ffffff;
}

div#referentie {
position: absolute;
left: 15px;
bottom: 43px;
clear: both;
float: left;
width: 500px;
height: 180px;
z-index: 50;
}

.quote {
font-family: Arial;
font-size: 16px;
line-height: 22px;
color: #dc241f;
font-style: italic;
}

div#naar {
position: absolute;
left: 0px;
bottom: 4px;

width: 538px;
height: 15px;
}

div#naar a {
font-family: Arial;
font-size: 9px;
font-weight: bold;
font-style: italic;
text-decoration: none;
color: #5eb700;
}

div#naar a:hover {
font-family: Arial;
font-size: 9px;
font-weight: bold;
font-style: italic;
text-decoration: underline;
color: #5eb700;
}

hr {
border: 0px;
border-bottom: 1px solid #62bd19;
}

ul {
margin-left: 20px;
padding-left: 0px; 
margin-top: 5px;
list-style-image: url('../images/vierkantje.jpg');
}