/* CSS Document */


.zeitstrahl {
	position:absolute;
	top: 0px; 
	width:77px;
	background-color: #a02020;
	color: #ffffff;
	visibility: visible;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	padding: 5px 10px 5px 10px;
}

.zeitstrahl > p {
	margin: 0px;
	padding: 0px;
}

.person {
 	color:#ffffff;
	position: relative; 
	visibility: visible;
	padding: 5px 10px 5px 10px;
}

.person > p {
	margin: 0px;
	padding: 0px;
}

.person > .info {
	position: absolute;
	top: 0px; 
    left: 0px;
	width: 300px;
	padding: 5px 10px 5px 10px;
	color:inherit;
	background-color:inherit;
	opacity: 0.9;
    display: none;
	z-index: 10;
}

.person > .info > p {
	margin: 0px;
	padding: 0px;
}

.person:hover > .info {
 	display: block;
}

.kleriker {
	color:#ffffff;
	background-color:#804080;
	position: relative; 
	visibility: visible;
	padding: 5px 10px 5px 10px;
}
.kleriker > p {
	margin: 0px;
	padding: 0px;
}
.kleriker_info {
	position: absolute;
	top: 0px; 
	visibility: visible;
	padding: 4px;
	border:	0px;
	border-bottom: 2px solid #804080;
 	color:#804080;
	/* background-color:#ffffff; */
	font-weight:bold;
}
.kleriker > .info {
	position: absolute;
	top: 0px; 
    left: 0px;
	width: 300px;
	padding: 5px 10px 5px 10px;
	color:inherit;
	background-color:inherit;
	opacity: 0.9;
    display: none;
	z-index: 10;
}
.kleriker > .info > p {
	margin: 0px;
	padding: 0px;
}
.kleriker:hover > .info {
 	display: block;
}

.herrschaft {
	position: absolute;
	top: 0px; 
	visibility: visible;
	margin: 1px;
	padding: 0px;
	border:	3px solid #FFE000;
}

.ereignis_info {
	position: absolute;
	top: 0px; 
	visibility: visible;
	padding: 4px;
	border:	1px solid #606060;
 	color:#606060;
	background-color:#ffffff;
	font-weight:bold;
}