body {
	text-align: center;
	}

html, body {
	height: 100%;
	}

div#container {
	margin-left: auto;
	margin-right: auto;
	width:956px;
	text-align: left;
	background:#DAD7DA url('images/bg_content.gif') repeat-y;
	min-height: 100%;
	height: 100%;
	height: auto !important;
	margin: 0 auto -100px; /* margin-bottom entspricht der footer-Höhe*/
	}

#wrapper {
	margin-left:27px;
	margin-right:27px;
	padding-left:16px;
	padding-right:16px;
	}
#header {
   width:956px;
   float:left;
}

.footer, .push {
    /* "height" MUSS hier mit der neagtiven margin Angabe im Style div#container übereinstimmen */
    height:100px;
	}

.footer {
	position: relative;
	width: 956px;
	margin: 0 auto;
	background:#DAD7DA url('images/bg_content.gif') repeat-y;
	}
.footer p {
	position: absolute;
	left: 0;
	width: 956px;
	padding-top:20px;
	color: #A8A7A8;
	text-align: center;
	}

#content-left		{ width:630px; float:left; background-color:#e9e9e9; }
#content-right		{ width:240px; float:right; background-color:#e9e9e9; }
#content-left-sizer	{ padding-left:10px; padding-top:10px; padding-right:10px; }
#content-left-flat	{ width:630px; float:left; background-color:#f1f1f1; }

div.rightcolumn-grey	{ background-color:#f1f1f1;padding-top:6px;padding-right:6px;padding-bottom:6px;}
div.container-motive	{ background-color:#e9e9e9;padding-top:8px;  }
div.sizer-motive-right	{ width:210px;margin-left:18px; padding-bottom:2px;}

.clearfix {
	zoom:1;
	}

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

/* Varianten */
div#content-left-sizer-geschichte	{ padding-left:10px; padding-top:10px; padding-right:90px; }