@media all
{
	html * { font-size: 100.01%; }

	textarea, pre, code, kbd, samp, var, tt {
		font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
	}


	body {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 75.00%;
	color: #6c6b6a;
	}

	/*--- Headings | Überschriften ------------------------------------------------------------------------*/

	h1,h2,h3,h4,h5,h6 {
		font-family: "Arial narrow", Arial, sans-serif;
		color: #6c6b6a;
		margin: 0 0 0.25em 0;
	}

	h1 { font-size: 250%; }                       
	h2 { font-size: 200%; }                       
	h3{ font-size: 110%; margin: 0 0 0.5em 0;}                       
	h4 { font-size: 100%; color: #444; margin: 1em 0 0.5em 0;}                     
	h5 { font-size: 116.67%; }                 
	h6 { font-size: 116.67%; }    

	h3.engagement {
		position: absolute;
		left: 0px;
		width: 265px;
		background: url(../img/ueberschriften.gif) no-repeat 100% 0;
		height:20px;
		overflow:hidden;
		text-indent:999em;
		white-space:nowrap;
		margin-top: 3px; 
	}
	h3.leistung {
		position: absolute;
		left: 0px;
		width: 265px;
		background: url(../img/ueberschriften.gif) no-repeat 100% -20px;
		height:20px;
		overflow:hidden;
		text-indent:999em;
		white-space:nowrap;
		margin-top: 2px; 
	}

	.first-header {
		margin-top: 0px;
	}

	/* --- Lists | Listen  -------------------------------------------------------------------------------- */

	ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em; }
	ul li { list-style-type: disc; }
	ul ul li { list-style-type: circle; }

	ol li { list-style-type: decimal; }
	ol ol li { list-style-type: lower-latin; }

	li { margin-left: 0; line-height: 1.5em; }

	dt { font-weight: bold; }
	dd { margin: 0 0 1em 0.8em; }

	/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

	p { 
		line-height: 1.9em; 
		margin: 0 0 1.7em 0; 
		margin-left: 327px;
	}

	blockquote, cite,q {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	}
	blockquote { margin: 0 0 1em 1.6em; color: #666; }

	strong,b { font-weight: bold; }
	em{ font-weight: bold; font-style: normal; color: #444;  }
	hr {
	color: #fff;
	background:transparent;
	margin: 0 0 0.5em 0;
	padding: 0 0 0.5em 0;
	border:0;
	border-bottom: 1px #eee solid;
	}

	/*--- Links ----------------------------------------------------------------------------------------- */

	a { color: #6c6b6a; background:transparent; text-decoration:none; outline: none; }
	a:visited  { color: #6c6b6a; outline: none; }

	a:focus,
	a:hover,
	a:active { 
		color:#fff; 
		text-decoration:underline; 
		outline: none;
	}


	/**
	* ------------------------------------------------------------------------------------------------- #
	*
	* Generic Content Classes
	*
	* (en) standard classes for positioning and highlighting
	* (de) Standardklassen zur Positionierung und Hervorhebung
	*
	* @section content-generic-classes
	*/

	.highlight { color: #f60; }
	.dimmed { color: #888; }

	.info { background: #f8f8f8; color: #666; padding: 10px; margin-bottom: 0.5em; font-size: 91.7%; }

	.note { background: #efe; color: #040; border: 2px #484 solid; padding: 10px; margin-bottom: 1em; }
	.important { background: #ffe; color: #440; border: 2px #884 solid; padding: 10px; margin-bottom: 1em; }
	.warning { background: #fee; color: #400; border: 2px #844 solid; padding: 10px; margin-bottom: 1em; }

	.float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em; }
	.float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; }
	.center { display:block; text-align:center; margin: 0.5em auto; }

	/**
	* ------------------------------------------------------------------------------------------------- #
	*
	* Tables | Tabellen
	*/

	table { 
		width: auto; 
		border-collapse:collapse; 
		margin-bottom: 0.5em; 
	}
	.referenzen-table table { 
		margin: 0 0 1.9em 144px;
		width: auto;
	}
	table caption { font-variant:small-caps; }
	table.full { width: 100%; }
	table.fixed { table-layout:fixed; }

	th,td { padding: 0.3em 0.3em 0.3em 0em; vertical-align: top;}
	td { }
	thead th { border-bottom: 2px #818181 solid; }
	tbody th { background: #e0e0e0; color: #333; }
	tbody th[scope="row"], tbody th.sub { background: #f0f0f0; }

	tbody th { border-bottom: 1px solid #818181; text-align: left; }
	tbody td { border-bottom: 1px solid #818181; }
	.referenzen-table:last-child  tbody tr:last-child td { border-bottom: none; }
	.referenzen-table:first-child  tbody tr:first-child td { border-top: none; }
	tbody tr:first-child td { border-top: 1px solid #818181; }
	
	td a {
		display: block;
	}
	tr.link:hover {
		
		background: #dfe4df;
	}
	tr.link:hover a{
		color: #6c6b6a;
	}  
  
  
	.referenzen-table {
		margin: 0 0px;
		width: auto;
	}
	.referenzen-table .table-header {
		width: 124px;
		border-bottom: none;
		text-align: right;
		position: absolute;
		left: 10px;
	}
	.referenzen-table .table-header h3 {
		font-size: 170%;
		letter-spacing: 0.07em;
		margin-top: -3px;
		color: #9B9B99;
	}
	table .object {
		width: 510px;
	}
	table .phase, table .volume {
		width: 85px;
		text-align: right;
	}
  
	/**
	* ------------------------------------------------------------------------------------------------- #
	*
	* allgemein
	*
	*/
  
	#header h1 { 
		padding-top: 10px;
	}
	
	.skip:focus, .skip:active {
		background: #fff;
		padding: 0.5em 1em;
		position: static;
	}

	/**
	* ------------------------------------------------------------------------------------------------- #
	*
	* Projekte
	*
	*/	
	
	#project-view {

		
	}
	
	.project-img {
		width: 818px;
		height: 529px;
		overflow: hidden;
		text-align: center;
		position: relative;
		margin-left: 10px;
		background: url(../img/picture-bg.png) no-repeat 0 0;
	}
	.project-img .slide {
		width: 818px;
		height: 529px;
		padding: 0;
		position: relative;
	}
	.project-img img {
		margin: 0 auto;
		padding: 0;
		position: absolute;
		left: 0px;
		top: 0px;
	}
	
	.project-nav {
		height: 25px;
		margin: 5px 0 0 10px;
		
	}
	.project-nav .left{
		width: 45%;
		float: left;
	}
	.project-nav .right {
		width: auto;
		float: right;
		text-align: right;
	}
	.project-text {
		margin: 5px 0 0 10px;
	}
	.project-details {
		width:  320px;
		float: left;
	}
	.project-description {
		width: 410px;
		float: right;
	}
	.project-description h3 {	
		text-align: right;
		clear: both;
	}
	.project-description p{
		margin: 0 0 1.5em 0;
		line-height: 1.5em;
	}
	
	.project-nav  span,
	.project-description  span {
		display: block;
		float: left;
		font-weight: bold;
		margin: 0 1em;
		line-height: 1em;
	}
	.noScriptPictureNav{
		padding-left: 1em;
	}
	.js .noScriptPictureNav {
		display: none;
	}
	#currentPic {
		position: absolute;
		right: 0px;
		top: 270px;
		z-index: 1000;
		background: url(../img/bg_numbers.png);
		padding: 3px 10px;
		color: #6C6B6A;
		display: none;
	}
	#currentPic.active{
		display: block;
	}
	a.prev-nav {
		position: absolute;
		left: -13px;
		top: 266px;
		height:30px;
		width: 20px;
		overflow:hidden;
		text-indent:999em;
		white-space:nowrap;
		background: url(../img/arrow-pic-left.gif) no-repeat 0 0;
		overflow: hidden;
		display: block;
	
	}
	a.next-nav {
		position: absolute;
		right: -25px;
		top: 266px;
		height:30px;
		width: 20px;
		overflow:hidden;
		text-indent:999em;
		white-space:nowrap;
		background: url(../img/arrow-pic-right.gif) no-repeat 0 0;	
		overflow: hidden;
		display: block;
		float: left;
	}
	a.prev-nav:hover,
	a.next-nav:hover {
		background-position: -20px 0;
	}	
	.project-arrows {
		display: block;
		text-align: right;
		height: 20px;
		width: auto;
		float: right;
	}
	a.project-prev-nav {
		height:11px;
		width: 10px;
		overflow:hidden;
		text-indent:999em;
		white-space:nowrap;
		background: url(../img/arrow-left.gif) no-repeat 0 0;
		overflow: hidden;
		display: block;
		float: left;
	}
	a.project-next-nav {
		height:11px;
		width: 10px;
		overflow:hidden;
		text-indent:999em;
		white-space:nowrap;
		background: url(../img/arrow-right.gif) no-repeat 0 0;	
		overflow: hidden;
		display: block;
		float: left;
	}
	a.project-prev-nav:hover {
		background-position: 0 -11px;
	}	
	a.project-next-nav:hover {
		background-position: 0 -11px;	
	}
	

	
	
	.project-select {
		margin-top: 150px;
	}	
	.project-select li {
		float: left;
		display: inline;
		width: 202px;
	}
	.project-select li a {
		font-size: 120%;
	}
	.project-select li span {
		display: block;
		margin-top: 0.2em;
	}

	/**
	* ------------------------------------------------------------------------------------------------- #
	*
	* Büro
	*
	*/		
	
	#buero {
		margin: 0 10px 6em 10px;
		position. relative;
	}
	
	#buero img {
		position: absolute; 
		left: 10px;
	}
	#buero p,#buero h3 {
		margin-left:506px;
	}
	

	/**
	* ------------------------------------------------------------------------------------------------- #
	*
	* home
	*
	*/		
	
	.home-img {
		width: 818px;
		height: 529px;
		overflow: hidden;
		text-align: center;
		position: relative;
		margin-left: 10px;
		background: url(../img/picture-bg.png) no-repeat 0px 0px;
	}
	.home-img img {
		margin: 0 auto;
		padding: 0;
		position: absolute;
		left: 0px;
		top: 0px;
	}	

	

}