body {
background-color: #88acbb;
background-image: url("gradient55895112.png");
background-repeat: repeat-y;
/*text-align: center;     */
}

#navigatie {
 font-family: verdana, Helvetica, Arial, sans-serif;
 font-size: 14px;
 font-weight: bold;
 color: #ffffff;
 border-right: 1px solid #88b6bb;
 border-left: 1px solid #88b6bb;
 border-bottom: 1px solid #88b6bb;
 border-top: 1px solid #88b6bb;
 padding: 0;
 margin-bottom: 1em;
 background-color: #88acbb;
}

#navigatie ul, #navigatie ul ul{
padding: 0;
margin: 0;
list-style: none;
background-color: #88acbb;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 75%;
}

#navigatie li{
width: 140px;
}

#navigatie ul{
position: absolute;
width: 100px;
left: -1000px;
margin: -22px 0 0 95px;
font-size: 100%;
list-style: none;
padding: 0;
}

* html #navigatie ul{
margin: -23px 0 0 95px;
}

#navigatie li li{
width: 100px;
}

#navigatie ul ul{
width: 140px;
margin: -22px 0 0 100px;
font-size: 100%;
}

* html #navigatie ul ul{

margin: -23px 0 0 100px;
}

#navigatie ul li {
 width: 180px;
 margin: 0;
 border-top: 1px solid #88b6bb;
}

#navigatie ul li a {
 display: block;
 padding: 2px 2px 2px 4px;
 border-left: 10px solid #88b6bb;
 border-right: 10px solid #cccccc;
 border-bottom: 1px solid #88b6bb;
 border-top: 0px solid #88b6bb;
 background-color: #88acbb;
 font-family: Verdana;
 color: #000000;
 text-decoration: none;
 width: 100%;
}

#navigatie li li li{
width: 200px;
}

#navigatie li:hover ul, #navigatie li.ie_does_hover ul{
left: auto;
}

#navigatie li:hover ul ul, #navigatie li.ie_does_hover ul ul{
left: -1000px;
}

#navigatie ul li:hover ul, #navigatie ul li.ie_does_hover ul{
left: auto;
}

#navigatie a {
display: block;
text-decoration: none;
padding: 2px 4px 3px 4px;
margin: 1px;
}

#navigatie a:link, #navigatie a:visited{
 display: block;
 padding: 2px 2px 2px 4px;
 border-left: 10px solid #88b6bb;
 border-right: 10px solid #cccccc;
 border-bottom: 1px solid #88b6bb;
 border-top: 0px solid #88b6bb;
 background-color: #88acbb;
 font-family: Verdana;
 color: #000000;
 text-decoration: none;
 width: 100%;
}

#navigatie a:hover, #navigatie a:active{
 border-left: 10px solid #88acbb;
 border-right: 10px solid #88acbb;
 border-bottom: 1px solid #88b6bb;
 border-top: 0px solid #88b6bb;
 background-color: #88b6bb;
 color: #eee;
}

img {
border: 0px solid #88b6bb;
}

div#foto {
font-family: Verdana;
font-size: 1em;
width: 620px;
}

div#filmrol {
position: absolute;
background-image: url("frameklein3.png");
background-repeat: repeat;
left: 280px;
top: 5px;
width: 606px;
height: 106px;
}

div#pijllinks {
position: absolute;
left: 282px;
top: 36px;
}

div#pijlrechts {
position: absolute;
left: 816px;
top: 36px;
}

div#foto1 {
position: absolute;
height: 70px;
width: 115px;
left: 352px;
top: 21px;
}

div#foto2 {
position: absolute;
width: 115px;
left: 468px;
top: 21px;
}

div#foto3 {
position: absolute;
height: 75px;
width: 115px;
left: 584px;
top: 21px;
}

div#foto4 {
position: absolute;
height: 75px;
width: 115px;
left: 700px;
top: 21px;
}
 
div#teller {
position: absolute;
right: 20px;
bottom: 20px;
}

div#lijstrechts {
position: absolute;
right: 260px;
top: 20px;
}

div#ufo {
position:absolute;
top:5px;
left:-170px;
}

* html div#ufo {
position:absolute;
top:5px;
left:-215px;
}

div#scroll {
position: absolute;
top: 16px;
left: 410px;
width: 60%;
height: 538px;
overflow: scroll;
}

td#verplicht {
font-family: Verdana;
color: #ff3300;
text-decoration: none;
background-color: #88bbcc;
border-width: 2px;
padding: 1px;
border-style: solid;
border-color: gray;
}

table#gast {
width: 370px;
border-width: thick;
border-spacing: 2px;
border-style: double;
border-color: gray;
}

td#gast {
border-width: 2px;
padding: 1px;
border-style: solid;
border-color: gray;
background-color: #88bbcc;
}

table#boek {
width: 99%;
border-width: thick;
border-spacing: 2px;
border-style: double;
border-color: gray;
}

div#dia {
position: absolute;
left: 130px;
top: 15px;
}