body {
	background-color: #6C5547;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#zentriert {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 800px;
  height: 600px;
  margin-top: -330px;
  margin-left: -400px;
  padding:10px;
}

#imageContainer {
	position:relative;
	margin:auto;
	width:660px;
	height:440px;
	//border:1px solid #000;
}

#imageContainer img {
	display:none;
	position:absolute;
	top:0; left:0;
}

#Logo {
	position:relative;
	margin:auto;
	width:400px;
	height:100px;
	//border:1px solid #000;
}

#Container {
	position:relative;
	margin:auto;
	width:660px;
	height:440px;
}

#Container img {
	position:absolute;
	top:0; left:0;
}

#Bildrechts {
	position:absolute;
	top: 50%;
	left: 50%;
	width: 330px;
	height: 440px;
	margin-top: -220px;
	margin-left: 0px;
}

#Bildrechts img {
	position:absolute;
	top:0; left:0;
}

/* styles unrelated to the application follow */
h1 {
	position:relative;
	font:1em verdana;
}

.copy {
	width:660px;
	margin:auto;
	padding-top:20px;
	position:relative;
	font:12px arial;
	color:#ebf0f0
}

.menu {
	width:660px;
	margin:auto;
	padding-top:20px;
	position:relative;
	font:11px arial;
	letter-spacing: 1px;
	color:#ebf0f0
}

.content {
	width:330px;
	margin:auto;
	position:absolute;
	bottom:50px;
	font:12px arial;
	line-height:18px;
	color:#ebf0f0
}

.impressum {
	width:330px;
	margin:auto;
	position:absolute;
	bottom:20px;
	font:12px arial;
	line-height:18px;
	color:#ebf0f0
}

a { color:#ebf0f0; text-decoration:none; }
a:hover { color:#ebf0f0; text-decoration:underline; }
a:visited {}
a:active {}
a:focus { outline: 0; }

span.big { font:14px; line-height:28px;}


/*
#so_credits {
	position:relative;
	margin:25px auto 0px auto;
	width:350px; 
	font:0.7em verdana;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	height:90px;
	padding-top:4px;
}

#so_credits img {
	float:left;
	margin:5px 10px 5px 0px;
	border:1px solid #000000;
	width:80px;
	height:79px;
}
*/