html, body {
margin: 0;
padding: 0;
text-align: center;
background-color: #ffe0a6;
}
#pagewidth {
width: 1001px;
text-align: left;
margin-left: auto;
margin-right: auto;
}
#headermenu,#footermenu {
position: relative;
height: 23px;
background-color: lightgreen;
width: 100%;
}
#headermenu ul,#footermenu ul {
margin: 0px;
padding: 0px;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
}
#headermenu li,#footermenu li {
border-right: 1px solid white;
border-bottom: 0px solid #d9d9d9;
font-size: 11px; 
font-family: Arial,Helvetica,sans-serif;
color: #034895;
font-weight: normal;
float: left;
width: 142px;
text-align: center;
height: 23px;
opacity: 0.6;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
}
#headermenu li a {
margin: 0px;
padding: 5px 0px;
background: transparent url(http://www.xs4all.nl/%7Eva/images/bgOFF.gif) repeat-x scroll left top;
text-decoration: none;
width: 141px;
display: block;
color: #034895;
height: 23px;
}
#footermenu li a {
margin: 0px;
padding: 5px 0px;
background: transparent url(http://img638.imageshack.us/img638/9692/1265667544.png) repeat-x scroll left top;
text-decoration: none;
width: 141px;
display: block;
color: #034895;
height: 23px;
}

#headermenu li a:visited,#footermenu li a:visited {
text-decoration: none;
color: #034895;
}
#headermenu li a:hover,#footermenu li a:hover {
background: transparent url(http://www.xs4all.nl/%7Eva/images/bgON.gif) repeat-x scroll left top;
text-decoration: none;
color: #034895;
}
#wrapper {margin-top: 10px;
}
.leftcol {
width: 140px;
float: left;
position: relative;
background-color: #ffe0a6;
text-align: center;
}
.leftcol p {font-size: 80%;
letter-spacing: 0.02em;
margin-top: 0px;
}
.leftcol p a:link, a:visited, a:active {
text-decoration: none;
font-size: 100%;
color: #339999;
font-weight: 500;
letter-spacing: 0.02em;
}
.leftcol p a:hover {
color: #99cccc;
text-decoration: none;
font-size: 100%;
font-weight: 500;
letter-spacing: 0.02em;
}
.img {border: 2px outset white;
margin: 6px 8px;
width: 76px;
height: 107px;
text-align: center;
}
.leftcol #tekst a {
border-style: solid;
border-color: #cccccc #999999 #999999 #cccccc;
border-width: 1px;
margin: 2px 12px;
padding: 2px 0px;
background: #99ff99 none repeat scroll 0%;
display: block;
text-align: center;
text-decoration: none;
font-size: 100%;
color: #034895;
letter-spacing: 0.04em
}
.leftcol #tekst a:hover {
border-color: #999999 #cccccc #cccccc #999999;
position: relative;
top: 1px;
left: 1px;
letter-spacing: 0.04em
}
#twocols {
width: 860px;
float: right;
position: relative;
}
.rightcol {
float: right;
position: relative;
background-color: #ffe0a6;
text-align: left;
}
.rightcol h5 {
margin: 30px 0px 0px;
padding: 0px 0px 0px 12px;
font-size: 90%;
color: #66cccc;
}
.rightcol ul {
margin: 0px;
padding: 0px 0px 0px 12px;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
width: 121px;
}
.rightcol li {
font-size: 10.5px; font-family: Arial,Helvetica,sans-serif;
letter-spacing: 0.02em;
font-weight: normal;
}
.rightcol li a {
background: transparent none repeat scroll 0%;
color: #336666;
text-decoration: none;
}
.rightcol li a:visited {
text-decoration: none;
}
.rightcol li a:hover {
text-decoration: none;
color: #99cccc;
letter-spacing: 0.05em;
}
.maincol {
float: left;
display: inline;
position: relative;
width: 716px;
vertical-align: top;
}
#maincola {
height: 500px;
background-image: url(images/tuinhek.jpg);
background-repeat: no-repeat;
}
.maincol p {margin-top: 8px;
padding: 0px;
text-align: left;
color: #336666;
text-decoration: none;
letter-spacing: 0.01em;
vertical-align: middle;
font-size: 15.5px; 
font-weight: normal;
font-family: Arial,Helvetica,sans-serif;
line-height: 1.3em;
}
.maincol p a:link, a:visited, a:active {
text-decoration: none;
color: #339999;
font-size: 100%;
font-weight: normal;
letter-spacing: 0.02em;
}
.maincol p a:hover {
color: #99cccc;
font-size: 100%;
font-weight: normal;
text-decoration: none;
letter-spacing: 0.02em;
}
.footer {
height: 50px;
background-color: ;
clear: both;
}
#footer {
height: 50px;
background-color: ;
clear: both;
}
a.linkopacity:hover img {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
-khtml-opacity: 0.7;
}
/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */

/*printer styles*/
@media print{
/*hide the left column when printing*/
.leftcol{display:none;}

/*hide the right column when printing*/
.rightcol{display:none;}
.twocols, #maincol{width:100%; float:none;}
}