.PhotoClipWrapperDiv {position: relative;}



/* ----------------------------------------------------------------------------
Allgemeine Tags und Klassen
---------------------------------------------------------------------------- */
@font-face {
	font-family: 'MisoLight';
	src: url('miso-light-webfont.eot');
	src: local('☺'), url('miso-light-webfont.woff') format('woff'), url('miso-light-webfont.ttf') format('truetype'), url('miso-light-webfont.svg#webfontcIsHTrJS') format('svg');
	font-weight: normal;
	font-style: normal;
}



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

body {

	color: #b45b53;
}

a {
	outline: none;
}

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

li {
	list-style-type: none;
}


h1 {
	font: 15px MisoLight; font-size-adjust: 0.45;

	text-transform: uppercase;
	padding-bottom: 20px;
}

html {
	overflow-y: scroll;
}

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

#footer {
	position:relative;
	top: 26px;
}

#footerReferenceObject {
	position:absolute;
	top: -126px;
}

#logo {
	font: 46px MisoLight;
	font-size-adjust: 0.45;
	letter-spacing:1px;
	margin-bottom: 5px; /* 25 */
}

#logo a {
	color: #b45b53; /* #000 */
}

#content {

	padding-bottom: 6px;
	overflow: hidden; /* für slider in #referenceObject */
	position: relative;
	padding-top: 10px;
	height: auto !important;
}



#TextWrapper {
	width:698px;
	height:405px;
	font: 15px MisoLight; font-size-adjust: 0.45;
	line-height:22px;
	//left:4px;
}


#content a {
	color: #9a4934; /* #000 */
}

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


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

#header .navi_wrapper {

	padding-bottom: 0px;
}

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

#alhalqa {
	position:relative;
	top:-16px;
	left: 330px;
	width: 725px;
	padding-bottom: 0px;
	overflow: hidden;
}

#alhalqa a {
	text-transform: uppercase;
	font: 15px MisoLight; font-size-adjust: 0.45;
	color: #9a4934; /* 87888a */
}

#alhalqa a:hover {
	color: #b45b53;
}

#navigation a {
	text-transform: uppercase;
	font: 15px MisoLight; font-size-adjust: 0.45;
	color: #9a4934; /* 87888a */
}

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

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

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

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

.showNavigation #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: 15px MisoLight; font-size-adjust: 0.45;

	width: 725px;
	overflow: hidden;
	margin-top: -1px;
}

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

#subNavigation a:hover, #subNavigation a.rex-current {
	color: #b45b53;
}
#smallnav li {
	font: 15px MisoLight; font-size-adjust: 0.45;
	text-transform: uppercase;
	float: left;
}

#smallnav a {
	color: #9a4934; /* 87888a */
}

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

#smallnav .aktiv {
	color: #b45b53;
}

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

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;
}


/* ----------------------------------------------------------------------------
FullDescription
---------------------------------------------------------------------------- */

#announcer {
	position: relative;
	font: 15px MisoLight; font-size-adjust: 0.45;
	line-height:22px;
	left:0px;
	top:8px;
}

#FullDescription {
	position: relative;
	top:96px;
	font: 15px MisoLight; font-size-adjust: 0.45;
	line-height:22px;
}

#LinkerBlock {
	position: absolute;
	width: 320px;
	top:96px;
	font: 15px MisoLight; font-size-adjust: 0.45;
	line-height:22px;
}

#RechterBlock {
	position: absolute;
	width: 320px;
	left:360px;
	top:96px;
	font: 15px MisoLight; font-size-adjust: 0.45;

	line-height:22px;
}


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

#referenceList {
	position: relative;
	width: 720px;
	padding-bottom: 3px;
	padding-top: 3px;
	top:8px;
}

/* MAC SPECIFIC */


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


#referenceList dl a.articleName {
	width: 450px;
	height: 12px;
	padding-bottom: 3px;
	padding-top: 7px;
	}
#referenceNavigation .buildTime {
	float: left;
	padding-left: 5px;
	width: 87px;
	padding-bottom: 3px;
	padding-top: 7px;
}

#referenceNavigation .projectName {
	float: left;
	padding-bottom: 3px;
	padding-top: 7px;
}


/* END MAC SPECIFIC */


#referenceList a {
	color: #b45b53;
}

#referenceList dl {
	position: relative;
	float: left;
	clear: both;
	font: 15px MisoLight; font-size-adjust: 0.45;
	width: 720px;
	cursor: pointer;
	margin-bottom: 4px;
	
}
#referenceList dd {
	float: left;
	height: 13px;
	text-transform: uppercase;
	width: 619px; 
}

*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 dt.projectThumbnail {
	position:relative;
	width: 720px;
	height: 0px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
   /*clear: both;*/
	background-color: #FFFFFF;
	text-align: left;
	color: #b45b53;
	font: 15px MisoLight; font-size-adjust: 0.45;
	line-height: 28px;
}



#referenceListInformation {
	position:relative;
	left:5px;
	height: 64px;
	width:700px;
	top:6px;

	font: 15px MisoLight; font-size-adjust: 0.45;
	line-height:22px;
	}
	
#referenceListImage{
	position:relative;

	width: 720px; 
	height: 156px; 
	overflow:hidden;

	font: 15px MisoLight; font-size-adjust: 0.45;
	line-height:22px;
	}
	
	
#referenceInformation {
	position:absolute;
	left:5px;
	width:700px;
	top:412px;
	font: 15px MisoLight; font-size-adjust: 0.45;
	line-height:22px;
	
	
	}
	
#referenceListInformationLeft {
	float:left;
	width:715px;
	}
	
#referenceListInformationRight {
	float:right;
	width:344px;
	}
	
	
	
	
	
	
#referenceObject {
	position: relative;
	top:15px;
	width: 720px;
}

#referenceObject a {
	color: #b45b53;
}

#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: 15px MisoLight; font-size-adjust: 0.45;

	padding-bottom: 5px;
}

#referenceObject .links .tooltip a {
	background: none;
	font-weight: normal;
	padding-left: 0px;
	font: 15px MisoLight; font-size-adjust: 0.45;

	color: #5d5e5f;
	text-transform: none;
}

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

#referenceObject .slideElement {
	position: relative;
	float: left;
	top: 0px;
	width: 720px;
	height: 520px;
	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: 23px; /* 23 */
	height: 405px;
	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;
	left: 700px;
	z-index: 999;
	display: block;
	width: 23px; /* 23 */
	height: 405px;
	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 {
	position:absolute;
	left:0px;
	float: left;
	height: 405px;
	padding-bottom: 2px;
}


#referenceVideo {
	position:absolute;
	left:0px;
	float: left;
	height: 405px;
	padding-bottom: 2px;
}





#referenceNavigation {
	position: relative;
	width: 720px;
	top: -34px;
	background-color: #b45b53;
	height: 22px;
	clear: both;
	color: #FFF;
	text-transform: uppercase;
	font: 15px MisoLight; font-size-adjust: 0.45;
}




#referenceVerlust {
	position: relative;
	top: -6px;
	background-color: #fff;
	height: 23px;
	clear: both;
	color: #b45b53;
	text-transform: uppercase;
	font: 15px MisoLight; font-size-adjust: 0.45;

}

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

#referenceNavigation .squareNavi li {
	float: left;
}
+
/**
	Startseite
**/

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

}

*html #imageText {
	top: 406px;
}