* {padding:0; margin:0;}
body {font-size:12px;  background-color:#996; font-family: Verdana; text-align: center; color:#000;}
img {border:0;}
#ttt {position:absolute; left:-210px; top:150px;}

p {line-height:16px;}

#arch {margin-left: auto; width: 805px; height:25px; margin-right: auto; text-align:right; margin-top:60px; position: relative;}
#arch a:link, #arch a:visited {text-decoration:none; color:#000;}
#arch a:hover {text-decoration:underline; color:#09c9f6;}
#website,#websitearch,#websitethe,#websiteage,#websiteres,#websiteover,#websitewie,#websitevoor { margin-left: auto; width: 805px; height:663px; margin-right: auto; position: relative; text-align: left;  background-repeat:no-repeat;}
#website {background-image:url(images/achterhome.jpg);}
#websitearch {background-image:url(images/achterarchief.jpg);}
#websiteover {background-image:url(images/achterover.jpg);}
#websitewie {background-image:url(images/wieachter.png);}
#websitevoor {background-image:url(images/achtervoorstelling.png);}
#websiteres {background-image:url(images/achterres.jpg);}
#websiteage {background-image:url(images/achteragenda.jpg);}
#websitethe {background-image:url(images/achterthe.jpg);}


a:link, a:visited {text-decoration:underline; color:#000;}
a:hover {font-weight:bold;}

#menub {margin-left:204px; z-index:99;}
#menuo {position:absolute; top:560px; left:204px; z-index:100;}
#huidige {display:block; width:187px; height:23px; background-image:url(images/huidig.png); position:absolute; top:169px; left:4px; z-index:101; color:#fff; font-size:16px; padding-left:10px; padding-top:8px;}

#huidige2 {display:block; width:187px; height:23px; position:absolute; top:169px; left:4px; z-index:101; color:#fff; font-size:16px; padding-left:10px; padding-top:8px;}
#huidige2 a:link, #huidige2 a:visited {text-decoration:none; color:#fff;}
#huidige2 a:hover {text-decoration:underline;}

#huidige3 {display:block; width:187px; height:23px; position:absolute; top:169px; z-index:101; color:#fff; font-size:16px; padding-left:8px; padding-top:8px;}

#tekst {overflow:auto; width:555px; height:480px; position:absolute; left:204px; top:40px; border:1px solid #666; padding:20px; z-index:999;}
#tekstarch {overflow:auto; width:555px; height:474px; position:absolute; left:204px; top:42px;padding:20px; color:#fff;}
#tekstover {overflow:auto; width:555px; height:157px; position:absolute; left:204px; top:202px;padding:20px; color:#fff;}
#tekst2 {overflow:auto; width:535px; height:460px; position:absolute; left:214px; top:50px; border:2px solid #fff; padding:20px;}


#animatie {position:absolute; left:-210px; top:150px; z-index:1;}
#animatieres {position:absolute; left:-40px; top:310px; z-index:1;}
#animatiethe {position:absolute; left:-20px; top:420px; z-index:2;}
#form { z-index:100;}
#menub ul,#menuo ul  {display:inline;}
#menub ul li, #menuo ul li {display:block; float:left; width:177px; height:37px; padding:10px; text-align:right; margin-right:3px; font-size:15px; font-weight:bold;}
#menub li a:link,#menuo li a:link,#menuo2 li a:link, #menub li a:visited, #menuo li a:visited, #menuo2 li a:visited {text-decoration:none; color:#fff;}
#menub li a:hover, #menuo li a:hover, #menuo2 li a:hover {text-decoration:underline;}

#menuo2 {position:absolute; top:400px; left:204px;z-index:100;}
#menuo2 ul li {display:block; float:left; width:177px; height:177px; padding:10px; text-align:right; margin-right:3px; font-size:15px; font-weight:bold;}

a.aa, a.bb, a.cc {margin-top:-7px; margin-left:-10px; display:block;height:177px;width:176px; padding:10px;}
a.aa {background: transparent url(http://www.generaleoost.nl/cgi-b/images/lucky.jpg) no-repeat;}
a.bb {background: transparent url(http://www.generaleoost.nl/cgi-b/images/dorine.jpg) no-repeat;}
a.cc {background: transparent url(http://www.generaleoost.nl/cgi-b/images/cis.jpg) no-repeat;}
a.aa:hover, a.bb:hover, a.cc:hover, a.dd:hover, a.ee:hover, a.ff:hover {background-position: -197px 0;} 

a.dd,a.ee,a.ff {margin-top:-7px; margin-left:-10px; display:block;height:19px;width:176px; padding:10px; padding-top:168px; }
a.dd {background: transparent url(http://www.generaleoost.nl/cgi-b/images/clean.jpg) no-repeat;}
a.ee {background: transparent url(http://www.generaleoost.nl/cgi-b/images/marije.jpg) no-repeat;}
a.ff {background: transparent url(http://www.generaleoost.nl/cgi-b/images/clare.jpg) no-repeat;}

#footer1 {position:absolute; left:0; margin-top:613px; text-align:left; color:#626c59; font-size:11px; z-index:102;}
#footer2 {float:right; padding-top:130px; color:#626c59; font-size:11px; z-index:150;}
#footer2  a:link, #footer1  a:link, #footer2  a:visited, #footer1  a:visited {text-decoration:none; color:#2f3729;}
#footer2  a:hover, #footer1  a:hover {text-decoration:underline;}

#engels {position:absolute;left:0; top:650px; z-index:453;}

#menum {position:absolute; top:210px; left:10px; width:188px; color:#fff;}
#menum ul {}
#menum ul li {display:block; width:188px; padding:5px; padding-left:0; text-align:left; margin-right:3px; font-size:12px; font-weight:bold;}
#menum li a:link,#menum li a:visited {text-decoration:none; color:#fff;}
#menum li a:hover {text-decoration:underline;}