img{
border:0;
}

#prevBtn, #nextBtn{
margin:0;
padding:0;
display:block;
overflow:hidden;
text-indent:-8000px;
}
			
#sl-container{	
margin:0 auto;
position:relative;
text-align:left;
width:450px;
background:#eee;	
border: 1px solid #999;	
}			

#sl-container #sl-slider ul{
margin:20px;
}

#sl-container #sl-slider ul, #sl-container #sl-slider li{
margin:0;
padding:0;
list-style:none;
}
	
#sl-container #sl-slider li{
/*	define width and height of the slider. entire slider area will adjust according to the parameters provided here */
width:450px;
height:250px;
overflow:hidden; 
}

#prevBtn, #nextBtn{ 
display:block;
width:30px;
height:30px;
position:absolute;
left:-30px;
top:106px; /* calculate the top margin : [(SliderH/2)-(ButtonHöhe/2)] */
z-index:1000;
}	

#nextBtn{ 
left:450px;
}

#prevBtn a, #nextBtn a{	
display:block;
position:relative;
width:30px;
height:30px;
background:url('http://www.online-petshop.de/shop/templates/tier-proaktiv/images/basic/prev.png') no-repeat 0 0;	
}	

#nextBtn a, #slider1next a{ 
background:url('http://www.online-petshop.de/shop/templates/tier-proaktiv/images/basic/next.png') no-repeat 0 0;	
}	

/* content */
#sl-container #sl-slider ul li h2{
margin: 20px 0;
padding: 0 0 0 10px;
font: normal 26px arial, sans-serif;
color: #000;
height: 40px;
line-height: 40px;
}

#sl-container #sl-slider ul li img{
float: left;
display:block;
margin: 25px 10px;
width: 150px;
}

#sl-container #sl-slider ul li p{
float: left;
display:block;
margin: 0;
padding:0;
width: 230px; /* calculate the text area width: [(TotalWidth)-20-(ImageWidth)] */
}