#totaal
{
  width: 800px;
  height: 515px;
  margin-left: auto; /* Beide auto => midden uitlijnen */
  margin-right: auto;
  text-align: left;
  vertical-align: middle;
}
#logo
{
  width: 222px;
  vertical-align: top;
  margin: 0px 0px 0px -4px; /* in opera is er standaard 4px marge ofzo? */
  display: inline;
  text-decoration: none; 
}
#logo a
{ text-decoration: none; }
#header
{
  vertical-align: top;
  margin: 0px 0px 0px -4px;
  display: inline;
  position: relative;
  float: right;
}
#content
{
  vertical-align: top;
  margin: 0px 0px 0px -4px;
  display: inline;
  position: relative;
  width: 550px;
  height: 415px;
  top: -400px;
  float: right;
  overflow: auto;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
}

/*
 * Stukje voor menu-onderdelen
 */
.fotos
{ background: url('../images/fotos_menu.jpg') no-repeat; }
.prikbord
{ background: url('../images/prikbord_menu.jpg') no-repeat; }
.members
{ background: url('../images/members_menu.jpg') no-repeat; }
.inloggen
{ background: url('../images/inloggen_menu.jpg') no-repeat; }
.chatten
{ background: url('../images/chat_menu.jpg') no-repeat; }

/* Puur CSS! */
.fotos:hover
{ background-position: 0 -62px; }
.prikbord:hover
{ background-position: 0 -62px;; }
.members:hover
{ background-position: 0 -62px;; }
.inloggen:hover
{ background-position: 0 -62px;; }
.chatten:hover
{ background-position: 0 -62px;; }

.fotos, .prikbord, .members, .inloggen, .chatten
{
  height: 61px;
  width: 222px;
  color:#fff;
  display: block;
  text-decoration:none;
  line-height: 61px;
  margin-left: -4px;
}