body{
	background-color:#282f20;
	}
	
#container{
		position: absolute;
	    left: 50%;
		top: 50%;
		margin-left: -500px;  /* -400px;  */
		margin-top: -326px;  /* -300px; */
		width: 1000px;  /* 800px; */
		height: 653px;  /* 600px; */
		-height: 655px;  /*  602px;  */
		border: 0px solid #000000;
		overflow:hidden;
		z-index: 100;
		/* background-color:#FFFFFF; */
		background-image:url(../img/schatten.jpg);
		background-repeat:no-repeat;
		background-position: left top;
		/* padding: 26px 26px 27px 25px; */
	}

#oben{
		position: absolute;
		left: 25px;
		top: 26px;
		width: 800px;
		height: 115px;
		/* z-index: 1000; */
		background-color:#FFFFFF;
	}
#seitennavi{
		position: absolute;
		left: 876px;
		top: 70px;
		width: 125px;
		height: 500px;
		z-index: 1000;
}
#namenszug{
	margin: 0px 0px 5px 0px;	
}
#namenszug2{
	margin: 53px 0px 0px 632px;	
}
#namenszug2proj{
	position: absolute;
	left: 632px;
	top: 53px;	
	z-index: 1000;
}
#homepage	
	{
		position: absolute;
		left: 25px;
		top: 141px;
		width: 800px;
		height: 435px;
		overflow:hidden;
		background-color: #FFFFFF;
		z-index: 1500;
	}

#linksoben{
		position: absolute;
		left: 0px;
		top: 0px;
		width: 135px;
		height: 115px;
		z-index: 1000;
	}
#navi{
		position: absolute;
		left: 135px;
		top: 44px;
		width: 665px;
		height: 115px;
		z-index: 1000;
	}

#grauerbereich{
		position: absolute;
		left: 25px;
		top: 141px;
		width: 800px;
		height: 435px;
		overflow:hidden;
		background-color: #F0F0F0;
	}
#grauerbereichohnegrau{
		position: absolute;
		left: 25px;
		top: 141px;
		width: 800px;
		height: 435px;
		overflow:hidden;
		z-index: 1000;
	}
#links{
		position: absolute;
		left: 0px;
		top: 0px;
		width: 135px;
		height: 435px;
		z-index: 1000;
	}
#welle{
		position: absolute;
		left: 0px;
		top: 0px;
		width: 135px;
		height: 422px;
		z-index: 1000;
	}	
#home{
		position: absolute;
		left: 46px;
		top: 422px;
		width: 43px;
		height: 12px;
		z-index: 1000;
	}			
		
	
#inhaltohnescrollen{
		position: absolute;
		left: 135px;
		top: 0px;
		width: 665px;
		height: 435px;
		z-index: 1500;
	}
#inhaltsgrafik{
		position: absolute;
		left: 90px;
		top: 0px;
}

#inhaltmitscrollen{
		position: absolute;
		left: 135px;
		top: 0px;
		width: 665px;
		height: 435px;
	}


	
#headline{
		position: absolute;
		left: 90px;
		top: 0px;
}
#scrollbereich{
		position: absolute;
		left: 0px;
		top: 35px;
		width: 640px;
		height: 400px;
		overflow:auto;
}	
#scrollbereichmithead{
		position: absolute;
		left: 0px;
		top: 0px;
		width: 640px;
		height: 435px;
		overflow:auto;
}	


#weiterpfeil{
		position: absolute;
		left: 615px;
		top: 411px;
		width: 48px;
		height: 24px;
		overflow:hidden;
		z-index: 1500;
}
#uebersicht{
		position: absolute;
		left: 0px;
		top: 423px;
		width: 15px;
		height: 12px;
		overflow:hidden;
		z-index: 1500;
}
#naechstesbild{
		position: absolute;
		left: 98px;
		top: 422px;
		width: 21px;
		height: 13px;
		overflow:hidden;
		z-index: 1500;
}
#projekteweiter{
		position: absolute;
		left: 232px;
		top: 422px;
		width: 21px;
		height: 13px;
		overflow:hidden;
		z-index: 1500;
}
#projekteweiter675{
		position: absolute;
		left: 675px;
		top: 422px;
		width: 21px;
		height: 13px;
		overflow:hidden;
		z-index: 1500;
}
#projektezurueck{
		position: absolute;
		left: 210px;
		top: 422px;
		width: 21px;
		height: 13px;
		overflow:hidden;
		z-index: 1500;
}
#illuszurueck{
		position: absolute;
		left: 105px;
		top: 422px;
		width: 21px;
		height: 13px;
		overflow:hidden;
		z-index: 1500;
}
#vorherigesbild{
		position: absolute;
		left: 75px;
		top: 422px;
		width: 21px;
		height: 13px;
		overflow:hidden;
		z-index: 1500;
}
	
#serie, #kontakt
	{
		position: absolute;
		left: 90px;
		top: 0px;
		width: 575px;
		height: 360px;
	}
#kontakttextlinks
	{
		position: absolute;
		left: 90px;
		top: 0px;
		width: 120px;
		height: 360px;
	}
#kontakttextrechts
	{
		position: absolute;
		left: 222px;
		top: 0px;
		width: 410px;
		height: 360px;
		overflow: auto;		
	}		
	
#ausstellungenhead{
		position: absolute;
		left: 90px;
		top: 0px;
		width: 545px;
		height: 30px;

}
#ausstellungentext{
		position: absolute;
		left: 90px;
		top: 25px;
		width: 542px;
		height: 320px;
		overflow: auto;
}

#kontakttext{
		position: absolute;
		left: 90px;
		top: 0px;
		width: 542px;
		height: 320px;
		overflow: auto;
}


#untennavi
	{
		position: absolute;
		left: 135px;
		top: 550px;
		width: 665px;
		height: 50px;
	}
	
#layer1
	{
		visibility: hidden;
	}
	
#noscript
	{
		position: absolute;
		left: 90px;
		top: 20px;
		width: 450px;
	}
	
#naviobenrechts{
		position: absolute;
		left: 412px;
		top: 87px;
		font-size: 7pt;
		font-family: verdana, arial, helvetica, sans-serif;
		color: #999999;		
}

/* Scrollpfeile  */
/* Scrollbalken und Slider werden benoetigt! */


#scrollbarV {
  position:absolute;left:772px;top:260px;width:9px;height:340px;
}

.barV {
  position:absolute;left:0px;top:20px;width:1px;height:200px;
}
.slideV {
  position:absolute;left:0px;top:0px;width:1px;height:30px;
}
.lftV {
  position:absolute;left:795px;top:548px;width:9px;height:12px;
}

.rightV {
  position:absolute;left:795px;top:564px;width:9px;height:12px;
}


#scrollbarVoh {
  position:absolute;left:771px;top:260px;width:9px;height:340px;
}

.barVoh {
  position:absolute;left:0px;top:20px;width:1px;height:200px;
}
.slideVoh {
  position:absolute;left:0px;top:0px;width:1px;height:30px;
}
.lftVoh {
  position:absolute;left:795px;top:548px;width:9px;height:12px;
}

.rightVoh {
  position:absolute;left:795px;top:564px;width:9px;height:12px;
}


.lftVprojekt {
  position:absolute;left:770px;top:407px;width:9px;height:12px;z-index:991111;
}
.rightVprojekt {
  position:absolute;left:770px;top:423px;width:9px;height:12px;z-index:991111;
}

#parentscrollbereich{
		position: relative;
		left: 0px;
		top: 35px;
		width: 630px;
		height: 400px;
		overflow:hidden;
}

#parentscrollbereichmithead{
		position: relative;
		left: 0px;
		top: 0px;
		width: 650px;
		height: 435px;
		overflow:hidden;
}

#projektscrollbereichmithead{
		position: relative;
		left: 0px;
		top: 0px;
		width: 630px;
		height: 351px;
		overflow:hidden;
}



#scrollbereichjsausstellungen{
		position: relative;
		left: 0px;
		top: 0px;
		width: 647px;
		height: 1354px;   /* hoehe muss gleich bildhoehe sein */
		overflow:hidden;
}
/* Barhoehe beeinflusst scrollgeschwindigkeit. Muss daher individuell an bildhoehe angepasst sein */
.barVAusstellungen {
  position:absolute;left:0px;top:20px;width:1px;height:1950px;
}

#scrollbereichjsreferenzen{
		position: relative;
		left: 0px;
		top: 0px;
		width: 540px;
		height: 640px;
		overflow:hidden;
}
.barVReferenzen {
  position:absolute;left:0px;top:20px;width:1px;height:605px;
}

#scrollbereichjsvita{
		position: relative;
		left: 0px;
		top: 0px;
		width: 607px;  /* bildbreite + 90 */
		height: 567px;
		overflow:hidden;
}
#scrollbereichjsproj19{
		position: relative;
		left: 0px;
		top: 0px;
		width: 605px;  /* bildbreite + 90 */
		height: 435px;
		overflow:hidden;
}
.barVVita {
  position:absolute;left:0px;top:20px;width:1px;height:364px;
}