/* Grundlayout */

* {
	margin:0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

html,body
{
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: 0;
	line-height: 1.2em;
	font-size: 12px;
	text-align: left;
	background-color:#FFFFFF;

	margin: 20px auto;
}

#maincontainer
{
	width: 875px;
	margin: 20px auto;
}
#header
{
	width: 410px;
	margin-left: 10px;
}
#navigation
{
	width: 410px;
	margin: 30px 0 0 0;
}

/* Firefox, IE7, other */
#contentcontainer
{
	background-color: #000000;
	position: relative;
	padding: 20px 15px !important; /* ALL OTHER BROWSERS */
	padding: 58px 15px 20px 15px;  /* IE 6 HACK */
	background: #000000 url('http://www.gensch-media.de/data/media/content/1/1/filmrahmen-verlauf-5.gif') no-repeat center;
}

#contentLeft
{
	width: 400px;
	min-height: 225px;
	margin: 38px 5px 38px 5px !important;
}

#contentRight
{
	width: 415px;
	min-height: 435px;
	border: 2px solid #2E5B89;
	position: absolute;
	left: 435px;
	top: -60px;

	background-color: #D3DDEB;
}

#bottombar
{
	margin-top: 5px;
	width: 420px;
	text-align: right;
}