html, body {
	height:100%;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
/* 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:988px;   /* Breite von #center (+ ein paar Pixel Rand) */ 
  min-height:578px;  /* Höhe von #center (+ ein paar Pixel Rand) */
}

* html #IEspacer {
  /* sorgt dafür, dass es im IE auch bei deaktiviertem Javascript funktioniert */ 
  width:988px;          /* Breite von #center (+ ein paar Pixel Rand) */ 
  height:578px;         /* 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:982px;      /* Breite insgesamt 450px (448px + 2 x 1px Border) */
  min-height:572px; /* 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:-286px 0 0 -489px;
  background-image: url(/img_layout/bg_bioladen4.gif);
  background-repeat: no-repeat;
  border: 0px solid blue;
}  

body {
	background-color: #AD2718;
/*	background-attachment: fixed;
	background-image: url(/img_layout/bg_bioladen4.gif);
	background-repeat: no-repeat;
	background-position: middle center;   */
}
img {
	border: 0px;
}
#foot {
/*	position:absolute;
	bottom:0px;  */
	width: 975px;
	height: 52px;
	margin: 10px 0px 0px 10px;
	padding: 0px;
/*	margin-right:20px;   */
	clear:both; 
	border: 0px solid white;
}
#top {
	width: 975px;
/*	min-width: 970px;
	max-width: 1100px;   */
	overflow:auto;
	margin: 15px 0px 0px 10px;
	padding: 0px;
	border: 0px solid black;
}
#inhalt {
	width: 460px;
/*	min-width: 340px;
	max-width: 520px;  */
	height: 420px;
	background-color:#FFFFFF;
	margin: 35px 0px 0px 0px;
	padding: 5px;
	float:left;
	overflow:auto;
	scrollbar-3dlight-color:#E4E4E4;
 	scrollbar-arrow-color:#C93930;
 	scrollbar-base-color:white;
	scrollbar-darkshadow-color:white;
	scrollbar-face-color:white;
	scrollbar-highlight-color:white;
	scrollbar-shadow-color:#C93930;
	scrollbar-track-color:#F3F3F3;
	border: 0px solid yellow;
}
#aktuell {
	width: 175px;
	margin: 0px 5px 0px 0px;
	float:right;
	border: 0px solid orange;
}
#aktuell img {
	margin: 0px 0px 15px 0px;
}
#newstext {
	width: 175px;
	margin: 10px 0px 10px 0px;
	display:block;
}
#intext {
	padding: 10px 5px 0px 10px;
}

/* STYLES BILDERGALERIE   */

#bginhalt {
	width: 764px;
	height: 420px;
	background-color:#FFFFFF;
	margin: 16px 0px 10px 192px;
	padding: 5px;
	float:left;
	overflow:auto;
	scrollbar-3dlight-color:#E4E4E4;
 	scrollbar-arrow-color:#C93930;
 	scrollbar-base-color:white;
	scrollbar-darkshadow-color:white;
	scrollbar-face-color:white;
	scrollbar-highlight-color:white;
	scrollbar-shadow-color:#C93930;
	scrollbar-track-color:#F3F3F3;
	border: 0px solid orange;
}
#bgtext {
	padding: 25px 40px 0px 40px;
        border: 0px solid orange;
}
#bghead {
	width: 180px;
	height: 18px;
	float:right;
	overflow:hidden;
	margin: 1px 10px 0px 0px;
	padding: 0px;
	border: 0px solid black;
}