/* 
lichtgroen: 	#afd185
middengroen:	#7ab233
donkergroen:	#00511f
*/
/* RESET BROWSER DEFAULTS */		
html,body{margin:0;padding:0}
p {margin:0 0 1em 0;padding:0}
h1{margin:0 0 .7em 0;padding:0}
form {margin:0;padding:0}		
/* remove blue linked image borders */
a img,:link img,:visited img { border:none; }
/* de-italicize address */
address { font-style:normal; }
/* END RESET BROWSER DEFAULTS */


body{
behavior:url("./css/csshover.htc");
color:#00511f;
background-image:url("./style01images/bodybg.gif");
background-position:center top;
background-repeat:no-repeat;
margin:0 0 125px 0;
text-align:center;
letter-spacing:0.08em;
background-color:#00511f;
font:1em/1.1em "Trebuchet MS", Verdana sans-serif;
}
h1{
font-size:14px;
}
h2{}
a:link{
color:#7ab233;
text-decoration:none;
}
a:visited{
color:#7ab233;
text-decoration:none;
}
a:hover{
color:#7ab233;
text-decoration:underline;
}
a:focus{
color:#7ab233;
text-decoration:none;
}
a:active{color:#7ab233;
text-decoration:none;
}
p{}
address{
font-style:normal;
font-size:12px;}
#wrapper{
width:100%;
top:0px;
border:0px solid blue;
overflow:visible;
}
#container{
width:584px;
position:absolute;
left:50%;
margin:0px 0 50px -250px;
border:0px solid blue;
text-align:left;
overflow:visible;
}
#header{
border:solid 0px red;
width:584px;
height:123px;
margin-top:1px;
margin-left:auto;
margin-right:auto;
margin-bottom:0;
}
#header h1{
background:url(./style01images/logo.gif) no-repeat bottom left;
border:solid 0px red;
padding:54px 0 0 0;
margin:0;
width:207px;
height:66px;
}
#header h1 span{
display:none;
}
#header h2 {
display:none;
}
headerdate{
font-size:13px;
color:#fff;
position: absolute;
top:30px;
right:15px;
}
/*-----------------------------------------------------------*/
#menu{
font-size:12px;
background-color:#00511f;
border:solid 1px #00511f;
position:absolute;
top:122px;
left:-196px;
width:185px;
margin:0;
font-weight: bold;
}
#menu ul {
padding: 0;
margin: 0;
list-style: none;
}
#menu ul li{
background-color:#fff;
margin: 0;
height:20px;
border-top:solid 0px #00511f;
margin-top:1px;
padding:3px 0 0 7px;
}
#menu ul li:hover{
background-color:#afd185;
margin: 0;
height:20px;
border-top:solid 0px #00511f;
margin-top:1px;
padding:3px 0 0 7px;
}
/*-----------------------------------------------------------*/
#menu li.current {
background-color:#7ab233;
}
#menu li.current:hover {
background-color:#7ab233;
}
#menu li.current a:link{
text-decoration:none;
color:#fff;
}
#menu li.current a:visited{
text-decoration:none;
color:#fff;
}
#menu li.current a:hover{
text-decoration:none;
color:#fff;
}
#menu li.current a:active{
text-decoration:none;
color:#fff;
}
/*-----------------------------------------------------------*/
#menu li.prod {
/*
display:block;
border:solid 1px red;
*/
background-color:#afd185;
padding:3px 0 0 15px;
}
#menu li.prod:hover {
background-color:#afd185;
padding:3px 0 0 15px;
}

/*-----------------------------------------------------------*/
#menu li.currentprod {
background-color:#7ab233;
padding:3px 0 0 15px;
}
#menu li.currentprod:hover {
background-color:#7ab233;
padding:3px 0 0 15px;
}
#menu li.currentprod a:link{
text-decoration:none;
color:#fff;
}
#menu li.currentprod a:visited{
text-decoration:none;
color:#fff;
}
#menu li.currentprod a:hover{
text-decoration:none;
color:#fff;
}
#menu li.currentprod a:active{
text-decoration:none;
color:#fff;
}
/*-----------------------------------------------------------*/
#menu a:link{
text-decoration:none;
color:#00511f;
}
#menu a:visited{
text-decoration:none;
color:#00511f;
}
#menu a:hover{
text-decoration:none;
color:#00511f;
}
#menu a:active{
text-decoration:none;
color:#00511f;
}
/*-----------------------------------------------------------*/
#contentcontainer{
background-image:url(./style01images/contbg01.png);
background-repeat:repeat-y;

border:solid 0px white;
width:585px;
margin-top:0px;
margin-left:auto;
margin-right:auto;
padding:0px;
}
#contentcontainer02{
background-image:url(./style01images/contbg02.png);
background-repeat:repeat-y;
border:solid 0px white;
width:584px;
margin-top:0px;
margin-left:auto;
margin-right:auto;
padding:0px;
}
#contentcontainer h1,#contentcontainer02 h1{ 
margin-right:0px;
margin-top:0px;
padding-left:0px;
padding-top:5px;
text-align:left;
font-size:16px;
color:#7ab233;
}
#contentcontainer p, #contentcontainer02 p{	
margin:0;
font-size:12px;
}
#contentcontainer div{
}
#content{
width:538px;
background-image:url(./style01images/wittrans.pngx);
min-height:424px;
padding:21px;
}
#content p{
width:346px;
}
/*-----------------------------------------------------------*/
#homepage{
width:346px;
background-image:url(./style01images/wittrans.pngx);
min-height:424px;
padding:21px;
}
/*-----------------------------------------------------------*/
#cases{
background-image:url(./style01images/wittrans.pngx);
border:solid 0px red;
width:138px;
float:right;
clear:right;
min-height:424px;
padding:21px 25px 21px 25px;
font-size:11px;
line-height:16px;
}
#cases img{
margin:0 0px 8px 0;
}
#cases h1{
font-size:14px;
color:#00511f;
line-height:5px;
}
#cases a{
font-size:11px;
color:#00511f;
}
.leesmeer{
position:absolute;
border:solid 0px white;
bottom:65px;
}

/*-----------------------------------------------------------*/
#thumbs{
text-align:right;
border:solid 0px orange;
width:148px;
float:right;
clear:right;
min-height:424px;
padding:21px;
z-index:200;
padding:0px 0px 0 0;
margin-top:-8px;
margin-right:-4px;
}
#thumbscontact{
text-align:right;
border:solid 0px orange;
width:148px;
float:right;
clear:right;
min-height:200px;
padding:21px;
z-index:200;
padding:0px 0px 0 0;
margin-top:0px;
margin-right:114px;
}
/*
#thumbs img{
float:left;
clear:right;
padding:0;
border:solid 0px red;
margin:8px 0 0 8px;
}
*/
#thumbs img{
float:left;
border:solid 0px green;
margin:8px 0 0 8px;
padding:0;
}

.clearboth{

}
#footer{	
width:81px;
height:68px;
color:#93a885;
text-align:center;
margin-left:auto;
margin-right:auto;
}
#talen{
text-align:right;
border:solid 0px #fff;
width:100px;
height:14px;
position:absolute;
left:50%;
margin-left:-401px;
top:518px;
}


#talen img{
margin-right:0;
margin-left:0px;
border:solid 1px #00511f;
}
#talen a:link{
text-decoration:none;
}
#nieuwsbrief{
text-align:center;
border:solid 0px #fff;
width:150px;
height:65px;
position:absolute;
right:50%;
margin-right:-449px;
top:479px;
}
#nieuwsbrief p{
color:#fff;
font-size:11px;
border:solid 0px #fff;
border-top:solid 0px #fff;
margin:0;
}
#nieuwsbrief img{
margin-bottom:0;
border:solid 0px #fff;
}
#nieuwsbrief a{
color:#fff;
}
#colofon{
position:absolute;
bottom:30px;
right:0;
margin-right:-29px;
}

#footer {
display:block;
width:10px;
height:50px;
border:solid 0px red;
margin:0 0px;
z-index:300;
} 
#footer span{
display:none;
} 


/*----------------------------- JS Mouse trailer CSS -------------------------*/
#trailimageid
{
	font-size: 0.75em;
	position: absolute;
	display: none;
	left: 0px;
	top: 0px;
	width: 416px;
	height: 0px;
	z-index: 200;
}

/*BANNER*/
#banner{
	position: absolute;
	margin: -47px 0 0 -196px;
}