@charset "UTF-8";
/* CSS Document */



/* ----------------------------------INACTIVE CLICKABLE PARTS ----------------------------------------------------------*/
#inactiveregionpiston {
	position:absolute;
	left:-90px;
	top:354px;
	width:200px;
	height:65px;
	z-index:6000;
	background-image:url(../../../images/empty.png);
	background-repeat:repeat-x;
	background-repeat:repeat-y;
	background-color:rgba(0, 0, 0, 0.0);
	display:block;
}

#pistoninactive {
	position:absolute;
	left:-90px;
	top:61px;
	width:400px;
	height:500px;
	z-index:6000;
	background-image:url(../../../images/empty.png);
	background-repeat:repeat-x;
	background-repeat:repeat-y;
	background-color:rgba(0, 0, 0, 0.0);
	display:block;
}

/* ----------------------------------LENGTH AND STROKE----------------------------------------------------------*/
#lengths {
	position:absolute;
	width:528px;
	height:320px;
	z-index:5000;
	left: 197px;
	top: 61px;
	background-image: url(../../../images/lengths-trekveer2.png);
	font-weight:300 !important;
}

#totaal {
	position:absolute;
	width:528px;
	height:20px;
	z-index:101;
	left:0px;
	top: 155px;
	text-align:center;
	font-size:14px;
}

#totaalnumber {
	position:absolute;
	width:80px;
	height:20px;
	z-index:101;
	left:240px;
	top: 175px;
}

#lengtenumber {
	position:absolute;
	width:200px;
	height:20px;
	z-index:101;
	left:240px;
	top: 230px;
}


#lengte {
	position:absolute;
	width:528px;
	height:20px;
	z-index:101;
	left:0px;
	top: 208px;
	text-align:center;
	font-size:14px;
}

#slaglengte {
	position:absolute;
	width:130px;
	height:20px;
	z-index:101;
	left:10px;
	top: 244px;
	text-align:center;
	font-size:14px;
}


#strokediv {
	position:absolute;
	left:40px;
	top:265px;
	width:45px;
	height:37px;
	z-index:5002;
}

/* ----------------------------------THREAD PISTON----------------------------------------------------------*/
#containerclearthreadpiston {
	position:absolute;
	left:110px;
	top:61px;
	width:88px;
	height:410px;
	z-index:2;

}

#lengththreadpistondiv {
	position:absolute;
	left:66px;
	top:271px;
	width:120px;
	height:16px;
	z-index:1003;
	align:left;
	margin-left:0px;
}
#threadthreadpistondiv {
	position:absolute;
	left:15px;
	top:313px;
	width:120px;
	height:16px;
	z-index:1003;
}


/* ----------------------------------EYES PISTON----------------------------------------------------------*/
#defaulteyepiston {
	position:absolute;
	left:-90px;
	top:61px;
	width:200px;
	height:65px;
	cursor: pointer;
	z-index:3;
}

#containercleareyepiston {
	position:absolute;
	left:109px;
	top:61px;
	width:88px;
	height:410px;
	z-index:1002;
}

#eyeholepistondiv {
	position:absolute;
	left:-3px;
	top:312px;
	width:36px;
	height:22px;
	z-index:1001;
}

#eyelengthpistondiv {
	position:absolute;
	left:62px;
	top:270px;
	width:36px;
	height:22px;
	z-index:1001;
}

#eyethicknesspistondiv {
	position:absolute;
	left:0px;
	top:284px;
	width:36px;
	height:22px;
	z-index:1001;
}

#moreeyespiston {
	position:absolute;
	left:52px;
	top:399px;
	width:200px;
	height:73px;
	z-index:2001;
	cursor:pointer;
	background-image:url(../../../images/meer.png);
	display: none;
}

.more {
	color: #333333;
	font-size:12px !important;
	font-weight:bold;
	line-height:3px;
}

/* ------------------------------- CLEVIS PISTON ----------------------------------------------------------*/

	
#defaultclevispiston {
	position:absolute;
	left:-90px;
	top:127px;
	width:200px;
	height:65px;
	cursor: pointer;
	z-index:3;
}

#containerclearclevispiston {
	position:absolute;
	left:109px;
	top:61px;
	width:88px;
	height:410px;
	z-index:1002;
}

#clevisholepistondiv {
	position:absolute;
	left:-6px;
	top:312px;
	width:36px;
	height:22px;
	z-index:1001;
}

#clevislengthpistondiv {
	position:absolute;
	left:52px;
	top:270px;
	width:36px;
	height:22px;
	z-index:1001;
}

#clevisthicknesspistondiv {
	position:absolute;
	left:18px;
	top:289px;
	width:36px;
	height:22px;
	z-index:1001;
}

#moreclevispiston {
	position:absolute;
	left:52px;
	top:399px;
	width:200px;
	height:73px;
	z-index:2001;
	cursor:pointer;
	background-image:url(../../../images/meer.png);
	display: none;
}


/* ------------------------------- BALLJOINT --------------------------------------------------------------*/
#defaultballjointpiston {
	position:absolute;
	left:-90px;
	top:193px;
	width:200px;
	height:95px;
	cursor: pointer;
	z-index:3;
}

#containerclearballjointpiston {
	position:absolute;
	left:109px;
	top:61px;
	width:88px;
	height:410px;
	z-index:1002;
}

#balljointholepistondiv {
	position:absolute;
	left:35px;
	top:240px;
	width:36px;
	height:22px;
	z-index:1001;
}

#balljointlengthpistondiv {
	position:absolute;
	left:66px;
	top:270px;
	width:36px;
	height:22px;
	z-index:1001;
}

#balljointthicknesspistondiv {
	position:absolute;
	left:-6px;
	top:314px;
	width:36px;
	height:22px;
	z-index:1001;
}

#moreballjointpiston {
	position:absolute;
	left:52px;
	top:399px;
	width:200px;
	height:73px;
	z-index:2001;
	cursor:pointer;
	background-image:url(../../../images/meer.png);
	display: none;
}


/* ------------------------------- SPHERICAL --------------------------------------------------------------*/
#defaultsphericalpiston {
	position:absolute;
	left:-90px;
	top:289px;
	width:200px;
	height:65px;
	cursor: pointer;
	z-index:3;
}

#containerclearsphericalpiston {
	position:absolute;
	left:109px;
	top:61px;
	width:88px;
	height:410px;
	z-index:1002;
}

#sphericalholepistondiv {
	position:absolute;
	left:-20px;
	top:313px;
	width:36px;
	height:22px;
	z-index:1001;
}

#sphericallengthpistondiv {
	position:absolute;
	left:43px;
	top:270px;
	width:36px;
	height:22px;
	z-index:1001;
	margin-left:0px;
}

#sphericalthicknesspistondiv {
	position:absolute;
	left:-15px;
	top:284px;
	width:36px;
	height:22px;
	z-index:1001;
}

#moresphericalpiston {
	position:absolute;
	left:52px;
	top:399px;
	width:200px;
	height:73px;
	z-index:2001;
	cursor:pointer;
	background-image:url(../../../images/meer.png);
	display: none;
}