* {
	margin:0;
	padding:0;
}

html, body {
	height:100%;
}

img {
	border:0px;
}

.oben { vertical-align:top; }
.mitte { vertical-align:middle; }
.unten { vertical-align:bottom; }

.album { padding:0px;padding-right:5px;padding-left:5px; }

a:link {
	color: #333333;
	font-size: 10pt;
	font-family: Helvetica, Arial, Verdana;
	text-decoration: none;
}
a:visited {
	color: #333333;
	font-size: 10pt;
	font-family: Helvetica, Arial, Verdana;
	text-decoration: none;
}
a:hover {
	color: #FF3300;
	font-size: 10pt;
	font-family: Helvetica, Arial, Verdana;
	text-decoration: underline;
}

h1 {
	font-size: 12pt;
	color: #ffffff;
	font-family: Helvetica, Arial, Verdana;
}

h2 {
	font-size: 12pt;
	color: #ffffff;
}

body {
	font-family: Helvetica, Arial, Verdana;
	color: #ffffff;
	font-size: 10pt;
	letter-spacing: 1px;
	background-color: #1a1512;
	background-image:url(../_images/bg.jpg);
	background-repeat:repeat;
	text-align:center; /* horizontal centering for IE Win quirks */
}

div#distanceintro { 
		width:1px;
		height:50%;
		margin-bottom:-374px; /* hälfte von der höhe vom container MINUS NICH VERGESSEN */
		float:left;
}

div#distance { 
		width:1px;
		height:50%;
		margin-bottom:-325px; /* hälfte von der höhe vom container MINUS NICH VERGESSEN */
		float:left;
}

div#container {
		margin:0 auto;
		position:relative; /* stellt den container vor den distancehalter */
		text-align:left;
		height:650px;
		width:90%;
		clear:left;
}

div#introcontainer {
		margin:0 auto;
		position:relative; /* stellt den container vor den distancehalter */
		text-align:left;
		height:748px;
		width:400px;
		clear:left;
}

div#kontaktcontainer {
		margin:0 auto;
		position:relative; /* stellt den container vor den distancehalter */
		text-align:left;
		height:600px;
		width:854px;
		clear:left;
}

div#sedcardcontainer {
		margin:0 auto;
		position:relative; /* stellt den container vor den distancehalter */
		text-align:left;
		height:600px;
		width:585px;
		clear:left;
}

div#container {
		margin:0 auto;
		position:relative; /* stellt den container vor den distancehalter */
		text-align:left;
		height:650px;
		width:90%;
		clear:left;
}

div#contentlayer {
		position:relative;
		top:0px;
		width:100%;
		height:600px;
		overflow:auto;
}

#contentlayer ul li {
		float: left;
		display: inline;
}

div#menuelayer {
		position:relative;
		float:left;
		top:44px;
		left:0px;
		width:100%;
		height:28px;
		text-align:center;
}

#menuelayer ul li {
		display: inline;
		width:60px;
		height:28px;
		margin:0px;
		padding:0px;
}

div#alonemenuelayer {
		position:relative;
		float:left;
		top:75px;
		left:0px;
		width:100%;
		height:28px;
		text-align:center;
}

#alonemenuelayer ul li {
		display: inline;
		width:60px;
		height:28px;
		margin:0px;
		padding:0px;
}