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;
}
#inhaltsgrafikMouseWheel{
		position: absolute;
		left: 70px;
		top: 0px;
}

#inhaltmitscrollen{
		position: absolute;
		left: 135px;
		top: 0px;
		width: 665px;
		height: 435px;
	}
#inhaltmitscrollenMouseWheel{
		position: absolute;
		left: 155px;
		top: 0px;
		width: 645px;
		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: 166px;
		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;
	}
#serieleft0{
		position: absolute;
		left: 0px;
		top: 0px;
		width: 665px;
		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: 435px;
		overflow:hidden;
}
#projektscrollbereichmitheadMouseWheel{
		position: relative;
		left: 0px;
		top: 0px;
		width: 610px;
		height: 435px;
		overflow:hidden;
}


#scroll2bereichjsausstellungen{
		position: relative;
		left: 0px;
		top: 0px;
		width: 647px;
		height: 1536px;   /* hoehe muss gleich bildhoehe sein */
		overflow:hidden;
}
.slideV2 {
  position:absolute;left:0px;top:0px;width:10px;height:30px;
  background-image:url(../img/slider.gif);
}
.slideVoh2 {
  position:absolute;left:0px;top:0px;width:10px;height:30px;
  background-image:url(../img/slider.gif);

}
.barVAusstellungen2 {
  position:absolute;
  left:23px;
  top:0px;
  width:12px;
  height:359px;
}
.barVproj252 {
  position:absolute;
  left:0px;
  top:75px;
  width:12px;
  height:359px;
}
#scrollbarV2 {
  position:absolute;
  left:772px;
  top:216px;
  width:12px;
  height:359px;
}
#scrollbarVoh2{
  position:absolute;
  left:770px;
  top:0px;
  width:12px;
  height:359px;	
  z-index: 9000;  /* Wegen JS mousedown */
}

/* 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: 640px;
		height: 661px;
		overflow:hidden;
}
.barVReferenzen {
  position:absolute;
  left:23px;
  top:0px;
  width:12px;
  height:359px;
}
.barVproj19 {
  position:absolute;
  left:0px;
  top:75px;
  width:12px;
  height:359px;
}

#scrollbereichjsvita{
		position: relative;
		left: 0px;
		top: 0px;
		width: 637px;  /* bildbreite + 90 */
		height: 636px;
		overflow:hidden;
}
#scrollbereichjsproj19{
		position: relative;
		left: 0px;
		top: 0px;
		width: 605px;  /* bildbreite + 90 */
		height: 461px;
		overflow:hidden;
		z-index:8000; /* wegen JS-MouseWheel */
}
#scrollbereichjsproj252{
		position: relative;
		left: 0px;
		top: 0px;
		width: 620px;  
		height: 735px;
		overflow: hidden;
		z-index:8000; /* wegen JS-MouseWheel */
}
.barVVita {
  position:absolute;left:0px;top:20px;width:1px;height:500px;
}