BODY {
margin: 0; 
padding: 0;
text-align:center; /* for IE */
background-color: #b4b4e0;
background-repeat: no-repeat;
position: relative; 
top: 0px;
font-size: 21px;
font-family: "Verdana";
font-weight: bold;
color: #000;
}


strong {
font-size: 23px;
font-weight: bold;
}

page {
color: #fff;
text-decoration: underline;

}

h3 {
font-size: 16px;
font-weight: bold;
}


li img {
border-style: none;
border-color: transparant;
border-width: 3px;
}

.img a {
border-style: none;
border-color: transparant;
border-width: 3px;
}

div#container {
text-align:left; /* reset text alignment */
background-repeat:no-repeat;
width:800px; /* or a percentage, or whatever */
height:600px;
margin:0 auto; /* for the rest */
}

#nav1 ul {
width: 7.9em;
margin: 0;
padding: 0;
padding-top: 4.7em;
margin-top: 0em;
margin-bottom: 0em;
margin-left: -0.5em;
margin-right: 0em;
list-style-type: none;
}

#nav1 li {
position: relative;
margin: 0 0 .2em 0;
}

#nav1 li a {
display: block;
color: #fff;
font-family: "Verdana"
font-weight: bold;
padding: .1em .4em;
text-align: right;
vertical-align: top;
text-decoration: none;
}


#nav1 li a:hover {
color: #000;
text-decoration: underline
}


#nav2 ul {
width: 8.5em;
margin: 0;
padding: 0;
margin-top: -8.6em;
margin-bottom: 0;
margin-left: 8.7em;
list-style-type: none;
}

#nav2 li {
position: relative;
margin: 0 0 .2em 0;
}

#nav2 li a {
display: block;
color: #fff;
font-family: "Verdana"
font-weight: bold;
padding: .1em .4em;
text-decoration: none;
}

#nav2 li a:hover {
color: #000;
text-decoration: underline;
}



#nav3 ul {
width: 95px;
margin: 0px;
padding: 0;
text-align: center;
margin-top: -14.65em;
margin-bottom: 0;
margin-left: 18.75em;
list-style-type: none;
}

#nav3 li {
display: block;
position: relative;
width: 6em;
height: 6em;
padding: 10.59em 0em;
margin: 0 auto;
}

#nav3 li a {
border-style: hidden;
}

#nav3 li a:hover {
}

#nav4 ul {
width: 95px;
margin: 0;
padding: 0;
text-align: center;
margin-top: -22.97em;
margin-bottom: 0;
margin-left: 23.45em;
list-style-type: none;
}

#nav4 li {
display: block;
position: relative;
width: 6em;
height: 6em;
padding: 1.59em 0em;
margin: 0 auto;
}


.a [title] {
font-family:"Verdana";
font-size: 100%;
background-color: #fff;
color: #000;
padding: 0.5em; }

#nav4 li a {
border-style: hidden;
vertical-align: top;
}


#nav4 li a:hover {
}


#nav5 ul {
width: 95px;
margin: 0;
padding: 0;
text-align: center;
margin-top: -32.15em;
margin-bottom: 0;
margin-left: 28em;
list-style-type: none;
}

#nav5 li {
display: block;
position: relative;
width: 6em;
height: 6em;
padding: 1.58em 0em;
margin: 0 0 0em 0;
}

#nav5 li a {
border-style: hidden;
vertical-align: top;
}


#nav5 li a:hover {
}

#nav6 ul {
width: 95px;
margin: 0;
padding: 0;
text-align: center;
margin-top: -22.95em;
margin-bottom: 0;
margin-left: 32.5em;
list-style-type: none;
}

#nav6 li {
display: block;
position: relative;
width: 6em;
height: 6em;
padding: 1.59em 0em;
margin: 0 0 0em 0;
}

#nav6 li a {
vertical-align: top;
}


#nav6 li a:hover {
}






.overheen {
  width:580px;
  height:480px;
  position: relative;
  margin: -14em 14em;
  padding: 2em;
  font-size: 13px;
  line-height: 21px;
  color:#000000;
}


.transbox {
  width:610px;
  height:480px;
  position: absolute;
  margin:-8.7em 8.8em;
  background-color:#fff;
    border-style: none;
  border-color: transparant
  border:3px solid black;
  /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
}
a {
	color: #000000;
	text-decoration: underline;
}
a:hover {
	color: #000000;
	text-decoration: none;
}