html, body {
	min-height: 100%;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
html>body #wrapper {
	height: auto;
}
body {
	background: #c5c5c5 url("../img/body.png") repeat-y top center;
	margin: 0;
	padding: 0;
	min-width:  900px;
	text-align: center;
}
#wrapper {
	position: relative;
	background: url("../img/wrapper_frontpage.png") repeat-y top left;
	margin: 0 auto;
	text-align: left;
	width: 900px;
	min-height: 100%;
	height: auto;
}
* html #wrapper {
	height: 100%;
}
#top1 {
	position: relative;
	background: url("../img/header_frontpage.png") no-repeat 0px 0px;
	width: 898px;
	height: 253px;
	margin: 0 0 0 1px;
	padding: 0;
	text-align: left;
	clear: both;
}
#top2 {
	position: relative;
	background: #fff url("../img/top2_frontpage.png") repeat-x 0px 0px;
	width: 898px;
	height: 37px;
	margin: 0 0 0 1px;
	padding: 0;
	text-align: left;
	clear: both;
}
#logo {
	position: absolute;
}
#pagebody {	
	/*background: url("../img/content_frontpage.png") 0px 0px no-repeat; */
	width: 898px;
	min-height: 370px;
	margin: 0 0 0 1px;
	padding: 0 0 0 0;
	clear: both;
}
* html #pagebody {
	height: 370px;}
#topimage {
	position: absolute;
	top: 52px;
	right: 0px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	overflow: hidden;
}
#topimage img{
	position: relative;
	display: inline;
}
#topbuttons {
	position: absolute;
	top: 0px;
	left: 450px;
}
#topbutton1 {
	background: url("../img/tb_frontpage_out.png") 0px 0px no-repeat; 
	display: block;
	float: left;
	width: 226px;
	height: 50px;
}
#topbutton2 {
	background: url("../img/tb_frontpage_out.png") -226px 0px no-repeat; 
	display: block;
	float: left;
	width: 168px;
	height: 50px;
}
#topbutton1:hover, #topbutton2:hover{
	background-image: url("../img/tb_frontpage_over.png"); 
}
#content {
}
.clear {
	clear: both;
	height: 10px;
}