HTML, BODY {
	background:		#0a0d0b url("images/background.png");
	color:			#0a0d0b;
	margin:			0px;
	padding:		0px;
	font-family: 	'Trebuchet MS',Trebuchet,Arial,Helvetica,sans-serif;
	font-size: 		14px;
}

A {
	color:			#000000;
	text-decoration:underline;
	cursor:			pointer;
}

A:hover {
	color:			#ffffff;
	text-decoration: none;
}

IMG {
	border: 		1px solid #0a0d0b;
}

.floatkiller{
	clear:			both;
	height: 		0px;
	padding: 		0px;
	margin: 		0px;
	line-height: 	0px;
	font-size: 		0px;
}

#header {
	width:			1000px;
	height:			127px;
	background:		url("images/header.png");
}

#portfolio,#portfolio_dummy {
	top:			150px;
	left:			25px;
	width:			154px;
	height:			130px;
	background:		url("images/portfolio_a.png");
	position:		absolute;
	cursor:			pointer;
}

#portfolio_a {
	top:			150px;
	left:			25px;
	width:			154px;
	height:			130px;
	background:		url("images/portfolio_b.png");
	position:		absolute;
}

#portfolio:hover {
	background:		url("images/portfolio_b.png");
}

#vita,#vita_dummy{
	top:			300px;
	left:			25px;
	width:			154px;
	height:			130px;
	background:		url("images/vita_a.png");
	position:		absolute;
	cursor:			pointer;
}

#vita_a{
	top:			300px;
	left:			25px;
	width:			154px;
	height:			130px;
	background:		url("images/vita_b.png");
	position:		absolute;
}

#vita:hover,#vita_a {
	background:		url("images/vita_b.png");
}

#headline_big {
	font-size:		30px;
	font-variant:	small-caps;
	font-style:		italic;
	top:			100px;
	left:			304px;
	position:		absolute;
}

.headline_small {
	font-size:		18px;
	font-style:		italic;
}

.subheadline {
	font-weight:	bold;
}

.underline {
	height:			1px;
	background:		#0a0d0b;
}

.place_small {
	clear:			both;
	width:			1px;
	height:			8px;
}

.place_big {
	clear:			both;
	width:			1px;
	height:			29px;
}

.place_tiny {
	clear:			both;
	width:			1px;
	height:			1px;
}

.place_seventy {
	clear:			both;
	height:			70px;
}

#main {
	top:			150px;
	left:			304px;
	width:			617px;
	height:			376px;
	position:		absolute;
	overflow-y:		auto;
}

#knowledge {
	width:			595px;
	height:			29px;
}

.know_text {
	width:			120px;
	text-align:		center;
	float:			right;
}

.words {
	width:			223px;
	float:			left;
}

.dates {
	width:			130px;
	float:			left;
}

.profession {
	width:			203px;
	height:			100px;
	float:			left;
}

.before_words {
	width:			10px;
	float:			left;
}

.pics {
	width:			140px;
	height:			100px;
	float:			left;
}

.width_six {
	width:			6px;
	float:			left;
}

.width_twenty {
	width:			20px;
	float:			left;
}

#bar {
	width:			364px;
	height:			15px;
	float:			left;
}

#bar.one {
	background:		url("images/bar_1.png");
}

#bar.two {
	background:		url("images/bar_2.png");
}

#bar.three {
	background:		url("images/bar_3.png");
}

#bar.four {
	background:		url("images/bar_4.png");
}

#bar.five {
	background:		url("images/bar_5.png");
}

#bar.six {
	background:		url("images/bar_6.png");
}

#bar.seven {
	background:		url("images/bar_7.png");
}

#bar.eight {
	background:		url("images/bar_8.png");
}

#bar.nine {
	background:		url("images/bar_9.png");
}

#bar.ten {
	background:		url("images/bar_10.png");
}

#bar.eleven {
	background:		url("images/bar_11.png");
}

#bar.twelve {
	background:		url("images/bar_12.png");
}


#blend_bottom {
	top:			454px;
	left:			268px;
	width:			637px;
	height:			72px;
	background:		url("images/blending_bottom.png");
	position:		absolute;
}

#blend_top {
	top:			150px;
	left:			278px;
	width:			625px;
	height:			72px;
	background:		url("images/blending_top.png");
	position:		absolute;
}

#cross {
	top:			76px;
	left:			200px;
	width:			744px;
	height:			474px;
	background:		url("images/cross.png");
	position:		absolute;
}

#footer {
	top:			526px;
	width:			1000px;
	height:			133px;
	background:		url("images/footer.png") no-repeat;
	position:		absolute;
}

#arrow {
	width:			15px;
	height:			15px;
	float:			left;
	background:		url("images/arrow.png");
}

#timeline {
	width:			3px;
	float:			left;
	background:		url("images/timeline.png");
}

#right_of_timeline {
	width:			550px;
	float:			left;
}

#foto {
	width:			140px;
	height:			100px;
	float:			left;
}

#foto.foto {
	background:		url("images/foto.png");
}

#foto.assi {
	background:		url("images/zeugnis_foto.png");
	cursor:			pointer;
}

#foto.fh {
	background:		url("images/zeugnis_fh.png");
	cursor:			pointer;
}

.delimeter {
	width:			560px;
	height:			1px;
	background:		url("images/delimeter.png");
}

#collage {
	width:			320px;
	height:			400px;
	left:			920px;
	position:		absolute;
	background:		url("images/collage.png");
}