/*--- // -------------------------------------------------------
		
		@ Marti Frontend 
		@ /css/referenzen.css
		@ Style-Sheet für das Layout der Referenzen
		
		@ 16.10.2007 PH / JB
		@ alpha 0.1
		
		@ Content:
		-	Element Definitionen
		
		Changelog:
		
	-------------------------------------------------------- // ---*/
	
	/* --------------------------------------------------
		Element Definitionen
	-------------------------------------------------- */

	div#referenzen h4 {
		padding:3px 0;
		margin:0;
		border-bottom:1px solid #EBEBEB;
		margin-top:10px;
	}
	
	div#referenzen h4 a {
		font-weight:bold;
		color:#000;
		padding-right: 20px;
	}
	
	div#referenzen ul {
		list-style:none !important;
		margin-left:12px;
		padding-bottom:14px;
	}
	
	div#referenzen ul li {
		padding-left:18px;
		list-style-type:none !important;
		background:url(../images/content/list-kompetenz.gif) left center no-repeat;
	}
	
	
		
	div#referenzen a.auf {
		background: url(../images/icons/pfeil-ab.gif) center right no-repeat;
	}
		
	div#referenzen a.zu {
		background: url(../images/icons/pfeil-rechts.gif) center right no-repeat;
	}
	
	div#referenzen div table.data-container {
		width:100%;
		padding-bottom:10px;
	}
	
	div#referenzen div table.data-container thead tr th {
		color:#CCC;
		font-size:12px;
		font-weight:bold !important;
		vertical-align:top;
		text-align:left;
	}
	div#referenzen div table.data-container thead tr th.rightwithpadding {
		text-align:right;
		padding-right:20px!important;
	}
	div#referenzen div table.data-container td {
		padding:3px 2px;
		font-size:11px;
	}
	div#referenzen div table.data-container tr .icon {
		width:30px;
		text-align:center;
	}
	
	div#referenzen div table.data-container tr td.bau,
	div#referenzen div table.data-container tr th.bau {
		width:50px !important;
		vertical-align:top;
	}
	
	
	div#referenzen div table.data-container tr td.aligntop  {
		vertical-align:top;
	}
	
	div#referenzen div table.data-container tr .referenzen  {
		width: 250px;
	}
	div#referenzen div table.data-container tr .auftraggeber  {
		
	}
	
	
	div#referenzen div#description {
		padding:10px 0 3px 0;
	}
	
	#keyprojects {
		width:100%;
	}
	.keyProject, .keyProjectFirst {
		float:left;
		width:330px;
		background:#e7e7e7;
		margin-bottom:10px;
	}
	.keyProjectFirst {
		margin-right:10px;
	}
	.keyProjectHeader {
		position:relative;
		width:100%;
		height:75px;
		z-index:0;
		border-bottom:1px solid #fff;
	}
	.keyProjectHeaderTitle {
		position:absolute;
		top:14px;
		left:15px;
		z-index:5;
	}
	.keyProjectHeaderEnd {
		position:absolute;
		bottom:-3px;
		right:0;
		z-index:2;
		font-size:50px;
		line-height:42px;
		color:#c5c5c5;
	}
	.keyProjectContent {
		height:115px;
		width:100%;
	}
	.keyProjectImage {
		float:left;
		width:170px;
		height:115px;
		background-position:center;
		background-repeat:no-repeat;
		border-right:2px solid #fff;
	}
	.keyProjectImage a {
		display:block;
		width:170px;
		height:115px;
	}
	.keyProjectInfos {
		float:left;
		width:158px;
	}
	.keyProjectCompetence {
		padding:7px 14px;
		height:44px;
	}
	.keyProjectMore, .keyProjectDocument {
		background:url(../images/content/referenz-button.jpg) top right no-repeat;
		border-top:1px solid #fff;
		padding-left:14px;
		height:27px;
	}
	.keyProjectMore a,.keyProjectDocument a {
		display:block;
		padding:6px 14px 5px 14px;
	}	
	.keyProjectMore a {
		background:url(../images/icons/raquo.png) left center no-repeat;
		padding-left:20px;
	}	
	.keyProjectDocument a {
		background:url(../images/icons/icon_pdf.gif) left center no-repeat;
		padding-left:20px;
	}