*
{ margin:0;
  padding:0 }

/* Farben fuer Kaesten */
div.farbe1
{ background-color:#FF0080 }

div.farbe2
{ background-color:#FF8000 }

/* Der eine aeussere Kasten */
/* Groesse = 3 x Groesse div.innen + 4 x Groesse Linien*/
#kasten
{ height:154px;
  width:154px;
  /*
  Zentrieren wird per Javascript realisiert
  margin-left:auto;   horizontal zentrieren fuer Firefox
  margin-right:auto;
  margin-top:-77px;   vertikal zentrieren, -0.5 x Hoehe von #kasten
  */
  position:absolute }


#oben_links
{ height:200px;
  width:400px;
  background-color:#FF0080;
  position:absolute;
  overflow:scroll }


/* Die neun inneren Kaesten */
div.innen
{ height:50px;
  width:50px;
  position:absolute }

div.oben
{ top:1px }
  div.unten
{ top:103px }

div.links
{ left:1px }

div.rechts
{ left:103px }

div.v_mitte
{ top:52px }

div.h_mitte
{ left:52px }

/* Text in den kleinen Kaesten */
p.innen
{ margin:2px;
  text-align:center;
  font-family:Arial, "sans-serif";
  font-style:normal;
  font-variant:small-caps;
  font-size:15px;
  font-weight:bold;
  color:#404040 }

p.aussen
{ margin:2px;
  text-align:left;
  font-family:Arial, "sans-serif";
  font-style:normal;
  font-variant:normal;
  font-size:12px;
  font-weight:normal;
  color:#000000 }

/* Wenn der Text innerhalb eines Links ist, dann andere Farbe */
a p.innen
{ color:#000000 }

a
{ text-decoration:none }



/*
Die Linien werden nicht genutzt -> weisse Linien

Die Linien - horizontal
div.hl
{ height:1px;
  width:154px;
  left:0px;
  overflow:hidden;         IE zeigt sonst normale Zeilenoehe (>>1px)
  background-color:black;
  position:absolute }

div.hl1
{ top:0px }

div.hl2
{ top:51px }

div.hl3
{ top:102px }

div.hl4
{ top:153px }

Die Linien - vertikal
div.vl
{ height:154px;
  width:1px;
  top:0px;
  background-color:black;
  position:absolute }

div.vl1
{ left:0px }

div.vl2
{ left:51px }

div.vl3
{ left:102px }

div.vl4
{ left:153px }
*/