/* Referenzen Main */


table.kundenmain {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-top: 20px;
}
table.kundenmain td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	width: 155px;
	text-align: center;
	height: 65px;
}
table.kundenmain a, table.kundenmain a:visited {
	display:block;
	width:100%;
	height:100%;
}
table.kundenmain a:hover, table.kundenmain a:active {
	background-image: url(../images/bg_kundenlogos_aktiv.gif);
	background-repeat: repeat-y;	
	
}
table.kundenmain td.weitere { /* fuer Textinfo nach den Logos "weitere..." */
	width:auto;
	text-align: right;
	font-size:10px;
	vertical-align: middle;
	padding-right: 7px;
}




/* Referenzen Detail */

/* LINKER TEIL: REFERENZEN-LOGOUEBERSICHT*/


table.kundendetail {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
table.kundendetail td {
	background-color:#FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	width: 155px;
	text-align: center;
}
table.kundendetail a, table.kundendetail a:visited {
	display:block;
	width:100%;
	height:100%;
}
table.kundendetail a:hover, table.kundendetail a:active {
	background-image: url(../images/bg_kundenlogos_aktiv.gif);
	background-repeat: repeat-y;	
	
}


/* RECHTER TEIL: KUNDENBEISPIELE */

div#beispielcontainer { /* noetig um folgende portfoliobox absolut zu positionieren*/
position:relative;
}

div#portfoliobox {
	position:absolute;
	width:105px;
	height:89px;
	right:0px;
	top: -94px;
}

/* ab hier Formatierung der Portfolio-Legende oben */


table.portfoliolegende td {
	width: 15px;
}

table.portfoliolegende td a  {
	display: block;
	width: 15px;
	height: 89px;
	background-repeat: no-repeat;

}

table.portfoliolegende td.port1 a, table.portfoliolegende td.port1 a:visited  {
	background-image: url(../images/port_button01_inaktiv.gif);
}
table.portfoliolegende td.port1 a:active, table.portfoliolegende td.port1 a:hover  {
	background-image: url(../images/port_button01_aktiv.gif);
}
table.portfoliolegende td.port2 a, table.portfoliolegende td.port2 a:visited  {
	background-image: url(../images/port_button02_inaktiv.gif);
}
table.portfoliolegende td.port2 a:active, table.portfoliolegende td.port2 a:hover  {
	background-image: url(../images/port_button02_aktiv.gif);
}
table.portfoliolegende td.port3 a, table.portfoliolegende td.port3 a:visited  {
	background-image: url(../images/port_button03_inaktiv.gif);
}
table.portfoliolegende td.port3 a:active, table.portfoliolegende td.port3 a:hover  {
	background-image: url(../images/port_button03_aktiv.gif);
}
table.portfoliolegende td.port4 a, table.portfoliolegende td.port4 a:visited  {
	background-image: url(../images/port_button04_inaktiv.gif);
}
table.portfoliolegende td.port4 a:active, table.portfoliolegende td.port4 a:hover  {
	background-image: url(../images/port_button04_aktiv.gif);
}
table.portfoliolegende td.port5 a, table.portfoliolegende td.port5 a:visited  {
	background-image: url(../images/port_button05_inaktiv.gif);
}
table.portfoliolegende td.port5 a:active, table.portfoliolegende td.port5 a:hover  {
	background-image: url(../images/port_button05_aktiv.gif);
}
table.portfoliolegende td.port6 a, table.portfoliolegende td.port6 a:visited  {
	background-image: url(../images/port_button06_inaktiv.gif);
}
table.portfoliolegende td.port6 a:active, table.portfoliolegende td.port6 a:hover  {
	background-image: url(../images/port_button06_aktiv.gif);
}
table.portfoliolegende td.port7 a, table.portfoliolegende td.port7 a:visited  {
	background-image: url(../images/port_button07_inaktiv.gif);
}
table.portfoliolegende td.port7 a:active, table.portfoliolegende td.port7 a:hover  {
	background-image: url(../images/port_button07_aktiv.gif);
}

/* ab hier Formatierung der Beispieltabelle mit den Portfolio-Aktiv-buttons */

table.kundenbeispiele { 
	font-size: 12px;
	line-height: 16px;
	width: 100%;
	margin: 0px;
}

table.kundenbeispiele td.projekt {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}



/* Linkformatierungen der Beispiele. */

table.kundenbeispiele td.projekt a, table.kundenbeispiele td.projekt a:visited {
	background-color:#e7e7e7;
	background-repeat: no-repeat;
	background-position: right;
	color:#333;
	display:block;
	padding: 5px 5px 5px 8px;
	height:100%;
	text-decoration:none;
}
table.kundenbeispiele td.projekt a:hover, table.kundenbeispiele td.projekt a:active {
	color:#000;
	text-decoration:none;
	background-image: url(../images/bg_kundenprojekt_highlight.gif);
	background-position: right;
	background-color: #CCCCCC;

}


/* Formatierungen fuer Legendebuttons rechts */
table.kundenbeispiele td.portfolio_inaktiv {
	background-image: url(../images/port_legende_inaktiv.gif);
	background-repeat: no-repeat;
	width: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
table.kundenbeispiele td.portfolio_aktiv {
	background-image: url(../images/port_legende_aktiv.gif);
	background-repeat: no-repeat;
	width: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}