/* --------------------------------------------------------------------------------------
 * html and body
 * -------------------------------------------------------------------------------------- */

	html {
		height: 100%;
	}
	body {
		font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
		font-size: 13.4px;
		background: #67645c; color: #000;
		margin: 0; padding: 0;
		width: 100%;
		height: 100%;
	}


/* --------------------------------------------------------------------------------------
 * generic classes
 * -------------------------------------------------------------------------------------- */

	.mb0 {
		margin-bottom: 0 !important;
	}
	.mb1 {
		margin-bottom: 10px !important;
	}
	.mb2 {
		margin-bottom: 25px !important;
	}
	.mb3 {
		margin-bottom: 50px !important;
	}
	.mb4 {
		margin-bottom: 100px !important;
	}
	.clear {
		overflow: hidden;
		clear: both;
		display: table;
		height: 0;
		zoom: 1;
	}
	.inline {
		display: inline;
	}

/* --------------------------
 * media classes
 * -------------------------- */

	/*
	reader   = screen reader only  (eg skip links)
	print    = print only          (eg contact infos, references)
	nonprint = don't print         (eg navigation)
	*/

	.reader {
		position: absolute; left: -990em; height: 1em; width: 1em;
		overflow: hidden;
	}
	.print {
		display: none;
		visibility: hidden;
	}
	.nonprint {
		/* nothing */
	}


/* --------------------------------------------------------------------------------------
 * typo, images, lists, tables, forms,..
 * -------------------------------------------------------------------------------------- */

	h6, h5, h4, h3, h2, h1,
	p,
	li {
		font-size: 1em; line-height: 1.6em; font-weight: normal;
		margin: 0 0 1em 0; padding: 0;
	}
	h1 {
		margin-bottom: 0.4em;
		min-height: 24px;
	}

/* --------------------------
 * lists
 * -------------------------- */

	ul,
	ol {
		margin: 0 0 1.5em 0;
		padding: 0 0 0 2em;
	}
	li {
		margin: 0 0 0.3em 0;
		padding: 0;
	}

/* --------------------------
 * links
 * -------------------------- */

	a {
		text-decoration: none;
		color: #000;
	}
	a:hover,
	a:focus {
		text-decoration: underline;
	}
	a:active {
		outline: 0; /* remove dotted borders */
	}
	a:visited {
	}

	/* external */

	a.external {
		background-image: url(../images/icon_external.png);
		background-position: right 20%;
		background-repeat: no-repeat;
		padding-right: 11px;
	}

/* --------------------------
 * images
 * -------------------------- */

	img {
		border: 0;
		padding: 0;
		margin: 0;
		display: block;
	}
	img {
		/* behavior: url("static/components/iepngfix_v2/iepngfix.htc"); */
	}


/* --------------------------------------------------------------------------------------
 * tools
 * -------------------------------------------------------------------------------------- */

	/* maintenance */

	#maintenance {
		background: #222;
	}
	#maintenance p {
		font-size: 1em;
		line-height: 1em;
		display: block;
		text-align: center;
		color: #fff;
		padding: 5px 5px 6px 5px;
		margin: 0;
		border-bottom: 2px solid #fff;
	}

	/* DECAF */

	a#decafmedia,
	a#decafmedia:hover,
	a#decafmedia:focus {
  		width: 12px;
  		height: 64px;
  		position: absolute; left: 8px; bottom: 20px;
  		text-decoration: none;
  		border: none;
  		background: none;
  	}


/* --------------------------------------------------------------------------------------
 * layout
 * -------------------------------------------------------------------------------------- */

	.vcenter { 
		width: 1px;
		height: 46%;
		margin-bottom: -300px;
		float: left;
	}
	.site-wrp1 {
		position: relative;
		clear:left;
		width: 960px;
		height: 600px;
		margin: 0 auto;
		padding: 5px 20px 20px 5px;
		background: url(/static/images/site_bgr.png) no-repeat;
	}
	.site-wrp2 {
		width: 960px;
		height: 600px;
		background: #fff;
	}
	.site-wrp3 {
		padding: 25px 0 0 45px;
	}
	.header {
		width: 876px;
		height: 120px;
		margin-bottom: 25px;
	}
	.navigation {
		float: left;
		width: 155px;
		height: 430px;
	}
	.content-wrp {
		width: 736px;
		height: 425px;
		float: left;
		margin-left: 15px;
		padding-left: 1px;
		padding-top: 3px;
		overflow: hidden;
		overflow-y: auto;
	}
	.content {
		width: 700px;
	}
	.content-text {
		width: 640px;
	}


/* --------------------------------------------------------------------------------------
 * content
 * -------------------------------------------------------------------------------------- */

	/* header */

	.header a,
	.header img {
		display: block;
		float: left;
		position: relative; top: -1px; left: -7px;
	}
	.header a img {
		position: static;
	}

	/* navigation */

	.navigation ul {
		position: relative; left: -5px;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.navigation li {
		display: block;
		height: 25px;
		margin: 0 0 5px 0;
		padding: 0;
	}
	.navigation li a {
		display: block;
		float: left;
		height: 25px;
		background: url(/static/images/navigation.png) 0 0 no-repeat;
	}
	.navigation .nav1 a {
		width: 109px;
		background-position: 0 0;
	}
	.navigation .nav2 a {
		width: 101px;
		background-position: 0 -30px;
	}
	.navigation .nav3 a {
		width: 76px;
		background-position: 0 -60px;
	}
	.navigation .nav1 .active {
		background-position: -112px 0;
	}
	.navigation .nav2 .active {
		background-position: -112px -30px;
	}
	.navigation .nav3 .active {
		background-position: -112px -60px;
	}

	/* item (Referenz) */

	.item {
		position: relative;
		padding-bottom: 50px;
		zoom: 1;
	}
	.item .c1 {
		width: 230px;
		float: left;
	}
	.item .c2 {
		width: 450px;
		float: left;
		margin-left: 18px;
	}
/*
	.item .valign {
		min-height: 310px;
		overflow: hidden;
		
	}
	* html .item .valign {
		height: 310px;
		zoom: 1;
	}
*/
	.item .headline {
		padding: 0 0 5px 1px;
		margin: 0 0 15px -1px;
		background: url(/static/images/bgr_underline.png) left bottom no-repeat;
	}
	.item .text {
		margin-bottom: 40px;
	}
	.item .image {
		padding-top: 3px;
		margin-bottom: 10px;
	}
	.item .paging {
		width: 150px;
		float: left;
	}
	.item .skip {
		width: 280px;
		float: right;
		text-align: right;
	}
	.item .rewind {
		margin-right: 5px;
		zoom: 1;
	}
	.item .forward {
		margin-right: 10px;
		zoom: 1;
	}
	.item .counter {
		margin-right: 40px;
		zoom: 1;
	}
	.item .counter .num-current {
	}
	.item .counter .num-overall {
	}
	.item .counter .separator {
	}
	.item .activity-indicator {
		display: inline;
		position: absolute;
		margin-top: 1px;
	}
	.item .previous {
		margin-right: 5px;
	}

	/* items (Referenzliste) */

	.items {
		width: 703px;
		padding-top: 3px;
	}
	.items ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.items li {
		width: 200px;
		overflow: hidden;
		display: block;
		float: left;
		margin: 0 5px 22px 0;
		padding: 0;
		line-height: 1.4em;
		white-space: nowrap;
	}
	.items li a {
		display: block;
		float: left;
		cursor: pointer;
		zoom: 1;
	}
	.items li a img {
		margin-bottom: 5px;
	}
	.items li .project {
		font-weight: bold;
	}

	/* startseite */

	body.home .item {
		padding-top: 3px;
	}
	body.home .item a img {
		margin-bottom: 10px;
	}