*  {
margin:0;
padding:0;
font-family:Arial;
}

.fleft { float:left; }
.fright { float:right; }
.clear { clear:both; }

BODY {
height:100%; 
background-color:#062415; /*#0a3821;*/
text-align:center;
}

#WRAPPER {
width: 920px; 
margin-left: auto; /* Div soll zentriert werden */
margin-right: auto; /* Div soll zentriert werden */
margin-top: 10px;
margin-bottom: 10px;
background-color:#FFFFFF;
position: relative;
text-align:left;
}

#HEADER {
height:60px;
background-image:url(/portaldata/3/images/bg_header.gif); 
padding: 0 10 0 10;
}

#CONTENT {
padding: 10 10 10 10;
}

#FOOTER {
height:60px;
line-height:60px;
padding: 0 10 0 10;
background-image:url(/portaldata/3/images/bg_footer.gif); 
}

#HSPACER {
width:10px;
float:left;
}


/* Vettical-align:Middle : Workaround */
.outer {overflow: hidden; position: relative; width: 100%;}
.outer[class] {display: table; position: static;}

.middle {position: absolute; top: 50%; width: 100%; text-align: center;} /* for explorer only*/
.middle[class] {display: table-cell; vertical-align: middle; position: static;}

.inner {position: relative; top: -50%; text-align: left;} /* for explorer only */
.inner {margin-left: auto; margin-right: auto;} /* for all browsers*/
.inner[class] {position: static;}