html,body {
	height: 100%;	
	width: 100%;
	margin:0;
	padding:0;
	border:0;
}	

body, table, td {
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;	
	font-size: 11px;
	letter-spacing: 0.5px;
	color: #000000;
	}		

body #divMain {
	width: 100%;
	height: 100%;
	display: table;
	vertical-align: middle;
	text-align: center;
	}

#divLayoutContainer {
	position: relative;
	vertical-align: middle;
	display: table-cell;
	height: 1px;
	}	

/***** tblLayout - start ******************/	
/* fixe Breite: 1200px (flex | 30 | 1140 | 30 | flex) */
#tblLayout {
	width: 100%;
	empty-cells: show;
	table-layout: fixed;
	vertical-align: middle;
	overflow: hidden;	
	}	
#tblLayout .flexLR {
	}	
#tblLayout .fixLR {
	width: 30px;
	}	
#tblLayout .fixContent {
	width: 1140px;
	}	
#tblLayout .tblContent {
	width: 100%;
	height: 460px;  
	}	
/***** tblLayout - end *********************/	


#tblImgArrows {
	width: 361px;
	}	

.list {
	line-height: 20px;
	}	

	
#tblNav {
	width: 100%;	
}
#tblNav td {
	padding:0;
	vertical-align:top;
}

#tblSocial {
	float:right;
	margin:0;
	padding:0;		
	padding-top:3px;
}
#tblSocial td.icon {
	text-align:center;
	padding-left:15px;
}
#tblSocial td.icon div.link {
	width:30px;
	height:30px;
}
#tblSocial td.icon div.link a.social i {
	font-size: 16px;
	font-size: 1rem;
	font-weight:normal;
	line-height:1;
	color: #fff;
	background: #A5A5A5;
	width:100%;
	height:100%;
	padding-top:7px;
}
#tblSocial td.icon div.link a.social i:hover {
	background: #191919;
}



	
	
/* DIV-Columns für Jahreszahlen und Texte
/* [1] 1995 - 1998   Bau-/Projekt xy, Ort	{BAUTEN}
/* [2] 1997  List-Item xy, Ort			    {PROJEKTE}
/* [3] ZUR PERSON							{PRESSE}
/* <div class="listItem">
/*   	<div class="listItemJahr"></div>
/*	 	<div class="listItemInfo"></div>
/*	 </div>
/* </div>									*/
div.listItem, div.listItem2, div.listItem4 {
	width: 420px;
	border-collapse:collapse;
	line-height: 20px; 
	}	
div.listItem2 { width: 400px; }					
div.listItem4 { width: 480px; }					
	
div.listItemJahr, div.listItemJahr2, div.listItemJahr3, div.listItemJahr4 {	
	float: left;	
	width: 81px;
	}
div.listItemJahr2 { width: 45px; }		/* PROJEKTE   */
div.listItemJahr3 { width: 415px; }		/* PRESSE     */
div.listItemJahr4 { width: 45px; }		/* BIOGRAPHIE */
	
div.listItemInfo, div.listItemInfo2, div.listItemInfo3, div.listItemInfo4 {
	width: 339px;
	float: right;
	}
div.listItemInfo2 { width: 355px; }		/* PROJEKTE   */
div.listItemInfo3 { width: 5px; }		/* PRESSE     */
div.listItemInfo4 { width: 435px; }		/* BIOGRAPHIE */



a {color: #8C8C8C; text-decoration:none;}

.nav         {color: #A5A5A5;}
.navSelected {color:#000000;}

.navArrow {font-size:120%;}		/* Pfeile vor/zurück bei Details */

a:focus   {color: #000000;}
a:hover   {color: #000000;}
a:active  {color: #000000;}


:focus {outline: 0;}