/* ----------------------------------------------------------------------------
Screen CSS File
Max Dudler
Copyright 2009 by Softloop
---------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------
Allgemeine Tags und Klassen
---------------------------------------------------------------------------- */

* {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	border: none;
}

body {
	font: 13px Helvetica, Arial, sans-serif;
	color: #000;
}

a {
	outline: none;
}

p {
	line-height: 1.4em;
	padding-bottom: 20px;
}

li {
	list-style-type: none;
}

img {
	behavior: url("iepngfix.htc");	
}

h1 {
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 20px;
}

html {
	overflow-y: scroll;
}

#wrapper {
	padding: 0 20px;
	margin: 0 auto;
	padding-top: 15px;
	width: 950px; /* 955, 18.05.2009 */
}

#logo {
	margin-bottom: 5px; /* 25 */
}

#content {
	min-height: 505px;
	padding-bottom: 20px;
	overflow: hidden; /* für slider in #referenceObject */
	position: relative;
	padding-top: 10px;
}

*html #content {
	height: 505px;
	height: auto !important;
}

#content a {
	color: #CdCeD0; /* #000 */
}

#content a:hover {
	color: #000;
}

#content table {
	margin-top: 15px;
}

#content.dreiSpalten {
	padding-top: 17px;
}

*html #content {
	height: auto !important;
	height: 450px;
}

.navi_wrapper {
	width: 955px;
	height: auto;
	padding-bottom: 5px;
	overflow: hidden;
}

#header .navi_wrapper {
	padding-bottom: 0px;
}

#navigation {
	width: 955px;
	padding-bottom: 0px;
	overflow: hidden;
}

#navigation a {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14.5px;
	color: #CdCeD0; /* 87888a */
}

#navigation a:hover {
	color: #000000;
}

#navigation a.rex-current {
	color: #000000;
}

#navigation a.rex-active {
	color: #000000;
}

#navigation li {
	padding-right: 15px;
	float: left;
	overflow: hidden;
}

.showNavigation #navigation.active li.rex-normal {
	width: auto;
	padding-right: 15px;
	opacity: 1;
}

#articleid_11 #navigation.active li.rex-normal {
	width: auto;
	padding-right: 15px;
	opacity: 1;
}

#navigation.active li.rex-normal {
	width: 0px;
	padding-right: 0px;
	opacity: 0;
}

#subNavigation li {
	line-height: 1.5em;
	padding-right: 15px;
	float: left;
}

#subNavigation {
	font-size: 11px;
	width: 955px;
	overflow: hidden;
	margin-top: -1px;
}

#subNavigation a {
	text-transform: uppercase;
	color: #CdCeD0;	/* 87888a */
}

#subNavigation a:hover, #subNavigation a.rex-current {
	color: #000;
}

#smallnav li {
	font-size: 11px;
	text-transform: uppercase;
	float: left;
}

#smallnav a {
	color: #CdCeD0; /* 87888a */
}

#smallnav a:hover {
	color: #000;
}

#smallnav .aktiv {
	color: #000;
}

#smallnav .aktiv a {
	color: #000;
}

span.pipe {
	padding-left: 5px;
	padding-right: 5px;
	color: #87888a;
}

/* ----------------------------------------------------------------------------
Bilderanimation
---------------------------------------------------------------------------- */

#bilderanimation {
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
}

#bilderanimationL2 {
	z-index: 20;
	visibility: hidden;
	position:absolute;
	top: 0px;
	left: 0px;
	opacity: 0.0;
}

.bilderanimation {
	display: block;
}

/* ----------------------------------------------------------------------------
Login
---------------------------------------------------------------------------- */

#customer_login {
	padding-top: 10px;
}

#customer_login label {
	font-size: 11px;
	text-transform: uppercase;
}

#customer_login input {
	margin-top: 2px;
	width: 371px;
	color: #FFF;
	background: #000;
	padding: 2px;
	padding-top: 4px;
	height: 18px;
}

#customer_login input#submit {
	margin-top: 10px;
	cursor: pointer;
	background: #FFF;
	color: #000;
	text-align: left;
	padding-left: 0;
}

table {
	padding-bottom: 40px;
}

td {
	vertical-align: top;
	padding-right: 15px;
	padding-bottom: 5px;
	line-height: 1.6em;
}

td.date {
	width: 30px;
}

td.date span {
	display: none;
}

#content table.uppercase {
	padding-bottom: 0px;
}

table.uppercase td {
	text-transform: uppercase;
	line-height: 1.6em;
	padding-bottom: 10px;
}

table.uppercase td p {
	padding-bottom: 0px;
}

/* ----------------------------------------------------------------------------
Referenzliste
---------------------------------------------------------------------------- */

#referenceList {
	position: relative;
	width: 950px;
}

#referenceList a {
	color: #000;
}

#referenceList dl {
	position: relative;
	float: left;
	clear: both;
	font-size: 14px;
	width: 950px;
	cursor: pointer;
	margin-bottom: 4px;
}

#referenceList dt {
	float: left;
	width: 96px;
	height: 14px;
	padding-bottom: 3px;
	padding-top: 5px;
	padding-right: 20px;
	text-align: right;
}

#referenceList dl.activeHover {
	background-color: #000000;
	color: #FFFFFF;
}

#referenceList dl.activeHover a {
	color: #FFFFFF;
}

#referenceList dl.activeHover dt {
	/* color: #FFFFFF; */	
}

#referenceList dd {
	float: left;
	height: 23px;
	font-weight: bold;
	text-transform: uppercase;
	width: 834px;
}

*html #referenceList dd {
	overflow: hidden;
}

#referenceList dl a {
	display: block;
	float: left;
}

#referenceList dd img {
	display: none;
}

#referenceList dl.activeHover img {
	display: inline;
}

#referenceList dl a.articleName {
	width: 680px;
	height: 14px;
	padding-bottom: 3px;
	padding-top: 5px;
}

#referenceList dl a.details {
	width: 24px;
	height: 23px;
}

#referenceList dl a.images {
	width: 24px;
	height: 23px;
}

#referenceList dl dt.projectThumbnail {
	width: 950px;
	height: 0px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	clear: both;
	background-color: #FFFFFF;
	text-align: left;
	background-image: url('../pics/grau.gif');
}

#referenceObject {
	position: relative;
	width: 950px;
}

#referenceObject a {
	color: #000;
}

#referenceObject .description a {
	color: #CDCED0;
}

#referenceObject .tooltip {
	width: 350px;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
	visibility: hidden;
	position: absolute;
	z-index: 30;
	background-image: url('../pics/tooltipBg.png');
}

#referenceObject .tooltip .whiteBg {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 314px;
	height: 15px;
	background-image:url(../pics/grau.gif);
}

#referenceObject .links .tooltip p {
	font-size: 13px;
	padding-bottom: 5px;
}

#referenceObject .links .tooltip a {
	background: none;
	font-weight: normal;
	padding-left: 0px;
	font-size: 13px;
	color: #5d5e5f;
	text-transform: none;
}

#referenceObject .links .tooltip a:hover {
	color: #000;
	border-bottom: 1px solid #5d5e5f;
}

#referenceObject .slideElement {
	position: relative;
	float: left;
	top: 0px;
	width: 950px;
	height: 470px;
	padding-bottom: 9px; /* 2 */
	overflow: hidden;
}

#referenceObject .slideElement .imageLeft {
	float: left;
}

#referenceObject .slideElement .imageRight {
	float: left;
	padding-left: 10px;
}

#referenceObject a#previous {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 999;
	display: block;
	width: 470px; /* 23 */
	height: 470px;
	background-image: url('../pics/previous.png');
	background-repeat: no-repeat;
}

*html #referenceObject a#previous {
	background: none;
	background-image: url('../pics/previous.gif');
}

#referenceObject a#next {
	position: absolute;
	top: 0px;
	right:0px;
	z-index: 999;
	display: block;
	width: 470px; /* 23 */
	height: 470px;
	background-image: url('../pics/next.png');
	background-repeat: no-repeat;
	background-position: right;
}

*html #referenceObject a#next {
	background: none;
	background-image: url('../pics/next.gif');
}

#referenceImage {
	float: left;
	width: 470px;
	height: 470px;
	padding-bottom: 2px;
	background-image:url(../pics/grau.gif);
}

#referenceInformation {
	float: left;
	width: 380px;
	height: 445px;
	/* margin-left: 10px; */ /* Abstand linker Block - rechter Block*/
	padding-left: 60px; /* Abstand Inhalte innerhalb des rechten Blocks */
	padding-right: 40px;
	padding-top: 25px;
	background-image:url(../pics/grau.gif);
}

#referenceInformation h2 {
	text-transform: uppercase;
	font-weight: normal;
	font-size: 14px;
}

#referenceInformation .projectData dl {
	float: left;
	width: 380px;
}

*html #referenceInformation .projectData p {
	padding: 0;
	padding-bottom: 5px;
}

#referenceInformation .projectData dt {
	float: left;
	width: 80px;
}

#referenceInformation .projectData dd {
	float: left;
	width: 300px;
}

#referenceInformation .projectData dd p {
	line-height: 1.1em;
}

#referenceInformation .description {
	float: left;
	clear: both;
	padding-top: 22px;
	padding-bottom: 2px;
}

#referenceInformation .description h3 {
	text-transform: uppercase;
	font-size: 12px;
}

#referenceInformation .links p {
	font-size: 10px;
	padding-bottom: 10px;
	float: left;
	clear: both;
}

#referenceInformation .links a {
	padding-left: 10px;
	text-transform: uppercase;
	font-weight: bold;
	background-image: url('../pics/download_arrow.gif');
	background-repeat: no-repeat;
}

#referenceNavigation {
	position: relative;
	background-color: #000;
	height: 23px;
	clear: both;
	color: #FFF;
	text-transform: uppercase;
	font-size: 14px;
}

#referenceNavigation p {
	padding-top: 3px;
	padding-bottom: 0px;
}

#referenceNavigation .squareNavi {
	position: absolute;
	right: 0px;
}

#referenceNavigation .squareNavi li {
	float: left;
}

#referenceNavigation .buildTime {
	float: left;
	padding-left: 29px;
	width: 87px;
}

#referenceNavigation .projectName {
	float: left;
	font-weight: bold;
}

#referenceNavigation .projectName p {
	padding-top: 4px;
}

/* ----------------------------------------------------------------------------
Blinkender Pfeil 
---------------------------------------------------------------------------- */

.blinkenderpfeil p {
	display: inline;
	line-height: 1.4em;
	color: #fff;
}

#articleid_12 #content {
	background-color: #000;
	margin-bottom: 20px;
	cursor: pointer;
}

#image_animate {
	margin-left: 10px;
	clear: left;
}

#image_animate_white {
	margin-left: 10px;
	clear: left;
}

.blinkenderpfeil {
	padding-top: 155px;
	font-size: 18px;
	font-weight: bold;
	position: relative;
	width: 830px;
	margin: 0 auto;
}

*html .blinkenderpfeil {
	padding-bottom: 225px;
}

/* ----------------------------------------------------------------------------
Blinkender Pfeil 
---------------------------------------------------------------------------- */

.biografie_bild {
	float: left;
	padding-right: 15px;
}

/* ----------------------------------------------------------------------------
Philosophie
---------------------------------------------------------------------------- */

#philosophie {
	float: left;
	width: 950px;
}

#philosophie #image_left {
	float: left;
	width: 470px;
	height: 470px;
	visibility: hidden;
}

#philosophie #image_right {
	float: left;
	width: 470px;
	height: 470px;
	margin-left: 10px;
	visibility: hidden;
}

#philosophie #overlay {
	position: absolute;
	width: 450px;
	padding-left: 20px;
	height: 470px;
	background-image: url('../pics/overlay.png');
	visibility: hidden;
}

*html #philosophie #overlay {
	z-index: 10;
}

*html #philosophie img {
	z-index: 8;
}

#philosophie .text {
	position: absolute;
	font-weight: bold;
	font-size: 18px;
	padding-left: 20px;
	padding-right: 20px;
	top: 24px; /* bottom: 0px; */
}

#previousStep {
	position: absolute;
	display: block;
	background-image: url('../pics/previous.png');
	background-repeat: no-repeat;
	width: 470px; /* 23 */
	height: 470px;
	z-index: 20;
	top: 0px;
	left: 0px;
	visibility: hidden;
	margin-top: 10px;
}

*html #previousStep {
	background: none;
	background-image: url('../pics/previous.gif');
}

#nextStep {
	position: absolute;
	display: block;
	background-image: url('../pics/next.png');
	background-repeat: no-repeat;
	background-position: right;
	width: 470px; /* 23 */
	height: 470px;
	z-index: 20;
	top: 0px;
	right: 0px;
	visibility: hidden;
	margin-top: 10px;
}

*html #nextStep {
	background: none;
	background-image: url('../pics/next.gif');
}

/* ----------------------------------------------------------------------------
mehrspaltiges Template
---------------------------------------------------------------------------- */

.zweiSpalten #spalte_1 {
	float: left;
	width: 470px;
	padding-right: 10px;
	text-transform: uppercase;
}

.zweiSpalten #spalte_2 {
	float: left;
	width: 470px;
	text-transform: uppercase;
}

.dreiSpalten #spalte_1 {
	float: left;
	width: 310px;
	padding-right: 10px;
	text-transform: uppercase;
}

.dreiSpalten #spalte_2 {
	float: left;
	width: 310px;
	padding-right: 10px;
	text-transform: uppercase;
}
.dreiSpalten #spalte_3 {
	float: left;
	width: 310px;
	text-transform: uppercase;
}

.dreiSpalten #spalte_1 a {
	font-size: 10px;
	font-weight: bold;
	padding-left: 10px;
	background-image: url('../pics/download_arrow.gif');
	background-repeat: no-repeat;
}

.dreiSpalten #spalte_2 a {
	font-size: 10px;
	font-weight: bold;
	padding-left: 10px;
	background-image: url('../pics/download_arrow.gif');
	background-repeat: no-repeat;
}

.dreiSpalten #spalte_3 a {
	font-size: 10px;
	font-weight: bold;
	padding-left: 10px;
	background-image: url('../pics/download_arrow.gif');
	background-repeat: no-repeat;
}

/* ----------------------------------------------------------------------------
Presse Downloadbereich
---------------------------------------------------------------------------- */

.imagesDownload {
	float: left;
}

*html .imagesDownload {
	position: relative;
	clear: both;
	width: 950px;
}

.imagesDownload .image {
	position: relative;
	float: left;
	padding-left: 10px;
	font-size: 0px;
}

*html .imagesDownload .first {
	padding-left: 0px;
}

.imagesDownload .image.first {
	padding-left: 0px;
}

.projectFooter {
	float: left;
	position: relative;
	width: 950px;
}

.imageOverlay {
	position: absolute;
	z-index: 10;
	width: 182px;
	height: 118px;
	background-image: url('../pics/imageOverlay.png');
	visibility: hidden;
}

#content .imageOverlay a {
	width: 162px;
	height: 68px;
	color: #000000;
	display: block;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	background-image:url(../pics/download_arrow.gif);
	background-repeat:no-repeat;
	background-position: 10px 50px;
	padding-left:20px;
	padding-top: 50px;
}

/* ----------------------------------------------------------------------------
Publikationsliste
---------------------------------------------------------------------------- */

#publicationsList {
	position: relative;
}

*html #publicationsList {
	height: 450px;
}

#publicationsList a {
	color: #000;
}

#publicationsList dl {
	position: relative;
	float: left;
	clear: both;
	font-size: 14px;
	width: 950px;
	cursor: pointer;
	margin-bottom: 4px;
}

#publicationsList dt {
	float: left;
	width: 10px;
	padding-bottom: 3px;
	padding-top: 5px;
	padding-right: 20px;
	text-align: right;
}

#publicationsList dl.activeHover {
	background-color: #000000;
	color: #FFFFFF;
}

#publicationsList dl.activeHover a {
	color: #FFFFFF;
}

#publicationsList dd {
	float: left;
	font-weight: bold;
	text-transform: uppercase;
	width: 920px;
}

#publicationsList dl a {
	display: block;
	float: left;
}

#publicationsList dl a span {
	font-weight: normal;
	text-transform: none;
	font-size: 13px;
	display: none;
}

#publicationsList dd img {
	display: none;
}

#publicationsList dl.activeHover img {
	display: inline;
}

#publicationsList dl a.articleName {
	width: 766px;
	padding-bottom: 3px;
	padding-top: 5px;
}

#publicationsList dl a.details {
	width: 24px;
	height: 23px;
}

#publicationsList dl a.images {
	width: 24px;
	height: 23px;
}

#publicationsList dl dt.projectThumbnail {
	width: 950px;
	height: 0px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	clear: both;
	background-color: #FFFFFF;
	text-align: left;
}

/**
	Startseite
**/

#imageText.gebaeude {
	text-transform: uppercase;
	position: absolute;
	bottom: 0px;
	left: 0px;
	overflow: hidden;
	font-size: 10px;
	line-height: 18px;
	z-index: 25;
	color: #fff;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 1px;
	background-image: url('../pics/imageTextBackground.png');

}

*html #imageText.gebaeude {
	top: 451px;
}

/**
	Download-Bereich Presse
**/

.headDownloadArea {
	position: relative;
	width: 950px;
	height: 23px;
	background-color: #000;
	margin-bottom: 25px;
}

.headDownloadArea h1 {
	color: #fff;
	float: left;
	padding-left: 20px;
	padding-top: 6px;
	padding-bottom: 0px;
	font-size: 14px;
}

.logout {
	position: absolute;
	right: 0px;
}

*html .logout {
	left: 862px;
}

#content .logout a {
	color: #fff;
	display: block;
	height: 17px;
	padding-right: 30px;
	padding-top: 6px;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	background-image: url('../pics/logout.gif');
	background-position: right;
	background-repeat: no-repeat;
}

.projectFooter {
	color: #fff;
	background-color: #000000;
	font-size: 14px;
	text-transform: uppercase;
	margin-top: 9px; /* 2 */
	margin-bottom: 20px;
	height: 23px;
}

.projectFooter .projectName {
	float: left;
	padding-left: 20px;
}

.projectFooter .projectName p {
	float: left;
	padding-bottom: 0px;
	padding-top: 4px; /* 3px */
	height: 19px;
}

.projectFooter .projectDownload {
	position: absolute;
	right: 0px;
}

*html .projectFooter .projectDownload {
	left: 740px;
}

#content .projectFooter .projectDownload a {
	color: #fff;
	display: block;
	padding-right: 30px;
	padding-top: 6px;
	height: 17px;
	background-image: url('../pics/download_text.gif');
	background-position: right;
	background-repeat: no-repeat;
}

#footer {
	float: left;
	padding-bottom: 30px;
}

/**
	Sitemap
**/

#sitemap {
	padding-left: 14px;
}

#sitemap ul {
	list-style-type: none;
}

#sitemap ul.firstLevel ul {
	padding-left: 14px;
	padding-bottom: 14px;
}

#sitemap ul.firstLevel ul ul {
	padding-bottom: 0px;
}

#content .biografie_text table {
	padding-bottom: 0px;
	margin-top: 0px;
}

#content .biografie_text {
	padding-left: 160px;
}

#content .biografie_text table .year {
	width: 65px;
}

#content .biografie_text table p {
	padding-bottom: 0px;
}

#spalte_2 {
	margin-top: -5px;
}

.dreiSpalten #spalte_2 {
	margin-top: 0px;
}