body {
font-family: Trebuchet MS, Arial;
font-size: 11px;
}

p,
#content a,
p a:visited,
#content ul li a {
padding: 0px;
margin: 0px;
line-height: 14px;
margin-bottom: 15px;
color: #fff;
}

p a {
text-decoration: underline;
}

#prevnext a:hover,
#content a:hover,
p a:hover {
color: #00843d;
}

h1 {
font-size: 30px;
padding: 0px;
margin: 0px;
color: #00843d;
font-weight: normal;
}

h2 {
font-size: 23px;
padding: 0px;
margin: 0px;
padding-top: 10px;
margin-bottom: 5px;
color: #00843d;
font-weight: normal;
text-align: left;
}

h3 {
font-size: 14px;
padding: 0px;
margin: 0px;
color: #00843d;
margin-top: 30px;
font-weight: normal;
padding-left: 13px;

background-repeat: no-repeat;
background-position: 0px 5px ;
}

#content ul {
padding: 0px;
margin: 0px;
padding-left: 15px;
}

#content ul li {
background-repeat: no-repeat;
background-position: 0px 6px ;
line-height: 18px;
color: #fff;
}

em.inleiding {
line-height: 14px;
font-style: normal;
color: #b4b4b4;
font-size: 11px;
font-weight: bold;
}

a.artikel {
text-decoration: none;
}

a:hover.artikel em {
color: #00843d;
}

/*TESTIMONIALS*/

.testimonial {
display: block;
text-indent: 14px;
background-image: url('gfx/blokjes/groen.gif');
background-repeat: no-repeat;
}

.testimonial em {
line-height: 26px;
}

#foto_midden .testimonial {
width: 200px;
text-align: justify;
text-indent: 0px;
padding-left: 30px;
padding-top: 20px;
font-size: 11px;
color: #00843d;
font-weight: bold;
font-style: italic;
line-height: 18px;
}

#foto_midden .testimonial em {
display: block;
margin-top: 20px;
font-size: 10px;
}

/*FOOTERNAV*/

.footernav a,
.footernav a:visited {
color:#00843d;
}

.footernav a:hover {
color: #9acdaf;;
}

/*PREVNEXT*/

.volgende {
position: absolute;
left: 160px;
}

/*MG HOME*/

#home .masker,
#home .masker:hover {
cursor: default;
width: 285px;
height: 115px;
margin: 0px;
overflow: hidden;
border: 1px solid #fff;
}

/*MG PROJECT*/

.thumbscontainer {
width: 300px;
*width: 400px;
}

.masker img {
border: 0px;
}

.masker {
width: 115px;
height: 115px;
overflow: hidden;
border: 1px solid #fff;
float: left;
margin: 8px;
}

.masker:hover {
border: 1px solid #00843d;
cursor: pointer;
}

.masker:hover img {
border: 0px;
}

.masker_clear{clear:both;}

/*MG PROJECT OVERZICHT*/

.ditto {
width: 130px;
height: 150px;
float: left;
}

.ditto p {
padding: 0px;
margin: 0px;
margin-bottom: -20px;
margin-left: 11px;
}

#ditto_text {
position: absolute;
top: 340px;
left: 10px;
width: 248px;
}

.ditto .masker img {
border: 0px;

filter:alpha(opacity=30);
opacity: 0.3;
-moz-opacity:0.3; 
}

.ditto .masker {
width: 115px;
height: 115px;
overflow: hidden;
background-color: #043F1F;
border: 1px solid #ccc;
float: left;
margin: 11px;
*margin: 5px;
}

.ditto .masker:hover img,
.ditto .masker a:hover img {
filter:alpha(opacity=100);
opacity: 1.0;
-moz-opacity:1.0; 
cursor: pointer;
}


/* FORMULIEREN */

#formulier {
position: relative;
}

#formulier td{
text-align: left;
vertical-align: top;
}

#formulier input[type="button"],
#formulier input[type="submit"] {
font-family: Trebuchet MS, Arial;
border:1px solid #00843d;
background-color: #000;
color: #fff;
font-size: 11px;
width: 285px;
}

#formulier input[type="submit"]:hover,
#formulier input[type="button"]:hover {
border:1px solid #333;
background-color: #000;
cursor: pointer;
}

#formulier input.forminput,
#formulier input[type="text"] {
font-family: Trebuchet MS, Arial;
border:1px solid #333;
background-color: #000;
color: #fff;
font-size: 11px;
width: 285px;
height: 12px;
overflow: hidden;
cursor: text;

}

#formulier textarea.formtextarea,
#formulier textarea {
font-family: Trebuchet MS, Arial;
border:1px solid #333;
background-color: #000;
color: #fff;
font-size: 11px;
width: 285px;
height: 100px;
cursor: text;
overflow: auto;
}

#formulier select.formselect,
#formulier select {
font-size: 11px;
border:1px solid #333;
background-color: #fff;
color: #5b5a5a;
width: 322px;
height: 13px;
*height: 17px;
cursor: pointer;
overflow: auto;
font-family: Arial;
}