/* 
----------------------------------
VERSION ADPATER ET MODIFIER PAR XAVIER FRIEDLI
permet d'avoir plusieurs slider sur la meme page en meme temps sans interférence.
attention il faut ajouter des entiter dans ce fichier ainsi que dans jquery.ui.slider.bottom pour un résultat.
----------------------------------
*/


/* 
----------------------------------
SLIDER AB ANNE BRENER
----------------------------------
*/
#sliderAB{ border:#cccccc solid 1px;  margin-top:20px; }

#sliderContentAB { width:450px; margin-left:50px; padding:0px; background-color:#ffffff;  }

.viewerAB { width:450px; height:200px; margin:0px; padding:0px; overflow:hidden; position:relative; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; margin-bottom:10px; }
.content-conveyorAB { width:450px; height:200px; position:relative; }
.itemAB { width:220px; float:left; text-align:center; background-color:#fffff; }

/* 
----------------------------------
SLIDER DORIS BRENER
----------------------------------
*/

#sliderDB{ border:#cccccc solid 1px;  margin-top:20px; }

#sliderContentDB{ width:450px; margin-left:50px; padding:0px; background-color:#ffffff;  }

.viewerDB{ width:450px; height:200px; margin:0px; padding:0px; overflow:hidden; position:relative; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; margin-bottom:10px; }
.content-conveyorDB{ width:450px; height:200px; position:relative; }
.itemDB{ width:220px; float:left; text-align:center; background-color:#fffff; border:none; }

/* 
----------------------------------
TEST POUR UNE METHODE GENERAL PAS REUSSIT
----------------------------------
*/
.content-conveyorcss { width:450px; height:200px; position:relative; }
.itemcss { width:220px; float:left; text-align:center; background-color:#fffff; }
.viewercss { width:450px; height:200px; margin:0px; padding:0px; overflow:hidden; position:relative; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; margin-bottom:10px; }
.sliderContentcss { width:450px; margin-left:50px; padding:0px; background-color:#ffffff;  }
.slider{ border:#cccccc solid 1px;  margin-top:20px; }


/* 
----------------------------------
SLIDER URSULA BONDERER
----------------------------------
*/

#sliderUB{ border:#cccccc solid 1px;  margin-top:20px; }

#sliderContentUB { width:450px; margin-left:50px; padding:0px; background-color:#ffffff;  }

.viewerUB{ width:450px; height:200px; margin:0px; padding:0px; overflow:hidden; position:relative; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; margin-bottom:10px; }
.content-conveyorUB { width:450px; height:200px; position:relative; }
.itemUB{ width:220px; float:left; text-align:center; background-color:#fffff; border:none; }


/* 
----------------------------------
SLIDER STEFANIE CONDES
----------------------------------
*/

#sliderSC{ border:#cccccc solid 1px;  margin-top:20px; }

#sliderContentSC{ width:450px; margin-left:50px; padding:0px; background-color:#ffffff;  }

.viewerSC{ width:450px; height:200px; margin:0px; padding:0px; overflow:hidden; position:relative; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; margin-bottom:10px; }
.content-conveyorSC{ width:450px; height:200px; position:relative; }
.itemSC{ width:220px; float:left; text-align:center; background-color:#fffff; border:none; }

/* 
----------------------------------
SLIDER VALENTINE DUBOIS
----------------------------------
*/

#sliderVD{ border:#cccccc solid 1px;  margin-top:20px; }

#sliderContentVD{ width:450px; margin-left:50px; padding:0px; background-color:#ffffff;  }

.viewerVD{ width:450px; height:200px; margin:0px; padding:0px; overflow:hidden; position:relative; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; margin-bottom:10px; }
.content-conveyorVD{ width:450px; height:200px; position:relative; }
.itemVD{ width:220px; float:left; text-align:center; background-color:#fffff; border:none; }


/* 
----------------------------------
SLIDER GALLERIE ESSOR
----------------------------------
*/

#sliderGE{ border:#cccccc solid 1px;  margin-top:20px; }

#sliderContentGE{ width:450px; margin-left:50px; padding:0px; background-color:#ffffff;  }

.viewerGE{ width:450px; height:200px; margin:0px; padding:0px; overflow:hidden; position:relative; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; margin-bottom:10px; }
.content-conveyorGE{ width:450px; height:200px; position:relative; }
.itemGE{ width:220px; float:left; text-align:center; background-color:#fffff; border:none; }


/* 
----------------------------------
SLIDER CAROLINE FRIEDLI
----------------------------------
*/

#sliderCF{ border:#cccccc solid 1px;  margin-top:20px; }

#sliderContentCF{ width:450px; margin-left:50px; padding:0px; background-color:#ffffff;  }

.viewerCF{ width:450px; height:200px; margin:0px; padding:0px; overflow:hidden; position:relative; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; margin-bottom:10px; }
.content-conveyorCF{ width:450px; height:200px; position:relative; }
.itemCF{ width:220px; float:left; text-align:center; background-color:#fffff; border:none; }

/* 
----------------------------------
SLIDER KARL FRITCH
----------------------------------
*/

#sliderKF{ border:#cccccc solid 1px;  margin-top:20px; }

#sliderContentKF{ width:450px; margin-left:50px; padding:0px; background-color:#ffffff;  }

.viewerKF{ width:450px; height:200px; margin:0px; padding:0px; overflow:hidden; position:relative; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; margin-bottom:10px; }
.content-conveyorKF{ width:450px; height:200px; position:relative; }
.itemKF{ width:220px; float:left; text-align:center; background-color:#fffff; border:none; }

/* 
----------------------------------
SLIDER VALERIE GLORIA
----------------------------------
*/

#sliderVG{ border:#cccccc solid 1px;  margin-top:20px; }

#sliderContentVG{ width:450px; margin-left:50px; padding:0px; background-color:#ffffff;  }

.viewerVG{ width:450px; height:200px; margin:0px; padding:0px; overflow:hidden; position:relative; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; margin-bottom:10px; }
.content-conveyorVG{ width:450px; height:200px; position:relative; }
.itemVG{ width:220px; float:left; text-align:center; background-color:#fffff; border:none; }

/* 
----------------------------------
SLIDER SIMONE GUGGER
----------------------------------
*/

#sliderSG{ border:#cccccc solid 1px;  margin-top:20px; }

#sliderContentSG{ width:450px; margin-left:50px; padding:0px; background-color:#ffffff;  }

.viewerSG{ width:450px; height:200px; margin:0px; padding:0px; overflow:hidden; position:relative; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; margin-bottom:10px; }
.content-conveyorSG{ width:450px; height:200px; position:relative; }
.itemSG{ width:220px; float:left; text-align:center; background-color:#fffff; border:none; }

/* 
----------------------------------
SLIDER SUSANNE KLEMM
----------------------------------
*/

#sliderSK{ border:#cccccc solid 1px;  margin-top:20px; }

#sliderContentSK{ width:450px; margin-left:50px; padding:0px; background-color:#ffffff;  }

.viewerSK{ width:450px; height:200px; margin:0px; padding:0px; overflow:hidden; position:relative; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; margin-bottom:10px; }
.content-conveyorSK{ width:450px; height:200px; position:relative; }
.itemSK{ width:220px; float:left; text-align:center; background-color:#fffff; border:none; }

/* 
----------------------------------
SLIDER BRIGITE LAKEN
----------------------------------
*/

#sliderBL{ border:#cccccc solid 1px;  margin-top:20px; }

#sliderContentBL{ width:450px; margin-left:50px; padding:0px; background-color:#ffffff;  }

.viewerBL{ width:450px; height:200px; margin:0px; padding:0px; overflow:hidden; position:relative; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; margin-bottom:10px; }
.content-conveyorBL{ width:450px; height:200px; position:relative; }
.itemBL{ width:220px; float:left; text-align:center; background-color:#fffff; border:none; }


/* 
----------------------------------
SLIDER SALOME LIPPUNER
----------------------------------
*/

#sliderSL{ border:#cccccc solid 1px;  margin-top:20px; }

#sliderContentSL{ width:450px; margin-left:50px; padding:0px; background-color:#ffffff;  }

.viewerSL{ width:450px; height:200px; margin:0px; padding:0px; overflow:hidden; position:relative; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; margin-bottom:10px; }
.content-conveyorSL{ width:450px; height:200px; position:relative; }
.itemSL{ width:220px; float:left; text-align:center; background-color:#fffff; border:none; }

/* 
----------------------------------
SLIDER FRIEDRICH MULLER
----------------------------------
*/

#sliderFM{ border:#cccccc solid 1px;  margin-top:20px; }

#sliderContentFM{ width:450px; margin-left:50px; padding:0px; background-color:#ffffff;  }

.viewerFM{ width:450px; height:200px; margin:0px; padding:0px; overflow:hidden; position:relative; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; margin-bottom:10px; }
.content-conveyorFM{ width:450px; height:200px; position:relative; }
.itemFM{ width:220px; float:left; text-align:center; background-color:#fffff; border:none; }



/* 
----------------------------------
SLIDER HEIDI ROETHLIN
----------------------------------
*/

#sliderHR{ border:#cccccc solid 1px;  margin-top:20px; }

#sliderContentHR{ width:450px; margin-left:50px; padding:0px; background-color:#ffffff;  }

.viewerHR{ width:450px; height:200px; margin:0px; padding:0px; overflow:hidden; position:relative; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; margin-bottom:10px; }
.content-conveyorHR{ width:450px; height:200px; position:relative; }
.itemHR{ width:220px; float:left; text-align:center; background-color:#fffff; border:none; }


/* 
----------------------------------
SLIDER LUCY SARNEEL
----------------------------------
*/

#sliderLS{ border:#cccccc solid 1px;  margin-top:20px; }

#sliderContentLS{ width:450px; margin-left:50px; padding:0px; background-color:#ffffff;  }

.viewerLS{ width:450px; height:200px; margin:0px; padding:0px; overflow:hidden; position:relative; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; margin-bottom:10px; }
.content-conveyorLS{ width:450px; height:200px; position:relative; }
.itemLS{ width:220px; float:left; text-align:center; background-color:#fffff; border:none; }

/* 
----------------------------------
SLIDER LUIZA VOGT
----------------------------------
*/

#sliderLV{ border:#cccccc solid 1px;  margin-top:20px; }

#sliderContentLV{ width:450px; margin-left:50px; padding:0px; background-color:#ffffff;  }

.viewerLV{ width:450px; height:200px; margin:0px; padding:0px; overflow:hidden; position:relative; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; margin-bottom:10px; }
.content-conveyorLV{ width:450px; height:200px; position:relative; }
.itemLV{ width:220px; float:left; text-align:center; background-color:#fffff; border:none; }


/* 
----------------------------------
SLIDER FRANSISKA VOGLER
----------------------------------
*/

#sliderFV{ border:#cccccc solid 1px;  margin-top:20px; }

#sliderContentFV{ width:450px; margin-left:50px; padding:0px; background-color:#ffffff;  }

.viewerFV{ width:450px; height:200px; margin:0px; padding:0px; overflow:hidden; position:relative; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; margin-bottom:10px; }
.content-conveyorFV{ width:450px; height:200px; position:relative; }
.itemFV{ width:220px; float:left; text-align:center; background-color:#fffff; border:none; }