/* 

jFlow Plus v2 Demo CSS 

Description: Demonstation CSS for jFlow Plus

Creator: Devin Walker

Date: July 29, 2010


*/

#sliderContainer {height:283px;width:888px; position: relative;   }

#mySlides {}




.jFlowSlideContainer { 
height:283px!important;
width:888px!important;
 position: absolute;
 top:0;
 left:0;

 }
 
 
 .slide {
 height:283px!important;
width:888px!important;

}

 
.slideContent { 
position: absolute; top:0px; left:0px; margin: 10px; 
width: 868px!important;
height:263px!important;
}

.slideContent a { color: #F90; text-decoration: none;  }

.slideContent a:hover { text-decoration: none; }

.slideContent a:focus { position: relative; top: 1px; }


.slideContent h3 {   margin: 0 0 5px 0; }

.slideContent p { font-size: 14px;  margin: 0; }





.slideContent .SlideKnop {
position:absolute;
top:200px;
left:216px;
}
 
.slideContent .SlideMerk {

}

.slideContent .SlideProduct {

}


.slideContent .SlideText {
position:absolute;
top:8px;
left:24px;
width:308px;
height:300px;
color:#Fff
}







/* controller pagination */

#myController {
height:15px;
position:absolute;
top:262px;
right:8px;

 }

.jFlowControl {
 background:url(../../images/bullet.png) no-repeat scroll 0px 0px transparent;  float: left;
 width: 100px; 
 height: 15px;
 width:15px;
 text-indent:-9999px;
 }

.jFlowControl:hover { background-position: -32px 0px; cursor: pointer; }

.jFlowSelected, .jFlowSelected:hover {background-position: -15px 0px;   }




.jFlowNext {
 background:url(../../images/slider_next.png) no-repeat left -10px  ; height:283px; 
 position:absolute; top:0px; right: 8px; width:23px; cursor:pointer;

 }

.jFlowPrev { background:url(../../images/slider_prev.png) no-repeat left -10px   ; height:283px; position:absolute; top:0px; left:8px; width:23px; cursor:pointer;

 }

.jFlowPrev:hover { background-position: 0px -313px; }

.jFlowNext:hover { background-position: 0px -313px; }