html, body { 
  height: 100%; 
  margin: 0px; 
  padding: 0px; 
} 
.wrapper { 
   	min-height: 100%; 
    height: auto;  
} 

/* header */
.header { width: 840px; margin-left: auto; margin-right: auto; height: 90px; padding-top: 40px; text-align: left; background-image: url(../images/bgtopp.png); background-position: center top; background-repeat: no-repeat; }
.navigation{width: 840px; margin-left: auto; margin-right: auto; height: 35px; text-align: center; background-image: url(../images/bgmenu.png); background-position: center top; background-repeat: no-repeat;}


/* content */
.content{ width: 840px; margin-left: auto; margin-right: auto; height: auto; min-height: 400px; text-align: left; padding: 30px 0 30px 0; }


/* footer */
.footer{width: 840px; margin-left: auto; margin-right: auto; height: 36px; text-align: center; background-image: url(../images/footer.png); background-position: center top; background-repeat: no-repeat;}

#leftcolumn{float: left; width: 300px; height: auto; text-align: left; }
#rightcolumn{float: left; width: 540px; height: auto; text-align: left;}

div.clear {
	clear: both;
}