/* TRILOGICA CSS FILE */
body {
	background-color: #FFFFFF;
	background-image: url(images/bg-line.gif);
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	margin: 0px;
	padding: 0px;

}
#main{ /* main div with content, headline, navi and images */
	text-align:left;
	width:749px;
}
#content{
	position:absolute;
	top:151px;
	left:284px;
	width:430px;
}
#headline{
	color:#75A1BE;
	position:absolute;
	z-index:20;
	font-size:140%;
	top:65px;
	left:480px;
}
#threedee{
	z-index:9;
	position:absolute;
}
/* a lot ot definition for the navigation */
	#navigation{ /* the main div container */
		width:200px;
		position:absolute;
		top:220px;
		left:40px;
		overflow: auto;
	}
	/* the unordered list*/
	#navigation ul{
	border-top:1px dotted #75A1BE;
	list-style:none;
	margin:0px;
	}
	#navigation li{
		border-bottom:1px dotted #75A1BE; 
	}
	/* the hyperlinks */
	#navigation a{
		display:block;
		text-decoration:none;
		padding:5px;
		color:#5F8299; 
	}
	#navigation a:hover{
		display:block;
		text-decoration:none;
		padding:5px;
		background-color:#75A1BE;
		color:#FFF;
		font-weight:bold;
	}
/* /a lot ot definition for the navigation */
.comment{
	background-color:#75A1BE;
	color:#FFF;
	font-weight:bold;
}