body {
	margin: 0px;
	background-color: Black;
	font-family: Verdana, Arial, sans-serif;
}
#page {
	width: 738px;
	height: 550px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -369px;
	margin-top: -225px;
}

#head {
	width: 738px;
	height: 93px;
	background-image: url(../img/oben.gif);
}

#content {
	position: absolute;
	top: 93px;
	left: 27px;
}

/* Die Umrandung */
#left {
	background-image: url(../img/links.gif);
	width: 27px;
	height: 427px;
}
#right {
	background-image: url(../img/rechts.gif);
	width: 26px;
	height: 427px;
	position: absolute;
	top: 93px;
	left: 712px;
}
#bottom {
	background-image: url(../img/unten.gif);
	width: 738px;
	height: 32px;
	position: absolute;
}
#display {
	position: absolute;
	left: 490px;
	top: 39px;
	width: 125px;
	height: 40px;
	
	color: Lime;
	background-color: transparent;
	
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
}

/* BUTTONS */
#but1 {
	position: relative;
	top: 50px;
	left: 70px;
}
#but2 {
	position: relative;
	top: 50px;
	left:72px;
}
#but3 {
	position: relative;
	top: 50px;
	left: 68px;
}
#but4 {
	position: relative;
	top: 50px;
	left: 63px;
}
#but5 {
	position: relative;
	top: 50px;
	left: 58px;
}
#but6 {
	position: relative;
	top: 50px;
	left: 53px;
}
#but7 {
	position: relative;
	top: 50px;
	left: 48px;
}
#but8 {
	position: relative;
	top: 50px;
	left: 43px;
}
#but9 {
	position: relative;
	top: 50px;
	left: 38px;
}