/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 29.09.2016, 11:43:02
    Author     : barthelfr
*/
#t3-sticky .right .itemContainer {
   right:-265px;    
}

#t3-sticky .right .itemContainer.opened{
    right:0
}

#t3-sticky .right > div > div.itemContainer:nth-child(1) {
    top: 350px;
}

#t3-sticky .right > div > div.itemContainer:nth-child(2) {
    top: 500px;
    height:170px;
}

#t3-sticky .right > div > div.itemContainer:nth-child(3) {
    top: 450px;
}

#t3-sticky  .itemContainer{
    position: fixed;
    width: 300px;
    height: 130px;
    padding:0;
    text-align: center;
    background: #555;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    z-index: 666;
    
    
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    
    background:#005fb7; color:#FFF;
    border:1px solid #005fb7;
}
#t3-sticky  .itemContainer > div {position:relative;height:100%;}
#t3-sticky  .itemContainer .moduleItemIntrotext {
    height:100%;
/*    top: 150px;*/
    width: 100%;
    padding: 10px;
    margin-left:35px;
    background:#FFF;
    color: #000;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    text-align: left;
    z-index: 7777;
}

#t3-sticky  .itemContainer h5 {
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    bottom:10px;
    transform: rotate(-90deg);
    z-index:8888;
    width:35px;
    margin:0;padding:0 0 0 20px;;
    position:absolute;
}