#main .page .galleryblocktitle {
      display: inline-block;
      vertical-align: top;
			margin: 10px 25px 18px 0px;
      width: 290px;
      box-shadow: 0px 0px 3px rgba(0,0,0,0.6);
      background: #EFECE8;
		}

		
		/* details for album title */
		#main .page .galleryblocktitle .imgcard {
			text-align: center;
		}	

		#main .page .imgcard  img {
			width: 100%;
      /*height: 200px;*/
		}

		
		#main .page .galleryblocktitle .albumdet {
			padding: 0px 4px 2px 4px;
		}
		
		#main .page .galleryblocktitle .albumtitle, #main .page .galleryblocktitle .albumdesc {
			text-align: left;
			/*padding-top: 10px;*/
		}

		#main .page .galleryblocktitle .clear {
			clear: left;
		}



    #dubocache {
      display: none;
    }

    #duboglbck, #duboglbckin {
      position: fixed;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      z-index: 19;
      background: rgba(100,100,100,0.9);
      display: none;
    }
    
    #duboview, #duboviewin {
      /** +++ **/
      position: absolute;
      top: -320px;
      left: 0px;
      width: 100%;
      display: none;
      z-index: 20;
      
      /**
      background: rgba(0,0,0,0.6);
      position: relative;
      ** +++ **/
      
      text-align: center;
      overflow: hidden;
      /* background: #333;  */
    }
		
		#duboviewin {
			top: 6vh;
		}
    
    #duboview:-moz-full-screen, #duboviewin:-moz-full-screen {    background: rgba(0,0,0,1);  }
    #duboview:-webkit-full-screen, #duboviewin:-webkit-full-screen { background: rgba(0,0,0,1); height: 100%;  }
    #duboview:-ms-fullscreen, #duboviewin:-ms-fullscreen {      background: rgba(0,0,0,1);  }

    #duboview:-moz-full-screen #duboclose, #duboviewin:-moz-full-screen #duboclosein { top: -100px;  }
    #duboview:-webkit-full-screen #duboclose, #duboviewin:-webkit-full-screen #duboclosein { top: -100px;  }
    #duboview:-ms-fullscreen #duboclose, #duboviewin:-ms-fullscreen #duboclosein { top: -100px; }
    
    #duboview:-moz-full-screen #dubonext, #duboview:-moz-full-screen #dubolast, #duboviewin:-moz-full-screen #dubonextin, #duboviewin:-moz-full-screen #dubolastin { 
      cursor: -moz-zoom-out;
    }
    #duboview:-webkit-full-screen #dubonext, #duboview:-webkit-full-screen #dubolast, #duboviewin:-webkit-full-screen #dubonextin, #duboviewin:-webkit-full-screen #dubolastin {
      cursor: -webkit-zoom-out;
    }
    #duboview:-ms-fullscreen #dubonext, #duboview:-ms-fullscreen #dubolast, #duboviewin:-ms-fullscreen #dubonextin, #duboviewin:-ms-fullscreen #dubolastin {
      cursor: url(/img/lupeminus.cur), auto;
    }
    
		/*
    #duboview:-moz-full-screen  #duboborder, #duboviewin:-moz-full-screen  #duboborderin { height: 97%; }
    #duboview:-webkit-full-screen  #duboborder, #duboviewin:-webkit-full-screen  #duboborderin { height: 97%; }
    #duboview:-ms-fullscreen  #duboborder, #duboviewin:-ms-fullscreen  #duboborderin { height: 97%; }
    #duboview:-moz-full-screen .duboimg img,    #duboview:-moz-full-screen .duboimg, #duboviewin:-moz-full-screen .duboimg img,    #duboviewin:-moz-full-screen        .duboimg { height: 99.5%; }
    #duboview:-webkit-full-screen .duboimg img, #duboview:-webkit-full-screen .duboimg, #duboviewin:-webkit-full-screen .duboimg img, #duboviewin:-webkit-full-screen  .duboimg { height: 99.5%; }
    #duboview:-ms-fullscreen .duboimg img,      #duboview:-ms-fullscreen .duboimg, #duboviewin:-ms-fullscreen .duboimg img,      #duboviewin:-ms-fullscreen .duboimg { height: 99.5%; }
		*/
		

    /*
    #duboview:-moz-full-screen        #dubocaption { bottom: 50px;  } 
    #duboview:-webkit-full-screen  #dubocaption { bottom: 50px;  }
    #duboview:-ms-fullscreen            #dubocaption { bottom: 50px;  } 

    #duboview:-moz-full-screen        #dubocp { bottom: 75px;  } 
    #duboview:-webkit-full-screen  #dubocp { bottom: 75px;  }
    #duboview:-ms-fullscreen            #dubocp { bottom: 75px;  } 
    */
    
    #dubofront, #dubofrontin {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0px;
      z-index: 25;
    }
    
 
    .duboimg, #duboborder, #duboborderin {
      position: relative;
      margin: 0px auto;
      display: inline-block;
      background: #777;
    } 
		
		.duboimg {
			/* height: 80vh; */
			max-width: 85vw;
		}
		.duboimg img {
			/*width: 100%;*/
			max-width: 85vw;
			max-height: 85vh;
		}
		
    #duboview:fullscreen           .duboimg img { max-height: 94vh;  } 
		#duboview:-moz-full-screen     .duboimg img { max-height: 94vh;  } 
    #duboview:-webkit-full-screen  .duboimg img { max-height: 94vh;  }
    #duboview:-ms-fullscreen       .duboimg img { max-height: 94vh;  } 
		#duboviewin:fullscreen         .duboimg img { max-height: 94vh;  } 
		#duboviewin:-moz-full-screen   .duboimg img { max-height: 94vh;  } 
    #duboviewin:-webkit-full-screen .duboimg img { max-height: 94vh;  }
    #duboviewin:-ms-fullscreen     .duboimg img { max-height: 94vh;  } 
    
    #duboborder, #duboborderin {
      background: #FFF;
      padding: 15px 15px 13px 15px;
    }
		
		@media only screen and (max-width : 760px) {
			#duboborder, #duboborderin {
				background: #FFF;
				padding: 9px 9px 8px 9px;
			}
		}

    
    .dubobgimg {
      margin: 0px;
      position: absolute;
      left: 0px; right: 0px; 
      width: 100%;
      background: #777;
    } 
    
      #duboview img, #duboviewin img {
        /**
        background: #FFF;
        padding: 15px;
        height: 520px;
        **/
        /*height: 480px; */
        height: 94vh; 
      }
    
      #dubocaption, #dubonav, #dubocp, 
			#dubocaptionin, #dubonavin, #dubocpin {
        position: absolute;
        display: inline-block;
        left: 0px; right: 0px;
        width: 99.6%;
        /** 
        width: 94%;
        padding: 6px 1% 8px 1%;  mit weißem Rand
        margin: 0 2% 2% 2%;
        **/
        padding: 6px 0 8px 0;
        color: #F2F2F2;
        overflow: hidden;
      }
      
      
      #dubonav, #dubonavin {
        top: 0px;
        height: 100%;
        overflow: hidden;
      }
      
      /*         
        #dubobuts {
          display: none;
          position: absolute; 
          z-index: 15; 
          top: 10px; 
          right: 10px;
          background: rgba(0,0,0,0.6);
          margin: 3px 4px;
          border-radius: 5px;
          padding: 4px 7px;
          font-size: 16px;
          cursor: default;
          color: #DDD;
        }
        
        
          #duboacc, #dubodec, #duboplay, #dubopause {
            cursor: pointer;
            font-size: 13px;
          }
          
          #dubotime {
            margin-right: 5px;
          }
          
          #dubopause {
            display: none;
          }
          */
          
      #dubonext, #dubolast, #dubonextin, #dubolastin {
        position: absolute; 
        z-index: 26; 
        top: 0; height: 96%; 
        width: 50%;
        cursor: url(/img/lupe.cur), auto;
        cursor: -webkit-zoom-in; cursor: -moz-zoom-in;
      }
      
      #dubolast div, #dubonext div, #dubolastin div, #dubonextin div {
        display: none;
        position: absolute;
        top: 40%;
        height: 45px;
          /* background: rgba(0,0,0,0.6);  */
        text-shadow: 2px 0 2px #333, -2px 0 2px #333, 0 2px 2px #333, 0 -2px 2px #333;
        cursor: pointer;
        color: #EEE;
        font-weight: bold;
        font-size: 40px;
      }
			
			@media only screen and (max-width : 760px) {  /* +++ */
				#dubolast div, #dubonext div, #dubolastin div, #dubonextin div {
					top: 33%;
					font-size: 35px;
				}
			}
			
			
      #dubolast div, #dubolastin div { 
        left: 0px;
        padding: 20px 30px 22px 16px;
        border-top-right-radius:   5px;
        border-bottom-right-radius:5px;
      }
      #dubonext div, #dubonextin div { 
        right: 0px;
        padding: 20px 16px 22px 30px;
        border-top-left-radius:   5px;
        border-bottom-left-radius:5px;
      }
      
      #dubonext #duboclose, #dubonextin #duboclosein {
        top: 0%;
        font-size: 26px;
        padding: 6px 12px 22px 30px;
      }
      
      #dubolast, #dubolastin { left: 0px;  text-align: left; }
      #dubonext, #dubonextin { right: 0px; text-align: right; }

      
     
      #dubocaption, #dubocaptionin {
        bottom: 1px;
        z-index: 27;
        background: rgba(0,0,0,0.6);
        padding: 0px;
      }
      #dubocaption .hovsh{
      }

        #dubocaptionviews, #dubocaptionindex, #dubobuts {
          float: right;
          font-size: 11px;
          margin-right: 4px;
          border-left: 1px solid #777;
          padding: 4px 0 6px 6px;
        }

        #dubobuts {
          margin-left: 4px;
          margin-right: 5px;
          cursor: default;
        }
        
          #duboacc, #dubodec, #duboplay, #dubopause {
            cursor: pointer;
          }
          
          #dubotime {
            margin-right: 5px;
          }
          
          #dubopause {
            display: none;
          }
      
      
        #dubocaptiontext, #dubocaptiontextin {
          padding: 3px 0px 0px 8px;
          font-size: 12px;
          text-align: left;
          /*width: 68%;*/
        }

        
        #dubocaptionindex {
        }
    
    
      #dubocp, #dubocpin {
        bottom: 20px;
        left: 10px;
        text-align: left;
      } 
			
			#dubocpin {
				display: none;
			}
			
        #dubocpnotice, #dubocpnoticein {
          font-size: 11px;
          color: #FFF;
          /* font-family: 'Lato Latin Bold', sans-serif; */
          font-weight: bold;
          /* text-shadow: 0px 0px 5px 5px #000; */
          text-shadow: 2px 0 2px #333, -2px 0 2px #333, 0 2px 2px #333, 0 -2px 2px #333;
        }
    

    
    
		
		
		
		/** gallery view **/
    #galleryblock {
      /** +++ **/
      /* position: relative;*/
      /** +++ **/
      
      min-height: 610px; 
      
      /* border: 2px solid fuchsia; */
      padding: 5px 5px 10px 10px;
    }
    
		.galleryhead {
      
    }
    
		
		.galleryhead .galleryinfo.short, .galleryhead .albums {
      display: inline-block;
    }
    
		.galleryinfo {
			margin-bottom: 18px;
    }
    
		.galleryinfo.short {
      /* height: 200px; */
      width: 300px;
      vertical-align: top;
      margin-right: 10px;
		}
    
    .albums {
      margin-top: 20px;
      /* width: 650px; */
    }
    
    #galleryblock .isdir { 
      display: inline-block; 
      margin-right: 20px;
      margin-bottom: 20px;  
    }
	  
    #galleryblock .isdir .imgalthumb, #galleryblock .isdir .albumtext {
      display: inline-block;
    }
    #galleryblock .isdir .imgalthumb { margin-right: 5px;  }

      #galleryblock .isdir .imgalthumb a {
        background: #EEE;
        border-radius: 3px;
      }
      #galleryblock .isdir .imgalthumb a:hover {
        background: #CCC;
      }
      
      #main .page .isdir .imgalthumb img {
        max-height: 110px;
        height: 110px;
      }    
      

    #galleryblock .isdir .albumtext   { 
			vertical-align: top; 
			padding-top: 0px; 
			font-size: 80%;
			width: 160px; 
		}
    
      .albumtitle {
        padding-top: 3px;
        /* font-family: "Lato Latin Bold",sans-serif; */
        font-weight: bold;
      }
    
      .albums .albumdesc {
        padding-top: 0px;
        height: 100px;
        overflow: hidden;
      }
      
      #innercontainer .albums a:link, #innercontainer .albums a:visited {
        color: #EEE;
        text-decoration: none;
      }
      #innercontainer .albums a:hover {
        color: #CCC;
      }
    
    
    
    /** THUMBNAILS **/
    
    .imgarraycontainer {
      /** +++ **
      position: relative;
      width: 100%;
      height: 86px;
      overflow: hidden;
      /** +++ **/
    }
    
    
    .ltrigger, .rtrigger {
      position: absolute; 
      z-index: 28; 
      top: 5%; height: 90%; 
      width: 5%;
      background: #777;
      border-radius: 4px;
      
      text-align: center;
      color: #FFF;
      font-weight: bold;
      font-size: 60px;
      cursor: pointer;
    }
    .ltrigger { left: 0px; }
    .rtrigger { right: 0px; }
    .ltrigger:hover, .rtrigger:hover {
      background: #999;
    }
    
    
		.imgarray {
      /** +++ **
      position: absolute;
			margin: 0px;
			left: 5%;
      width: 2000px;
			padding: 5px 6px 2px 6px;
      /** +++ **/
      
      
      /*
			border: solid 1px #333;
			border-radius: 5px;
      */
			/* background: #EFECE8; */
		}
    

		
		.imgarray li {
			position: relative;
			float: left;
			margin: 0px 3px 5px 0px;
			list-style-type: none;
			text-align: center;
		}
		
		/** +++ **/
		.imgarray .isimage {
      display: inline-block;
      width: 154px;
      text-align: center;
      margin-bottom: 15px;
		}
		/** +++ **/
	

	
    
    
		
		#main .page .imgalthumb img {
      /** +++ **
      display: block;
			max-height: 70px;
			position: relative;
      /** +++ **/
			
      height: 110px;
      background: #EEE;
      padding: 3px;      
			border-radius: 3px;
		}	
		
		#galleryblock .imgalthumb a {
		}
		
		#galleryblock .imgalthumb a img {
			width: 140px;
		}
    
		#galleryblock .imgalthumb a.active img{
      background: #333;
    }
		
    #main .page .galleryblocktitle:hover {
      background: #CCC;
      opacity: 0.8;
    }
		
		#main .imgalthumb a:hover img{
      background: #CCC;
      opacity: 0.8;
    }
		
		
		@media only screen and (max-width : 1200px) {
			#galleryblock .imgalthumb a img {
				width: 100px;
			}
			
			.albums .albumdesc {
        height: 60px;
      }
		}
		
		@media only screen and (max-width : 879px) {
			#duboview {
				top: -150px;
			}
			
			#galleryblock {
				min-height: auto;
			}
			
			#galleryblock .isdir .albumtext {
				width: 130px;
			}
			
		}
    
		
	
    /*
		li.isdir .imgalthumb img {
			max-width: 112px;
			max-height: 105px;
		}
		*/ 

    /*
		.imgcaption, .albumcaption {
			position: absolute;
			top: 112px;
			left: 6px;
			width: 120px;
			height: 42px;
			padding: 2px;
			background: #F2F2F2;
			font-size: 11px;
			text-align: left;
		}
		
		.albumcaption {
			top: 117px;
			height: 21px;
			background: transparent;
			text-align: center;
			font-size: 13px;
			font-weight: bold;
		}

		.imgcaption .imgcaptiontext {
			height: 28px;
			overflow: auto;
			line-height: 0.9;
		}
    */
		
		#main a.imgdownload {
			display: block;
			position: absolute;
			background-image: url(/img/shellicons/disk.png);
			top: 3px;
			right: 3px;
			width: 10px;
			height: 10px;
		}
		#main a.imgdownload:hover {
			width: 12px;
			height: 12px;
			background-image: url(/img/shellicons/diskl.png);
		}
		
		.imgsize {
			position: absolute;
			right: 5px;
			bottom: 3px;
		}

		.imgtagsdesc {
			position: absolute;
			left: 2px;
			bottom: 13px;
			width: 30px;
			font-weight: bold;
			line-height: 0.9;
		}
		.imgtags {
			position: absolute;
			left: 31px;
			bottom: 10px;
			min-width: 20px;
			height: 13px;
			background: #DDD;
			font-weight: bold;
			line-height: 0.9;
		}