* {
	margin:0;
	padding:0;
}

html, body {
	height:100%;
}

a:link {
	color: #666666;
	font-size: 10px;
	font-family: Arial, Helvetica, Verdana;
	text-decoration: underline;
}
a:visited {
	color: #666666;
	font-size: 10px;
	font-family: Arial, Helvetica, Verdana;
	text-decoration: underline;
}
a:hover {
	color: #000000;
	font-size: 10px;
	font-family: Arial, Helvetica, Verdana;
	text-decoration: underline;
}

a.menue:link {
	color: #cccccc;
	font-size: 10px;
	font-family: Arial, Helvetica, Verdana;
	text-decoration: none;
}
a.menue:visited {
	color: #cccccc;
	font-size: 10px;
	font-family: Arial, Helvetica, Verdana;
	text-decoration: none;
}
a.menue:hover {
	color: #ffffff;
	font-size: 10px;
	font-family: Arial, Helvetica, Verdana;
	text-decoration: none;
}

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

body {
	font-family: Arial, Helvetica, Verdana;
	color: #666666;
	font-size: 10px;
	background-color: #ffffff;
	text-align:center; /* horizontal centering for IE Win quirks */
}

h1 {
	font-size: 12px;
	color: #999999;
	font-family: Verdana, Arial, Helvetica;
}
h2 {
	font-size: 14px;
	color: #999999;
}



div#distance {
		top:0px;
		width:1px;
		height:50%;
		margin-bottom:-240px; /* 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:480px;
		width:600px;
		clear:left;
		border:1px solid #cccccc;
		}

div#dazwischen {
		z-index:2;
		position:absolute;
		vertical-align:left;
		top:0px;
		left:37px;
		width:42px;
		height:480px;
		border:0px solid white;
		margin:0px auto;
		margin-top:0px;
		padding:0px;
		text-align:left;
		background-image:url(../pics/dazwischen.jpg);
		background-repeat:no-repeat;
}

div#center {
		z-index:3;
		position:absolute;
		vertical-align:middle;
		top:0px;
		left:79px;
		width:442px;
		height:480px;
		margin:0px;
		padding:0px;
		border:0px solid white;
		text-align:left;
}

div#grright {
		z-index:4;
		position:absolute;
		top:0px;
		left:521px;
		width:79px;
		height:480px;
		border:0px solid white;
		margin:0px auto;
		margin-top:0px;
		padding:0px;
		text-align:left;
		background-color: #cccccc;
}

div#top {
		z-index:5;
		position:relative;
		vertical-align:top;
		top:0px;
		left:0px;
		width:221px;
		height:34px;
		margin:0px;
		padding:0px;
		border:0px solid black;
		text-align:center;
		background-image:url(../pics/top.jpg);
		background-repeat:no-repeat;
}

div#fusszeile {
		z-index:6;
		position:relative;
		vertical-align:bottom;
		top:0px;
		left:0px;
		width:442px;
		height:10px;
		margin:0px;
		padding:0px;
		border:0px solid black;
		text-align:center;
		color: #cccccc;
}

div#content {
		z-index:7;
		position:relative;
		vertical-align:top;
		top:0px;
		left:0px;
		width:442px;
		height:432px;
		margin:0px;
		padding:0px;
		border:0px solid black;
		text-align:center;
}

div#menue {
		z-index:8;
		position:absolute;
		vertical-align:top;
		top:300px;
		left:400px;
		width:160px;
		height:50px;
		margin:0px;
		padding:4px;
		border:0px solid white;
		text-align:right;
		line-height:15px;
		background-color: #666666;
}

div#bildlauf {
		z-index:9;
		position:absolute;
		vertical-align:top;
		top:395px;
		left:100px;
		width:400px;
		height:70px;
		margin:0px;
		padding:0px;
		border:0px solid black;
		background-color: #666666;
		text-align: center;
		line-height:15px;
		color: #1F0000;
}