div#logo{
	float: left;
	display:inline;
}

div#viewport{
	position: relative;
	top: 11px;
	left: 10px;
	width: 643px;
	height: 333px;
	background-color: #ffffff;
	overflow: hidden;
}
div#draggable{
	background-color: #FFF;
	width: 12000px;
	height: 233px;
	cursor: pointer;
}
div#draggable div{
	float: left;
	display:inline;
	background: url('/elements/site/bg_timeline.png') repeat-x scroll top;
	width: 200px;
	height: 233px;
	overflow: hidden;
}

div .horimg{
	position: relative;
/*	width: 150px;*/
/*	height: 200px;*/
}
div.horimg .content{
	position: absolute;

}
.tijdsbalk_jaartal
{
	color: #4e4e50;
	font-size: 21px;
	font-family: Helvetica;
	margin-top: 0px;
}
.tijdsbalk_gebeurtenis
{
	border-left: 1px solid gray;
	color: #4e4e50;
	font-family: Helvetica;	
	font-size: .9em;
	line-height: 18px;
	padding-left: 20px;
padding-top:10px;
	margin-right: 40px;
}

.tijdsbalk_gebeurtenis a
{
	color: #4e4e50;
	text-decoration:none;
}

.tijdsbalk_gebeurtenis a:hover
{
	color: #4e4e50;
	text-decoration:none;
}

#vorige, #volgende, #begin, #einde
{
font-size:30px;
text-decoration:none;
color:#4e4e50;
position:absolute;
right:0px;
top:250px;
}

#volgende
{
margin-right:40px;
}

#vorige
{
margin-right:80px;
}

#begin
{
margin-right:120px;
}