/* thats for the navigation bottom image. Rounded edges*/

#contentarea {
	float:  left;
	width:  584px;
//	height: 600px;
//	overflow: auto;
	margin-top: 10px;
	margin-left: 5px;
	margin-bottom: 15px;
	padding-bottom: 30px;
	
	voice-family: "\"}\"";
	voice-family: inherit;
	padding-left: 5px;
	color: gray;
	

}

#contentarea .content {
	background-color: white;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 1px; // otherwise there is a space between content and bottom image
	float: none;
	line-height: 3ex;
	color: #444;
	/* the display info is used to layout the boxes in the skill page*/
	display: table;
	height:514px;
}

#contentarea .content .text {
	/* haesslich, aber sonst wird der Hintergrund nicht so breit wie die Contentarea,
	   die auf 584px gesetzt ist. laesst man in .content das display:table weg geht
	   es, aber dann ist der Hintergrund der Skills nicht da
	*/
	width: 564px;
	text-align: justify;
}

#contentarea .legend {
	background-color: white;
	text-align: center;
	
}
#contentarea .text a {
	link
}
#contentarea .img1 {
	float:right;
	margin-left: 10px;
	margin-right: 20px;
	
}


#contentarea .bottom {
	background: url(../images/content_bottom.jpg) no-repeat scroll 0 0;
	height: 10px;
	padding-left: 5px;
	padding-top: px;
	margin-bottom: 2px;
}

#contentarea .top {
	background: url(../images/content_top.jpg) no-repeat scroll -3px 0;
	height: 11px;
	padding-left: 5px;

}

.content .prj-header {
	background-color: #d7ecdb;	
}
.content .time {
	padding-left: 10px;
	padding-right: 15px;
	font-weight: bold;
}
.content .title {
	font-style: italic;
	font-weight: bold;
	font-size: 2ex;
}

.content h2 {
	border-bottom: 1px dotted maroon;
	color: #606060;
	line-height: 1.2em;
	padding-bottom: 5px;
}

.content .tools {
	margin-top: 5px;
	margin-bottom: 5px;
}

.content .job {
	font-style: italic;
}

#skillcategory {
	margin: 7px;
	width: 260px;
	background-color: #d7ecdb;
	position: relative;
	right: 10px;
	bottom: 15px;
	float: left;
//	display: table-row;
}

#skillcategory .title {
	color: silver;
	background-color: #606060;
	border: 1px solid #444;
	padding-left: 15px;
	border-bottom-color: silver;
	border-bottom-width: 1px;

}

#skillcategory .skills {
	border: 1px solid #444;
	
}

.skills li {
	list-style-type: circle;
}

.skills .subcategory {
	list-style-type: none;
	margin-left: -15px;
	margin-top: 5px;
	font-style: italic;
	font-weight: bold;
}