/*
Filename: rotating-heads.css
Project: rotating heads
Type: CSS
Author: Jan Dellsperger
Initial Version: 14. October 2013

This is the style sheet for the rotating heads project. All UI styles are
defined in this file.

Changelog:
12.11.2013 - Modifikationen zur leistungsverbesserung
*/

.column-1-1,.column-1-3,.column-2-3{
    float: left;
    min-height: 1px;
}

.column-1-1{
    width: 100%;
}

.column-1-3{
    width: 33.333%;
}

.column-2-3{
    width: 66.666%;
}

.text-holder{
    display: none;
}

.image-holder{
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 370px;
}

.head-image,.circle{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 360px;
}

.head-image{
    z-index: 0;
}

.circle{
    z-index: 2;
}

.front{
    z-index: 1;
}

.widget{
    padding: 30px 60px;
    position: relative;
    top: 0;
}