/* basic */
body {
 text-align: left;
 background-color: #69938b;
 margin: 0px;
 padding: 0px;
}

p, h1, h2, ul, li {
 color: #111111;
 font-family: Georgia, Times, serif;
 font-size: 14px;
 line-height: 17px;
 font-style: normal;
 font-weight: normal;
 margin: 0px;
 padding: 0px;
}
 
h1 {
 color: #e9efee;
 font-size: 16px;
 font-style: italic;
 font-weight: normal;
 margin: 0px;
 padding: 0px 0px 6px 0px;
}

h2 {
 color: #e9efee;
 font-size: 14px;
 font-style: italic;
 font-weight: normal;
 margin: 0px;
 padding: 0px 0px 6px 0px;
}

ul {
 list-style: disc;
 padding: 0px 0px 0px 14px;
}

.citaat {
 font-style: italic;
 font-weight: normal;
}

.subtitel {
 font-style: italic;
 font-weight: normal;
 display: block;
 margin: 0px;
 padding: 0px 0px 2px 0px;
}

a:link, a:visited {
 color: #111111;
 text-decoration: underline;
}

a:active, a:hover {
 color: #444444;
 text-decoration: underline;
}

/* lay-out */
#content {
 width: 781px;
 height: 390px;
 border: 1px solid #bbcecb;
 background-color: #69938b;
 text-align: left;
 position: absolute;
 z-index: 1;
 margin: 5px 0px 0px 5px;
 padding: 0px;
 overflow: hidden;
 visibility: visible;
}

iframe {
 width: 330px;
 height: 346px;
 border: 0px;
 position: absolute;
 z-index: 2;
 margin: 22px 0px 0px 24px;
 padding: 0px;
 visibility: hidden;
}

#scrollup2, #scrollup3, #scrollup4, #scrollup5, #scrollup6, #scrollup7, #scrollup8 {
 width: 20px;
 height: 160px;
 background-color: transparent;
 text-align: left;
 position: absolute;
 margin: 4px 0px 0px 362px;
 padding: 0px;
 visibility: hidden;
}

#scrolldown2, #scrolldown3, #scrolldown4, #scrolldown5, #scrolldown6, #scrolldown7, #scrolldown8 {
 width: 20px;
 height: 160px;
 background-color: transparent;
 text-align: left;
 position: absolute;
 margin: 226px 0px 0px 362px;
 padding: 0px;
 visibility: hidden;
}

#image2, #image3, #image4, #image5, #image6, #image7, #image8 {
 width: 390px;
 height: 390px;
 background-color: #40605a;
 border-left: 1px solid #bbcecb;
 text-align: left;
 position: absolute;
 margin: 0px 0px 0px 390px;
 padding: 0px;
 visibility: hidden;
}

/* lay-out HOME */
#text1 {
 width: 390px;
 height: 390px;
 background-color: transparent;
 text-align: left;
 position: absolute;
 z-index: 15;
 margin: 0px 0px 0px 0px;
 padding: 0px;
}

#image1 {
 width: 390px;
 height: 390px;
 background-color: #40605a;
 border-left: 1px solid #bbcecb;
 text-align: left;
 position: absolute;
 z-index: 16;
 margin: 0px 0px 0px 390px;
 padding: 0px;
}

/* lay-out TENTOONSTELLING */
#scrollup2 {
 z-index: 25;
}

#scrolldown2 {
 z-index: 26;
}

#image2 {
 z-index: 27;
}

/* lay-out BOEK */
#scrollup3 {
 z-index: 35;
}

#scrolldown3 {
 z-index: 36;
}

#image3 {
 z-index: 37;
}

/* lay-out KUNSTENAARS */
#scrollup4 {
 z-index: 45;
}

#scrolldown4 {
 z-index: 46;
}

#image4 {
 z-index: 47;
}

/* lay-out ORGANISATIE */
#scrollup5 {
 z-index: 55;
}

#scrolldown5 {
 z-index: 56;
}

#image5 {
 z-index: 57;
}

/* lay-out BEZOEKERSINFO */
#scrollup6 {
 z-index: 65;
}

#scrolldown6 {
 z-index: 66;
}

#image6 {
 z-index: 67;
}

/* lay-out PERS */
#scrollup7 {
 z-index: 75;
}

#scrolldown7 {
 z-index: 76;
}

#image7 {
 z-index: 77;
}

/* lay-out EVENEMENTEN */
#scrollup8 {
 z-index: 85;
}

#scrolldown8 {
 z-index: 86;
}

#image8 {
 z-index: 87;
}

/* menu */
#menu1off, #menu1on {
 width: 44px;
 height: 12px;
 background-color: transparent;
 text-align: left;
 position: absolute;
 z-index: 10;
 margin: 407px 0px 0px 5px;
 padding: 0px;
 visibility: hidden;
}

#menu1on {
 z-index: 11;
 visibility: visible;
}

#menu2off, #menu2on {
 width: 136px;
 height: 12px;
 background-color: transparent;
 text-align: left;
 position: absolute;
 z-index: 20;
 margin: 407px 0px 0px 73px;
 padding: 0px;
 visibility: visible;
}

#menu2on {
 z-index: 21;
 visibility: hidden;
}

#menu3off, #menu3on {
 width: 41px;
 height: 12px;
 background-color: transparent;
 text-align: left;
 position: absolute;
 z-index: 30;
 margin: 407px 0px 0px 233px;
 padding: 0px;
 visibility: visible;
}

#menu3on {
 z-index: 31;
 visibility: hidden;
}

#menu4off, #menu4on {
 width: 101px;
 height: 12px;
 background-color: transparent;
 text-align: left;
 position: absolute;
 z-index: 40;
 margin: 407px 0px 0px 298px;
 padding: 0px;
 visibility: visible;
}

#menu4on {
 z-index: 41;
 visibility: hidden;
}

#menu5off, #menu5on {
 width: 95px;
 height: 12px;
 background-color: transparent;
 text-align: left;
 position: absolute;
 z-index: 50;
 margin: 407px 0px 0px 422px;
 padding: 0px;
 visibility: visible;
}

#menu5on {
 z-index: 51;
 visibility: hidden;
}

#menu6off, #menu6on {
 width: 113px;
 height: 12px;
 background-color: transparent;
 text-align: left;
 position: absolute;
 z-index: 60;
 margin: 407px 0px 0px 543px;
 padding: 0px;
 visibility: visible;
}

#menu6on {
 z-index: 61;
 visibility: hidden;
}

#menu7off, #menu7on {
 width: 37px;
 height: 12px;
 background-color: transparent;
 text-align: left;
 position: absolute;
 z-index: 70;
 margin: 407px 0px 0px 681px;
 padding: 0px;
 visibility: visible;
}

#menu7on {
 z-index: 71;
 visibility: hidden;
}

#menu8off, #menu8on {
 width: 45px;
 height: 12px;
 background-color: transparent;
 text-align: left;
 position: absolute;
 z-index: 80;
 margin: 407px 0px 0px 743px;
 padding: 0px;
 visibility: visible;
}

#menu8on {
 z-index: 81;
 visibility: hidden;
}