body {
font: 90% Verdana, Arial, Helvetica, sans-serif;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
}
table.tabelgroot {border: 0px none ; width: 756px; text-align: left; margin-left: auto; margin-right: auto; }
table.breedte { width: 100%; text-align: center; border: 0px solid ;}
table.introtekst {width: 570px; margin-left: auto; margin-right: auto; }
table.covers {width: 566px; margin-left: auto; margin-right: auto; }
table.insidefooter {background-color: rgb(204, 255, 255); width: 80%; height: 87px; text-align: center; margin-left: auto; margin-right: auto; }

td.center { vertical-align: middle; text-align: center; }
td.breedte { width: 800px; border: 0px solid ; text-align: center; margin: 0px;}
td.deuren { border: 0px solid ; background-color: #b05438; width: 108px; }
td.cover {vertical-align: middle; text-align: center; width: 17%; height: 125px;}
td.footer { height: 28px; padding-top: 10px; padding-bottom: 10px; background-color: rgb(204, 255, 255); color: rgb(51, 153, 153); vertical-align: middle; text-align: center; }
td.footercover {width: 77px; vertical-align: middle; text-align: center; }
td.footertabel {background-color: rgb(204, 255, 255); color: rgb(51, 153, 153); vertical-align: middle; text-align: center; }
td.footerintabellinksrechts {vertical-align: middle; text-align: center; width: 25%; background-color: rgb(204, 255, 255); color: rgb(51, 153, 153); }
td.footerintabelcenter {vertical-align: middle; text-align: center; width: 50%; background-color: rgb(204, 255, 255);
}
img.opening { border: 0px none ; width: 756px; height: 460px; margin: 0px; }
img.villadeur { border: 0px solid ; width: 151px; height: 111px; }
img.deuren { border: 0px solid ; width: 47px; height: 100px; }
img.covers { border: 0px solid ; width: 76px; height: 107px; }
img.pdf { width: 17px; height: 18px; vertical-align: middle;
}
#headermenu {
background-color: #FFBF05; margin: 0px;
padding: 0px 0px 0px 0px; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
position: relative;
height: 23px;
width: 755px;
margin-left: auto; margin-right: auto;
margin-bottom: 0pt;

}
#headermenu h1 {vertical-align: middle;
margin: 0;
padding: 10px 0;
}
#headermenu h3 {vertical-align: middle; color: white; text-align: center;
margin: 0;
padding: 10px 0;
}
#headermenu a{text-decoration: none;
width: 187.7px;
display: block;
background:transparent url(https://www.xs4all.nl/%7Eva/images/bgOFF.gif) repeat-x top left;
font-size: 70%;
font-family: 'Lucida Grande', sans-serif;
font-weight: normal;
color:#333333;
padding: 5px 0px 5px 0px;

text-align: center;
opacity: 0.6;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
}
#headermenu li a:visited{
text-decoration: none;
}
#headermenu li a:hover, #headermenu a:hover {text-decoration: none;
color:#034895; background:transparent url(https://www.xs4all.nl/%7Eva/images/bgON.gif) repeat-x top left;
}

td.footertabel {background-color: #FFEA7A; }
td.footerintabellinksrechts {background-color: #FFEA7A;}
td.footerintabelcenter {background-color: #FFEA7A;}

.footer2,
.footer3 {
border: 1px outset white;
text-decoration: none;
font-family: 'Lucida Grande', sans-serif;
font-weight: normal;
letter-spacing: 1.1px;
background-color: #FFE399;
color: #666666;
display: block;
height: 22px;
vertical-align: middle; text-align: center;
padding: 12px 0px;
font-size: 75%;
}
.footer2:hover,
.footer3:hover { font-size: 75%;
color: #666666;
letter-spacing: 1.1px;
text-decoration: none;
background-color: #FFCB7A;
}

h1 { margin: 0px;
padding: 20px 0px 20px 0px;
color: rgb(153, 51, 153);
text-align: center;
font-family: Trebuchet MS; font-size: 20pt; font-weight: bold;
letter-spacing: 0em;
}
p.intro { margin: 0px;
padding: 0px 50px 20px 95px;
color: #777777; background-color: transparent;
text-align: left; vertical-align: middle;
font-size: 110%; letter-spacing: 0.04em; font-weight: normal;
}
 
p.intro a { 
color: rgb(51, 51, 255);
font-size: 100%;
letter-spacing: 0.03em; font-style: normal; font-weight: normal;
}
p.intro a:hover { color: grey;
font-size: 100%; 
letter-spacing: 0.03em; font-style: normal; font-weight: normal;
}

h2 { padding: 0px 0px 0px 30px;
background-color: transparent; color: #339999;
text-align: left;
font-size: 115%; font-weight: bold; letter-spacing: 0.02em;
margin: 10px 0px 6px 0px;}
h2 a { 
color: silver; background-color: transparent;
font-size: 125%; font-weight: bold; text-decoration: none;
}
h2 a:hover { 
color: #ffcc00; background-color: transparent;
font-size: 125%; font-weight: bold; text-decoration: none;
}
h6 {font-size: 75%; color: grey; text-align: center; font-weight: normal;}
h6 a, h6 a:visited {color: 878CBA; text-decoration: none;}
h6 a:hover  {color: A97638; text-decoration: none;}

p { margin: 0px; padding: 0px 20px 0px 30px;
text-align: left; vertical-align: middle;
color: #777777; background-color: transparant;
font-family: arial,"lucida console",sans-serif;
font-size: 105%; letter-spacing: 0.03em; font-weight: normal;
}
p a { color: silver;
font-size: 100%; 
font-weight: normal; text-decoration: none;
}
p a:hover { color: #777777; background-color: lightgrey;
font-size: 100%;
font-weight: normal; text-decoration: none;
}
p.interview { padding: 0px 0px 30px 40px;}

p.zijbalk {font-size: 85%;
margin: 0px; padding: 0px 0px 10px 1px;
text-align: left; vertical-align: middle;
color: #777777; background-color: transparant;
letter-spacing: 0.01em; font-weight: normal;
padding: 0px 10px;
}
p.zijbalk a { 
font-size: 100%; 
font-weight: normal; text-decoration: none;
}
p.zijbalk p a:hover { background-color: lightgrey;
font-size: 100%;
font-weight: normal; text-decoration: none;
}

a.linkopacity:hover img {filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
a.linkopacity70:hover img {filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;
}
a.linkopacity80:hover img {filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;}
a.linkopacity90:hover img {filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9;
}
.center { text-align: center; }
div.HTML {position: absolute; left: 5px; top: 2000px;
vertical-align: middle;
}