/* Coding by www.source-factory.com	*/
/*				Style2						*/
/*		Bildwechsel u. Pix				*/
/* 		sometime in 2005				*/

.bildwechsel1 {
	background: url(../webdesign-graz-gfx/web-design-referenz-mbmagic.jpg) no-repeat 0;
	width: 220px;
	height: 170px;
	border: 0px;
	float: right;
}
a.bildwechsel1:link, a.bildwechsel1:visited, a.bildwechsel1:active {
	cursor: pointer;
}
a.bildwechsel1:hover {
	background: url(../webdesign-graz-gfx/web-design-referenz-mbmagic.jpg) no-repeat -220px;	
}
.bildwechsel2 {
	background: url(../webdesign-graz-gfx/web-design-referenz-lp.jpg) no-repeat 0;
	width: 220px;
	height: 170px;
	border: 0px;
	float: right;
}
a.bildwechsel2:link, a.bildwechsel2:visited, a.bildwechsel2:active {
	cursor: pointer;
}	 
a.bildwechsel2:hover {
	background: url(../webdesign-graz-gfx/web-design-referenz-lp.jpg) no-repeat -220px;
	
}

.bildwechsel3 {
	background: url(../webdesign-graz-gfx/web-design-referenz-chair.jpg) no-repeat 0;
	width: 220px;
	height: 170px;
	border: 0px;
	float: right;
}
a.bildwechsel3:link, a.bildwechsel3:visited, a.bildwechsel3:active {
	cursor: pointer;
}	
a.bildwechsel3:hover {
	background: url(../webdesign-graz-gfx/web-design-referenz-chair.jpg) no-repeat -220px;
	
}
	 
.bildwechsel4 {
	background: url(../webdesign-graz-gfx/web-design-referenz-wep.jpg) no-repeat 0;
	width: 220px;
	height: 170px;
	border: 0px;
	float: right;
}
a.bildwechsel4:link, a.bildwechsel4:visited, a.bildwechsel4:active {
	cursor: pointer;
}	
a.bildwechsel4:hover {
	background: url(../webdesign-graz-gfx/web-design-referenz-wep.jpg) no-repeat -220px;
	
}
	 
.bildwechsel5 {
	background: url(../webdesign-graz-gfx/web-design-referenz-huette.jpg) no-repeat 0;
	width: 220px;
	height: 170px;
	border: 0px;
	float: right;
}
a.bildwechsel5:link, a.bildwechsel5:visited, a.bildwechsel5:active {
	cursor: pointer;
}	
a.bildwechsel5:hover {
	background: url(../webdesign-graz-gfx/web-design-referenz-huette.jpg) no-repeat -220px;
	
}
	 
.bildwechsel6 {
	background: url(../webdesign-graz-gfx/web-design-referenz-yeukai.jpg) no-repeat 0;
	width: 220px;
	height: 170px;
	border: 0px;
	float: right;
}
a.bildwechsel6:link, a.bildwechsel6:visited, a.bildwechsel6:active {
	cursor: pointer;
}	
a.bildwechsel6:hover {
	background: url(../webdesign-graz-gfx/web-design-referenz-yeukai.jpg) no-repeat -220px;
}
	 
.bildwechsel7 {
	background: url(../webdesign-graz-gfx/web-design-referenz-bulls.jpg) no-repeat 0;
	width: 220px;
	height: 170px;
	border: 0px;
	float: right;
}
a.bildwechsel7:link, a.bildwechsel7:visited, a.bildwechsel7:active {
	cursor: pointer;
}	
a.bildwechsel7:hover {
	background: url(../webdesign-graz-gfx/web-design-referenz-bulls.jpg) no-repeat -220px;
	
}
	 
.bildwechsel8 {
	background: url(../webdesign-graz-gfx/web-design-referenz-mosdorfer.jpg) no-repeat 0;
	width: 220px;
	height: 170px;
	border: 0px;
	float: right;
}
a.bildwechsel8:link, a.bildwechsel8:visited, a.bildwechsel8:active {
	cursor: pointer;
}	
a.bildwechsel8:hover {
	background: url(../webdesign-graz-gfx/web-design-referenz-mosdorfer.jpg) no-repeat -220px;
	
}
	 
.bildwechsel9 {
	background: url(../webdesign-graz-gfx/web-design-referenz-goebl.jpg) no-repeat 0;
	width: 220px;
	height: 170px;
	border: 0px;
	float: right;
}
a.bildwechsel9:link, a.bildwechsel9:visited, a.bildwechsel9:active {
	cursor: pointer;
}	
a.bildwechsel9:hover {
   background: url(../webdesign-graz-gfx/web-design-referenz-goebl.jpg) no-repeat -220px;
  
	}
	 
.bildwechsel10 {
	background: url(../webdesign-graz-gfx/web-design-referenz-sapperlot.jpg) no-repeat 0;
	width: 220px;
	height: 170px;
	border: 0px;
	float: right;
}
a.bildwechsel10:link, a.bildwechsel10:visited, a.bildwechsel10:active {
	cursor: pointer;
}	
a.bildwechsel10:hover {
	background: url(../webdesign-graz-gfx/web-design-referenz-sapperlot.jpg) no-repeat -220px;
	
}
	 
.bildwechsel11 {
	background: url(../webdesign-graz-gfx/web-design-referenz-hartmann.jpg) no-repeat 0;
	width: 220px;
	height: 170px;
	border: 0px;
	float: right;
}
a.bildwechsel11:link, a.bildwechsel11:visited, a.bildwechsel11:active {
	cursor: pointer;
}	
a.bildwechsel11:hover {
	background: url(../webdesign-graz-gfx/web-design-referenz-hartmann.jpg) no-repeat -220px;
	
}
	 
.bildwechsel12 {
	background: url(../webdesign-graz-gfx/web-design-referenz-projekt.jpg) no-repeat 0;
	width: 220px;
	height: 170px;
	border: 0px;
	float: right;
}
a.bildwechsel12:link, a.bildwechsel12:visited, a.bildwechsel12:active {
	cursor: pointer;
}	
a.bildwechsel12:hover {
   background: url(../webdesign-graz-gfx/web-design-referenz-projekt.jpg) no-repeat -220px;
   
	}
	 
.bildwechsel13 {
	background: url(../webdesign-graz-gfx/web-design-referenz-sf.jpg) no-repeat 0;
	width: 220px;
	height: 170px;
	border: 0px;
	float: right;
}
a.bildwechsel13:link, a.bildwechsel13:visited, a.bildwechsel13:active {
	cursor: pointer;
}	
a.bildwechsel13:hover {
	background: url(../webdesign-graz-gfx/web-design-referenz-sf.jpg) no-repeat -220px;
	
}
.bildwechsel14 {
	background: url(../webdesign-graz-gfx/web-design-referenz-calende.jpg) no-repeat 0;
	width: 220px;
	height: 170px;
	border: 0px;
	float: right;
}
a.bildwechsel14:link, a.bildwechsel13:visited, a.bildwechsel13:active {
	cursor: pointer;
}	
a.bildwechsel14:hover {
	background: url(../webdesign-graz-gfx/web-design-referenz-calende.jpg) no-repeat -220px;
	
}
	.bildwechsel16 {
	background: url(../webdesign-graz-gfx/web-design-referenz-polstergestelle.jpg) no-repeat 0;
	width: 220px;
	height: 170px;
	border: 0px;
	float: right;
}
a.bildwechsel16:link, a.bildwechsel16:visited, a.bildwechsel16:active {
	cursor: pointer;
}	
a.bildwechsel16:hover {
	background: url(../webdesign-graz-gfx/web-design-referenz-polstergestelle.jpg) no-repeat -220px;
	
}
	.bildwechsel17 {
	background: url(../webdesign-graz-gfx/web-design-referenzen-paul.jpg) no-repeat 0;
	width: 220px;
	height: 170px;
	border: 0px;
	float: right;
}
a.bildwechsel17:link, a.bildwechsel17:visited, a.bildwechsel17:active {
	cursor: pointer;
}
a.bildwechsel17:hover {
	background: url(../webdesign-graz-gfx/web-design-referenzen-paul.jpg) no-repeat -220px;	
}	

	.bildwechsel18 {
	background: url(../webdesign-graz-gfx/web-design-referenz-reskon.jpg) no-repeat 0;
	width: 220px;
	height: 170px;
	border: 0px;
	float: right;
}
a.bildwechsel18:link, a.bildwechsel18:visited, a.bildwechsel18:active {
	cursor: pointer;
}
a.bildwechsel18:hover {
	background: url(../webdesign-graz-gfx/web-design-referenz-reskon.jpg) no-repeat -220px;	
}		
.pix2 {
	position: relative;
	left: 5px;
	top: 700px;
	margin: 0px;
	z-index: 11;
	width: 290px;
	border: 1px solid Black;	
}
.pix3 {
	position: relative;
	left: 5px;
	top: 1250px;
	margin: 0px;
	z-index: 11;
	width: 290px;
	border: 1px solid Black;	
}
.pix4 {
	position: relative;
	left: 5px;
	top: 1830px;
	margin: 0px;
	z-index: 11;
	width: 290px;
	border: 1px solid Black;
}

.pix5 {
	position: relative;
	left: 5px;
	top: 2410px;
	margin: 0px;
	z-index: 11;
	width: 290px;
	border: 1px solid Black;	
}
.pix6 {
	position: relative;
	left: 5px;
	top: 2990px;
	margin: 0px;
	z-index: 11;
	width: 290px;
	border: 1px solid Black;	
}
.pix7 {
	position: relative;
	left: 5px;
	top: 3570px;
	margin: 0px;
	z-index: 11;
	width: 290px;
	border: 1px solid Black;	
}