body {
 margin: 0px 0px 0px 0px;
 overflow: auto;
}

.bildschirm {
 position: absolute;
 width: 100%;
 height: 100%;
 min-width: 884px;
 min-height: 550px;
 background-color: #282323;
}

.arbeitsber {
 position: absolute;
 left: 50%;
 top: 50%;
 width: 884px;
 height: 550px;
 margin-left: -442px;
 margin-top: -275px;
}

.hgoben {
 position: absolute;
 left: 0px;
 top: 0px;
 width: 884px;
 height: 275px;
 background-color: #dfd7cf;
}

.hgmitte {
 position: absolute;
 left: 0px;
 top: 275px;
 width: 884px;
 height: 220px;
 background-color: #dfd7cf;
}

.hgunten {
 position: absolute;
 left: 0px;
 top: 495px;
 width: 884px;
 height: 55px;
 background-color: #957f6b;
 background-image: url(../bilder/hguntenverlauf.gif);
}

.schatten {
 position: absolute;
 left: 0px;
 top: 0px;
 width: 884px;
 height: 550px;
 background-image: url(../bilder/rahmenschatten.png);
}

.zurueckoben {
 position: absolute;
 left: 18px;
 top: 14px;
 width: 14px;
 height: 18px;
 background-image: url(../bilder/zurueck.gif);
 background-position: center center;
 background-repeat: no-repeat;
}

.kontakt {
 position: absolute;
 width: 24px;
 height: 18px;
 background-image: url(../bilder/glocke.gif);
 background-repeat: no-repeat;
} 

.kontakt:hover {
 background-image: url(../bilder/glocke_.gif);
} 

.kontaktpre {
 background-image: url(../bilder/glocke_.gif);
 visibility: hidden;
}

.kontakttext {
 position: absolute;
 left: -12px;
 top: 21px;
 width: 48px;
 color: #a29591;
 text-align: center;
 font-size: 9px;
}