/* basic elements */

html,body {
	background: #fff;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	}
	
/* specific divs */

#distance { 
	width:1px;
	height:50%;
	margin-bottom:-338px; /* half of container's height */
	float:left;
	}

#container {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:27.5em;
	width:45em;
	clear:left;
	width: 900px;
	height: 675px;
	visibility: visible;
	background-image: url(pics/willkommen1.jpg);
	}

a:hover img	{border: 1px solid #0000FF;}
a:hover {padding:0;}

.empty {
	position: absolute;
	height: 106px;
	width: 57px;
	left: 163px;
	top: 237px;
	}
.empty2 {
	position: absolute;
	height: 50px;
	width: 145px;
	left: 379px;
	top: 200px;
	}
.empty3 {
	position: absolute;
	height: 50px;
	width: 145px;
	left: 379px;
	top: 326px;
	}
.empty4 {
	position: absolute;
	height: 104px;
	width: 57px;
	left: 677px;
	top: 238px;
	}
.empty5 {
	position: absolute;
	height: 50px;
	width: 145px;
	left: 379px;
	top: 263px;
	}
	.empty6 {
	position: absolute;
	height: 14px;
	width: 95px;
	left: 98px;
	top: 634px;
	}
	.empty7 {
	position: absolute;
	height: 14px;
	width: 130px;
	left: 206px;
	top: 634px;
	}
	.empty8 {
	position: absolute;
	height: 14px;
	width: 167px;
	left: 636px;
	top: 463px;

	}
.counter {
	position: absolute;
	left: 407px;
	top: 484px;
}