/* supersize */
div.supersize {
    position: relative;
    width: 100%;
    height: 100%;
    margin-top: -160px;
    z-index: 20;
    background: #fff;
}
    
    
    /* supersize-items */
    div.supersize div.supersize-items {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
        
        
        /* supersize-item */
        div.supersize div.supersize-items div.supersize-item {
            position: relative;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
            text-align: center;
            background-repeat: no-repeat;
            background-position: center center;
            background-color: #f1f1f1;
        }
        
        div.supersize div.supersize-items div.supersize-item.supersize-portrait {
            -moz-background-size: auto 100%;
    		-o-background-size: auto 100%;
    		-webkit-background-size: auto 100%;
    		background-size: auto 100%;
        }
        
        div.supersize div.supersize-items div.supersize-item.supersize-landscape {
            -moz-background-size: 100% auto;
    		-o-background-size: 100% auto;
    		-webkit-background-size: 100% auto;
    		background-size: 100% auto;
        }
        
            div.supersize div.supersize-items div.supersize-item img {
                display: inline;
                width: auto;
                height: auto;
                max-width: 100%;
                max-height: 100%;
            }
            
            
    /* supersize-teaser */
    div.supersize div.supersize-teaser {
        position: absolute;
        top: 160px;
        bottom: 0;
        left: 0;
        right: 0;
        background: url(images/logo.png) no-repeat center center transparent;
        z-index: 10;
        overflow: hidden;
    }        
            
            
    /* supersize-controls */
    div.supersize div.supersize-controls {
        position: absolute;
        bottom: -50px;
        right: 0;
        width: 100%;
        height: 50px;
    }
        
        
        /* supersize-pagination */
        div.supersize div.supersize-controls span.supersize-pagination {
            float: right;
            margin: 10px 30px 0 0;
            overflow: hidden;
        }
        
            div.supersize div.supersize-controls span.supersize-pagination > span {
                float: left;
                overflow: hidden;
                cursor: pointer;
                padding: 10px 10px;
                font-size: 12px;
                line-height: 20px;
                font-weight: 400;
                color: #999;
            }
            
            div.supersize div.supersize-controls span.supersize-pagination > span:hover,
            div.supersize div.supersize-controls span.supersize-pagination > span.supersize-active {
                color: #000;
            }
            

/* mobile */
@media all and (max-width: 1000px) {
    
    div.supersize {
        margin-top: 0px;
    }
    
        div.supersize div.supersize-teaser {
            top: 0px;
            -moz-background-size: 250px 36px;
    		-o-background-size: 250px 36px;
    		-webkit-background-size: 250px 36px;
    		background-size: 250px 36px;
        }
        
        div.supersize div.supersize-controls {
            display: none;
        }
            
            div.supersize div.supersize-controls span.supersize-pagination {
                margin-right: 10px;
            }
    
}