* {
		margin:0;
		padding:0;
	}

	html, body {
		height:100%;
	}
	
	body {
		background-color:#E3E2CD;
		color:#C8AD76;
		text-align:center; /* horizontal centering for IE Win quirks */
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-decoration: none;
		
		background-image: url(../images/bg_pattern.png);
		background-repeat: repeat;

	}

	div {
		overflow: hidden;
	}
	a:link{
		color: #F7F3CD;
		text-decoration: none;
	}
	a:visited{
		color: #F7F3CD;
		text-decoration: none;
	}
	a:active{
		color: #BBA66F;
		text-decoration: none;
	}
	a:hover{
		color: #BBA66F;
		text-decoration: none;
	}

	a span {
		visibility:hidden;
		display:none;
		font-size:1px;
		overflow:hidden;
	}
	
	#distance {
		width:1px;
		height:50%;
		margin-bottom:-251px; /* half of container's height */
		float:left;
	}

	#container {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:503px;
		width:824px;
		clear:left;
		background-image: url(../images/shadow.png);
		background-repeat: no-repeat;
		background-position: center center;
	}

	#container #main {
		position:relative;
		top:20px;
		left:20px;
		width:784px;
		height:463px;
		background-image: url(../images/bg.png);
		background-repeat: no-repeat;
		background-position: center center;
	}	
	#container #main #intro {
	position:absolute;
	left:9px;
	top:91px;
	width:767px;
	height:341px;
	}	

#hdc {
	position: absolute;
	height: 19px;
	width: 245px;
	left: 44px;
	top: 35px;
}

#hdc a{
	position: relative;
	display: block;
	height: 19px;
	width: 245px;
}

#hdc-it {
	position:absolute;
	left:200px;
	top:64px;
	width:20px;
	height:10px;
}

#hdc-it a{
	position: relative;
	display: block;
	width:20px;
	height:10px;
}

#hdc-en {
	position:absolute;
	left:227px;
	top:64px;
	width:20px;
	height:10px;
}

#hdc-en a{
	position: relative;
	display: block;
	width:20px;
	height:10px;
}

#hdc-de {
	position:absolute;
	left:255px;
	top:64px;
	width:20px;
	height:10px;
}

#hdc-de a{
	position: relative;
	display: block;
	width:20px;
	height:10px;
}
	
#hb2 {
	position: absolute;
	height: 30px;
	width: 215px;
	left: 534px;
	top: 29px;
}

#hb2 a{
	position: relative;
	display: block;
	height: 30px;
	width: 215px;
}

#hb2-it {
	position:absolute;
	left:677px;
	top:65px;
	width:17px;
	height:10px;
	z-index:1;
}
#hb2-it a{
	position: relative;
	display: block;
	width:17px;
	height:10px;
}

#hb2-en {
	position:absolute;
	left:700px;
	top:65px;
	width:23px;
	height:10px;
}
#hb2-en a{
	position: relative;
	display: block;
	width:23px;
	height:10px;
}
#hb2-de {
	position:absolute;
	left:728px;
	top:65px;
	width:23px;
	height:10px;
}
#hb2-de a{
	position: relative;
	display: block;
	width:23px;
	height:10px;
}
#contacts {
	position: absolute;
	height:20px;
	width: 470px;
	left: 9px;
	top: 437px;
	line-height:20px;
	text-align:center;
}
#credits {
	position: absolute;
	height: 20px;
	width: 141px;
	left: 593px;
	top: 437px;
}

#credits a {
	position: relative;
	display: block;
	height: 20px;
	width: 141px;
}