/* Anfang HTML tags */
html, body {height:100%;}	
body {margin:0;padding:0;}
/* Ende HTML tags */
		
		
/* Positionierungselemente */
#distance { width:1px;
			height:50%;
			margin-bottom:-300px; /* häfte der container höhe */
			float:left;}
			
#PosMainNavigation{	
	position:absolute;
	top:100px;
	width:200px;
	height:300px;
}
			
#PosSubNavigation2{	
	position:absolute;
	left:170px;
	top:580px;
	width:175px;
	height:11px;}		
				
#PosImageNavigation{
	position:absolute;
	top:90px;
	left:165px;
}

#PosFontFliesstext{	
	position:relative;
	top:13px;
}
#Ueberschrift_1 {
margin:0px 1px -16px 0px;
width:50px;
}
#Ueberschrift_2 {
width:50px;
margin:-14px 1px 2px 220px;
}
#SchüttingImg_1{
margin:10px 0px 10px 0px;
}

 
#SchüttingImg_2 {
left:205px;
margin:-170px 0 0 10px;
position:absolute;
}
#SchüttingImg_3 {
margin:10px 0;
}
#SchüttingImg_4 {
left:216px;
top:384px;
position:absolute;
float:left;
}
#SchüttingImg_5 {
margin:10px 15px 0 0;
float:left;
}
#SchüttingImg_6 {
margin:0 18px 0px 0;
float:right;
}
.absatz_1 {
margin:1px 2px 3px 4px;
}
.absatz {
margin:75px 0px 0px 0px;
}
#SchüttingImg_7 {
left:210px;
top:741px;
position:absolute;
}

#PosImageHome1{	
	width:150px;
	height:100px;
	position:absolute;
	top:110px;
}

#PosImageHome2{	
	width:150px;
	height:100px;
	position:absolute;
	top:250px;
	left:50px;
}
#Imagetitel_1{	
	position:absolute;
	top:200px;
}

#Imagetitel_2{	
	position:absolute;
	top:339px;
}

#PosAnfahrtsskizze{	
	position:absolute;
	top:13px;
}

#PosAnfahrtsText_1{	
	position:absolute;
	top:13px;
	left:260px;
	width:170px;
}
#PosProjektImage_1,#PosProjektImage_2,#PosProjektImage_3,#PosProjektImage_4,#PosProjektImage_5,#PosProjektImage_6,
#PosProjektImage_7,#PosProjektImage_8,#PosProjektImage_9,#PosProjektImage_10,#PosProjektImage_11,#PosProjektImage_12,
#PosProjektImage_13,#PosProjektImage_14,#PosProjektImage_15,#PosProjektImage_16,#PosProjektImage_17,#PosProjektImage_18,
#PosProjektImage_19{
	position:absolute;
	top:30px;
	left:0px;
	width:200px;
	height:150px;
}
	
#PosProjektImage_2{
	left:210px;
}
	
#PosProjektImage_3,#PosProjektImage_4{
	top:197px;
	left:0px;
}
	
#PosProjektImage_4{
	left:210px;
}

#PosProjektImage_5,#PosProjektImage_6{
	top:250px;
	left:0px;
}
	
#PosProjektImage_6{
	left:210px;
}

#PosProjektImage_7,#PosProjektImage_8{
	top:500px;
	left:0px;
}
	
#PosProjektImage_8{
	left:210px;
}
#PosProjektImage_9{
	top:710px;
	left:0px;
}
	
#PosProjektImage_10,#PosProjektImage_11{
	top:920px;
	left:0px;
}
#PosProjektImage_11{
	left:210px;
}

#PosProjektImage_12,#PosProjektImage_13{
	top:197px;
	left:0px;
}
#PosProjektImage_13{
	left:167px;
}
#PosProjektImage_14,#PosProjektImage_15{
	top:470px;
	left:0px;
}
#PosProjektImage_15{
	left:210px;
}
#PosProjektImage_16,#PosProjektImage_17 {
	top:690px;
	left:0px;
}
#PosProjektImage_17{
	left:210px;
}
	
	
#PosProjekt2{
	position:absolute;
	top:220px;
	left:0px;
}
#PosProjekt3{
	position:absolute;
	top:440px;
	left:0px;
}
#PosProjekt4{
	position:absolute;
	top:680px;
	left:0px;
}
#PosProjekt5{
	position:absolute;
	top:900px;
	left:0px;
}
#PosProjekt6{
	position:absolute;
	top:1100px;
	left:0px;
}


/* Positionierungselemente */


/* Anfang Schrift */		
.FontHeadline{	
	font-family:arial,helvetica,sans serif;
	font-size:11px;
	font-weight:bold;
	letter-spacing:1px;
	color:#17067B;
}

.FontFliesstext, .FontFliesstextBold, #PosProjekt2, #PosProjekt3, #PosAnfahrtsText_2, #PosAnfahrtsText_1{	
	font-family:arial,helvetica,sans serif;
	font-size:11px;
	color:#666666;
}

.FontFliesstextBold{	
	font-weight:bold;
	font-size:11px;
}

.email{
	font-family:arial,helvetica,sans serif;
	font-size:11px;
	color:#666666;
	text-decoration : underline;
	
}

/* Ende Schrift */	


/* Anfang Mouseovermenu */		
.MainNavigation:link, .MainNavigation:visited, .MainNavigation:hover, .MainNavigation:active,
.SubNavigation:link, .SubNavigation:visited, .SubNavigation:hover, .SubNavigation:active,
.SubNavigation2:link, .SubNavigation2:visited, .SubNavigation2:hover, .SubNavigation2:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight:bold;
	text-decoration:none;
	color:#17067B;
	letter-spacing:1px;}

.SubNavigation:link, .SubNavigation:visited, .SubNavigation:hover, .SubNavigation:active,
.SubNavigation2:link, .SubNavigation2:visited, .SubNavigation2:hover, .SubNavigation2:active{
	font-size : 10px;
	color:#666666;}
	
.SubNavigation2:link, .SubNavigation2:visited, .SubNavigation2:hover, .SubNavigation2:active{
	letter-spacing:0px;
	margin-right:10px;}
 	
/* Ende Mouseovermenu */	

#container {
	margin:0 auto;
	position:relative; /* container vor distance angezeigt */
	height:600px;
	width:750px;
	clear:left;
}
	
#content{	
	width:450px;
	height:470px;
	position:absolute;
	left:250px;
	top:100px;
	overflow:auto;
	scrollbar-base-color:white;
	scrollbar-3dlight-color:;
	scrollbar-darkshadow-color:white;
	scrollbar-face-color:#DDDDDD;
	scrollbar-hightlight-color:white;
	scrollbar-shadow-color:white;
	scrollbar-track-color:white;
}

#Image{
	width:60px;
	height:35px;
	border:solid #666666 1px;
}	
			
/* Grunddesign */			
#Line1_RightCorner, #Line1_LeftCorner{
	position:absolute;
	top:25px;
	left:520px;
	width:230px;
	height:2px;
	background-color:#17067B;
}
			
#Line1_LeftCorner{
	position:absolute;
	top:580px;
	left:80px;
	width:300px;
}
			
#Line2_RightCorner, #Line2_LeftCorner{
	position:absolute;
	top:10px;
	left:720px;
	width:3px;
	height:85px;
	background-color:#17067B;
}
			
#Line2_LeftCorner{
	position:absolute;
	top:90px;
	left:160px;
	height:510px;
}
			
#PosLogo{
	position:absolute;
	top:10px;
	left:580px;
}

.FontLogo, .FontLogoBold, .FontLogoLight{
	font-family:arial,helvetica,sans serif;
	font-size:14px;
	margin-bottom:1px;
	color:#666666;
}
			
.FontLogoBold{
	font-weight:bold;
	font-size:15px;
	color:#17067B;
}
			
.FontLogoLight{
	font-size:13px;
}
#Passivhaus  {}

#Ansicht Nord {margin-top:1px;margin-left:3px;}

#Ansicht Ost {margin-top:1px;margin-left:3px;}

#Gewerbebau_nord {margin-left:0px;margin-top:2px;}

#Gewergbebau_ost {margin-left:0px;margin-bottom:10px;margin-top:2px; }

#Unternehmensservice{}

/* Grunddesign */	

/*lightbox*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(./images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(./images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 113px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/*lightbox End*/