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

ul {
	list-style-type: none;
}

li {
	list-style-image: url(http://www.otis.com/site/nl/PublishingImages/Moderniseren/triangle_blueS.gif);
	vertical-align: middle;

}

ul li ul li {
	list-style-image: url(http://www.otis.com/site/nl/PublishingImages/Moderniseren/triangle_greenS.gif);
}

#box {
	height: 100%;
	width: 100%;
}

.ring {
	float: left;
	height: 216px;
	width: 230px;
}

.ring img {
	width: 100%;
	height: 100%;
}

span.dropt {
	border-bottom: thin dotted; 
	background: #ffeedd;
}

span.dropt:hover {
	text-decoration: none;
	background: #ffffff;
	z-index: 6; 
}

span.dropt span {
	position: absolute; 
	left: -9999px;
	margin: 20px 0 0 0px; 
	padding: 3px 3px 3px 3px;
	border-style:solid; 
	border-color:black; 
	border-width:1px; 
	z-index: 6;
}

span.dropt:hover span {
	left: 2%; 
	background: #ffffff;
}
 
span.dropt span {
	position: absolute; 
	left: -9999px;
	margin: 4px 0 0 0px; 
	padding: 3px 3px 3px 3px; 
	border-style:solid; 
	border-color:black; 
	border-width:1px;
}

span.dropt:hover span {
	margin: 20px 0 0 170px; 
	background: #ffffff; 
	z-index:6;
}

#packs {
	height: 500px;
	width: 500px;
	background-image: url(http://www.otis.com/site/nl/PublishingImages/Moderniseren/packs.JPG);
	background-repeat: no-repeat;
	margin-top: 10px;
}

#otispack {
	float: left;
	height: 160px;
	width: 105px;
	margin-left: 0px;
	margin-top: 340px;
}

#otispack1 {
	float: left;
	height: 240px;
	width: 100px;
	margin-top: 260px;
}

#otispack2 {
	float: left;
	height: 330px;
	width: 100px;
	margin-top: 170px;
}

#otispack3 {
	float: left;
	height: 400px;
	width: 100px;
	margin-top: 100px;
}

#otispack4 {
	float: left;
	height: 499px;
	width: 95px;
	margin-top: 0px;
}