* {
	border:0;
	padding:0;
	margin:0;
	font-family:Helvetica, Arial, sans-serif; }
	
html, body {
	min-width:980px; }
	
table {
	border-collapse:collapse; }
	
a {
	color:#666666;
	text-decoration:none; }
	
a:hover, a.ihover {
	color:black; }

#nav-box, #nav-box-ie {
	position:absolute;
	width:600px;
	height:100px;
	background:url(../images_layout/logo.gif) 10px 26px no-repeat; }
	
#nav-box.wohnungsbau, #nav-box-ie.wohnungsbau {
	position:absolute;
	background:url(../images_layout/wohnungsbau.png) 10px 26px no-repeat; }
	
#nav-box.kontakt, #nav-box-ie.kontakt {
	position:absolute;
	background:url(../images_layout/kontakt.png) 10px 26px no-repeat; }

#nav-box.gewerbebau, #nav-box-ie.gewerbebau {
	position:absolute;
	background:url(../images_layout/gewerbebau.png) 10px 26px no-repeat; }
	
#nav-box.sonderbau, #nav-box-ie.sonderbau {
	position:absolute;
	background:url(../images_layout/sonderbau.png) 10px 26px no-repeat; }	
	
#nav-box.energetisch, #nav-box-ie.energetisch {
	position:absolute;
	background:url(../images_layout/energetisch.png) 10px 26px no-repeat; }
	
#nav-box.auszeichnungen, #nav-box-ie.auszeichnungen {
	position:absolute;
	background:url(../images_layout/auszeichnungen.png) 10px 26px no-repeat; }	
	
#nav-box.wettbewerbe, #nav-box-ie.wettbewerbe {
	position:absolute;
	background:url(../images_layout/wettbewerbe.png) 10px 26px no-repeat; }	
	
#nav-box.download, #nav-box-ie.download {
	position:absolute;
	background:url(../images_layout/download.png) 10px 26px no-repeat; }	
	
#nav-box.portrait, #nav-box-ie.portrait {
	position:absolute;
	background:url(../images_layout/portrait.png) 10px 26px no-repeat; }
	
#main-box-title { 
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-50px;
	margin-left:-350px; }

#nav-box:hover, #nav-box-ie:hover {
	z-index:10;
	background:url(../images_layout/logo_hover.gif) 10px 26px no-repeat; }
	
#nav-box-ie:hover {
	cursor:default; }
	
.for-text-version {
	display:none;
	/* position:absolute;
	left:-5000px;
	color:white; */ }
	
#nav-box li {
	display:inline; }

#nav-box:hover li a, #nav-box .back-button a, #nav-box-ie:hover li a {
	display:block;
	position:absolute;
	width:20px;
	height:27px;
	top:26px;
	z-index:10; }
	
#nav-box:hover .back-button a, #nav-box-ie:hover .back-button a {
	width:39px;
	height:33px; }
	
#nav-box:hover li a:hover, #nav-box-ie:hover li a:hover {
	z-index:5; }
	
#nav-box:hover .wohnungsbau a, #nav-box-ie:hover .wohnungsbau a {
	left:190px; }

#nav-box:hover .wohnungsbau a:hover, #nav-box-ie:hover .wohnungsbau a:hover {
	width:450px;
	left:29px;
	background:url(../images_layout/wohnungsbau.png) -19px 0 no-repeat; }
	
#nav-box:hover .gewerbebau a, #nav-box-ie:hover .gewerbebau a {
	left:210px; }
	
#nav-box:hover .gewerbebau a:hover, #nav-box-ie:hover .gewerbebau a:hover {
	width:380px;
	left:138px;
	background:url(../images_layout/gewerbebau.png) -128px 0 no-repeat; }
	
#nav-box:hover .sonderbau a, #nav-box-ie:hover .sonderbau a {
	left:263px; }
	
#nav-box:hover .sonderbau a:hover, #nav-box-ie:hover .sonderbau a:hover {
	width:310px;
	left:173px;
	background:url(../images_layout/sonderbau.png) -163px 0 no-repeat; }
	
#nav-box:hover .energetisch a, #nav-box-ie:hover .energetisch a {
	left:299px; }
	
#nav-box:hover .energetisch a:hover, #nav-box-ie:hover .energetisch a:hover {
	left:176px;
	width:346px;
	background:url(../images_layout/energetisch.png) -166px 0 no-repeat; }
	
#nav-box:hover .auszeichnungen a, #nav-box-ie:hover .auszeichnungen a {
	left:337px; }
	
#nav-box:hover .auszeichnungen a:hover, #nav-box-ie:hover .auszeichnungen a:hover {
	left:176px;
	width:346px;
	background:url(../images_layout/auszeichnungen.png) -166px 0 no-repeat; }
	
#nav-box:hover .wettbewerbe a, #nav-box-ie:hover .wettbewerbe a {
	left:375px; }
	
#nav-box:hover .wettbewerbe a:hover, #nav-box-ie:hover .wettbewerbe a:hover {
	left:176px;
	width:346px;
	background:url(../images_layout/wettbewerbe.png) -166px 0 no-repeat; }
	
#nav-box:hover .download a, #nav-box-ie:hover .download a  {
	left:408px; }
	
#nav-box:hover .download a:hover, #nav-box-ie:hover .download a:hover {
	left:176px;
	width:400px;
	background:url(../images_layout/download.png) -166px 0 no-repeat; }
	
#nav-box:hover .portrait a, #nav-box-ie:hover .portrait a, #nav-box.ihover .portrait a {
	left:428px; }
	
#nav-box:hover .portrait a:hover, #nav-box-ie:hover .portrait a:hover {
	left:170px;
	width:350px;
	background:url(../images_layout/portrait.png) -160px 0 no-repeat; }
	
#nav-box:hover .kontakt a, #nav-box-ie:hover .kontakt a {
	left:448px; }
	
#nav-box:hover .kontakt a:hover, #nav-box-ie:hover .kontakt a:hover {
	left:187px;
	width:350px;
	background:url(../images_layout/kontakt.png) -177px 0 no-repeat; }
	
#nav-box .back-button a, #nav-box-ie .back-button a {
	left:560px;
	width:39px;
	height:33px;
	background:url(../images_layout/button.gif); }

#nav-box:hover .back-button a:hover, #nav-box-ie:hover .back-button a:hover {
	background:url(../images_layout/button_hover.gif); }
	
#content {
	padding:80px 10px 10px 10px; }
	
#content.text-only {
	padding:120px 10px 10px 155px; }
	 
#header {
	position:fixed;
	width:100%;
	top:0;
	left:0;
	height:80px;
	background:white;
	overflow-x:hidden;
	overflow-y:hidden;
	z-index:20; }
	 
#header #nav-box {
	margin-top:-7px;
	margin-left:-20px;
	height:73px; }

#footer {
	position:fixed;
	width:100%;
	bottom:-1px;
	height:100px;
	background:white; }
	 
p, ul {
	font-size:12px;
	padding-bottom:15px;
	line-height:15px; }
	
h1 {
	position:absolute;
	top:20px;
	left:10px; }
	
h1 span {
	display:block;
	background:green; }
	
h1 span span {
	position:absolute;
	left:-5000px;
	color:white; }
	
.break-float {
	clear:both; }
	
.project-teaser, .project-teaser-text {
	position:relative;
	height:130px;
	overflow:hidden;
	width:100%; }
	
.project-teaser-text { 
	float:left;
	width:130px;
	margin-right:25px; }
	
.project-images {
	margin-left:145px; }
	
.project-images img {
	margin-right:15px;
	margin-bottom:50px; }
	
.project-link {
	position:absolute;
	top:0;
	left:0;
	display:block;
	background:white;
	opacity:.3;
	height:120px;
	width:100%;
	color:black;
	text-decoration:none;
	z-index:10;
	 }
	
.project-teasertext {
	position:absolute;
	top:0;
	display:block;
	height:100px;
	width:130px;
	cursor:pointer; }
	
.project-link:hover {
	opacity:1;
	background:none; }
	
.project-text {
	position:absolute;
	top:80px;
	width:280px;
	z-index:10; }
	
.image-fixed {
	position:absolute;
	top:0;
	left:0; }

#sub-navigation {
	margin-top:380px;
	clear:both; }

#sub-navigation li {
	list-style:none;
	float:left; }
	
#sub-navigation li img {
	border-right:10px solid white; }
	
#sub-navigation .ie-hover {
	display:block;
	border-bottom:1px solid white; }
	
#sub-navigation li {
	z-index:10; }

#sub-navigation li .thumbnail-image {
	position:relative;
	z-index:10;
	padding-bottom:20px; }
	
#sub-navigation li .detail-images {
	display:none; }
	
#sub-navigation li:hover .detail-images, #sub-navigation .ie-hover:hover .detail-images, #sub-navigation li.ihover .detail-images {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	z-index:5; 
	display:block;
	background:white;
	overflow:hidden; }
	
#sub-navigation .ie-hover:hover {
	border:0;
	margin:0;
	padding:0; }
	
#sub-navigation .ie-hover:hover .detail-images {
	padding-bottom:105px;
	border-right:800px solid white; }
	
.detail-images img, .image-fixed img {
	margin-left:310px;
	margin-top:80px; }
	
.detail-images img {
	margin-left:310px; }

p.turnpages {
	position:relative;
	z-index:100; }
	
/* #sub-navigation li:hover .thumbnail-image {
	z-index:20;
	padding-right:30px;
	margin-right:-30px;
	padding-left:30px;
	margin-left:-30px; } */
	
.hidden {
	display:none; }

.notvisible {
	height:1px; overflow:hidden; color:white; }

.clear {
	height:0;
	font-size:0;
	clear:both;
	overflow:hidden; }