.gal-overlay-dark  .docdata .galery-doc-dummy1::before {
    color:#dddddd;
}

.gal-overlay-white  .docdata .galery-doc-dummy1::before {
    color:#999999;
}

.docdata .galery-doc-dummy1::before { 
    content: '"';
    font-family: "icons";
    line-height: mormal;
}

.gal-overlay-dark  .docdata .galery-doc-date::before {
    color:#dddddd;
}

.gal-overlay-white  .docdata .galery-doc-date::before {
    color:black;
}

.docdata .galery-doc-date::before { 
    content: ' 	';
    font-family: "icons2";
    line-height: mormal;
    margin-right: 0.4em;
}


.docdata .galery-doc-topic2::before {
    content: '';
    font-family: "icons2";
    line-height: mormal;
    margin-right: 0.4em;

}

.docdata .galery-doc-peri::before {
    content: "\e62b";
    font-family: "icons";
    margin-right: 0.4em;
    font-size:100%;
}

.docdata .galery-doc-dummy1 { 
    display: none;
    top:5px;
    right:10px;
    position:absolute;
    cursor:pointer;
}

.gal-overlay-dark .docdata .galery-doc-peri ,
.gal-overlay-dark .docdata .galery-doc-topic2 , 
.gal-overlay-dark .docdata .galery-doc-date { 
    background-color:rgba(0,0,0,0.4);
    color:white;
}

.gal-overlay-white .docdata .galery-doc-peri ,
.gal-overlay-white .docdata .galery-doc-topic,
.gal-overlay-white .docdata .galery-doc-date    { 
    background-color:rgba(255,255,255,0.6);
    color:black;
}

.docdata .galery-doc-peri, 
.docdata .galery-doc-topic2 ,
.docdata .galery-doc-date   {     
    box-sizing:border-box;
    width:90%;
    left:5%;
    position:absolute;
    border-radius:4px;
    padding:1% 1%;
    overflow:hidden;
    white-space:nowrap;
    line-height:normal;
}

.docdata .galery-doc-peri, 
.docdata .galery-doc-topic2  { 
    display:none;
}

.gal-overlay-dark .docdata .galery-doc-teaser { 
    background-color:rgba(0,0,0,0.6);
    color:white;
}

.gal-overlay-white .docdata .galery-doc-teaser { 
    background-color:rgba(255,255,255,0.8);
    color:black;
}


.docdata .galery-doc-dummy2{ 
    display: none;
    box-sizing:border-box;
    width:90%;
    left:5%;
    top:40%;
    bottom:5%;
    position:absolute;
    border-radius:4px;    
    padding:0 1%;
    line-height:normal;
    height:50%;
    z-index:9999;
    background:url('/pics/rwd2016/galery/abstract_layer.png') bottom  ;    
}

.docdata .galery-doc-teaser { 
    display: none;
    box-sizing:border-box;
    width:90%;
    left:5%;
    top:40%;
    bottom:5%;
    position:absolute;
    border-radius:4px;
    padding:0 1%;
    overflow-y:hidden;
    overflow-x:hidden;
    line-height:normal;
    height:50%;
    z-index:999;
}


.docdata .galery-doc-peri { 
    bottom:5%;
}

.docdata .galery-doc-date { 
    bottom:5%;
    width:50%;
    right:5%;
}

.docdata .galery-doc-topic2 { 
    bottom:17%;
}