html, body {
	height: 100%; /* Anzeigebereich in der Vertikalen auf 100% strecken */
}

body{
  border:solid;
  border-width:0px;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  width:100%;

}

#page_footer{
	background-image:url('../bilder/layout/hg_unten.jpg');
  	background-repeat:repeat-x;
  	background-position:bottom;
  	position:absolute;
  	width:100%;
  	height:32px;
  	position: absolute;
  	margin-top:-32px;
}

div#wrapper {
	position: relative;
 	margin: 0 auto;
  width: 1009px;
	min-height: 100%; /* Mindesthöhe in modernen Browsern */
	height: auto !important; /* !important-Regel für moderne Browser */
	height: 100%; /* Mindesthöhe in IE (<7) */
	background-image:url('../bilder/layout/hg_content.jpg');
  background-repeat:repeat-y;
  border:solid;
}

#content_container{
  min-height: 100%; /* Mindesthöhe in modernen Browsern */
  height: auto !important; /* !important-Regel für moderne Browser */
  height: 100%; /* Mindesthöhe in IE (<7) */
  /*overflow:visible;*/

  padding-bottom:30px;
}

.content_navigation{
  float:left;
}

#content_mitte{
  float:left;
	overflow:visible;
  min-height: 100%; /* Mindesthöhe in modernen Browsern */
  height: auto !important; /* !important-Regel für moderne Browser */
  height: 100%; /* Mindesthöhe in IE (<7) */
}

/* clearfix zum Aufheben der Floatumgebung */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#footer{
  width:100%;
  height:32px;
  position: absolute;
  margin-top:-32px;
  background-image:url('../bilder/layout/hg_innen_unten.jpg');
  background-repeat:repeat-x;
  background-repeat:no-repeat;
  background-position:center;
  margin-left:-1px;
}