html,
body {
padding: 0px;
margin: 0px;
height: 100%;
overflow: hidden;
background-color: transparent;
}

#schaduw {
background-image: url("gfx/schaduw.jpg");
position: absolute;
margin-left: -527px;
left: 50%;
top: 0px;
width: 1054px;
height: 100%;
}

#midden {
background-image: url("gfx/achter.jpg");
position: absolute;
background-repeat: repeat-x;
margin-left: -482px;
left: 50%;
top: 0px;
width: 945px;
height: 100%;
}

#woorden {
position: absolute;
overflow: hidden;
top: 44px;
border: 0px;
left: 317px;
height: 73px;
overflow: hidden;
}

#maarten {
position: absolute;
overflow: hidden;
top: 117px;
border: 0px;
left: 0px;
width: 312px;
}

#fam {
position: absolute;
overflow: hidden;
top: 117px;
border: 0px;
left: 317px;
width: 312px;
}

#ada {
position: absolute;
overflow: hidden;
top: 117px;
border: 0px;
left: 634px;
width: 311px;
}

#navada,
#navfam,
#navmaarten  {
position: relative;
top: 0px;
left: 0px;
width: 315px;
height:auto;
z-index: 1000;
}

#maartenstuk {
position: absolute;
overflow: hidden;
top: 116px;
left: 180px;
width: 132px;
height: 89px;
background-image: url("gfx/maartenstuk.png");
background-position: -20px 0px;
}

#adastuk {
position: absolute;
overflow: hidden;
top: 116px;
right: 0px;
width: 132px;
height: 89px;
background-image: url("gfx/adastuk.png");
background-position: -20px 0px;
}

#content {
position: relative;
background-image: url("gfx/trans.png");
border-top: none;
width: 312px;
margin-right: 20px;
overflow: auto;
overflow-x: hidden;
}

#text {
position: relative;
text-align: justify;
width: 280px;
*width: 255px;
left: 10px;
top: 20px;
overflow: hidden;
margin-bottom: 25px;
}

#label {
position: absolute;
background-image: url("gfx/label.png");
background-repeat: no-repeat;
width: 17px;
height: 170px;
right: -18px;
bottom: -18px;
}

#label:hover {
position: absolute;
background-image: url("gfx/label_hover.png");
background-repeat: no-repeat;
}

#onevision {
display: none;
position: absolute;
bottom: -20px;
left: 80px;
z-index: 99;
}

.berichtknop {
height: 20px;
}