html {
height: 100%;
overflow: hidden;
}
#Layer0 { /* Menu (beginopbouw) niet gebruikt */
position:absolute;
left:00px;
top:00px;
width:3005px;
height:1000px;
z-index:0;
background-color: #FFFFFF;
}
#flashcontent { /* Foto: flashplayer*/
position: absolute;
bottom: 0px;
left: 20px;
top: 90px;
right: 10px;
margin: 0px;
padding: 0px;
}
#Layer1 { /* foto hoofdlayer*/
position:absolute;
left:0px;
top:0px;
width:975px;
height:68px;
z-index:1;
background-color: rgb(255, 180, 0);
background-image: url(../Images/Knoppenbalk.jpg);
}
#Layer1a { /* foto hoofdlayer rechts*/
position:absolute;
left:975px;
top:0px;
width:345px;
height:68px;
z-index:1;
background-color: rgb(255, 180, 0);
}
#Layer1b { /* foto : aanvragen.. */
position:absolute;
left:720px;
top:0px;
width:600px;
height:68px;
z-index:2;
}
#Layer1c { /* foto: naar vorige of huidige */
position:absolute;
left:10px;
top:68px;
width:900px;
height:68px;
z-index:3;
background-color: rgb(210, 255, 255);
}
#Layer2 { /* Menu hoofdstukken */ /* Siteplan */
position:absolute;
left:00px;
top: 68px;
width:248px;
height:420px;
z-index:2;
background-image: url(../Images/kerstmis1.jpg);
background-color: rgb(210, 255, 255);
}
#Layer2b { /* Menu Havenmeester */ /* Siteplan */
position:absolute;
left:00px;
top: 365px;
width:248px;
height:420px;
z-index:3;
background-color: rgb(210, 255, 255);
}
#Layer3 { /* Menu recent gewijzigd */
position:absolute;
left:247px;
top:68px;
width:200px;
height:420px;
z-index:3;
visibility: visible;
background-color: rgb(210, 255, 255);
background-attachment: fixed;
}
#Layer3a { /* Menu achtergrond foto per scherm */
position:absolute;
left:447px;
top:68px;
width:560px;
height:420px;
z-index:3;
visibility: visible;
background-color: rgb(210, 255, 255);
background-image: url(../Images/Bgnd_Jeugd0906.jpg);
}
#Layer3a1 { /* Menu (foto aanleveren) buiten gebruik */
position:absolute;
left:775px;
top:100px;
width:110px;
height:22px;
z-index:4;
visibility: visible;
background-color: rgb(210, 255, 255);
}
#Layer3a2 { /* Menu (foto aanvragen) buiten gebruik */
position:absolute;
left:895px;
top:100px;
width:110px;
height:23px;
z-index:4;
visibility: visible;
background-color: rgb(210, 255, 255);
}
#Layer3a3 { /* Menu positie foto per menu */
position:absolute;
left:447px;
top:110px;
width:540px;
height:120px;
z-index:4;
visibility: visible;
background-color: rgb(210, 255, 255);
}
#Layer3b {
position:absolute;
left:447px;
top:170px;
width:560px;
height:500px;
z-index:4;
visibility: visible;
background-color: rgb(210, 255, 255);
}
#Layer3b0 {
position:absolute;
left:272px;
top:121px;
width:13px;
height:420px;
z-index:3;
visibility: visible;
background-color: rgb(210, 255, 255);
background-attachment: fixed;
}
#Layer3b1 { /* Menu layer3b1.js */
position:absolute;
left:945px;
top:62px;
width:250px;
height:0px;
z-index:5;
visibility: visible;
background-color: rgb(255, 180, 0);
}
#Layer3b2 { /* Menu layer3b2.js */
position:absolute;
left:510px;
top:437px;
width:250px;
height:0px;
z-index:5;
visibility: visible;
background-color: rgb(255, 180, 0);
}
#Layer3b3{ /* Menu layer3b3.js */
position:absolute;
left:875px;
top:437px;
width:250px;
height:0px;
z-index:5;
visibility: visible;
background-color: rgb(210, 255, 255);
}
#Layer3c0 { /* Siteplan gegevens */
position:absolute;
left:247px;
top:68px;
width:13px;
height:420px;
z-index:3;
visibility: visible;
background-color: rgb(210, 255, 255);
background-attachment: fixed;
}
#Layer3c1 { /* Siteplan gegevens */
position:absolute;
left:260px;
top:68px;
width:120px;
height:420px;
z-index:3;
visibility: visible;
background-color: rgb(210, 255, 255);
background-attachment: fixed;
}
#Layer3c2 { /* Siteplan gegevens */
position:absolute;
left:380px;
top:68px;
width:120px;
height:420px;
z-index:3;
visibility: visible;
background-color: rgb(210, 255, 255);
background-attachment: fixed;
}
#Layer3c3 { /* Siteplan gegevens */
position:absolute;
left:500px;
top:68px;
width:120px;
height:420px;
z-index:3;
visibility: visible;
background-color: rgb(210, 255, 255);
background-attachment: fixed;
}
#Layer3c4 { /* Siteplan gegevens */
position:absolute;
left:620px;
top:68px;
width:120px;
height:420px;
z-index:3;
visibility: visible;
background-color: rgb(210, 255, 255);
background-attachment: fixed;
}
#Layer3c5 { /* Siteplan gegevens */
position:absolute;
left:740px;
top:68px;
width:120px;
height:420px;
z-index:3;
visibility: visible;
background-color: rgb(210, 255, 255);
background-attachment: fixed;
}
#Layer3c6 { /* Siteplan gegevens */
position:absolute;
left:860px;
top:68px;
width:120px;
height:420px;
z-index:3;
visibility: visible;
background-color: rgb(210, 255, 255);
background-attachment: fixed;
}
#Layer3c7 { /* Siteplan gegevens */
position:absolute;
left:980px;
top:68px;
width:120px;
height:420px;
z-index:3;
visibility: visible;
background-color: rgb(210, 255, 255);
background-attachment: fixed;
}
#Layer3d1 { /* aanvragen-aanleveren : tekst */
position:absolute;
left:285px;
top:121px;
width:350px;
height:420px;
z-index:3;
visibility: visible;
background-color: rgb(210, 255, 255);
background-attachment: fixed;
}
#Layer3d2 { /* aanvragen-aanleveren : mail tekst */
position:absolute;
left:635px;
top:121px;
width:326px;
height:420px;
z-index:3;
visibility: visible;
background-color: rgb(210, 255, 255);
background-attachment: fixed;
}
#Layer4 { /* Foto: knoppenbalk */
position:absolute;
left:10px;
top:40px;
width:9!0px;
height:28px;
z-index:4;
/*background-color: #FF9900;*/
background-color: rgb(255, 180, 0);
}
#Layer4a01 {
position:absolute;
left:02px;
top:64px;
width:85px;
height:28px;
z-index:4;
/*background-color: #FF9900;*/
background-color: rgb(255, 180, 0);
}
#Layer4a02 {
position:absolute;
left:092px;
top:64px;
width:85px;
height:28px;
z-index:4;
/*background-color: #FF9900;*/
background-color: rgb(255, 180, 0);
}
#Layer4a03{
position:absolute;
left:182px;
top:64px;
width:85px;
height:28px;
z-index:4;
/*background-color: #FF9900;*/
background-color: rgb(255, 180, 0);
}
#Layer4a04 {
position:absolute;
left:272px;
top:64px;
width:85px;
height:28px;
z-index:4;
/*background-color: #FF9900;*/
background-color: rgb(255, 180, 0);
}
#Layer4a05 {
position:absolute;
left:362px;
top:64px;
width:85px;
height:28px;
z-index:4;
/*background-color: #FF9900;*/
background-color: rgb(255, 180, 0);
}
#Layer4a06 {
position:absolute;
left:452px;
top:64px;
width:85px;
height:28px;
z-index:4;
/*background-color: #FF9900;*/
background-color: rgb(255, 180, 0);
}
#Layer4a07 {
position:absolute;
left:545px;
top:64px;
width:85px;
height:28px;
z-index:4;
/*background-color: #FF9900;*/
background-color: rgb(255, 180, 0);
}
#Layer4a08 {
position:absolute;
left:634px;
top:64px;
width:85px;
height:28px;
z-index:4;
/*background-color: #FF9900;*/
background-color: rgb(255, 180, 0);
}
#Layer4a09 {
position:absolute;
left:724px;
top:64px;
width:85px;
height:28px;
z-index:4;
/*background-color: #FF9900;*/
background-color: rgb(255, 180, 0);
}
#Layer4a10 {
position:absolute;
left:814px;
top:64px;
width:85px;
height:28px;
z-index:4;
/*background-color: #FF9900;*/
background-color: rgb(255, 180, 0);
}
#Layer4a11 {
position:absolute;
left:904px;
top:64px;
width:85px;
height:28px;
z-index:4;
/*background-color: #FF9900;*/
background-color: rgb(255, 180, 0);
}
#Layer5{ /* Onder Scherm : Menu @Fotograaf */ /* Siteplan @Fotograaf */
position:absolute;
left:00px;
top:490px;
width:1000px;
height:200px;
z-index:5;
background-image: url(../Images/Bottum.jpg);
}
#Layer6 { /* Menu @Fotograaf */ /* Siteplan @Fotograaf */
position:absolute;
left:00px;
top:506px;
width:112px;
height:15px;
z-index:5;
}
#Layer6b { /* Foto: @fotograaf*/
position:absolute;
left:10px;
top:-05px;
width:80px;
height:10px;
z-index:5;
/*background-color: #FF9900;*/
background-color: rgb(255, 180, 0);
}
body {
height: 100%;
font-family: Arial, sans-serif;
font-size: 19px;
margin: 0px;
padding: 0px;
background-color: rgb(210, 255, 255);
color: rgb(0, 0, 0);
}
/*body {
background-color: #FFFFFF;
}*/
body,td,th {
font-size: 10px;
color: #000000;
}
.JO { /* Menu hoofdstukken layer2 + @fotograaf foto :layer1c + layer6b (@fotograaf*/
font-family: Tahoma;
font-size: 12px;
}
.JO a:link,.JO a:visited,.JO a:active {
color: rgb(0, 0, 0);
text-decoration: UNDERLINE;
}
.JO a:hover {
color: rgb(255, 0, 0);
text-decoration: none;
}
.JOa { /* foto: @fotograaf */
font-family: Tahoma;
font-size: 12px;
}
.JOa a:link,.JOa a:visited,.JOa a:active {
color: rgb(255, 255, 255);
font-weight: BOLD;
text-decoration: UNDERLINE;
}
.JOa a:hover {
color: rgb(0, 0, 0);
font-weight: none;
text-decoration: none;
}
.JO2a { /* Menu layer3n2.js + layer3n3.js */
font-size: 22px;
font-family: Tahoma;
color: rgb(0, 0, 0);
font-weight: BOLD;
}
.JO2a a:link,.JO2a a:visited,.JO2a a:active {
color: rgb(0, 0, 0);
font-weight: Bold;
text-decoration: UNDERLINE;
}
.JO2a a:hover {
color: rgb(255, 0, 0);
font-weight: Bold;
text-decoration: none;
}
.JO3a { /* Menu rcent gewijzigd */
font-size: 11px;
font-family: Tahoma;
color: rgb(0, 0, 0);
font-weight: none;
}
.JO3a a:link,.JO3a a:visited,.JO3a a:active {
color: rgb(153, 0, 255);
font-weight: none;
text-decoration: UNDERLINE;
}
.JO3a a:hover {
color: rgb(255, 0, 0);
font-weight: None;
text-decoration: none;
}
.JO4a { /* Menu (foto aanvragen + foto aanleveren) buiten gebruik */
font-size: 12px;
font-family: Tahoma;
}
.JO4a a:link,.JO4a a:visited,.JO4a a:active {
color: rgb(255, 255, 255);
font-weight: BOLD;
text-decoration: UNDERLINE;
}
.JO4a a:hover {
color: rgb(0, 0, 0);
font-weight: none;
text-decoration: none;
}
.JO4b { /* foto + menu: Knoppenbalk onderniveau */
font-family: Tahoma;
font-size: 12px;
}
.JO4b a:link,.JO4a a:visited,.JO4a a:active {
color: rgb(255, 255, 255);
font-weight: BOLD;
text-decoration: UNDERLINE;
}
.JO4b a:hover {
color: rgb(0, 0, 0);
font-weight: none;
text-decoration: none;
}
.JO4c{ /* foto + menu : Knoppenbalk hoofdniveau*/
font-family: Tahoma;
font-size: 12px;
font-weight: BOLD;
}
.JO4c a:link,.JO4a a:visited,.JO4a a:active {
color: rgb(255, 255, 255);
font-weight: BOLD;
text-decoration: UNDERLINE;
}
.JO4c a:hover {
color: rgb(0, 0, 0);
font-weight: none;
text-decoration: none;
}
.JO4d{ /* foto + menu : Knoppenbalk niveau onzichtbaar*/
font-family: Tahoma;
font-size: 12px;
font-weight: BOLD;
background-color: rgb(255, 180, 0);
border-style: outset;
border-width:0px;
border-color:rgb(255, 255, 255);
}
.JO4d a:link,.JO4a a:visited,.JO4a a:active {
/*color: rgb(255, 255, 255);*/
font-weight: BOLD;
text-decoration: UNDERLINE;
background-color: rgb(255, 180, 0);
}
.JO4d a:hover {
color: rgb(0, 0, 0);
font-weight: none;
text-decoration: none;
background-color: rgb(255, 180, 0);
}
.JO5a{ /* siteplan*/
}
.JO6a{ /* siteplan*/
}
.style3 { /* layer1b foto: aanvragen */
font-size: 12px;
font-family: Tahoma;
font-weight: bold;
text-decoration : underline;
background-color:#AAFFFF;
border-style: outset;
border-width:5px;
border-color:#AAFFFF;
}
.style3b {
font-size: 12px;
font-family: Tahoma;
font-weight: bold;
text-decoration : underline;
background-color:#AAFFFF;
border-style: outset;
border-width:5px;
border-color:#AAFFFF;
}
.style3b1 { /* aanvragen-aanlevern: tekst */
font-size: 11px;
font-family: Tahoma;
}
.style3b2 {
font-size: 22px;
font-family: Tahoma;
font-weight: bold;
text-decoration : underline;
background-color:#AAFFFF;
border-style: outset;
border-width:5px;
border-color:#AAFFFF;
}
.style3d1 { /* aanvragen-aanleveren : tekst */
font-size: 11px;
font-family: Tahoma;
}
.style3d2 { /* aanvragen-aanleveren : mail tekst */
font-size: 22px;
font-family: Tahoma;
font-weight: bold;
text-decoration : underline;
background-color:#AAFFFF;
border-style: outset;
border-width:5px;
border-color:#AAFFFF;
}
.style4 { /* Siteplan Layer2 geg havenmeester + Layer3c*(titels) */
font-size: 11px;
font-family: Tahoma;
}
.style4a { /* Siteplan Layer3c*(gegevens) */
font-size: 09px;
font-family: Tahoma;
}
.style6 { /* menu titel layer1 + Siteplan titel Layer1*/
font-size: 18px;
font-family: Tahoma;
}