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. */ 
  border:0px solid #0f0; /* für die Zentrierung selbst nicht nötig */ 

  /* 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;

}
#menu img {
	margin-left:45px; 
	margin-right:10px;
	margin-top:15px;  
	vertical-align: bottom;
	text-align: right;
}
#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;
	padding-bottom:0px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #000000;

}
#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; 
}
#footer img {
	margin-left:30px;
	margin-bottom: -5px; 
}	
#whiteinhalt  {
	width: 850px;
	height: 375px;
	margin-top:10px;
	margin-bottom:10px;  
	font-size: 12px;
	color: #000;
	border: 0px dotted black;
	line-height: 18px;
	background-color: #fff;
	}	

#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;
}
#malerei table {
width: 170px;
margin: 0px;
}
#malerei td {
padding-top:17px;
padding-bottom:20px;
padding-right:5px;
padding-left:5px;
margin: 0px;
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;
	display: block;
	width: 120px;
/*	background-color: #666666; */
	padding: 1px;
	margin-top: 5px;
	margin-bottom: 5px;

}
.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 #000000;
	margin-right: 20px;

}
.greyborder {
	border: 1px #999999 solid;
	padding: 4px;
}