body{
text-align:center;
background-color: #ff9836;
color: #fff;
font-size: 10px;
font-family: Verdana;
font-weight: bold;





}

#all {
position: absolute;
 top: 50%;
 width: 100%;
 height: 20px;
 left:0;
}


#main {
width: 400px;
margin:-193px auto;
text-align:left; /* kam dazu */
position: relative;
height: 385px;


}

#main a span {
  position: absolute;
  left: -3000000px;
}


#logo {
   position: absolute;
   left: -180px;
   top:0;
   background-image: url(img-portal/Portal_K.gif);
   background-repeat: no-repeat;
   background-position: bottom;
   width: 172px;
   height:180px;
}

#bereich1 {
  position: absolute;
  top:0;
  left:0;
  background-image: url(img-portal/Portal_ol.gif);
   background-repeat: no-repeat;
   width: 197px;
   height: 184px;
   background-position: bottom;
}
#bereich1 a, #bereich2 a, #bereich3 a, #bereich3 a, #bereich4 a {
  display: block;
  width: 100%;
  height:100%;

}

#bereich2 {
  position: absolute;
  top:0;
  right:0;
  background-image: url(img-portal/Portal_or.gif);
   background-repeat: no-repeat;
   width: 197px;
   height: 184px;
   background-position: bottom;
   text-align: right;
}

#bereich3 {
  position: absolute;
  bottom:0;
  left:0;
  background-image: url(img-portal/Portal_ul.gif);
   background-repeat: no-repeat;
   width: 197px;
   height: 194px;
}
#bereich4 {
  position: absolute;
  bottom:0;
  right:0;
  background-image: url(img-portal/Portal_ur.gif);
   background-repeat: no-repeat;
   width: 197px;
   height: 194px;
   text-align: right;
}

#bereich3 span, #bereich4 span {
  position: absolute;
  bottom:0;
  left:0;
}
#bereich4 span {
   width: 210px;
   margin-left: -4px;
}

#bereich1 a:hover {
  background-image: url(img-portal/Portal_Pfeil_ol.gif);
  background-repeat: no-repeat;
  background-position:163px 140px;
}


#bereich2 a:hover {
  background-image: url(img-portal/Portal_Pfeil_or.gif);
  background-repeat: no-repeat;
  background-position:0px 140px;
}

#bereich3 a:hover {
  background-image: url(img-portal/Portal_Pfeil_ul.gif);
  background-repeat: no-repeat;
  background-position:163px 1px;
}

#bereich4 a:hover {
  background-image: url(img-portal/Portal_Pfeil_ur.gif);
  background-repeat: no-repeat;
  background-position:0 0;
}