html, body {
        background-color: #ECE7D7;
        height:100%;
        margin:0;
        padding:0;
        font-family: Arial, Helvetica, sans-serif;
        color: #000000;

}
/* Weil folgende Eigenschaften für beide Elemente identisch sind,
werden diese gleich gemeinsam definiert. */

#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:858px;   /* Breite von #center (+ ein paar Pixel Rand) */
  min-height:548px;  /* Höhe von #center (+ ein paar Pixel Rand) */
}

* html #IEspacer {
  /* sorgt dafür, dass es im IE auch bei deaktiviertem Javascript funktioniert */
  width:858px;          /* Breite von #center (+ ein paar Pixel Rand) */
  height:548px;         /* 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:850px;      /* Breite insgesamt 450px (448px + 2 x 1px Border) */
  min-height:540px; /* 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%;
  margin:-270px 0 0 -425px;
  background-color: #fff;
}
#centerstart {
        padding:0;
        border:0px solid #0f0;
        width:850px;
        min-height:540px;
        position:absolute;
        top:50%;
        left:50%;
        margin:-270px 0 0 -425px;
        background-color: #fff;
        background-image: url(img/bg_start.jpg);
        background-position: 0px 20px;
        background-repeat: no-repeat;
        font-size: 12px;


}

/* min-height für den IE */
* html #center  {
  height:540px;             /* das selbe Maß wie oben bei min-height */
}
* html #centerstart {
  height:540px;
}
#text {
         scrollbar-3dlight-color:#666;
         scrollbar-arrow-color:#666;
         scrollbar-base-color:white;
         scrollbar-darkshadow-color:white;
         scrollbar-face-color:white;
         scrollbar-highlight-color:white;
         scrollbar-shadow-color:#666;
         scrollbar-track-color:white;
}

img {
        margin: 0px;
}
#menu  {
        width: 850px;
        text-align: right;
        font-size: 11px;
        color: #818181;
        padding-bottom:10px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #000000;

}

.menutable {
         width:850px;
         border:0px;
         font-size: 11px;
         }

#menu2  {
        width: 1050px;
        text-align: left;
        font-size: 11px;
        color: #818181;
        padding-bottom:10px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #000000;

}
.menuimg {
        margin-left:45px;
        margin-right:10px;
        margin-top:15px;
        vertical-align: bottom;
        text-align: right;
}
.menuimg2 {
        margin-left:2px;
        margin-right:2px;
        margin-top:15px;
        vertical-align: bottom;
        text-align: right;
        align: right;
}

.sdkimg {
         text-align: left;
         padding-right:10px;
         padding-bottom:5px;
         }
.imgpad {
         padding-left:10px;
         padding-right:10px;
         padding-bottom:5px;
         padding-top:5px;
         }
.sdklink {
         text-decoration:none;
         font-weight: bold;
         }
#ausueb {
         text-align: right;
         font-size: 20px;
         font-face: 'curier';
         }

#menu a {
        color: #818181;
        text-decoration: none;
}
#textstart  {
        width: 820px;
        height: 270px;
        text-align: right;
        margin-top:42px;
        margin-bottom:50px;
        border: 0px dotted black;
/*        line-height: 20px; */
}
#menuwork  {
        width: 850px;
        text-align: right;
        font-size: 11px;
        color: #818181;
        background-color: white;
        padding-bottom:10px;
        border: 1px solid red;


}
#menuwork img {
        margin-left:45px;
        margin-right:10px;
        margin-top:15px;
        vertical-align: bottom;
        text-align: right;
}
#menuwork a {
        color: #818181;
        text-decoration: none;
}
#textstart  {
        width: 820px;
        height: 270px;
        text-align: right;
        margin-top:42px;
        margin-bottom:50px;
        border: 0px dotted black;
        line-height: 20px;
}

#footerstart  {
        width: 830px;
        vertical-align: bottom;
        text-align: right;
        font-size: 11px;
        color: #000;
        margin-bottom:25px;
}
#footerstart img {
        margin-left:30px;
        margin-bottom: -5px;
}
#footer  {
        width: 830px;
        vertical-align: bottom;
        text-align: right;
        font-size: 11px;
        color: #000;
        margin-bottom:15px;
        }
#footerwork  {
        width: 830px;
        vertical-align: bottom;
        font-size: 11px;
        color: #000;
        margin-bottom:15px;
}
#footerwork td {
        font-size: 11px;
        color: #000;
        text-align: left;
}
#footer img {
        margin-left:30px;
        padding-bottom: 0px;
}
#whiteinhalt  {
        width: 850px;
        height: 395px;
        margin-top:5px;
        margin-bottom:10px;
        font-size: 12px;
        color: #000;
        border: 0px dotted black;
        line-height: 18px;
        overflow: auto;
        background-color: #fff;
        scrollbar-3dlight-color:#666;
         scrollbar-arrow-color:#666;
         scrollbar-base-color:white;
         scrollbar-darkshadow-color:white;
         scrollbar-face-color:white;
         scrollbar-highlight-color:white;
         scrollbar-shadow-color:#666;
         scrollbar-track-color:white;
        }

#blackinhalt  {
        width: 850px;
        height: 385px;
        text-align: right;
        padding-top:5px;
        margin-top:10px;
        margin-bottom:10px;
        border: 0px dotted black;
        line-height: 20px;
        background-color: #000;
}
#malerei {
        width: 305px;
        height: 365px;
        overflow: auto;
        margin-top:5px;
        border: 0px solid white;
        padding-right: 20px;
        scrollbar-3dlight-color:#666;
         scrollbar-arrow-color:#666;
         scrollbar-base-color:black;
        scrollbar-darkshadow-color:black;
        scrollbar-face-color:black;
        scrollbar-highlight-color:black;
        scrollbar-shadow-color:#666;
        scrollbar-track-color:black;
}
#malerei img {
border: 0px;
margin-top:10px;
margin-bottom:10px;
margin-right:5px;
margin-left:5px;
}
#malerei table {
width: 170px;

}
#malerei td {
height: 110px;
color: #fff;
font-size: 11px;
text-align: center;
border: 1px solid #666;
}
#bildhauerei {
        width: 230px;
        height: 364px;
        margin-top:5px;
        padding-right: 25px;
        overflow: auto;
        scrollbar-3dlight-color:#666;
        scrollbar-arrow-color:#666;
        scrollbar-base-color:black;
        scrollbar-darkshadow-color:black;
        scrollbar-face-color:black;
        scrollbar-highlight-color:black;
        scrollbar-shadow-color:#666;
        scrollbar-track-color:black;

}
#bildhauerei img {
border: 0px;
}
#bildhauerei table {
width: 170px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#bildhauerei td {
padding:0px;
height: 360px;
margin: 0px 0px 0px 0px;
text-align: center;
border: 1px solid #666;
}
#aktionskunst {
        width: 230px;
        height: 364px;
        overflow: auto;
        margin-top:5px;
        padding-right: 25px;
        scrollbar-3dlight-color:#666;
        scrollbar-arrow-color:#666;
        scrollbar-base-color:black;
        scrollbar-darkshadow-color:black;
        scrollbar-face-color:black;
        scrollbar-highlight-color:black;
        scrollbar-shadow-color:#666;
        scrollbar-track-color:black;
 }
#aktionskunst img {
border: 0px;
}
#aktionskunst table {
width: 170px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#aktionskunst td {
padding:0px;
height: 360px;
color: #fff;
margin: 0px 0px 0px 0px;
text-align: center;
border: 1px solid #666;

}
a:link {
        color: #000;
        text-decoration: underline;
}
a:visited {
        color: #000;
        text-decoration: underline;
}
a:hover {
        color: #000000;
        text-decoration: none;
}
.pdf {
        font-size: 10px;
        color: #999999;
}
.uebig {
        font-size: 16px;
        font-weight: bold;
        color: #999999;
        display: block;
        margin-top: 5px;
        margin-bottom: 15px;

}
 .startsuch {
        font-size: 16px;
        font-weight: bold;
        color: #666;
        border-bottom: 1px solid #666;
        display: block;
        width: 120px;
        padding: 1px;
        margin-top: 5px;
        margin-bottom: 5px;
}
a.startsuchlink:link  {
        width: 120px;
        border-bottom: 1px solid #666;
        display: block;
        padding: 1px;
        margin-top: 5px;
        margin-bottom: 5px;
        font-size: 16px;
        font-weight: bold;
        color: #666;
        text-decoration: none;
}
a.startsuchlink:visited  {
        width: 120px;
        border-bottom: 1px solid #666;
        display: block;
        padding: 1px;
        margin-top: 5px;
        margin-bottom: 5px;
        font-size: 16px;
        font-weight: bold;
        color: #666;
        text-decoration: none;
}
a.startbietlink:link  {
        width: 120px;
        border-bottom: 1px solid #666;
        display: block;
        padding: 1px;
        margin-top: 5px;
        margin-bottom: 5px;
        font-size: 16px;
        font-weight: bold;
        color: #666;
        text-decoration: none;
}
a.startbietlink:visited  {
        width: 120px;
        border-bottom: 1px solid #666;
        display: block;
        padding: 1px;
        margin-top: 5px;
        margin-bottom: 5px;
        font-size: 16px;
        font-weight: bold;
        color: #666;
        text-decoration: none;
}
.startbiet {
        font-size: 16px;
        font-weight: bold;
        color: #666;
        display: block;
        width: 120px;
/*        background-color: #e1e1e1; */
        padding: 1px;
        margin-top: 5px;
        margin-bottom: 5px;

}
.press {
        font-size: 14px;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #666666;
        display: block;
        margin-bottom: 10px;
        width: 80px;
        text-align: center;
        padding-top: 3px;
        padding-bottom: 3px;

}
.thumbquad {
        height: 100px;
        width: 100px;
        border: 1px solid #ADADAD;
        margin-right: 20px;

}
.greyborder {
        border: 1px #999999 solid;
        padding: 4px;
}