#top {
	position:absolute;
	left:50%;
	top:5%;
	height:60px;
	width:94%;
	margin-left:-47%;
	border:0px;
	background-image:url(images/background_top.jpg);
	background-repeat:repeat-x;
	padding:5px 5px 5px 5px;
}

#left {
	position:absolute;
	left:50%;
	top:20%;
	height:61%;
	width:18%;
	margin-left:-47%;
	border:0px;
	padding:5px 5px 5px 25px;
	background-image:url(images/background.jpg);
	background-repeat:no-repeat;
	z-index:8;
	overflow:auto;
}

#right {
	position:absolute;
	left:50%;
	top:20%;
	height:61%;
	width:70%;
	margin-left:-23%;
	border:0px;
	padding:5px 5px 5px 5px;
	z-index:10;
	overflow:auto;
}

#bottom  {
	position:absolute;
	left:50%;
	bottom:5%;
	height:60px;
	width:94%;
	margin-left:-47%;
	border:0px;
	background-image:url(images/background_bottom.jpg);
	background-repeat:repeat-x;
	padding:5px 5px 5px 5px;
	text-align:right;
}

#blume {
	position:absolute;
	top:2%;
	right:1%;
	width:150px;
	height:150px;
	z-index:20;
}

.floatleft {float:left;}
.floatright {float:right;}
.floatclearleft {clear:left;}
.floatclearright {clear:right;}

.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 Hack */

  * html {
     width: 100%;
     height: 100%;
     overflow: hidden;
  }

  * html body {
     width: 100%;
     height: 100%;
     overflow: auto;
  }