/* HTML BODY */
html {
margin: 0;
padding: 0;
font-family: arial;
font-size: 12px;
color: #000000;
text-align: center;
line-height: 19px;
width: 100%;
height: 100%;
background: url(../backs/container_head.jpg) repeat-x;
}

body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}

/* FONTS */
h1 {
font-family: arial;
font-size: 14px;
font-weight: bold;
color: #636466;
margin-bottom: 10px;
}

.h2 {
font-family: arial;
font-size: 12px;
font-weight: bold;
color: #636466;
margin-bottom: 0px;
}

h3 {
font-size: 13px;
font-weight: bold;
margin-bottom: 0px;
color: #548f03;
}

/* DIVS */
#container {
position: relative;
text-align: left;
margin: -161px auto 0 auto;
padding: 0;
width: 976px;
min-height: 100%;
_height: 100%;
background-color: #ffffff;
}

#header {
position: absolute;
top: 270px;
left: 0px;
background-image: url(../backs/header/green.jpg);
width: 976px;
height: 153px;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}

#menu {
position: absolute;
top: 465px;
left: 10px;
line-height: 5px;
z-index: 2;
}

#content {
position: relative;
float: left;
padding: 450px 0 50px 220px;
min-height: 400px;
_height: 400px;
width: 450px;
/*text-align: justify;*/
}

#infobox {
position: relative;
float: left;
margin: 450px 0 0 36px;
padding: 0 0 50px 0;
}

#date {
position: absolute;
right: 15px;
top: 245px;
color: #636466;
}

#footer {
position: relative;
float: left;
margin: 0 auto 0 auto;
height: 160px;
width: 100%;
background-color: #e1e1e1;
border-top: 1px solid #636466;
color: #636466;
padding: 0;
}

/*
#footer {
position: relative;
float: left;
margin: 0 auto 0 auto;
padding: 10px 0 0 0;
height: 20px;
width: 976px;
border-top: 1px solid #636466;
}
*/

#footer_inner {
position: absolute;
top: 0px;
left: 50%;
margin-left: -488px;
width: 976px;
}

.wrapper {
min-height: 100px;
width: 430px;
padding: 10px;
border: 1px solid #8ec93f;
}

#references_box {
position: relative;
float: left;
width: 755px;
}

.references {
position: relative;
clear: both;
width: 700px;
height: 100px;
margin: 0 0 15px 0;
padding: 10px;
background: #e5e5e5;
border: 1px solid #8ec93f;
}

.references_small {
position: relative;
float: left;
width: 200px;
height: 135px;
margin: 0 27px 15px 0;
padding: 10px;
background: #e5e5e5;
border: 1px solid #8ec93f;
}

/* INFOBOX */
p.info_content {
width: 248px;
min-height: 200px;
padding: 5px 10px 5px 10px;
margin-top: -3px;
background-color: #e5e5e5;
border: 1px solid #8ec93f;
}

p.info_content img {
margin: 10px 0 0 20px;
border: 1px solid #8ec93f;
}

/* IMAGES */
img {
border: 0px solid #000000;
}

img.actueel {
position: absolute;
top: 25px;
right: 10px;
}

img.logo {
position: absolute;
top: 170px;
left: 10px;
z-index: 2;
}

img.ref {
border: 1px solid #8ec93f;
}

img.content {
border: 1px solid #8fc93f;
}

.references img, .references_small img {
position: relative;
float: left;
border: 1px solid #548f03;
margin: 0 20px 0 0;
}

/* TABLES */
table {
margin: 0;
padding: 0;
}

td {
vertical-align: top;
font-family: arial;
font-size: 12px;
line-height: 20px;
}

#footer td {
padding: 0 20px 0 20px;
font-size: 13px;
}

/* FORMS */
form {
border: 1px solid #8ec93f;
padding: 10px;
background-color: #e5e5e5;
margin: 0;
}

.cfield {
visibility: hidden;
}

/*
input {
border: 0px solid #8ec93f;
}
*/

.submit {
font-family: arial;
font-size: 11px;
}

/* LINKS */
a {
font-weight: bold;
color: #69ac0e;
}

a:hover {
color: #636466;
}

#footer a {
text-decoration: none;
font-weight: normal;
color: #636466;
}

#footer a:hover {
color: #000000;
}

/* HR */
.footer {
width: 976px;
height: 1px;
background-color: #8ec93f;
color: #8ec93f;
border: 0px solid #000000;
}

/* PARAGRAPHS */
p.leader {
margin: 0 0 20px 0;
padding: 0;
}

/* LISTS */
#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu ul li {
margin: 0 0 5px 0;
}

#footer ul {
margin: 0;
padding: 0;
list-style: none;
text-align: left;
}