body           { margin: 0; font-family: "Arial"; font-size: 0.8em; }

div#background { position:absolute; top:0px; left:0px; height: 100%; width:100%; background-color: #FBF7E2; z-index: -5;}

.foto1        {  position:absolute; top:5px; left:0px; height:0px; width:0px; border-style:double; border: normal double #704214; border-width:4px; visibility:visible; }
.foto2        {  position:absolute; top:5px; left:0px; height:0px; width:0px; border-style:double; border: normal double #704214; border-width:4px; visibility:hidden;  }

#dialog       {  font-size:1.1em; visibility:hidden; }

#info         {  font-size:1.1em; visibility:hidden; }

#teller       {  position:absolute; left:10px; top:5px; font-size:0.95em;  color:#643B0F; }

pre           {  font-size:1.2em; }

#omschrijving { position:absolute; top:000px; width:100%; font-size:1.1em; color:#643B0F; text-align:center; height:20px; padding-top:4px; background-color: transparent;}

#copyright    { position:absolute; bottom:29px; width:99%; font-size:0.9em; color:#643B0F; text-align:right; }

#preload      { position:absolute; left:-1000px; top:000px; width:001px; height:001px; visibility:hidden;  }

.preload      { position:absolute; left:-1000px; top:000px; width:001px; height:001px; display:none; }

.controller   {background-color:#7d6636; height:27px; left:0px;  position:absolute; bottom:28px; width:201px; z-index:1000; border-radius:35px; border-style:solid; border-width:1px; border-color:#333b2b; }

.controller a {background: url(/png/controller-controls.1.png) no-repeat -47px 0; cursor: pointer; display: block; height: 17px; left: 112px; overflow: hidden; position: absolute; top: 5px; width: 20px; }

.controller li                {list-style: none;}
			 
.controller li.first a        {background-position: 0 0;      left: 15px; width: 19px;}
.controller li.first a.active {background-position: 0 -18px;}
.controller li.prev  a        {background-position: -19px 0;  left: 47px; width: 28px;}
.controller li.prev  a.active {background-position: -19px -18px;}
.controller li.play  a        {background-position: -67px 0;  left: 90px; width: 19px;}
.controller li.play  a.active {background-position: -67px -18px;}
.controller li.pauze a        {background-position: -47px 0;  left: 90px; width: 19px;}
.controller li.pauze a.active {background-position: -47px -18px;}
.controller li.next  a        {background-position: -87px 0;  left: 127px; width: 28px;}
.controller li.next  a.active {background-position: -87px -18px;}
.controller li.last  a        {background-position: -115px 0; left: 168px; width: 19px;}
.controller li.last  a.active {background-position: -115px -18px;}

#buttons {  position:fixed; bottom:8px; left:8px;  z-index:1000;}

.button {
    width:115px;
    background: #FBF7E2; 
    border: solid 1px #643B0F;
    color: #643B0F; 
    padding: 8px 5px 8px 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    margin: 20px 1px;
    cursor: pointer;
    border-radius: 17px;
    z-index:1000; 
}

#buttonx {
    width:120px;
    background: #FBF7E2; 
    border: solid 1px #643B0F;
    color: #643B0F; 
    padding: 8px 4px 8px 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    margin: 20px 1px;
    cursor: pointer;
    border-radius: 17px;
    z-index:1000; 
}

#button2 {
    width:110px;
    background: #FBF7E2; 
    border: solid 1px #643B0F;
    color: #643B0F; 
    padding: 8px 4px 8px 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    margin: 20px 1px;
    cursor: pointer;
    border-radius: 17px;
    z-index:1000; 
}

#button3 {
    width:80px;
    background: #FBF7E2; 
    border: solid 1px #643B0F;
    color: #643B0F; 
    padding: 8px 4px 8px 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    margin: 20px 1px;
    cursor: pointer;
    border-radius: 17px;
    z-index:1000; 
}

#button4 {
    width:80px;
    background: #FBF7E2; 
    border: solid 1px #643B0F;
    color: #643B0F; 
    padding: 8px 4px 8px 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    margin: 20px 1px;
    cursor: pointer;
    border-radius: 17px;
    z-index:1000; 
}

#button5 {
    width:140px;
    background: #FBF7E2; 
    border: solid 1px #643B0F;
    color: #643B0F; 
    padding: 8px 4px 8px 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    margin: 20px 1px;
    cursor: pointer;
    border-radius: 17px;
    z-index:1000; 
}

#button6 {
    width:100px;
    background: #FBF7E2; 
    border: solid 1px #643B0F;
    color: #643B0F; 
    padding: 8px 4px 8px 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    margin: 20px 1px;
    cursor: pointer;
    border-radius: 17px;
    z-index:1000; 
}

#fysical {
    width:30px;
    background: #FBF7E2;
    color: #FBF7E2; 
    padding: 5px 6px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 10px 1px;
    z-index:1000; 
}

.button :hover { background: #7d6636; color: #FBF7E2;  }

#buttonx:hover { background: #7d6636; color: #FBF7E2;  }
#button1:hover { background: #7d6636; color: #FBF7E2;  }
#button2:hover { background: #7d6636; color: #FBF7E2;  }
#button3:hover { background: #7d6636; color: #FBF7E2;  }
#button4:hover { background: #7d6636; color: #FBF7E2;  }
#button5:hover { background: #7d6636; color: #FBF7E2;  }
#button6:hover { background: #7d6636; color: #FBF7E2;  }

#duiding { font-size:1.0em; visibility:visible; }

#text    { position:absolute; left:000px; top:000px; width: 000px; height: 000px; z-index:+1; color:Red; font-family: "Helvetica"; font-size: 1.4em; font-weight:900; }

#text1   { position:absolute; left:000px; top:000px; width: 000px; height: 000px; z-index:+1;    }
#text2   { position:absolute; left:000px; top:000px; width: 000px; height: 000px; z-index:+1;    }
#text3   { position:absolute; left:000px; top:000px; width: 000px; height: 000px; z-index:+1;    }
#text4   { position:absolute; left:000px; top:000px; width: 000px; height: 000px; z-index:+1;    }
#text5   { position:absolute; left:000px; top:000px; width: 000px; height: 000px; z-index:+1;    }
#text6   { position:absolute; left:000px; top:000px; width: 000px; height: 000px; z-index:+1;    }
#text7   { position:absolute; left:000px; top:000px; width: 000px; height: 000px; z-index:+1;    }
#text8   { position:absolute; left:000px; top:000px; width: 000px; height: 000px; z-index:+1;    }
#text9   { position:absolute; left:000px; top:000px; width: 000px; height: 000px; z-index:+1;    }
#text10  { position:absolute; left:000px; top:000px; width: 000px; height: 000px; z-index:+1;    }
#text11  { position:absolute; left:000px; top:000px; width: 000px; height: 000px; z-index:+1;    }
#text12  { position:absolute; left:000px; top:000px; width: 000px; height: 000px; z-index:+1;    }
#text13  { position:absolute; left:000px; top:000px; width: 000px; height: 000px; z-index:+1;    }
#text14  { position:absolute; left:000px; top:000px; width: 000px; height: 000px; z-index:+1;    }
#text15  { position:absolute; left:000px; top:000px; width: 000px; height: 000px; z-index:+1;    }
#text16  { position:absolute; left:000px; top:000px; width: 000px; height: 000px; z-index:+1;    }
#text17  { position:absolute; left:000px; top:000px; width: 000px; height: 000px; z-index:+1;    }
#text18  { position:absolute; left:000px; top:000px; width: 000px; height: 000px; z-index:+1;    }
#text19  { position:absolute; left:000px; top:000px; width: 000px; height: 000px; z-index:+1;    }
#text20  { position:absolute; left:000px; top:000px; width: 000px; height: 000px; z-index:+1;    }
#text21  { position:absolute; left:000px; top:000px; width: 000px; height: 000px; z-index:+1;    }
#text22  { position:absolute; left:000px; top:000px; width: 000px; height: 000px; z-index:+1;    }
#text23  { position:absolute; left:000px; top:000px; width: 000px; height: 000px; z-index:+1;    }
#text24  { position:absolute; left:000px; top:000px; width: 000px; height: 000px; z-index:+1;    }
#text25  { position:absolute; left:000px; top:000px; width: 000px; height: 000px; z-index:+1;    }
#text26  { position:absolute; left:000px; top:000px; width: 000px; height: 000px; z-index:+1;    }
#text27  { position:absolute; left:000px; top:000px; width: 000px; height: 000px; z-index:+1;    }
#text28  { position:absolute; left:000px; top:000px; width: 000px; height: 000px; z-index:+1;    }
#text29  { position:absolute; left:000px; top:000px; width: 000px; height: 000px; z-index:+1;    }
#text30  { position:absolute; left:000px; top:000px; width: 000px; height: 000px; z-index:+1;    }
#text31  { position:absolute; left:000px; top:000px; width: 000px; height: 000px; z-index:+1;    }
#text32  { position:absolute; left:000px; top:000px; width: 000px; height: 000px; z-index:+1;    }
#text33  { position:absolute; left:000px; top:000px; width: 000px; height: 000px; z-index:+1;    }
#text34  { position:absolute; left:000px; top:000px; width: 000px; height: 000px; z-index:+1;    }
#text35  { position:absolute; left:000px; top:000px; width: 000px; height: 000px; z-index:+1;    }
#text36  { position:absolute; left:000px; top:000px; width: 000px; height: 000px; z-index:+1;    }
#text37  { position:absolute; left:000px; top:000px; width: 000px; height: 000px; z-index:+1;    }
#text38  { position:absolute; left:000px; top:000px; width: 000px; height: 000px; z-index:+1;    }
#text39  { position:absolute; left:000px; top:000px; width: 000px; height: 000px; z-index:+1;    }
#text40  { position:absolute; left:000px; top:000px; width: 000px; height: 000px; z-index:+1;    }

#framex   { position:absolute; left:010px; top:010px; width: 400px; height: 300px; z-index:100;   visibility:hidden; }

#info    { font-size:1.2em; visibility:hidden; color:#643B0F; background:#FBF7E2; font-style: Italic; line-height: 1.5em; border-style:double; border: 5px; }

.ui-dialog .ui-dialog-titlebar { background:#FBF7E2; padding: .8em 1em; position: relative; height: 23px; }
.ui-dialog .ui-dialog-title    { background:#FBF7E2; color:#643B0F; font-style: Italic; font-size:1.6em; text-align:center; }
.ui-widget-header              { border: 1px solid #643B0F; font-weight: bold; }
.ui-widget-content             { border: 1px solid #643B0F; }

.ui-state-default .ui-icon     { background-image: url("/css/images/ui-icons_643B0F_256x240.png");}
.ui-state-hover   .ui-icon     { background-image: url("/css/images/ui-icons_643B0F_256x240.png");}
.ui-state-focus   .ui-icon     { background-image: url("/css/images/ui-icons_643B0F_256x240.png");}
.ui-state-active  .ui-icon     { background-image: url("/css/images/ui-icons_643B0F_256x240.png");}

.ui-dialog{
    position:absolute;             // not required important its already absolute
    top:10px !important;         // provide !important
    left:10px !important;       // provide !important
}
 
#iframez    { position:absolute; left:000px; top:000px; z-index:1200; }

#wachten   { position:absolute; left:0px;  top:5px; width:100%; font-family: Helvetica; font-style: Italic; font-size:1.1em; color:#643B0F; text-align:center; }