/* CSS Document */

#small{
	position: absolute;
	top: 25px;
	left: 5px;
	width: 270px;
	height: 310px;
					}

#smallsize1		{
	position: absolute;
	top: 0px;
	left: 20px;
	width: 75px;
	height: 100px;
	border: 1px solid #FFFFFF;
	cursor: pointer;
					}
#smallsize2		{
	position: absolute;
	top: 0px;
	left: 100px;
	width: 75px;
	height: 100px;
	border: 1px solid #FFFFFF;
	cursor: pointer;
					}
#smallsize3		{
	position: absolute;
	top: 0px;
	left: 180px;
	width: 75px;
	height: 100px;
	border: 1px solid #FFFFFF;
	cursor: pointer;
					}
#smallsize4		{
	position: absolute;
	top: 105px;
	left: 20px;
	width: 75px;
	height: 100px;
	border: 1px solid #FFFFFF;
	cursor: pointer;
					}
#smallsize5		{
	position: absolute;
	top: 105px;
	left: 100px;
	width: 75px;
	height: 100px;
	border: 1px solid #FFFFFF;
	cursor: pointer;
					}
#smallsize6		{
	position: absolute;
	top: 105px;
	left: 180px;
	width: 75px;
	height: 100px;
	border: 1px solid #FFFFFF;
	cursor: pointer;
					}
					
#middleall		{
	position: absolute;
	top: 0px;
	left: 286px;
	width: 233px;
	height: 350px;
	border-right: 2px solid #FFFFFF;		
	}
					
#middle1		{
					position: absolute;
					visibility: visible;
					top: 0px;
					left: 0px;
					width: 233px;
					height: 347px;
					}
					
#middle2, 
#middle3, 
#middle4, 
#middle5, 
#middle6	{
				position: absolute;
				visibility: hidden;
				top: 0px;
				left: 0px;
				width: 233px;
				height: 347px;
				}	
					
* html #middle1,					
* html #middle2,					
* html #middle3,				
* html #middle4,					
* html #middle5,					
* html #middle6	{top: -1px}	
					
					
#big1			{
					position: absolute;
					visibility: visible;
					top: 0px;
					left: 520px;
					width: 350px;
					height: 350px;
					}
					
#big2,		
#big3,		
#big4,		
#big5,			
#big6			{
					position: absolute;
					visibility: hidden;
					top: 0px;
					left: 520px;
					width: 350px;
					height: 350px;
					}	
					
* html #big1,					
* html #big2,					
* html #big3,					
* html #big4,					
* html #big5,					
* html #big6	{left: 534px; top: -1px}		

#koll_wi2009	,
#koll_kla,
#koll_time,
#koll_acc,
#material_pelz,
#material_lammfell,
#material_leder,
#material_stoff		{
	position: absolute;
	left: 20px;
	bottom: 20px;
	height: 80px;
	width: 237px;
					}
					
/* CSS class for zoomed area */
.MagicZoomBigImageCont {
	margin-left: -14px;
}
* html .MagicZoomBigImageCont {
	margin-left: 0px;
}

/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the <A> tag */
.MagicZoomHeader {
	font:			10px Tahoma, Verdana, Arial, sans-serif;
	color:			#fff;
	background:		#91b817;
	text-align:     center !important; 
}


/* CSS class for small looking glass square under mouse */
.MagicZoomPup {
	border: 		none;
	cursor: url(../images/cursor.cur), crosshair	 !important;		
}


/* CSS style for loading animation box */
.MagicZoomLoading {
	text-align:		center;
	background: 	#ffffff;
	color:			#444;
	border: 		1px solid #ccc;
	padding:		3px 3px 3px 3px !important;
	display: 		none; /* do not edit this line please */
}

/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {
	padding-top:	3px !important;
}