﻿ .stepcarousel{
position: relative; /*leave this value alone*/
border:0px solid #999;
overflow:hidden; /*leave this value alone*/
height:100px; /*Height should enough to fit largest content's height*/
}
 .stepcarouselGood{ margin-top:10px;
position: relative; /*leave this value alone*/
border:0px solid #999;
overflow:hidden; /*leave this value alone*/
height:200px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
text-align:center;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:0px 10px 0px 0px;
position:relative; top:0; left:0; 
width:210px; height:140px;
z-index:-100;
border:0px solid #999;
text-align:center;
}

.stepcarousel .panelGood{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:0px 10px 0px 0px;
position:relative; top:0; left:0; 
width:210px; height:300px;
z-index:-100;
border:0px solid #999;
text-align:center;
}

.img
{
border:1px solid #999;
width:210px;
height:140px;
z-index:-100;
}

.katman1
{
position:relative; top:0; left:0; 
width:212px; height:120px; border:1px solid #999
z-index:-100;
text-align:center;
}

.katman2
{
position:relative; top:0; left:0; 
width:212px; height:300px; border:1px solid #999
z-index:-100;
text-align:center;
}