* { 
	padding: 0; 
    	margin: 0;
    	border: 0;     
    	font-family: Verdana, sans-serif;                           
    	list-style-type: none; 
}

/* --- Layout erstellen --------------------------------------------- */

/*====================================================================*/
/* Dauerhafte Scrollbalken im FF                                      */
/*====================================================================*/

html {
	height: 100%;
}

body {
  height: 100.1%; 	
  background: black; 		
}

/*====================================================================*/
/* Layout x% Breite + zentrieren                                      */
/*====================================================================*/

#centerPage {
  position: relative;
  height: 100%;
  width: 90%;
  margin: 0em auto;
  background: white;		  									
}

/*====================================================================*/
/* Footer fest am unteren Rand positionieren                          */
/*====================================================================*/

#nonFooter { /* Den nonFooter-Bereich auf 100% skallieren */
	position: relative;
	min-height: 100%;
}

* html #nonFooter { /* min-height fuer IE 5+6 */
	height: 100%;
}

#layoutFooter	{ /* footer ueber den nonFooter-Bereich schieben */
	position: relative;
	margin: -1em auto 0 auto; /* Hier Hoehe des Footer eintragen */
}

* html #layoutFooter { /* Anpassung fuer IE 5+6 */
	margin-top: -1em;
}

hr.contentClear { /* Abstand Contentinhalt zum Footer inkl. clear */
  clear: both;
  height: 1em; /* Hier die benötigte Hoehe eintragen */
  visibility: hidden;
}

* html hr.contentClear { /* Anpassung fuer IE 5+6 */
  clear: both;
  height: 1em;
}

* html div.addlayout { /* -Layout- in IE 5+6 aktivieren */
  height:     0;
}

/*====================================================================*/
/* Header DIVs                                                        */
/*====================================================================*/

#layoutHeader { /* Container DIV ohne eigenen Inhalt */
  clear: both;
  float: left;
  width: 100%;
}

#headerMarginTop {
  clear: both;
  float: left;
  width: 100%;
  height: 1em;
  background: black;
}

#headerBorderTop {
  clear: both;
  float: left;
  width: 100%;
  height: 25px;
  background: yellow;
}

#headerMid { /* Container DIV ohne eigenen Inhalt */
  clear: both;
  float: left;
  width: 100%;
}

#headerBorderLeft {
  clear: both;
  float: left;
  width: 25px;
  height: 100%;
  background: yellow;
}

#headerBorderRight {
  float: right;
  width: 25px;
  height: 100%;
  background: yellow;
}

#headerContent { /* Container DIV ohne eigenen Inhalt */
  height: 100%;
  margin: 0 25px 0 25px;
}

#banner { /* Container DIV ohne eigenen Inhalt */
  clear: both;
  float: left;
  width: 100%;
}

#bannerText {
  clear: both;
  float: left;
  width: 30em;
  height: 100%;
  background: #D3D3D3;
}

#bannerLogo {
  height: 100%;
  margin-left: 30em;
  background: silver;
}

#mainmenu { /* Container DIV ohne eigenen Inhalt */
  clear: both;
  float: left;
  width: 100%;
}

#mainmenuLeftContent {
  clear: both;
  float: left;
  width: 12em;
  height: 100%;
  background: silver;
}

#mainmenuRightContent {
  height: 100%;
  margin-left: 12em;
  background: #D3D3D3;
}

#navi {
  clear: both;
  float: left;
  width: 100%;
  background: silver;
}

#register {
  clear: both;
  float: left;
  width: 100%;
  background: #D3D3D3;
}

#headerBorderBottom {
  clear: both;
  float: left;
  width: 100%;
  height: 25px;
  background: yellow;
}

/*====================================================================*/
/* Mid DIVs                                                           */
/*====================================================================*/

#layoutMid { /* Container DIV ohne eigenen Inhalt */
  clear: both;
  float: left;
  width: 100%;
}

#midBorderLeft {
  clear: both;
  float: left;
  width: 25px;
  height: 100%;
  background: yellow;
}

#midBorderRight {
  float: right;
  width: 25px;
  height: 100%;
  background: yellow;
}

#midMaincontent { /* Container DIV ohne eigenen Inhalt */
  height: 100%;
  background: #FEF3A5;
  margin: 0 25px 0 25px;
}

/*====================================================================*/
/* Footer DIVs                                                        */
/*====================================================================*/

#footerBorderTop {
  clear: both;
  float: left;
  width: 100%;
  height: 25px;
  background: yellow;
}

#footerBorderBottom {
  float: left;
  width: 100%;
  height: 25px;
  background: yellow;
}

#footerMarginBottom {
  float: left;
  width: 100%;
  height: 1em;
  background: black;
}

#footerMid { /* Container DIV ohne eigenen Inhalt */
  float: left;
  width: 100%;
}

#footerBorderLeft {
  clear: both;
  float: left;
  width: 25px;
  height: 100%;
  background: yellow;
}

#footerBorderRight {
  float: right;
  width: 25px;
  height: 100%;
  background: yellow;
}

#footerContent {
  height: 100%;
  margin: 0 25px 0 25px;
  background: silver;
}