html, body {
margin: 0;
padding: 0;
height: 100%;
}
#main {
	position:absolute;
 	height:590px;
 	width:1000px;
 	margin:-295px 0px 0px -500px;
 	top: 50%;
 	left: 50%;
	background-image:url(img/bg_kreis.png)
}
#horizontalbalken {
	height:65px;
	width:100%;
	top: 50%;
	margin-top:39px;
	position: absolute;
	background-color: #FFC;
	background-image:url(img/balken_bg.png)
}
#wrapper {
	height: 100%;
	width: 100%;
}
#bild_blond_links {
	height: 334px;
	width: 200px;
	float: left;
	background-image:url(img/kind_links.png);
}
#bild_typ_rechts {
	height: 334px;
	width: 436px;
	margin-left: 563px;
	background-image:url(img/mann_rechts2.png)
}
#daumenhoch {
	height: 320px;
	width: 200px;
	margin:-218px 0px 0px -126px;
 	top: 50%;
 	left: 50%;
	position: absolute;
	background-image:url(img/daumenhoch.png)
}
#welcome {
	height: 108px;
	width: 650px;
	position: absolute;
	left: 163px;
	background-image:url(img/header.png);
}
#balken {
	background-color: #fcfda9;
	background-image:url(img/balken.png);
	position: absolute;
	height: 65px;
	width: 1000px;
	top: 334px;
}
#muenchen {
	position: absolute;
	height: 164px;
	width: 115px;
	left: 227px;
	top: 417px;
}
#gruenwald {
	position: absolute;
	height: 164px;
	width: 115px;
	left: 442px;
	top: 417px;
}
#schwaben {
	position: absolute;
	height: 164px;
	width: 115px;
	left: 657px;
	top: 417px;