/* CSS document */ 

body {
	background: #ffffff url(/media/common/bg.gif) repeat-y;
}


/* ---------- positioning, sizes, z-index ---------- */

#content {
	z-index: 3;
	position: absolute;
	top: 4em;
	left: 300px;
	width: 55%;
}
#topnav {
	z-index: 5;
}
#header {
	z-index: 2;
}
#nav {
	z-index: 0;
	position: absolute;
	left: 0em;
	top: 6em;
	width: 12em;
}
#special {
	z-index: 1;
}
#related {
	z-index: 4;
	position:absolute;
	top: 30em;
	left: 75%;
}

/* ---------- content ---------- */

#content {
	margin: 1em;
	padding: 0.6em;
	background: url(/media/common/bg_content.gif) repeat-y;
}
#content th {
	background: #0066ff;
	border-bottom: 1px solid #333333;
}
#content td {
	background: #dde9ff;
}
#contentpopwin {
	margin: 2em;
	color: #cc6600;
}

/* ---------- header ---------- */

#header {
	padding: 0em;
	position: absolute;
	width: 100%;
	text-align: right;
	top: 0em;
	float: right;
}
#header img {
	margin: 1em 2em;
}
#header a:link, #header a:visited  {
	color: #99aabb;
	font-weight: bold;
}


/* ---------- topnav ---------- */

#topnav {
	position: absolute;
	top:0em;
	left:300px;
	float: left;
	margin: 0.2em 1em;
}
#topnav a, #topnav a:link, #topnav a:visited {
	color: #667788;
	font-weight: bold;
	padding: 0.2em 0.6em;
}
#topnav a:hover, #topnav a:active {
	color: #ff6600;
}
#topnav a:link.aktiv, #topnav a:visited.aktiv {
	color: #ff9933;
}

/* ---------- nav ---------- */
#nav {
	margin: 1em;
	text-align: left;
	white-space: nowrap;
}
#nav a {
	display: block;
}
#nav a:link, #nav a:visited {
	color: #aa5500;
}
#nav a:hover, #nav a:active {
	color: #cc6600;
}
#nav a:link.aktiv, #nav a:visited.aktiv {
	color: #ffcc99;
}
#nav span.zusatz {
	font-weight: normal;
}

/* ---------- footer ---------- */

#footer {
	position: static;
	left: 0em;
	clear: both;
	margin: 2em 0em;
	padding: 0px 0.2em;
	border-top: 1px solid #443322;
	color: #666666;
}
#footer a:link, #footer a:visited {
	color: #6688aa;
}

#footer a:hover, #footer a:active {
	color: #88aacc;
}
#footerpopwin a:link, #footerpopwin a:visited {
	color: #aa5500;
}
#footerpopwin a:hover, #footerpopwin a:active {
	color: #ffffff;
}


/* ---------- aktuell ---------- */

#aktuell {
	margin: 0em;
}
#aktuell h1 {
	color: #cc6600;
	margin: 0.2em 0em;
}
#aktuell div {
	margin: 0em;
	padding: 0em;
	background: #eff3f6;
}
#aktuell p {
	display: list-item;
	list-style: none url(/media/common/bullet_m.gif) inside;
	margin: 0em;
	padding: 0.6em;
	border-top: 1px solid #443322;
}
#aktuell ul {
	margin-top: 0em;
}


/* ---------- related ---------- */

#related {
	background: url(/media/common/bg_content.gif);
	border-left: 1px solid #cccccc;
	padding: 0em 1.2em;
}


/* ---------- special ---------- */

#special {
	position: absolute;
	top: 6em;
	right: 0em;
	float: right;
	display: block;
	width: 18%;
	margin: 2em 0em 0em;
	padding: 0.2em 1em;
	background: #f0f3f6;
	border-left: 1px solid #cc8844;
}
#special h2 {
	color: #99aabb;
	margin-top: 0.4em;
	border-bottom: 1px solid #667788;
}
#special p {
	display: list-item;
	list-style: none url(/media/common/bullet_m.gif) outside;
	margin: 0em;
	padding: 0em;
	padding: 0.4em;
	border-bottom: 1px solid #99aabb;
}


/* ---------- classes ---------- */

.left {
	float: left;
	margin: 0px 2em 2em 0px;
}
.right {
	float: right;
	margin: 0px 0px 2em 2em;
}
.bilder {
	position: relative;
	left: 0em;
	margin: 0em 2em 0em 0em;
	white-space: nowrap;
}
.quelle {
	font-style: italic;
	color: #555555;
}