@charset "utf-8";
/* CSS Document */
html, body, #wrap {height: 100%;}

body > #wrap {
    height: auto;
    min-height: 100%;
}

#main {padding-bottom: 50px;}  /* Muss genau so hoch sein wie der Footer */

#footer {
    position: relative;
	margin-top: -50px; /* Negativer Wert der Footer-Höhe */
	height: 50px;
	margin-left: 10em;
	clear:both;
}

.main #footer { 
	padding: 0 10px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
	/*background:#DDDDDD;*/
} 
.main #footer p {
	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
	padding: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
}

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

/* Bereich nicht für IE-mac Anfang \*/
//* html .clearfix {height: 1%;}
//.clearfix {display: block;}
/* Bereich nicht für IE-mac Ende */