* {
	margin:0;
	padding:0;
}
html, body {
	height:100%;
}
body {
	background-color:#000;
	color:#630;
	font:100.01%/1.4 sans-serif;
	text-align:center;
}
img {border: 0;}

#distance { 
	width:1px;
	height:50%;
	background-color:#000;
	margin-bottom:-13.75em;
	float:left;
}
	
#head {
	font: normal 13px Arial, Tahoma,sans-serif;
}
	#head .function {
			float: right;
			margin: 20px 20px 0 0;
			width: 675px;
			height: 25px;
			color: #fff;
			text-align: right;
	}
	#head .function ul#funclist	{
		padding: 0;
		margin: 0;
		width: 100%;
		color: #fff;
	}
	#head .function ul#funclist li {
		display: inline;
		background-image: url(../img/lifunctionstart.gif);
		background-repeat: no-repeat;
		}
	#head .function ul#funclist li a {
		color: #3c3c3c;
		font: bold 1em Arial,Tahoma,sans-serif;
		padding: 0 10px 5px 13px;
		text-decoration: none;
	}
	#head .function ul#funclist li a:hover {
		color: #505050;
		text-decoration: none;
	}
	
	#head #slogan {
		float: left;
		width: 695px;
		height: 101px;
		background: #000 url(../img/sloganstart.gif);
	}
	#head #slogan a {
		display: block;
		width: 695px;
		height: 101px;
		text-decoration: none;
	}

#content {
	margin:0 auto;
	position:relative;
	text-align:left;
	height: 415px;
	width: 900px;
	background: #000 url(../img/hgstart.jpg);
	clear:left;
}
		
	#content #logo {
		float: left;
		width: 205px;
		height: 378px;
	}
	#content #navi {
		clear: both;
		width: 900px;
		height: 32px;
		font: normal 13px Arial, Tahoma,sans-serif;
	}
	#content #navi ul	{
		padding: 0;
		margin: 0;
		width: 100%;
		color: #3c3c3c;
		text-align: center;line-height: 52px;
	}
	#content #navi ul li {
		display: inline;
		margin-right: 5px;
		}
	#content #navi ul li a {
		color: #3c3c3c;
		font: bold 1em Arial,Tahoma,sans-serif;
		padding: 0 0 5px 10px;	
		text-decoration: none;
	}
	#content #navi ul li a:hover {
		color: #505050;
	}