/*
  /$$$$$$                                                      /$$    
 /$$__  $$                                                    | $$          
| $$  \__/  /$$$$$$   /$$$$$$   /$$$$$$  /$$$$$$$   /$$$$$$  /$$$$$$        
| $$       /$$__  $$ /$$__  $$ |____  $$| $$__  $$ /$$__  $$|_  $$_/       
| $$      | $$  \__/| $$$$$$$$  /$$$$$$$| $$  \ $$| $$$$$$$$  | $$        
| $$    $$| $$      | $$_____/ /$$__  $$| $$  | $$| $$_____/  | $$ /$$      
|  $$$$$$/| $$      |  $$$$$$$|  $$$$$$$| $$  | $$|  $$$$$$$  |  $$$$/      
 \______/ |__/       \_______/ \_______/|__/  |__/ \_______/   \___/  
Internet Service AG
*/


/* Galerie
==============================================
*/

.gallery-wrapper { position:relative; width:100%; height:0; padding-bottom:60%; }
.gallery-wrapper .cis-gallery { position:absolute; top:0; right:0; bottom:0; left:0; }

.cis-gallery{ position:relative; height:100%; width:100%;}
.cis-gallery img{opacity:0; filter:alpha(opacity=0);}
.cis-gallery .overflow{height:100%; width:100%; overflow:hidden; position:relative; opacity:0; filter:alpha(opacity=0);}
.cis-gallery .overflow .inner-content{width:100000px; position:absolute;top:0px;left:0px;}
.cis-gallery .overflow .inner-content .image-content{position: relative;}
.cis-gallery .overflow .inner-content .image-content .image{background-color:#fff; -webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover; background-position:center;z-index:0;background-repeat:no-repeat;}


.cis-gallery .loader{height:50px; width:50px; background-image:url(imagesFX/loader.gif); background-position:center; position:absolute; top:50%; left:50%; margin-left:-25px; margin-top:-25px; background-size:50px;}

.cis-gallery .navigation{position:absolute; bottom:0px; left:0px; z-index:11;}
.cis-gallery .navigation div{float:left; width:30px; height:30px; line-height:30px; text-align:center; cursor:pointer;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;}
.cis-gallery .navigation div.next{background-image:url(imagesFX/nav_next.png); background-repeat:no-repeat; background-position:center;}
.cis-gallery .navigation div.prev{background-image:url(imagesFX/nav_prev.png); background-repeat:no-repeat; background-position:center;}


.cis-gallery .top-navigation div{position:absolute; width:50%; height:100%; top:0px; z-index:5; opacity:0; filter:alpha(opacity=0); -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;-ms-transform:all 0.5s linear;transition:all 0.5s linear;}
.cis-gallery .top-navigation div.next{background-image:url(imagesFX/next.png);right:0px; background-position: 95% center; background-size: 30px;background-repeat: no-repeat; cursor:pointer; text-align:right;}
.cis-gallery .top-navigation div.prev{background-image:url(imagesFX/prev.png);left:0px; background-position: 5% center; background-size: 30px;background-repeat: no-repeat; cursor:pointer; text-align:left;}
.cis-gallery .top-navigation div.next span, .cis-gallery .top-navigation div.prev span { display:none; }
.cis-gallery:hover .top-navigation div{opacity:1; filter:alpha(opacity=1);}

.cis-gallery .thumbnail-navigation{width:100%; height:80px; position:absolute; bottom:0px; left:0px; z-index:10; overflow:hidden; background-color:rgba(255,255,255, .5);}
.cis-gallery .thumbnail-navigation .thumbnail-content{ width:10000px; height:70px;position:absolute; left:0px; top:0px; z-index:1;}
.cis-gallery .thumbnail-navigation .thumbnail-content:after{content:''; clear:both; display:block; height:0px;}
.cis-gallery .thumbnail-navigation .thumbnail-content .image{width:120px; height:70px; float:left; margin-right:10px; -webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center;-webkit-transition:all 1s linear; -moz-transition:all 1s linear;-o-transition:all 1s linear;-ms-transform:all 1s linear;transition:all 1s linear; cursor:pointer; background-repeat:no-repeat; border:solid 1px #CCC;}
.cis-gallery .thumbnail-navigation .thumbnail-content .image.verticalFormat{-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;}
.cis-gallery .thumbnail-navigation .thumbnail-content .image.aktiv{border-color:#666;}
.cis-gallery .thumbnail-navigation .thumbnail-prev{height:30px; width:30px; line-height:30px; position:absolute; top:50%; left:10px; margin-top:-10px; z-index:2; text-align:center; cursor:pointer; background-image:url(imagesFX/nav_prev.png); background-repeat:no-repeat; background-position:center; background-size:20px;}
.cis-gallery .thumbnail-navigation .thumbnail-next{height:30px; width:30px; line-height:30px; position:absolute; top:50%; right:10px; margin-top:-10px; z-index:2; text-align:center; cursor:pointer; background-image:url(imagesFX/nav_next.png); background-repeat:no-repeat; background-position:center; background-size:20px; }

.cis-gallery .nav-points{width: 100%; height:25px; text-align:center; z-index:6;}
.cis-gallery .nav-points .points-content{ display:inline-block;}
.cis-gallery .nav-points .points-content .point{float:left; display:block; width:13px; height:13px; text-align:center; background-color:#fff; margin:5px;border:solid 2px #999999; -webkit-transition:all 1s linear; -moz-transition:all 1s linear;-o-transition:all 1s linear;-ms-transform:all 1s linear;transition:all 1s linear; cursor:pointer; }
.cis-gallery .nav-points .points-content .aktiv{background-color:#F00; border-color:#000;}
.cis-gallery .nav-points .points-content:after{content:''; clear:both; display:block; height:0px;}
.cis-gallery .nav-points .points-content .point span{font-size: 10px;display: block;color:#000; font-family: verdana;  -webkit-transition:all 1s linear; -moz-transition:all 1s linear;-o-transition:all 1s linear;-ms-transform:all 1s linear;transition:all 1s linear;}
.cis-gallery .nav-points .points-content .aktiv span{color:#FFF;}

.cis-gallery .pagenum{position:absolute; bottom:0px; right:0px; z-index:11; background-color:#fff;}
.cis-gallery .pagenum div{float:left; width:20px; height:20px; line-height:20px; text-align:center;}
.cis-gallery .pagenum div.max{float:left; border-left:solid 1px #000;}


/* Format */
.cis-gallery .overflow .inner-content .image-content .image.verticalFormat{-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;background-color:#000;}
.cis-gallery .overflow .inner-content .image-content .image.shadowBox{cursor:pointer;}
.cis-gallery .overflow .inner-content .image-content .image.noScaleFormat{-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;}


/* Kommentare */
.cis-gallery .overflow .inner-content .image-content .comments{background-color: rgba(0,0,0,0.3);height: 80px;width: 100%;z-index: 10000;position: absolute;bottom: 0;color: #fff;}
.cis-gallery .overflow .inner-content .image-content .comments .comments-content{ font-family:Verdana, Geneva, sans-serif; margin:10px;}


/* Animate slide */
.cis-gallery[data-type='slide'] .overflow .inner-content .image-content{float:left;}

/* Animate slide-vertical */
.cis-gallery[data-type='slide-vertical'] .overflow .inner-content{position:absolute; height:10000px; width:100%!important; top:0px; left:0px;}
.cis-gallery[data-type='slide-vertical'] .overflow .inner-content .image-content .image{position:relative;}

/* Animate fade */
.cis-gallery[data-type='fade'] .overflow .inner-content .image-content{z-index:0;}
.cis-gallery[data-type='fade'] .overflow .inner-content{position:relative; height:100%; width:100%;}
.cis-gallery[data-type='fade'] .overflow .inner-content .image-content{float:none; position:absolute; top:0; right:0; bottom:0; left:0; z-index:0; display:block;}
.cis-gallery[data-type='fade'] .overflow .inner-content .start{z-index:2!important;}

/* Animate Ken-Burns */
.cis-gallery[data-type='ken-burns'] .overflow .inner-content{position:relative; height:100%; width:100%;}
.cis-gallery[data-type='ken-burns'] .overflow .inner-content .image-content{display:block; position:absolute; height:100%; width:100%;}
.cis-gallery[data-type='ken-burns'] .overflow .inner-content .image-content .image{float:none; position:absolute; top:0px; left:0px; display:block; height:100%; width:100%;  -webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform:scale(1,1);-o-transform: scale(1,1);transform: scale(1,1);}

/* -> Start */
.cis-gallery[data-type='ken-burns'] .overflow .inner-content .start{opacity:1; filter:alpha(opacity=1); z-index:2;}
.cis-gallery[data-type='ken-burns'] .overflow .inner-content .start .image{-webkit-transition:all 30s linear; -moz-transition:all 30s linear;-o-transition:all 30s linear;-ms-transform:all 30s linear;transition:all 30s linear;-webkit-transform: scale(2,2);-moz-transform: scale(2,2);-ms-transform:scale(2,2);-o-transform: scale(2,2);transform: scale(2,2);}

/* -> Animate */
.cis-gallery[data-type='ken-burns'] .overflow .inner-content .play .image{-webkit-transition:all 30s linear; -moz-transition:all 30s linear;-o-transition:all 30s linear;-ms-transform:all 30s linear;transition:all 30s linear;}
.cis-gallery[data-type='ken-burns'] .overflow .inner-content .start .image{-webkit-transform: scale(2,2);-moz-transform: scale(2,2);-ms-transform:scale(2,2);-o-transform: scale(2,2);transform: scale(2,2);}

/*.cis-gallery[data-type='ken-burns'] .overflow .inner-content .play[data-x='0'][data-y='0'] .image{background-position:center;}
.cis-gallery[data-type='ken-burns'] .overflow .inner-content .play[data-x='1'][data-y='0'] .image{background-position:left;}
.cis-gallery[data-type='ken-burns'] .overflow .inner-content .play[data-x='2'][data-y='0'] .image{background-position:right;}
.cis-gallery[data-type='ken-burns'] .overflow .inner-content .play[data-x='0'][data-y='1'] .image{background-position:top;}
.cis-gallery[data-type='ken-burns'] .overflow .inner-content .play[data-x='0'][data-y='2'] .image{background-position:bottom;}

.cis-gallery[data-type='ken-burns'] .overflow .inner-content .play[data-x='1'][data-y='1'] .image{background-position:left top;}
.cis-gallery[data-type='ken-burns'] .overflow .inner-content .play[data-x='1'][data-y='2'] .image{background-position:left bottom;}
.cis-gallery[data-type='ken-burns'] .overflow .inner-content .play[data-x='2'][data-y='1'] .image{background-position:right top;}
.cis-gallery[data-type='ken-burns'] .overflow .inner-content .play[data-x='2'][data-y='2'] .image{background-position:right bottom;}*/


/* -> Play */
.cis-gallery[data-type='ken-burns'] .overflow .inner-content .play .image{-webkit-transform: scale(2,2);-moz-transform: scale(2,2);-ms-transform:scale(2,2);-o-transform: scale(2,2);transform: scale(2,2);}

/* -> reset */
.cis-gallery[data-type='ken-burns'] .overflow .inner-content .reset .cis-gallery[data-type='ken-burns'] .overflow .inner-content .reset .image{-webkit-transition:none; -moz-transition:none; -o-transition:none;-ms-transform:none;transition:none;-webkit-transform: none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none; -webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform:scale(1,1);-o-transform: scale(1,1);transform: scale(1,1);}
.cis-gallery[data-type='ken-burns'] .overflow .inner-content .reset .cis-gallery[data-type='ken-burns'] .overflow .inner-content .reset{z-index:0;}


/* Animate Gallery */
.cis-gallery[data-type='gallery'] .overflow{overflow:auto; position:relative;}
.cis-gallery[data-type='gallery'] .overflow .inner-content{position:relative; width:100%; height:100%;}
.cis-gallery[data-type='gallery'] .overflow .inner-content .image-content{ height:150px; width:150px; float:left; margin:20px;}
.cis-gallery[data-type='gallery'] .overflow .inner-content .image-content .image{ height:150px!important; width:150px!important; float:left;}
.cis-gallery[data-type='gallery'] .top-navigation{display:none; height:0px; width:0px;}