body{
background:#ffffff; 
font-family: verdana;
font-size: 10pt;
padding: 0px;
margin: 0px;
}
img{
border:0px;
}
#container {
width: 980px;
border: 1px black solid;
margin: 0px auto 0px auto;
}
#header {
height:155px;
background: #99CC00;
}
#subheader {
height:200px;
background: #241C24;
}
#headerlinks a:hover {
text-decoration:underline;
}
#footer{
background: #241C24;
color: white;
margin:0px;
padding: 7px;
text-align:center;
clear:left;
}
#footer a {
color: white;
font-weight: bold;
text-decoration: none;
}
#footer a:hover {
text-decoration:underline;
}
#footer2 {
height: 13px;
background: #99CC00;
}
#bodie {
background:white;
text-align:justify;
}
#left {
float:left;
width: 238px;
margin:22px 0px 22px 12px;
/*border: 1px green solid;*/
padding:0px;
display: inline;
}
#center {
color: #666666;
width:460px;
margin: 22px 0px 22px 21px;
padding: 0px 0px 0px 0px;
line-height:16px;
/*border: 1px black solid;*/
float:left;
display: inline;
}
#right {
margin: 22px 12px 0px 31px;
padding: 0px 0px 0px 0px;
width:201px;
float: left;
color: #666666;
/*border: 1px black solid;*/
display: inline;
}
#menu {
list-style:none;
margin:0px;
padding:0px;
line-height:18px;
/*border: 1px red solid;*/
}
#menu ul {
list-style:none;
margin:10px 0px 10px 0px;
padding:0px 0px 0px 0px;
line-height:18px;
/*border: 1px blue solid;*/
}
#menu a {
display:block;
position: relative;
top:0px;
left: 30px;
color: #3F3F3F;
text-decoration:none;
font-weight:bold;
}
#menu li {
background: url('./images/arrow.gif') no-repeat 1px 5px;
line-height:18px;
padding: 1px;
}
#menu li.klein {
padding:1px 1px 1px 20px;
background: url('./images/arrow_klein.gif') no-repeat 32px 7px;
font-size: 8pt;
line-height:18px;
}
span.sub {
color: #3F3F3F;
}
.orangetext {
font-size: 10px;
color: #99CC00;
margin: 0px;
font-style: italic;
}
.orange , #menu a:hover, #menu li.active ul a:hover {
color: #99CC00;
}
#menu li.active {
background: url('./images/active.gif') no-repeat 0px 6px;
}
a.orange {
text-decoration:none;
}
#center h1, #right h1 {
font-size: 10pt;
color: #99CC00;
font-weight:bold;
margin:0px;
padding:0px;
}
span.btw {
font-size: 8pt;
}
#logo {
width:162px;
height:122px;
background: url('./images/logo_groen.gif');
display:block;
position:relative;
top:25px;
left:40px;
}
#headerlinks {
float: right;
/*margin: 40px 12px 5px 774px;*/
padding-left:10px;
padding-right:10px;
padding-top:10px;
/*border: 1px red solid;*/
color:white;
margin-right:12px;
}
#headerlinks a {
color: white;
text-decoration:none;
}
#foto1 {
float: left;
margin:8px;
width:227px;
margin-top:21px;
margin-left:12px;
height:158px;
background: url('./images/olijven.jpg');
display: inline;
}
#foto2 {
float: left;
margin:8px;
width:227px;
margin-top:21px;
height:158px;
background: url('./images/neuzen.jpg');
display: inline;
}
#foto3 {
float: left;
margin:8px;
width:227px;
margin-top:21px;
height:158px;
background: url('./images/frietjes.jpg');
display: inline;
}
#foto4 {
float: left;
margin:8px;
margin-right:12px;
width:227px;
margin-top:21px;
height:158px;
background: url('./images/champignons.jpg');
display: inline;
}
#menu li.active a{
color: #99CC00;
}
#menu li.active ul a{
color: #666666;
}
#menu li ul li{
padding: 1px;
}
#shadow {
clear:left;
height:12px;
background: url('./images/shadow.gif') repeat-x bottom;
}
#shadowtop{
clear:left;
height:12px;
background: url('./images/shadowtop.gif') repeat-x;
}