/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */


/* html5 + CSS 3 Template created by miss monorom  http://intensivstation.ch 2013 */

#space {
    margin-bottom: -425px;
    /* die hälfte der inhals's höhe */
}

#container {
    /*width: 100%;
    height: 820px;*/
    clear: both;
    height: auto;
    width: auto;
    padding: 5px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}


/* ----------------- content--------------------- */

#main {
    position: absolute;
    margin: 0;
    top: 100px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    text-align: center;
}

#main>#main-content {
    float: none;
    clear: both;
    /*width: 100%;
        height: 724px;*/
    padding: 0;
    height: 100%;
    width: 100%;
}


/* -------------- side infos ------------- */

#aside {
    float: none;
    clear: both;
    display: block;
    width: 100%;
}

#profile-image {
    /*display: block;*/
    position: absolute;
    top: 0;
    left: 0;
    right: 310px;
    min-height: inherit;
    height: 90px;
    width: auto;
    background-size: contain;
    padding: 0;
    margin: 0;
    overflow: hidden;
    z-index: 0;
}

#aside>#aside-content {
    height: 90px;
    overflow: visible;
}

#aside>#aside-content .center0 {
    display: block;
}

#aside>#aside-content .center1 {
    display: block;
    vertical-align: top;
}

#aside #aside-content2 {
    float: left;
    width: 100%;
    height: 90px;
    padding-right: 300px;
    overflow: hidden;
    text-align: center;
    /*display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
    padding-right: 300px;*/
    /*width: auto;
    height: 90px;
    left: 0px;
    right: 310px;
    top: 0px;
    overflow: hidden;
    text-align: center;*/
}

#thumbs {
    clear: both;
    float: none;
    display: block;
    width: 100%;
    margin: 0 auto;
}

#thumbs>#size-thumbs {
    margin: 5px auto;
    padding: 0;
    /*clear: both;float: none;
            width: 70px;
    height: 300px;*/
}

#aside-content #btn-autoplay {
    float: none;
    clear: both;
    position: static;
    text-align: right;
    margin: 0;
    padding: 0 15px;
}

#aside-content #menu-main {
    display: block;
    float: right;
    z-index: 300;
    margin: 0;
}

#aside-content #caption {
    position: absolute;
    display: block;
    top: 814px;
    left: 0;
    /*display: table-cell;
    vertical-align: middle;*/
    text-align: center;
    height: auto;
    width: 100%;
    margin: 0;
    padding-right: 80px;
    /* white-space: nowrap; */
    z-index: 20;
    overflow: hidden;
}

#contacts {
    margin: 0 20px 30px 10px;
    height: auto;
}

#contacts>div>div>h2 {
    display: none;
}

#contacts #socials {
    position: fixed;
    top: 3px;
    left: 3px;
    right: 330px;
    height: auto;
    max-height: 90px;
    display: table;
    vertical-align: middle;
    text-align: center;
    margin: auto;
    padding: 0;
}

#contacts #socials>p {
    font-size: 1.00em;
    text-align: right;
    display: table-row;
    width: auto;
}

#contacts #socials>p>img,
#contacts #socials>p>span {
    display: table-cell;
}

#contacts div>p>img.icons {
    top: auto;
}

#contacts p>span {
    font-size: 1.00em;
    margin: 0;
    padding: 0;
}

#contacts p>span,
#contacts p>span+span,
#contacts p>span+a {
    min-width: inherit;
    text-align: right;
    padding: 0 10px 0 0;
}

#contacts #contact-container {
    height: auto;
    margin: 0 0 0 0;
}

#contacts #contact-module {
    float: none;
    padding: 0;
    clear: both;
    position: relative;
    display: block;
}

#contact-module>div.actions {
    margin: 7px 0 20px 0;
}

#contact-module>div.actions>input[type='submit'] {
    float: none;
}

#contacts .copynotes {
    padding: 0;
}

#contacts .copynotes div.logo-studio {
    background-size: contain;
    width: 223px;
    height: 42px;
    position: absolute;
    right: 0;
    margin-top: -20px;
}

#contacts .copynotes p {
    line-height: none;
}

#contacts .erif {
    float: right;
}


/* -----------footer--------------------------- */

#footer {
    display: block;
}

#footer .copyr {
    position: fixed;
    top: 85px;
    right: 10px;
}

#slides {
    text-align: center;
}