.lievstrem 
{ width:100%;
  overflow:hidden;
    
border: 3px solid #AAA;
position:relative;
  overflow:hidden;
    background-color:#fff;
/*
	background-image: url('regalary.jpg');
		 
		background-position:  left  top;
		background-repeat:repeat*/
    }
.lievstrem2 
{ 
  position:relative;
  overflow:hidden
    
    }
.glidecontentwrappermedia {
position: relative; /* Do not change this value */
width: 100%;
height: 350px; /* Set height to be able to contain height of largest content shown*/

overflow: hidden;
margin-bottom:3px
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontentwrappermedia .glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: white;
visibility: hidden;
width: 100%;
background-color:#fff;
/*
	background-image: url('regalary.jpg');
		 
		background-position:  left  top;
		background-repeat:repeat*/
}
.glidecontentwrappermedia .glidecontent img{ /*style for each glide content DIV within wrapper.*/

height:auto;
margin:0px auto !important;
width:auto !important;
max-width:100%;
max-height:325px;
}
 
    .coments1 
{   color:#fff;
    margin:0px;
    padding:0px;
    font-size:15px;
    font-weight:bold;
      padding:5px 5px;
      margin:10px 10px;
      text-align:center
 
    }
    .glidecontentwrappermedia .glidecontent a 
    { text-align:center;
      text-decoration:none;
      visibility:visible !important;display: inline-block;
        
         }
    
    
 
.stepcarouselmedia{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 100%; /*Width of Carousel Viewer itself*/
height: 95px; /*Height should enough to fit largest content's height*/

 
 
}

.stepcarouselmedia .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarouselmedia .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 130px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:85px;
 
}   
.stepcarouselmedia .panel img {    
  width: auto; 
height:70px;
max-width:100px
}
 .stepcarouselmedia .panel a {    
 text-decoration:none;
 background-color:#ededed;
 display:block;
 margin:2px 2px ;  
 text-align:center;
 padding-top:3px;
 padding-bottom:3px
 
}
       

    
    
    
    .stepcarouselmedia .panel a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background-color:#ecc98c;
 
}