/*----------image carousel css-------------*/
.stepcarousel
{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 713px;
height: 280px; /*Height should enough to fit largest content's height*/
margin-bottom:0px;
clear:both;
}

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

.carousel1_wrap
{
margin:10px 0px 6px 0px; /* distance between the main image carousel and the suche box */
padding-top:0px;
width:743px;
height:291px;
color : #da412b;
border : 0px solid #da412b;
background: url(http://baudoc.henkelhiedl.com/layout/images/shadow_large.gif) no-repeat bottom right;
background-position: 157px 101%;
}

.carousel1_l
{
width:467px;
float:left;
}

.carousel1_r
{
width:230px;
float:left;
color:#545454;
padding-left:15px;
padding-top:15px;
padding-right:15px;
}

.carousel1_wrap h2
{
color:#ee1c25;
font-size:16px;
line-height:24px;
margin-bottom:15px;
}

.carousel1_wrap p
{
color:#000;
font-size:14px;
line-height:18px;
margin-bottom:15px;
}

.stepcarousel .panel
{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-right: 0px; /*margin around each panel*/
width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
width:733px;
height:280px;
}

.stepcarousel h2 {
 color:#ee1c25;
}

.stepcarousel h2 a {
 color:#ee1c25;
}

.stepcarousel .panel p
{
width:230px;
}

a.carousel_more_link {
 color:#ee1c25;
 font-size:12px;
}

a.carousel_more_link:hover {
 text-decoration:underline;
 font-size:12px;
}

/*---------- eo image carousel css-------------*/