

#wrapperWerbebanner{
	clear:both;
	width:800px;
	height:250px;
	background:#131310;
	overflow:hidden;
	position:relative;
	margin:0 auto;
	   }

#slideshow{
	width:4200px;
	height:350px;
	overflow:hidden;
	position:relative;
}

/* #content{
	background:#131310 url('images/speech-bubble.jpg') top left no-repeat;;
	color:#FFF;
	font-family:georgia, serif;
	width:960px;
	margin:0px auto 10px auto;
	overflow:hidden;
	padding-top:20px;
} */

	#content p{font-size:16px; line-height:1.6em; padding:40px 30px 30px 0px; margin:0;}
		#content p a{color:#73ccff;}
		#content img{float:left; padding:30px;}
		

		
#slideshow li{
	width:800px;
	height:250px;
	float:left;
	display:inline;
}

 


/*Horizontal Orientation CSS*/
.jscarousal-horizontal
{
	width: 982px;
	height: 140px;
	background-color: /* #121212 */#fff;
	border: solid 1px #fff
	margin: 0;
	padding: 0;
	padding: 22px 8px 22px 8px;
	position: static; /*overflow: hidden;*/ 
	float: left;
}
.jscarousal-horizontal-back, .jscarousal-horizontal-forward
{
	float: left;
	width: 15px;
	height: 98px;
	background-color: #121212;
	color: White;
	position: relative;
	top: 12px;
	cursor: pointer;
}

.jscarousal-horizontal-back:hover, .jscarousal-horizontal-forward:hover{
          border: 1px #ccc solid;
        -moz-box-shadow: 1px 1px 1px #ccc;
        -webkit-box-shadow: 1px 1px 1px #ccc;
        box-shadow: 1px 1px 1px #ccc;
       
        background-image: url(../../images/application/sliderImages/left.png);
        background-repeat: no-repeat;
        background-position: left;
       
        -webkit-transition:all .3s linear;
  -moz-transition:all .3s linear;
  -ms-transition:all .3s linear;
  -o-transition:all .3s linear;
  transition:all .3s linear;
}

.jscarousal-horizontal-back
{
        background-image: url(../../images/application/sliderImages/left_arrow.jpg);
        background-repeat: no-repeat;
        background-position: left;
}
.jscarousal-horizontal-back:hover
{
        background-image: url(../../images/application/sliderImages/left_arrow.jpg);
        -webkit-transition:all .3s linear;
        -moz-transition:all .3s linear;
        -ms-transition:all .3s linear;
        -o-transition:all .3s linear;
        transition:all .3s linear;
}
.jscarousal-horizontal-forward
{
        background-image: url(../../images/application/sliderImages/right_arrow.jpg);
        background-repeat: no-repeat;
        background-position: left;
}
.jscarousal-horizontal-forward:hover
{
        background-image: url(../../images/application/sliderImages/right_arrow.jpg);
        -webkit-transition:all .3s linear;
        -moz-transition:all .3s linear;
        -ms-transition:all .3s linear;
        -o-transition:all .3s linear;
        transition:all .3s linear;
}
.jscarousal-contents-horizontal
{
	width: 936px;
	height: 160px;
	float: left;
	position: relative;
	overflow: hidden;
}
.jscarousal-contents-horizontal > div
{
        position: absolute;
        width: 100%;
        height: 120px;
}
.jscarousal-contents-horizontal > div > div
{
        position: relative;
        float: left;
        margin-left: 8px;
        margin-right: 8px;
}
.jscarousal-contents-horizontal img
{
	width: 100px;
	height:auto;
	max-height: 100px;
	border: solid 1px #7A7677;
}

.recipe-details{
        position: absolute;
        bottom: 20px;
        left: 1px;
        width: 120px;
        height: 60px;
        text-align: center;
        background: rgba(255, 255, 255, 0.8);
        color: #000;
        font-size: 11px;
}

.recipe-details span{
        display: inline-block;  
        background-color: #fff;
        background: rgba(255, 255, 255, 0.0);
        color: #000;
        padding: 5px 10px;
        position: absolute;
        width: 80%;
        top: 50%;
        left: 50%;
        margin-left: -48px;
}

/*Horizontal Orientation CSS Ends*/

/*Vertical Orientation CSS Starts*/
.jscarousal-vertical
{
        width: 140px;
        height: 460px;
        background-color: #121212;
        border: solid 1px #7A7677;
        margin: 0;
        padding: 0;
        position: relative;
        overflow: hidden;
}
.jscarousal-vertical-back, .jscarousal-vertical-forward
{
        width: 100%;
        height: 30px;
        background-color: #121212;
        color: White;
        position: relative;
        cursor: pointer;
        z-index:100;
}
.jscarousal-vertical-back
{
        background-image: url(../../images/application/sliderImages/top_arrow.jpg);
        background-repeat: no-repeat;
        background-position: bottom;
}
.jscarousal-vertical-forward
{
        background-image: url(../../images/application/sliderImages/bottom_arrow.jpg);
        background-repeat: no-repeat;
        background-position: top;
}
.jscarousal-contents-vertical
{
        overflow: hidden;
        width: 140px;
        height: 410px;
}
.jscarousal-contents-vertical > div
{
        position: absolute;
        top: 40px;
        width: 100%;
        height: 820px;
        overflow: hidden;
}
.jscarousal-contents-vertical > div > div
{
        width: 140px;
        height: 125px;
        margin: 8px;
        margin-left: 14px;
}
.jscarousal-contents-vertical > div > div span
{
        display: block;
        width: 70%;
        text-align: center;
}
.jscarousal-contents-vertical img
{
        width: 110px;
        height: 80px;
        /*border: solid 1px #7A7677;*/
}
/*Vertical Orientation CSS Ends*/

/*Common*/
.hidden
{
        display: none;
}
.visible
{
        display: block;
}
.thumbnail-active
{
        filter: alpha(opacity=100);
        opacity: 1.0;
        cursor: pointer;
}
.thumbnail-inactive
{
        filter: alpha(opacity=80);
        opacity: 0.8;
        cursor: pointer;
}
.thumbnail-text
{
	color: #fff;
	font-weight: bold;
	text-align: left;
	display: block;
	padding: 5px 2px 2px 5px;
	background-color: #000;
}

