
/* --------------------- top bar for quick jump to the years "Jumpstrip"----------------- */
.historie #jumpstrip li {
	display:block;
	}
.historie #jumpstrip {
			float: left;
			margin-top:25px;
			font-size:16px;
			font-family: inherit, sans-serif;
			color:black;
			padding-left: 25px;
			clear:both;
			padding-bottom: 25px;
				}
.historie #jumpstrip li{
			position: relative;
			float: left; 
			list-style: none;
			margin: 0px;
			padding:0px;
			} 
.historie #jumpstrip li a{
			display: block;
			text-decoration:none;
			font-size:16px;
			padding: 10px;
			padding-top:20px;
			color:black;
			border-bottom: 5px solid transparent; /* if making for IE 6 transparent won't work.  See http://snippets.dzone.com/posts/show/6089 for solution */
			} 
.historie #jumpstrip li a:hover{
			color:green;
			border-bottom: 5px solid #22241C;
			}
/* -------------- end "Jumpstrip"----- Start Timeline--------------- */
.historie #timewrap {
	padding-left:50px;
	max-width:90%;
	float:left;
	}
.historie .timeline a, .entry a, .entry {text-decoration:none;color:black;}
.historie .timeline li a:hover {
    text-decoration:none;
}
.historie .timeline li,
.historie .timeline ol li {
	list-style:none;
}

.historie .timeline,
.historie .timeline ol,
.historie .timeline ol ol {
	margin:0;
	padding:0;
}
.historie .timeline ol li {
	padding:0 0 0 50px;
	margin:0 0 0 50px;
}
.historie .timeline li a {
	position:relative;
	top:-50px;
	}
.historie .timeline li div.entry {
	padding:20px;
	margin:0;
	border-style:none;
}
.historie .timeline li a .entry:hover, .timeline .entry:hover {
	background-color:#e8e8e8;
	text-decoration:none;
	color:black;
}
.timeline ol li {
	background:url('images/org-tree-mid.gif') no-repeat left top;
}

.historie .timeline ol li.last {
	background:url('images/org-tree-last.gif') no-repeat left top;
}
/*----------- Main Content Elements ---------------- */
.historie .date {font-style:italic;}
.historie .year {  /* this is the year on the left side.  If you decide to add a month or other content, adjustments will need to be made. */
	font-weight:bold;
	display:block;
	position:relative; /* for browser (IE) compatability */
	width: 75px;
    border-bottom: 2px solid #666666;
    font-size: 1.6em;
    right:125px;
}
.historie .title {
	padding:0 0 10px 0;
	font-weight:bold; 
	font-style:normal; 
	line-height:1.6em;
	}
.historie .history { /* I didn't really style this, it is here for posterity. */
	font-family:inherit;
	}