body {
	background-color:#abc;
	font-family:Verdana, sans serif;
	position:relative;
}
#datum {
	border:1px solid #bac;
	width:12em;
	position:absolute;
	right: 1em;
	top:0em;
	padding:0;
	margin:0;
}
#content{
	width:60%;
	margin:auto;
}
#image_top{
	height:200px;
	line-height:190px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #baa;
}
h1 {
	position:absolute;
	left:-1000px;
}
/*links in Überschrift*/
h2 a, h2 a:active, h2 a:hover, h2 a:visited {
	color:black;
	text-align:center;
}

div.tainmenties {
		border:1px solid #bcd;
		padding-left:.5em;
}
a, a:active, a:hover, a:visited {
	color:black;
}
a:hover{
	background-color:#aca;
}
.tainmenties h2 {
	margin-top:1.5em;
	border-bottom:1px solid #9ab;
	padding-right:10px;
	font-size:1.2em;
}

.tainmenties ul {
/*	list-style-image:url(http://www.fernuni-hagen.de/images/minus.gif);*/

	list-style-type:none;
}
.tainmenties ul li {
	border-left:1px solid #cba;
	padding-left:1em;
/*	
	background-image: url(http://www.fernuni-hagen.de/images/minus.gif);
	background-repeat: no-repeat;
	background-position: 0 0.25em;*/
}
.tainmenties ul li li {
	border-left:none;
}

.tainmenties li {
	padding:.3em;
}
.tainmenties ul li ul{
	list-style-image:none;
	list-style-type:disc;
}
.tainmenties ul li ul li ul{
	list-style-type:circle;
}

div.friendly_links {
	margin:2em;
	padding:0px;
	border:1px solid #911;
	padding:.4em;
	font-size:.8em;
}

div.friendly_links h3 {
	margin:0;
	text-align:center;
	font-size:1em;
	font-weight:normal;
	float:left;
	line-height:2em;
	vertical-align:middle;
	vertical-align:middle;
}	

div.friendly_links ul {
	list-style-type:none;
/*	border:1px solid red;
	min-height:3em;
*/
	text-align:center;
	width:60em;
	margin:auto;
}

div.friendly_links ul li a {
	color:#573;
}
div.friendly_links ul li {
	line-height:2em;
	vertical-align:middle;
	border:1px solid yellow;
	text-align:center;
/*	float:left; 
	width:8em;
*/
	display:inline;
	padding:3px;
	background-color:#a9c;
}
div.kontakt {
	width:20em;
	border:1px solid #bac;
	position:absolute;
	right:1em;
	font-size:.8em;
}
div.kontakt h3 {
	margin:1em;
	color:#cab;
	background-color:#bca;
	padding:.2em;
	font-weight:normal;
	font-size:1em;
}
div.kontakt ul {
	list-style-type:none;

}
#wechsel {
	border:1px solid #312;
	vertical-align:middle;
}
.klein {
	font-size:.6em;
}
.rechts {
	text-align:right;
}
.abInDieEcke {
	border:1px solid #25a;
	position:absolute;
	top:1em;
	right:1em;
	text-align:center;
	vertical-align:center
}
div.abInDieEcke > img:hover {
	cursor:pointer;
	
/*	border:1px solid green;*/
}

/*div:before{content:"<h2>" attr(title) "</h2>"}*/