#wrapper {
	top:0px;
	position:absolute;
	width:900px;
	margin-left:-450px;
	left:50%;
	background-color:#1f1f1f;
	height: auto;


}

#header{
	top:0px;
	position:absolute;
	width:609px;
	height:436px;
	margin-left:-500px;
	left:50%;
	float:left;
	background-image: url(Bilder/header.png);

}


#navi{
	top:120px;
	position:absolute;
	width:300px;
	height:233px;
	margin-left:590px;
	left:-89px;
	float:left;
   

}
#navi2{
	top:0px;
	position:absolute;
	width:250px;
	height:49px;
	margin-left:650px;
	left:-69px;
	float:left;
   

}


#content{
	top:410px;
	position:absolute;
	width:900px;
	height:auto;
	margin-left:-450px;
	left:50%;
	float:left;
   

}

#webdesign{
	top:auto;
	position:absolute;
	width:900px;
	height:auto;
	margin-left:-450px;
	left:50%;
	float:left;
   

}
#artwork{
	top:auto;
	position:absolute;
	width:900px;
	height:auto;
	margin-left:-450px;
	left:50%;
	float:left;
   

}
#footer{
	top:auto;
	position:absolute;
	width:900px;
	height:auto;
	margin-left:-450px;
	left:50%;
	float:left;
   

}

dsettings: {
 magnifyby: 3, //default increase factor of enlarged image
 duration: 500, //default duration of animation, in millisec
 mgopacity: 0.2 //opacify of original image when enlarged image overlays it
},
cursorcss: 'url(magnify.cur), -moz-zoom-in', //Value for CSS's 'cursor' attribute, added to original image