body     {
         background-color: #ffffff;
         margin-top:0;
         margin-left:0;
         margin-right:0;
         margin-bottom:0;
         }

html, body {
         height:100%;
         padding:0;
         }

#spacer, #center{
  position:absolute;
  margin:0;
  padding:0;
}

#spacer{
  /* sorgt dafür, dass wenn nötig Scrolleisten erscheinen */
  width:100%;        /* ganauso breit, wie der Anzeigebereich */
  height:100%;       /* ganauso hoch, wie der Anzeigebereich */

  /* jetzt werden die notwendigen oder gewünschten Mindestmaße definiert. */
  min-width:577px;   /* Breite von #center (+ ein paar Pixel Rand) */
  min-height:370px;  /* Höhe von #center (+ ein paar Pixel Rand) */
}

* html #IEspacer {
  /* sorgt dafür, dass es im IE auch bei deaktiviertem Javascript funktioniert */
  width:577px;          /* Breite von #center (+ ein paar Pixel Rand) */
  height:370px;         /* Höhe von #center (+ ein paar Pixel Rand) */
}

#center {
  /* ist das Element, welches zentriert werden soll */
  padding:0;        /* es sind auch andere Angaben möglich, die dann
  allerdings bei der Breite und Höhe mit berücksichtigt werden müssen. */

  /* Angaben zu Breite und Höhe, diese können auch in em angegeben werden. */
  width:577px;      /* Breite insgesamt 450px (448px + 2 x 1px Border) */
  min-height:370px; /* Mindesthöhe insgesamt 300px (298px + 2 x 1px Border),
  bei genau dieser Höhe funktioniert die vertikale Zentrierung */

  /* jetzt wird die linke obere Ecke vertikal und horizontal zentriert */
  position:absolute;
  top:50%;
  left:50%;

  /* durch negative margins wird es jetzt um die Hälfte von Höhe und
  Breite nach oben und links verschoben */
  margin:-185px 0 0 -289px; /* jeweils die Hälfte der Gesamthöhe und -breite */
}

#centerL {
  /* ist das Element, welches zentriert werden soll */
  padding:0;        /* es sind auch andere Angaben möglich, die dann
  allerdings bei der Breite und Höhe mit berücksichtigt werden müssen. */

  /* Angaben zu Breite und Höhe, diese können auch in em angegeben werden. */
  width:100%;      /* Breite insgesamt 450px (448px + 2 x 1px Border) */
  min-height:370px; /* Mindesthöhe insgesamt 300px (298px + 2 x 1px Border),
  bei genau dieser Höhe funktioniert die vertikale Zentrierung */

  /* jetzt wird die linke obere Ecke vertikal und horizontal zentriert */
  position:absolute;
  top:50%;

  /* durch negative margins wird es jetzt um die Hälfte von Höhe und
  Breite nach oben und links verschoben */
  margin:-185px 0 0 0; /* jeweils die Hälfte der Gesamthöhe und -breite */
  z-index: 90;
  filter:alpha(opacity=97);
  -moz-opacity: 0.97;
  opacity: 0.97;
  }

#centerI {
  display: block;
  width:100%;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  background-color: #ffffff;
  }


/* min-height für den IE */
* html #center {
  height:370px;             /* das selbe Maß wie oben bei min-height */
}


a:link { text-decoration:none; color: #000000; }
a:visited { text-decoration:none; color: #000000; }
a:hover { text-decoration:none; color: #999999; }
a:active { text-decoration:none; color: #000000; }
a:focus { outline:none; }


body, td, th, span, div, p {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #222222; }

.text {
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 12px;
        text-align: left;
        color: #222222; }

.imptext {
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 12px;
        text-align: justify;
        margin-left: 10px;
        margin-right: 20px;
        margin-top: 5px;
        margin-bottom: 5px;
        color: #222222; }

.impTITR {
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 12px;
        text-align: right;
        font-style:italic;
        margin-left: 10px;
        margin-right: 20px;
        margin-top: 25px;
        margin-bottom: 5px;
        color: #222222; }

.impTITL {
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 12px;
        text-align: left;
        font-weight: bold;
        margin-left: 10px;
        margin-right: 20px;
        margin-top: 25px;
        margin-bottom: 5px;
        color: #222222; }

.kontext {
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 12px;
        margin-top: 2px;
        margin-right: 1px;
        color: #222222; }

.title {
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 12px;
        text-align:right;
        color: #222222; }

h1 {
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        text-align: justify;
        color: #222222; }

div.closebtn {

padding:4px 12px 4px 24px;
text-decoration:none;
cursor:pointer;
color:#fff;
font-family:verdana,Tahoma,sans-serif;
font-size:10px;
background-image:url(../viz/closb.png);
background-repeat:no-repeat;
background-position:bottom left;
}

.boxbutle
{
  height: 12px !important;
  padding: 4px 10px 10px 10px;
  border-top: 1px solid #000;
  color: #222222;
  text-align: right;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;

  }

.boxtitle
{
  height: 12px !important;
  padding: 4px 20px 20px 20px;
  border-bottom: 1px solid #000;
  color: #222222;
  text-align: right;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px;

  }

.logiform
{
  padding: 4px 20px 20px 20px;
  }

input.button
{
  height: 24px;
  color: #000000;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding: 1px;
  padding-left: 8px;
  padding-right: 8px;
  border: 1px solid #a4a4a4;
  }

#message
{
  position: absolute;
  display: none;
  bottom: 70px;
  left: 200px;
  right: 200px;
  z-index: 5000;
  opacity: 0.85;
}

#message div
{
  width: 400px;
  margin: 0px auto;
  height: 24px;
  min-height: 24px;
  padding: 8px 8px 8px 8px;
}

#message div.notice, #remote-objects-message
{
  background: url(images/display/info.png) 6px 3px no-repeat;
  background-color: #cbcbcb;
  border: 1px solid #000000;
  text-align:center;
}

#message div.error, #message div.warning
{
  background: url(images/display/warning.png) 6px 3px no-repeat;
  background-color: #cbcbcb;
  border: 1px solid #000000;
  text-align:center;
}

#message div.confirmation
{
  background: url(images/display/confirm.png) 6px 3px no-repeat;
  background-color: #cbcbcb;
  border: 1px solid #000000;
  text-align:center;
}

#container {
  position: relative;
  width: 310px;
  height: 310px;
  overflow: hidden;
}

#scroller {
  width: 4235px; /* = width + margin left + margin right + padding*2 + border*2  from the content rule */
}

#scroller2 {
  width: 3970px; /* = width + margin left + margin right + padding*2 + border*2  from the content rule */
}

.content {
  height: 310px;
  float: left;
  margin-right: 5px;
}

.contentLAST {
  height: 310px;
  float: left;
}

<!--[if IE]>
<style type="text/css">

#scroller{
  width: 4235px; /* = width + margin left + margin right from the content rule + border*2 from the container rule*/
}

#scroller2{
  width: 3970px; /* = width + margin left + margin right from the content rule + border*2 from the container rule*/
}
</style>
<! [endif]-->