#divUpControl{position:absolute; width:150; height: 25px; left:5; top:5; z-index:1; text-align: right; background-color: #FFCC33} 
#divDownControl{position:absolute; width:150; height: 50px; left:5; top:510; z-index:1; text-align: right; background-color: #FFCC33} 
#divContainer{position:absolute; width:150; height:480;left:5; top:30; overflow:hidden; visibility: visible} 
#divContent{position:absolute; top:0; left:20 width: 109} 

#quadrat {position:absolute; left:160px; top:5px; width:150px; height:250px; z-index:1; background-color: #FFCC33; visibility: visible }
#fieldref {position:absolute; left:320px; top:5px; width:390px; height:250px; z-index:1; background-color: #FFCC33; visibility: visible }
#fieldnote {position:absolute; left:160px; top:260px; width:550px; height:280px; z-index:1;background-color: #FFCC33; visibility: visible }


#quadrat01 {position:absolute; left:160px; top:5px; width:150px; height:250px; z-index:2; background-color: #FFCC33; visibility: hidden; }
#quadrat02 {position:absolute; left:160px; top:5px; width:150px; height:250px; z-index:3; background-color: #FFCC33; visibility: hidden; }
#quadrat03 {position:absolute; left:160px; top:5px; width:150px; height:250px; z-index:4; background-color: #FFCC33; visibility: hidden; }
#quadrat04 {position:absolute; left:160px; top:5px; width:150px; height:250px; z-index:5; background-color: #FFCC33; visibility: hidden; }
#quadrat05 {position:absolute; left:160px; top:5px; width:150px; height:250px; z-index:6; background-color: #FFCC33; visibility: hidden; }
#quadrat06 {position:absolute; left:160px; top:5px; width:150px; height:250px; z-index:7; background-color: #FFCC33; visibility: hidden; }
#quadrat07 {position:absolute; left:160px; top:5px; width:150px; height:250px; z-index:8; background-color: #FFCC33; visibility: hidden; }
#quadrat08 {position:absolute; left:160px; top:5px; width:150px; height:250px; z-index:9; background-color: #FFCC33; visibility: hidden; }
#quadrat09 {position:absolute; left:160px; top:5px; width:150px; height:250px; z-index:10; background-color: #FFCC33; visibility: hidden; }
#quadrat10 {position:absolute; left:160px; top:5px; width:150px; height:250px; z-index:11; background-color: #FFCC33; visibility: hidden; }
#quadrat11 {position:absolute; left:160px; top:5px; width:150px; height:250px; z-index:12; background-color: #FFCC33; visibility: hidden; }

#fieldref01 {position:absolute; left:320px; top:5px; width:390px; height:250px; z-index:2; background-color: #FFCC33; visibility: hidden; }
#fieldref02 {position:absolute; left:320px; top:5px; width:390px; height:250px; z-index:3; background-color: #FFCC33; visibility: hidden; }
#fieldref03 {position:absolute; left:320px; top:5px; width:390px; height:250px; z-index:4; background-color: #FFCC33; visibility: hidden; }
#fieldref04 {position:absolute; left:320px; top:5px; width:390px; height:250px; z-index:5; background-color: #FFCC33; visibility: hidden; }
#fieldref05 {position:absolute; left:320px; top:5px; width:390px; height:250px; z-index:6; background-color: #FFCC33; visibility: hidden; }
#fieldref06 {position:absolute; left:320px; top:5px; width:390px; height:250px; z-index:7; background-color: #FFCC33; visibility: hidden; }
#fieldref07 {position:absolute; left:320px; top:5px; width:390px; height:250px; z-index:8; background-color: #FFCC33; visibility: hidden; }
#fieldref08 {position:absolute; left:320px; top:5px; width:390px; height:250px; z-index:9; background-color: #FFCC33; visibility: hidden; }
#fieldref09 {position:absolute; left:320px; top:5px; width:390px; height:250px; z-index:10; background-color: #FFCC33; visibility: hidden; }
#fieldref10 {position:absolute; left:320px; top:5px; width:390px; height:250px; z-index:11; background-color: #FFCC33; visibility: hidden; }
#fieldref11 {position:absolute; left:320px; top:5px; width:390px; height:250px; z-index:12; background-color: #FFCC33; visibility: hidden; }

#images     {position:absolute; width:320px; height:500px; z-index:1; left: 330px; top: 0px}
#content    {position:absolute; width:320px; height:500px; z-index:1; left: 0px; top: 0px; padding-right: 10px; padding-left: 10px}
#navmain    {position:absolute; width:100px; height:510px; z-index:4; left: 10; top: 70; background-color: #000099;    padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px}
#navtop     {position:absolute; width:760px; height: 20px; z-index:5; left: 10; top: 50; background-color: #000099}
#main       {position:absolute; width:650px; height:500px; z-index:6; left: 120px; top: 80px; clip:  rect(   ).jpg}
#header       {position:absolute; width:760px; height:30px; z-index:2; left: 10px; top: 5px; background-color: #FFCC33}

p {  font-family: Arial, Helvetica, sans-serif; font-size: x-small; color: #333333}
a {  font-family: Arial, Helvetica, sans-serif; font-size: x-small; color: #0000FF; text-decoration: none}
h1 {  font-family: Arial, Helvetica, sans-serif; font-size: medium; color: #000099}
h2 {  font-family: Arial, Helvetica, sans-serif; font-size: small; color: #000099; text-transform: uppercase}

.caption {  font-family: Arial, Helvetica, sans-serif; font-size: xx-small; color: #333333}
.navtext {  font-family: Arial, Helvetica, sans-serif; font-size: x-small; font-weight: bold; color: #FFFFFF; text-decoration: none; text-align: left}
.navtext2 {  font-family: Arial, Helvetica, sans-serif; font-size: x-small; color: #FFFFFF; text-decoration: none; text-align: left}
.justified {  font-family: Arial, Helvetica, sans-serif; font-size: x-small; color: #000099; text-align: justify}


a:hover{color:#FF6600; font-size: x-small}
h3 {  font-size: x-small; color: #000099; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase}
.email {  font-family: Arial, Helvetica, sans-serif; font-size: x-small; font-style: italic; color: #FF0000}