/* line 5, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

/* line 22, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
html {
    line-height: 1;
}

/* line 24, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
ol, ul {
    list-style: none;
}

/* line 26, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* line 28, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}

/* line 30, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
    quotes: none;
}

/* line 103, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none;
}

/* line 32, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
a img {
    border: none;
}

/* line 116, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

/* line 1, ../sass/_grid.scss */
main.main, header, footer, #content {
    margin: 0 10px;
    background: white;
}

@media only screen and (min-width: 500px) {
    /* line 6, ../sass/_grid.scss */
    main.main, header, footer, #content {
        margin: 0 30px;
    }
}

@media only screen and (min-width: 860px) {
    /* line 11, ../sass/_grid.scss */
    main.main, header, footer, #content {
        width: 800px;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 1060px) {
    /* line 17, ../sass/_grid.scss */
    main.main, header, footer, #content {
        width: 1000px;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 1260px) {
    /* line 23, ../sass/_grid.scss */
    main.main, header, footer, #content {
        width: 1200px;
        margin: 0 auto;
    }
}

@font-face {
    font-family: 'haptik';
    src: url("https://img.lunax.sodatech.com/public/userfiles/webfont/GT-Haptik-Regular-2.eot");
    /* IE9 Compat Modes */
    src: url("https://img.lunax.sodatech.com/public/userfiles/webfont/GT-Haptik-Regular-2.eot?#iefix") format("embedded-opentype"), url("https://img.lunax.sodatech.com/public/userfiles/webfont/GT-Haptik-Regular-2.woff") format("woff"), url("https://img.lunax.sodatech.com/public/userfiles/webfont/GT-Haptik-Regular-2.ttf") format("truetype"), url("https://img.lunax.sodatech.com/public/userfiles/webfont/GT-Haptik-Regular-2.svg#svgFontName") format("svg");
    /* Legacy iOS */
}

/* line 11, ../sass/_webfont.scss */
body {
    font-family: haptik;
    font-size: .8em;
    line-height: 1.3em;
    letter-spacing: .03em;
    -webkit-font-variant-ligatures: no-common-ligatures;
    font-variant-ligatures: no-contextual;
}

/* line 20, ../sass/_webfont.scss */
h1 {
    margin-bottom: 10px;
}

/* line 23, ../sass/_webfont.scss */
a {
    color: black;
    text-decoration: none;
}

/* line 26, ../sass/_webfont.scss */
a:hover {
    color: #afafaf;
}

/* line 30, ../sass/_webfont.scss */
p {
    margin-bottom: 1em;
}

/* line 32, ../sass/_webfont.scss */
p.noMargin {
    margin-bottom: 0;
}

/* line 36, ../sass/_webfont.scss */
p + h1 {
    margin-top: -.3em;
}

/* line 39, ../sass/_webfont.scss */
.about p, .photographs li, .series .group h1, .news .group h1, .aktuell .group h1, nav ul.mainNav li, .subsite h1, .overview h1, .contact address p {
    font-size: 1.4em;
    line-height: 1.3em;
}

/* line 43, ../sass/_webfont.scss */
.photographs li, .series .group, .news .group, .aktuell .group, .subsite h1, .overview h1, h2, .publications .group p:first-of-type, .contact address p {
    text-align: center;
}

@media only screen and (min-width: 500px) {
    /* line 50, ../sass/_webfont.scss */
    section h1 {
        margin-bottom: 15px;
    }
}

@media only screen and (min-width: 860px) {
    /* line 60, ../sass/_webfont.scss */
    section h1 {
        margin-bottom: 25px;
    }

    /* line 64, ../sass/_webfont.scss */
    body {
        font-size: 1em;
    }

    /* line 67, ../sass/_webfont.scss */
    .about p, .photographs li, .series .group h1, .news .group h1, .aktuell .group h1, nav ul.mainNav li, .subsite h1, .overview h1, .contact address p {
        font-size: 1.5em;
        line-height: 1.3em;
    }
}

@media only screen and (min-width: 1060px) {
    /* line 74, ../sass/_webfont.scss */
    section h1 {
        margin-bottom: 30px;
    }

    /* line 78, ../sass/_webfont.scss */
    body {
        font-size: 1em;
    }

    /* line 81, ../sass/_webfont.scss */
    .about p, .photographs li, .series .group h1, .news .group h1, .aktuell .group h1, nav ul.mainNav li, .subsite h1, .overview h1, .contact address p {
        font-size: 2em;
        line-height: 1.3em;
    }
}

@media only screen and (min-width: 1260px) {
    /* line 87, ../sass/_webfont.scss */
    body {
        font-size: 1.1em;
    }

    /* line 90, ../sass/_webfont.scss */
    .about p, .photographs li, .series .group h1, .news .group h1, .aktuell .group h1, nav ul.mainNav li, .subsite h1, .overview h1, .contact address p {
        font-size: 1.7em;
        line-height: 1.3em;
    }

    /* line 85, ../sass/_webfont.scss */
    .series .group h1, .news .group h1, .publications .group h1 {
        font-size: 1.3em;
        line-height: 1.3em;
    }

    /* line 94, ../sass/_webfont.scss */
    .group-portfolio p {
        padding-right: 10%;
    }
}

/* line 1, ../sass/_header.scss */
.logo {
    margin: 10px 0;
}

/* line 4, ../sass/_header.scss */
.burgerButton {
    width: 30px;
    height: 23px;
    position: absolute;
    top: 13px;
    right: 0;
}

/* line 11, ../sass/_header.scss */
.burgerButton span {
    width: 30px;
    height: 3px;
    background: black;
    display: block;
    margin-top: 7px;
}

/* line 17, ../sass/_header.scss */
.burgerButton span:first-child {
    margin-top: 0;
}

/* line 21, ../sass/_header.scss */
.burgerButton:hover span {
    background: #afafaf;
}

/* line 25, ../sass/_header.scss */
nav {
    display: none;
    z-index: 999;
    position: fixed;
    padding: 10px;
    top: 0;
    right: 0;
    width: 40%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
}

/* line 36, ../sass/_header.scss */
nav.hide {
    display: none;
}

/* line 39, ../sass/_header.scss */
nav .close {
    width: 20px;
    position: absolute;
    right: 10px;
    background: url(https://img.lunax.sodatech.com/public/userfiles/assets/Kreuz_weiss.svg) no-repeat center center;
}

/* line 44, ../sass/_header.scss */
nav .close:hover {
    background: url(https://img.lunax.sodatech.com/public/userfiles/assets/Kreuz_grau.svg) no-repeat center center;
}

/* line 48, ../sass/_header.scss */
nav .close, nav .burgerButton {
    cursor: pointer;
}

/* line 51, ../sass/_header.scss */
nav a {
    color: white;
    -webkit-font-smoothing: antialiased;
}

/* line 55, ../sass/_header.scss */
nav a.active {
    text-decoration: underline;
}

/* line 59, ../sass/_header.scss */
nav ul.langNav li {
    display: none;
    margin-right: 1em;
}

/* line 64, ../sass/_header.scss */
nav ul.mainNav {
    margin-top: 2em;
}

/* line 66, ../sass/_header.scss */
nav ul.mainNav li:nth-child(6) {
    margin-top: .5em;
}

@media only screen and (min-width: 500px) {
    /* line 74, ../sass/_header.scss */
    .logo {
        margin: 30px 0;
    }

    /* line 77, ../sass/_header.scss */
    .burgerButton {
        top: 18px;
    }

    /* line 80, ../sass/_header.scss */
    nav {
        padding: 30px;
    }

    /* line 82, ../sass/_header.scss */
    nav .close {
        right: 30px;
        width: 30px;
        height: 30px;
    }
}

@media only screen and (min-width: 700px) {
    /* line 91, ../sass/_header.scss */
    .logo {
        margin: 50px auto;
        width: 600px;
    }
}

@media only screen and (min-width: 860px) {
    /* line 98, ../sass/_header.scss */
    .logo {
        margin: 0px auto 50px auto;
        width: 600px;
    }

    /* line 102, ../sass/_header.scss */
    .burgerButton {
        width: 40px;
        height: 29px;
        top: 35px;
    }

    /* line 106, ../sass/_header.scss */
    .burgerButton span {
        width: 40px;
        height: 3px;
        margin-top: 10px;
    }

    /* line 112, ../sass/_header.scss */
    nav {
        padding: 50px;
        width: 30%;
        margin-left: 100px;
    }

    /* line 116, ../sass/_header.scss */
    nav .close {
        right: 50px;
    }
}

@media only screen and (min-width: 1060px) {
    /* line 122, ../sass/_header.scss */
    nav {
        padding: 50px 100px;
    }

    /* line 124, ../sass/_header.scss */
    nav .close {
        right: 100px;
    }
}

/* line 1, ../sass/_form.scss */
input {
    border: 0;
    font-family: 'haptik';
    font-size: 1.4em;
    letter-spacing: .03em;
    -moz-box-sizing: content-box;
    /* or `border-box` */
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 5px;
    vertical-align: bottom;
    width: 150px;
}

/* line 12, ../sass/_form.scss */
input[type=submit] {
    background: url(https://img.lunax.sodatech.com/public/userfiles/assets/search.svg) no-repeat center center;
    width: 8px;
}

/* line 17, ../sass/_form.scss */
::-webkit-input-placeholder {
    /* WebKit browsers */
    color: black;
}

/* line 20, ../sass/_form.scss */
:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: black;
    opacity: 1;
}

/* line 24, ../sass/_form.scss */
::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: black;
    opacity: 1;
}

/* line 28, ../sass/_form.scss */
:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: black;
}

@media only screen and (min-width: 860px) {
    /* line 32, ../sass/_form.scss */
    input {
        font-size: 1.7em;
        width: 300px;
    }

    /* line 35, ../sass/_form.scss */
    input[type=submit] {
        width: 12px;
    }
}

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
/** RESET AND LAYOUT
===================================*/
/* line 17, ../sass/_bxslider.scss */
.bx-wrapper {
    position: relative;
    margin: 0 auto 100px;
    padding: 0;
    *zoom: 1;
}

/* line 24, ../sass/_bxslider.scss */
.bx-wrapper ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

/* line 25, ../sass/_bxslider.scss */
.bx-wrapper ul li {
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

/* line 32, ../sass/_bxslider.scss */
.bx-wrapper img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

@media only screen and (min-width: 500px) {
    /* line 32, ../sass/_bxslider.scss */
    .bx-wrapper img {
        max-width: 580px;
        max-height: 580px;
    }
}

/** THEME
===================================*/
/* LOADER */
/* line 72, ../sass/_bxslider.scss */
.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(images/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

/* PAGER */
/* line 85, ../sass/_bxslider.scss */
.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}

/* line 94, ../sass/_bxslider.scss */
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

/* line 101, ../sass/_bxslider.scss */
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/* line 114, ../sass/_bxslider.scss */
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000;
}

/* line 122, ../sass/_bxslider.scss */
#bx-pager {
    display: none;
}

@media only screen and (min-width: 860px) {
    /* line 122, ../sass/_bxslider.scss */
    #bx-pager {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: nowrap;
        -moz-flex-flow: nowrap;
        flex-flow: nowrap;
        -ms-flex-flow: nowrap;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        overflow-x: scroll;
        border-top: solid 1px;
        padding-top: 1.5em;
    }

    /* line 130, ../sass/_bxslider.scss */
    #bx-pager > * {
        -webkit-flex: 0 1 auto;
        -moz-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 10%;
        min-width: 100px;
        margin-right: .5em;
        margin-bottom: 1.5em;
    }

    /* line 136, ../sass/_bxslider.scss */
    #bx-pager > *:last-child {
        margin-right: 0;
    }
}

/* line 146, ../sass/_bxslider.scss */
main.main section.series #bx-pager img, main.main section.news #bx-pager img {
    margin-bottom: 0;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
/* line 151, ../sass/_bxslider.scss */
.bx-wrapper .bx-prev {
    left: 0px;
    background: url(https://img.lunax.sodatech.com/public/userfiles/assets/zurueck_grau.svg) no-repeat 10% 48%;
    top: 0;
    opacity: 0;
}

/* line 158, ../sass/_bxslider.scss */
.bx-wrapper .bx-next {
    right: 0px;
    top: 0;
    background: url(https://img.lunax.sodatech.com/public/userfiles/assets/vorwaerts_grau.svg) no-repeat 90% 48%;
    opacity: 0;
}

/* line 165, ../sass/_bxslider.scss */
.bx-wrapper .bx-prev:hover {
    background: url(https://img.lunax.sodatech.com/public/userfiles/assets/zurueck_grau.svg) no-repeat 10% 48%;
    opacity: 1;
}

/* line 170, ../sass/_bxslider.scss */
.bx-wrapper .bx-next:hover {
    background: url(https://img.lunax.sodatech.com/public/userfiles/assets/vorwaerts_grau.svg) no-repeat 90% 48%;
    opacity: 1;
}

/* line 175, ../sass/_bxslider.scss */
.bx-wrapper .bx-controls-direction a {
    position: absolute;
    width: 50%;
    width: calc(50% - 60px);
    height: 100%;
}

/* line 190, ../sass/_bxslider.scss */
.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

/* AUTO CONTROLS (START / STOP) */
/* line 196, ../sass/_bxslider.scss */
.bx-wrapper .bx-controls-auto {
    text-align: center;
}

/* line 200, ../sass/_bxslider.scss */
.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -11px no-repeat;
    margin: 0 3px;
}

/* line 210, ../sass/_bxslider.scss */
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0;
}

/* line 215, ../sass/_bxslider.scss */
.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -44px no-repeat;
    margin: 0 3px;
}

/* line 225, ../sass/_bxslider.scss */
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
/* line 232, ../sass/_bxslider.scss */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}

/* line 237, ../sass/_bxslider.scss */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

/* IMAGE CAPTIONS */
/* line 244, ../sass/_bxslider.scss */
.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666 \9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
}

/* line 253, ../sass/_bxslider.scss */
.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px;
}

/* line 10, ../sass/styles.scss */
#carousel-wrapper {
    width: 500px;
    height: 500px;
    overflow: hidden;
}

/* line 15, ../sass/styles.scss */
#carousel-content {
    width: 2500px;
}

/* line 18, ../sass/styles.scss */
#carousel-content .slide {
    float: left;
    width: 500px;
    height: 500px;
}

/* line 24, ../sass/styles.scss */
img {
    max-width: 100%;
}

/* line 28, ../sass/styles.scss */
html, body {
    height: 100%;
}

/* line 31, ../sass/styles.scss */
section, footer {
    border-top: 1px solid black;
    padding: 10px 0;
    position: relative;
    clear: both;
}

/* line 37, ../sass/styles.scss */
section.about p {
    margin-bottom: 0;
}

/* line 41, ../sass/styles.scss */
footer ul li, section.overview .header p, section.overview .header ul li, section.subsite .header p, section.subsite .header ul li {
    display: inline;
    margin-right: 1em;
}

/* line 65, ../sass/_mixins.scss */
main.main ::-webkit-scrollbar {
    width: 0.5em;
    height: 0.5em;
}

/* line 70, ../sass/_mixins.scss */
main.main ::-webkit-scrollbar-thumb {
    background: black;
}

/* line 74, ../sass/_mixins.scss */
main.main ::-webkit-scrollbar-track {
    background: white;
}

/* line 79, ../sass/_mixins.scss */
main.main body {
    scrollbar-face-color: black;
    scrollbar-track-color: white;
}

/* line 49, ../sass/styles.scss */
main.main section.overview .header p, main.main section.overview .header ul, main.main section.overview .header li {
    display: inline;
}

/* line 56, ../sass/styles.scss */
main.main section.overview img, main.main section.publications img, main.main section.series img, main.main section.news img {
    margin-bottom: 0.5em;
}

/* line 61, ../sass/styles.scss */
main.main .contact address, main.main .agb ol.mainList {
    margin: 3em auto;
}

/* line 64, ../sass/styles.scss */
main.main .agb ol.mainList > li {
    padding: 2em;
    border-top: solid 1px;
}

/* line 67, ../sass/styles.scss */
main.main .agb ol.mainList > li:first-child {
    border-top: 0;
}

/* line 70, ../sass/styles.scss */
main.main .agb ol.mainList > li li {
    margin-bottom: 1em;
}

/* line 73, ../sass/styles.scss */
main.main .agb ol.mainList > li p {
    padding-left: 30px;
    text-indent: -30px;
}

/* line 76, ../sass/styles.scss */
main.main .agb ol.mainList > li p span {
    margin-right: 8px;
}

/* line 81, ../sass/styles.scss */
main.main .imprint {
    padding: 2em;
    border-top: solid 1px;
}

/* line 86, ../sass/styles.scss */
.notmobile {
    display: none;
}

/* line 89, ../sass/styles.scss */
.startImg {
    width: 100%;
    min-height: 100%;
    position: relative;
    background: url(/assets/sh.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* line 98, ../sass/styles.scss */
.startImg .logoStart {
    width: 150px;
    position: absolute;
    left: 50%;
    margin-left: -75px;
    top: 30%;
}

/* line 105, ../sass/styles.scss */
.startImg .arrowStart {
    width: 40px;
    position: absolute;
    left: 50%;
    bottom: 20px;
    margin-left: -20px;
}

/* line 113, ../sass/styles.scss */
.linkOverview {
    margin-bottom: .5em;
}

/* line 115, ../sass/styles.scss */
.linkOverview:last-of-type {
    margin-top: 1em;
}

/* line 118, ../sass/styles.scss */
.linkOverview a {
    padding: 1em;
    border: solid 1px;
    text-align: center;
    right: 0;
}

/* line 123, ../sass/styles.scss */
.linkOverview a:hover {
    color: #afafaf;
}

/* line 128, ../sass/styles.scss */
.linkOverview {
    text-align: center;
}

@media only screen and (min-width: 500px) {
    /* line 133, ../sass/styles.scss */
    .mobile {
        display: none;
    }

    /* line 136, ../sass/styles.scss */
    .notmobile {
        display: block;
    }

    /* line 140, ../sass/styles.scss */
    section .group {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -moz-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
    }

    /* line 143, ../sass/styles.scss */
    section .group > * {
        -webkit-flex: 0 0 auto;
        -moz-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    /* line 146, ../sass/styles.scss */
    section .group.of-two {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -moz-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start;
    }

    /* line 148, ../sass/styles.scss */
    section .group.of-two > * {
        width: 49%;
    }

    /* line 153, ../sass/styles.scss */
    section .group.of-three > * {
        width: 32%;
    }

    /* line 155, ../sass/styles.scss */
    section .group.of-three > * img {
        margin: 0 auto;
        max-height: 320px;
        margin-bottom: 10px;
        max-width: 98%;
    }

    /* line 161, ../sass/styles.scss */
    section .group.of-three > *:hover {
        color: #afafaf;
        cursor: pointer;
    }

    /* line 164, ../sass/styles.scss */
    section .group.of-three > *:hover img {
        opacity: .7;
    }

    /* line 171, ../sass/styles.scss */
    section .group.of-six > * {
        width: 32%;
    }

    /* line 173, ../sass/styles.scss */
    section .group.of-six > * img {
        max-height: 320px;
        margin-bottom: 10px;
    }

    /* line 176, ../sass/styles.scss */
    section .group.of-six > * img:hover {
        opacity: .7;
        cursor: pointer;
    }

    /* line 185, ../sass/styles.scss */
    section .group-portfolio {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -moz-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start;
        margin-bottom: 50px;
    }

    /* line 188, ../sass/styles.scss */
    section .group-portfolio > * {
        -webkit-flex: 0 0 auto;
        -moz-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    /* line 192, ../sass/styles.scss */
    section .group-portfolio.of-two > * {
        width: 49%;
    }

    /* line 197, ../sass/styles.scss */
    section .single-portfolio {
        margin-right: 40%;
    }

    /* line 49, ../sass/_mixins.scss */
    section .single-portfolio:after {
        content: "";
        display: table;
        clear: both;
    }

    /* line 203, ../sass/styles.scss */
    section .single-portfolio:nth-child(2n) {
        margin-right: 0;
    }

    /* line 205, ../sass/styles.scss */
    section .single-portfolio:nth-child(2n) > * {
        float: right;
        margin-left: 40%;
    }

    /* line 217, ../sass/styles.scss */
    section .single-portfolio.of-two > * {
        width: 49%;
    }

    /* line 223, ../sass/styles.scss */
    section.publications .group > * {
        text-align: center;
    }

    /* line 225, ../sass/styles.scss */
    section.publications .group > * p:not(:first-of-type) {
        text-align: center;
    }

    /* line 228, ../sass/styles.scss */
    section.publications .group > * img {
        max-height: 380px;
        margin: 1em auto;
    }

    /* line 235, ../sass/styles.scss */
    section.subsite .group > *, section.overview .group > * {
        margin-bottom: 1em;
    }

    /* line 239, ../sass/styles.scss */
    section, footer {
        padding: 15px 0;
    }
}

@media only screen and (min-width: 860px) {
    /* line 245, ../sass/styles.scss */
    section, footer {
        padding: 25px 0 30px;
    }

    /* line 247, ../sass/styles.scss */
    section.seriesSub, footer.seriesSub {
        padding-bottom: 0;
    }

    /* line 253, ../sass/styles.scss */
    section .group.of-six > *, footer .group.of-six > * {
        width: 14%;
    }

    /* line 258, ../sass/styles.scss */
    section .single-portfolio, section .group-portfolio, footer .single-portfolio, footer .group-portfolio {
        margin-bottom: 100px;
    }

    /* line 260, ../sass/styles.scss */
    section .single-portfolio img, section .group-portfolio img, footer .single-portfolio img, footer .group-portfolio img {
        margin-bottom: .8em;
    }

    /* line 265, ../sass/styles.scss */
    .startImg .logoStart {
        width: 200px;
        top: 25%;
        margin-left: -100px;
    }

    /* line 271, ../sass/styles.scss */
    main.main .agb ol.mainList > li {
        padding: 2em 0;
        border-top: solid 1px;
    }

    /* line 274, ../sass/styles.scss */
    main.main .agb ol.mainList > li:first-child {
        border-top: 0;
    }

    /* line 277, ../sass/styles.scss */
    main.main .agb ol.mainList > li p {
        padding-left: 50px;
        text-indent: -50px;
    }

    /* line 280, ../sass/styles.scss */
    main.main .agb ol.mainList > li p span {
        margin-right: 22px;
    }
}

@media only screen and (min-width: 1060px) {
    /* line 293, ../sass/styles.scss */
    section .group.of-three > * img {
        max-height: 400px;
    }

    /* line 299, ../sass/styles.scss */
    section.agb ol.mainList > li p, section .imprint > * {
        margin: 0 auto;
        width: 70%;
    }

    /* line 304, ../sass/styles.scss */
    .startImg .logoStart {
        width: 300px;
        top: 25%;
        margin-left: -150px;
    }

    /* line 310, ../sass/styles.scss */
    main.main .agb ol.mainList > li {
        padding: 2em 0;
        border-top: solid 1px;
    }

    /* line 313, ../sass/styles.scss */
    main.main .agb ol.mainList > li:first-child {
        border-top: 0;
    }

    /* line 316, ../sass/styles.scss */
    main.main .agb ol.mainList > li p {
        padding-left: 20px;
        text-indent: -48px;
    }

    /* line 319, ../sass/styles.scss */
    main.main .agb ol.mainList > li p span {
        margin-right: 18px;
    }

    /* line 324, ../sass/styles.scss */
    main.main img {
        margin-bottom: 2em;
    }
}

@media only screen and (min-width: 1260px) {
    /* line 341, ../sass/styles.scss */
    section .single-portfolio, section .group-portfolio {
        margin-bottom: 150px;
    }
}

#block_16, body > form {
    display: inline;
}


.slideshowFrame {
    background: no-repeat center center fixed;
  background-attachment: scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    opacity: 1;
}

#siteContent input {
    border: 1px solid #000;
    font-size: 1em;
    padding: 2px;
}

.textBoxText {
    border-bottom: 1px solid #000;
    padding-bottom: 30px;
}

.textBoxFieldDescription {
    float: left;
}

.contentPage_login .textBoxFieldDescription {
    width: 100px;
}

#btn_forgot_password {
    border: 0;
}

.textBoxTitle {
    text-align: center;
    font-size: 1.7em;
    padding: 30px 0;
}

#remember_me {
    width: 15px;
    margin-left: 100px;
}

#btn_login_page {
    margin-left: 100px;
}

#formContentWrapper_login_email, #formContentWrapper_password, #formContentWrapper_login_remember, #formContentWrapper_login_buttons {
    margin: 0 auto;
    width: 420px
}

#formContentWrapper_login_email {
    padding-top: 30px;
}

#formContentWrapper_password {
    padding-top: 10px;
}

#formContentWrapper_login_buttons {
    padding-bottom: 70px;
}

.textBoxFieldDescription {
    width: 200px;
}


/* search result */
.resultContent {
    margin: 0 auto;
    width: 1200px;
    padding-top: 10px;
}

.thumbLicenseAcronym {
    display: none;
}

#pagingLineTop {
    margin-top: 12px;
    padding-bottom: 24px;
    font-size: 0.9em;
}

.nrOfPicsFound, .picsPerPage {
    padding-left: 30px;
}

.pagingElement, #lightboxSelect, .jumplightboxes select, .jumplightboxes div {
    float: left;
}

.pagingPassivNavText {
    color: #CCC;
}

#pagejumperfield {
    padding: 0px;
    width: 36px;
}

.zoomElement {
    float: left;
    padding-left: 110px;
}

.nrOfPicsActive {
    font-weight: bold;
}

.thumbBox, #block_3, #seriesFooter {
    clear: both;
}

.resultThumb {
    border-bottom: 1px solid #D3D9DB;
    float: left;
    margin-bottom: 36px;
    padding: 0px 48px 36px 0px;
    width: 171px;
    font-size: 75%;
}

.resultThumbPicture {
    bottom: 0px;
    display: inline-block;
    line-height: 180px;
    padding-bottom: 6px;
    position: relative;
    vertical-align: bottom;
}

.resultThumbLinkBox {
    padding-top: 6px;
    position: relative;
}

.resultThumbLinkLightbox {
    background: url("https://img.lunax.sodatech.com/public/userfiles/img/icons/icon_lightbox.png") no-repeat scroll left top transparent;
    cursor: pointer;
    height: 20px;
    width: 30px;
    position: absolute;
    left: 30px;
}

.resultThumbLinkBasket {
    background: url("https://img.lunax.sodatech.com/public/userfiles/img/icons/icon_basket.png") no-repeat scroll left top transparent;
    cursor: pointer;
    height: 20px;
    width: 30px;
    position: absolute;
    left: 60px;
}

.resultThumbLinkBasketFull {
    background: url("https://img.lunax.sodatech.com/public/userfiles/img/icons/icon_basket_grey.png") no-repeat scroll left top transparent;
    cursor: pointer;
    height: 20px;
    width: 30px;
    position: absolute;
    left: 60px;
}

.resultThumbLinkBasket a, .resultThumbLinkSubscription a, .resultThumbLinkBasketFull a, .resultThumbLinkDetail a, .resultThumbLinkTrash a, .resultThumbLinkLightbox a, .resultThumbLinkDownload a {
    float: left;
    width: 25px;
    height: 20px;
}


.resultThumbLinkDetail {
    background: url("https://img.lunax.sodatech.com/public/userfiles/img/icons/icon_detail.png") no-repeat scroll left top transparent;
    cursor: pointer;
    height: 20px;
    width: 30px;
    position: absolute;
    left: 0px;
}

.resultThumbLinkSeries {
    background: url("https://img.lunax.sodatech.com/public/userfiles/img/icons/icon_series.png") no-repeat scroll left top transparent;
    cursor: pointer;
    height: 20px;
    width: 30px;
    position: absolute;
    left: 90px
}

.resultThumbLinkSeries a {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.resultThumbLinkBasket a, .resultThumbLinkSubscription a, .resultThumbLinkBasketFull a, .resultThumbLinkDetail a, .resultThumbLinkTrash a, .resultThumbLinkLightbox a, .resultThumbLinkDownload a {
    float: left;
    width: 25px;
    height: 20px;
}

.cms_module_content #lightbox_header, .cms_module_content #lightbox_content_table, .cms_module_content #add_lightbox {
    margin: 0 auto;
    width: 1200px;
    background-color: #fff !important;
    color: #000 !important;
}

.cms_module_content #lightbox_header {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.cms_module_content #lightbox_header a, .cms_module_content #lightbox_content_table a, #hideLightboxText a {
    color: #000 !important;
}

/*  Extensions */

#result_search_extensions {
    float: left;
    padding-top: 67px;
}

#home_search_params {
    width: 200px;
}

.extSearchTitle {
    padding: 4px;
    margin-top: 12px;
    border-top: 1px solid #333;
}

.arrow_ext_search_toggle {
    float: right;
}

.extSearchElement {
    padding-left: 12px;
    padding-bottom: 4px;
    max-height: 200px;
    overflow: auto;
    font-size: 75%;
}

.extSearchElement input {
    width: auto;
}

/* result site */

.resultSiteContent {
    float: left;
    margin-left: 250px;
    width: 950px;
    padding-bottom: 100px;
    position: absolute;
}

#breadcrumbs {
    padding: 6px;
    margin-right: 24px;
    color: #FFF;
    font-size;
    0.8em;
    display: block;
    height: 45px;
}

.breadcrumbRemove a {
    font-size: 0.7em;
    padding-right: 3px;
}

#pagingLineTop {
    margin-top: 12px;
    padding-bottom: 24px;
}

.resultContent {
    min-width: 1100px;
}

/* image detail */
.contentPage_detail {
    padding-top: 30px;
}

#picDetailContent {
    padding-top: 10px;
}

.picDetailTabActive, .picDetailTabInactive {
    padding-right: 15px;
}

.picDetailTabInactive {
    color: #afafaf;
}

#detailNextPreviousLink, #picDetailDescription .keywords, #imageDetailBasketButton, #rm_pricefield_provision, #rm_currencyfield {
    display: none !important;
}

#picDetailPicture {
    float: left;
}

#picDetailSearchTab, #picDetailSearch, .modelRelease, .propertyRelease {
    display: none;
}

#picDetailDescription {
    font-size: 0.8em;
}

#picDetailDownloadButtonHiRes {
    margin-top: 30px;
}

#picDetailDownloadButtonLayout {
    height: 20px;
}

#imageDetailHiResDownloadClaim {
    margin-top: 85px;
}

.imageDetailHiResDownloadClaimTop {
    display: none;
}

.previewPicTitle {
    float: left;
    width: 150px;
    padding-top: 10px;
    color: #afafaf;
}

.previewPicValue {
    margin-left: 150px;
    padding-top: 10px;
}

#picDetailCalculatePriceAndDownload #calculator {
    padding-top: 60px;
}

#rm_pricefield {
    text-align: left !important;
    padding-top: 10px;
}

#btn_to_basket {
    height: 50px !important;
}

#btn_download_and_generate_invoice input {
    height: 15px;
    border: 1px solid #000;
    font-size: 1.2em;
    margin-top: 12px;
}

#btn_download_and_generate_invoice {
    font-size: 0.7em;
}

#lightbox_content_table_picDetail, #picDetailLightbox, #picDetailDownload, #picDetailPricing {
    margin-top: 15px;
}

#picDetailCalculatePriceAndDownload, #picDetailDescription {
    margin-top: 10px;
}

#lightbox_select_list select, #rm_license_use_select_id, #x_medium_select, #y_medium_select, #sortSearchResult select, #lightboxSelect select {
    border: 1px solid #000;
    height: 25px;
}

.rmSelectDiv, #formContentWrapper_login_email_picDetailPricing, #formContentWrapper_login_email_picDetailDownload, #formContentWrapper_password_picDetailDownload, #formContentWrapper_password_picDetailPricing {
    padding-top: 10px;
}

#add_lightbox #lightboxName, #add_lightbox textarea {
    border: 1px solid #000;
}

#picDetailPricing input, #picDetailDownload input {
    border: 1px solid #000;
    height: 20px;
    font-size: 1em;
}

#remember_me_picDetailPricing, #remember_me_picDetailDownload {
    width: 20px;
}

.rmSelectDiv input {
    width: auto;
}


/* registration page */
#agbOverlay {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    overflow: scroll;
}

#agbOverlayButton {
    background-color: #fff;
    margin: 0 auto;
    width: 1200px;
    padding-bottom: 100px;
}

#acceptAGBButtonOK {
    margin-left: 500px;
}

#formContentWrapper_state, #formContentWrapper_fax, #formContentWrapper_tax_number {
    display: none !important;
}

#formContentWrapper_useremail, #formContentWrapper_password1, #formContentWrapper_password2, #formContentWrapper_sexe, #formContentWrapper_firstname,
#formContentWrapper_name, #formContentWrapper_position, #formContentWrapper_company, #formContentWrapper_branche_id, #formContentWrapper_streetAndNumber,
#formContentWrapper_addressExtra, #formContentWrapper_country, #formContentWrapper_phone, #formContentWrapper_mobile, #formContentWrapper_url, #formContentWrapper_usercomment {
    margin: 0 auto;
    width: 520px;
    padding-top: 10px;
}

#registrationContent .textBoxFieldDescription {
    width: 205px;
}

/* lightbox */
#lightbox_header {
    background-color: #858585;
    bottom: 0px;
    left: 0px;
    padding: 4px;
    position: fixed;
    right: 0px;
}

#lightboxSelect {
    float: left;
}

div#lightboxSelect select {
    padding: 2px;
}

#lightboxAddLink a {
    color: #FFF;
    float: left;
    line-height: 20px;
    padding-left: 10px;
}

#hideLightboxText {
    text-align: right;
    line-height: 20px;
}

div#hideLightboxText a.headnav {
    color: #FFF;
}

#lightbox_content_table {
    background-color: #EBEBE9;
    bottom: 0px;
    display: none;
    height: 167px;
    left: 0px;
    overflow: auto;
    padding: 5px;
    position: fixed;
    right: 0px;
    z-index: 1;
}

#lightbox_content {
    display: none;
    float: left;
    padding-left: 10px;
    padding-top: 10px;
}

#add_lightbox {
    background-color: #EBEBE9;
    bottom: 0px;
    display: none;
    height: 167px;
    left: 0px;
    overflow: hidden;
    padding-left: 5px;
    padding-top: 10px;
    position: fixed;
    right: 0px;
    z-index: 2;
}


#lightbox_frame_main, #lightbox_frame_main input {
    font-size: 75%
}

.resultLightboxElementDiv {
    padding: 0px 12px 12px 0px;
    height: 60px;
    width: 60px;
}

.clearButton {
    float: left;
    padding: 12px 0px;
}


a.button {
    float: left;
    height: 24px;
    margin-right: 12px;
    text-decoration: none;
    border: 1px solid #000;
}

a.button span {
    display: block;
    font-size: 12px;
    line-height: 16px;
    padding: 5px 10px 0px;
    text-decoration: none;
}


.publications .group div:hover, .publications .group div img:hover, .publications .group div:hover img {
    cursor: default;
    color: initial;
    opacity: 1;
}

.hiddenField {
    margin: 0px;
}

.group-portfolio > div:nth-child(2) > p:nth-child(2), .single-portfolio {
    font-size: 0.8em;
}

main.main .agb ol.mainList > li p span {
    left: -40px;
    width: 60px;
    display: inline-block;
    margin-left: -60px;
    margin-right: -6px;
}

main.main .agb ol.mainList > li p {
    padding-left: 20px;
    text-indent: 0px;
}

main section:first-child {
    border-top: none;
}

header {
    border-bottom: 1px solid #000;
    padding-top: 50px;
}

.loginMenu {
    position: absolute;
    bottom: 40px;
    right: 100px;
    z-index: 100;
}

.loginMenu a {
    margin-left: 15px;
    font-size: 1em;
}


/* LIGHTBOX START */

.textSiteDiv, .contentPage_lightbox {
    margin: auto;
    position: relative;
}

.saveNoteBtn {
    display: none;
}

ul.selection_bar li div {
    float: left;
    margin-right: 10px;
}

ul.selection_bar .clearButton, div.jumplightboxes .clearButton {
    padding-top: 0px;
}

ul.selection_bar li div {
    float: left;
    margin-right: 10px;
}

ul.selection_bar {
    height: 32px;
    margin-top: 30px;
}


.contentPage_lightbox .textBoxTitle {
    font-size: 1em;
    text-align: center;
    border-bottom: 1px solid #000;
}


.result_count {
    font-size: 1.7em;
    margin-bottom: 40px;
    position: relative;
    top: -20px;
}

.lightboxSearch {
    color: transparent;
    float: left;
}

.lightboxSearch input {
    position: absolute;
    left: 0px;
}

ul.search_summary {

}

ul.search_summary li {

}

#lightboxTitle {
    padding-bottom: 0px
}


ul.search_summary li.pagination_status {
    float: right;
    margin-left: 40px;
}

ul.images_pp {
    float: right;
    margin-bottom: 15px
}

ul.images_pp li {
    display: inline;
    padding: 0px 0px 2px;
}

ul.pagination {
    float: right;
}

ul.pagination li {
    display: inline;
    float: left;
}

ul.pagination li.page_start a {
    background: url("https://img.demo.sodatech.com/public/userfiles/image/b_start.gif") no-repeat scroll 0% 0% #FFF;
}

ul.pagination li.page_previous a {
    background: url("https://img.demo.sodatech.com/public/userfiles/image/b_previous.gif") no-repeat scroll 0% 0% #FFF;
}

ul.pagination li.page_next a {
    background: url("https://img.demo.sodatech.com/public/userfiles/image/b_next.gif") no-repeat scroll 0% 0% #FFF;
    margin: 0px 0px 0px 6px;
}

ul.pagination li.page_end a {
    background: url("https://img.demo.sodatech.com/public/userfiles/image/b_end.gif") no-repeat scroll 0% 0% #FFF;
    padding: 0px;
}

ul.pagination li.page_previous a, ul.pagination li.page_start a, ul.pagination li.page_next a, ul.pagination li.page_end a {
    height: 20px;
    width: 20px;
    overflow: hidden;
    display: block;
    text-indent: -9000px;
    text-align: left;
    margin: 0px;
    padding: 0px 6px 0px 0px;
}


.clear {
    clear: both;
    line-height: 1;
}

div.lightbox_preview_row {
    clear: both;
    display: block;
    line-height: 1;
    margin: 0px 0px 16px;
    padding: 13px;
    border-bottom: 1px solid #000;
    height: 200px;
}


div.lightbox_details {
    width: 565px;
    height: 155px;
    float: left;
}

div.lightbox_preview_row h3 {
    font-size: 1.7em;
    margin: 0px;
    padding-bottom: 6px;
}

div.lightbox_preview_row p {
    margin: 0px;
    padding: 0px;
}

.format_icon {
    margin: -9px 3px -4px;
    padding: 0px;
    display: none;
}

.grey, ul.search_summary li.datecreated {
    margin-left: 20px;
}

ul.lightbox_thumbnails {
    display: block;
    height: 70px;
    clear: both;
    margin: 11px 0px 0px;
}

ul.lightbox_thumbnails li {
    display: block;
    width: 70px;
    height: 70px;
    float: left;
    text-align: left;
    overflow: hidden;
    margin: 0px 13px 0px 0px;
    padding: 0px;
}


ul.lightbox_thumbnails li img {
    max-width: 70px;
    max-height: 70px;
}


ul.lightbox_thumbnails li.view_link {
    text-indent: 0px;
    width: auto;
    position: relative;
    top: 60px;
    height: 18px;
    font-size: 0.8em;
}

ul.lightbox_thumbnails li {
    display: block;
    width: 70px;
    height: 70px;
    float: left;
    text-align: left;
    overflow: hidden;
    margin: 0px 13px 0px 0px;
    padding: 0px;
}

.lightbox_buttons {
    margin: 0px;
}

.lightbox_buttons li {
    float: left;
    margin: 13px 0px 0px;
}

div.lightbox_notes_outer {
    float: left;
    width: 305px;
    margin: 0px 0px 0px 20px;
}


div.lightbox_notes {
    display: block;
    width: 328px;
    height: 109px;
    overflow: auto;
    margin: 0px;
    padding: 0px;
    padding-top: 30px
}

div.lightbox_preview_row p, div.lightbox_notes, ul#search_columns p {
    line-height: 1.5;
}

div.lightbox_notes div, div.lightbox_image_notes div {
    margin: 0px 6px 0px 0px;
}

.lightbox_notes div strong {
    float: left;
    margin-right: 5px;
    vertical-align: top;
}

div.lightbox_notes div, div.lightbox_image_notes div {
    margin: 0px 6px 0px 0px;
}

.lightbox_notes div div {
    width: 270px;

    float: left;
    white-space: pre-wrap;
}


/* LIGHTBOX DETAIL */

.jumplightboxes {
    margin-top: 30px;
}

.jumplightboxes div {
    float: left;
    margin-left: 10px;
}

select.selected_lightbox {
    width: 212px;
    font-size: 11px;
}

.selected_lightbox {
    border: 1px solid #000;
    padding: 4px;
    outline: medium none;
    background: none repeat scroll 0% 0%;
    color: #000;
    font-family: ostblock, sans-serif;
    font-size: 0.7em;
}

h1#lightbox_images_view_h1 {
    width: 211px;
    display: block;
    height: 39px;
    background-repeat: no-repeat;
    text-indent: -9000px;
    margin: -10px 0px 19px 38px;
}

#seriesHeader {
    position: relative;
    display: block;
    width: 100%;
}

h2.large_title {
    height: 1.5em;
    font-size: 180%;
}


#seriesPictures {
    clear: both;
    width: 100%;
    font-size: 0.8em;
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;
    padding-top: 20px;
    padding-bottom: 20px;
    display: inline-block
}

ul#search_columns li.row_start {
    width: 171px;
    border-color: #000;
    border-width: 0px;
    padding: 13px 12px 0px 13px;
    margin-right: 4px;
    overflow: hidden;
}

ul#search_columns li {
    width: 170px;
    height: 240px;
    float: left;
    margin: 0px 0px 2px;
    padding: 13px 13px 0px 63px;
}

ul#search_columns a {
    width: 170px;
    height: 170px;
    background-position: left bottom;
    background-repeat: no-repeat;
    text-indent: -9000px;
    display: block;
}

ul#search_columns input {
    width: auto;
}

ul#search_columns label .grey {
    display: none;
}

.format_image {
    display: none;
}


ul#search_columns p {
    float: none;
    clear: both;
    line-height: 1.3;
    margin: 0px;
    padding: 2px 0px 0px;
    font-size: 0.8em;
}


#seriesFooter {
    clear: both;
    margin-top: 8px;
}

ul.selection_bar {
    height: 32px;
    font-size: 0.8em
}

ul.selection_bar li {
    display: inline;
}

.vertical_pad_text {
    position: relative;
    float: left;
    margin-top: 4px;
    margin-right: 10px;
}

ul.selection_bar .clearButton, div.jumplightboxes .clearButton {
    padding-top: 0px;
}

ul.selection_bar li div {
    float: left;
    margin-right: 10px;
}

.selection_bar .selected_lightbox {
    float: left;
    margin-right: 10px;
    width: 170px;
}

select.selected_lightbox {
    width: 212px;
    font-size: 11px;
}

.select_options {
    float: right;
}

.contentPage_series .result_count {
    font-size: 1em;
    float: left;
    margin: 0px;
    padding: 0px;
    top: 0px;
}

.contentPage_series .search_summary li {
    float: left;
}

img[alt="divider"] {
    display: none;
}

#lightboxViewModeTitle, #lightboxViewModeTitle + li, #lightboxViewModeTitle + li + li, #lightboxViewModeTitle + li + li + li {
    display: none;
}

#seriesFooter .selection_bar {
    display: none;
}


/* LIGHTBOX END */


/* BASKET START */

.subtitleActive {
    font-size: 12px;
    font-weight: bold;
}

.subtitleInactive {
    font-size: 12px;
}

#basketPriceBlock, #invoiceAddressBlock, .basketElement, #multibasket {
    border-top: 1px solid #000;
    padding: 12px;
    margin-top: 12px;
    clear: both;
    font-size: 0.7em
}

.basketSumText {
    float: left;
    width: 200px;
}

.basketSumCurrency, .listNumber {
    width: 50px;
    float: left;
}

.basketSumPrice {
    padding-right: 590px;
    text-align: right;
}

.basketPriceBlockDivider {
    margin-top: 0px;
}

.basketTotalText {
    float: left;
    width: 200px;
    font-weight: bold;
    font-size: 12px;
}

.basketTotalCurrency {
    float: left;
    width: 40px;
    font-weight: bold;
    font-size: 12px;
}

.basketTotalPrice {
    padding-right: 590px;
    text-align: right;
    font-weight: bold;
    font-size: 12px;
}

#lastBasketPriceDivider {

}

.errorField {
    background: none repeat scroll 0px 0px #F90;
    padding: 6px;
    clear: both;
    font-size: 0.8em;
}

#invoiceEmailRecipientBlock {
    padding-top: 24px;
}

#basketPicContainer {
    float: left;
    width: 120px;
}

.basketFunctionText {
    padding: 4px 0px 8px;
}

.resultThumbLinkTrash {
    background: url("https://img.demo.sodatech.com/public/userfiles/themes/blackbeauty/icons/ic_remove.gif") no-repeat scroll left top transparent;
    cursor: pointer;
    float: left;
    height: 20px;
    margin: 0px 3px;
    width: 15px;
}

.basketInfoContainer {
    float: left;
}

.basketElementPriceBlock {
    margin-top: 8px;
    width: 895px;
    font-size: 12px;
    font-weight: bold;
    padding: 4px;
}

.basketElementPriceText, .webInvoiceThumbElement {
    width: 100px;
    float: left;
}

.basketElementCurrency {
    float: left;
    width: 40px;
}

.basketElementPrice {
    width: 80px;
    float: left;
    text-align: right;
}

.basketElementProvision {
    padding-left: 12px;
    font-weight: normal;
}


/* BASKET END */

/* BASKET STEP 2 START */


.contentPage_invoice input {
    width: auto;
    vertical-align: top;
}


.contentPage_invoice label {
    padding-left: 4px;
    vertical-align: 5%;
    cursor: pointer;
}

#webInvoice {
    border-top: 1px solid #000;
    margin-top: 24px;
    padding: 24px;
    font-size: 0.8em
}

.webInvoiceCityAndDate {
    padding-top: 36px;
}

.webInvoiceProvNr {
    font-weight: bold;
    padding-top: 24px;
}

.webInvoiceUsageClaim {
    padding-top: 24px;
}

.webInvoiceTitleClaim {
    padding-top: 24px;
}

.webInvoiceDeliveryClaim {
    padding-top: 4px;
}

.webInvoiceDescriptionElement {
    width: 600px;
    float: left;
}

.webInvoicePriceElement, .webInvoiceTotalPrices, #hideLightboxText {
    text-align: right;
}

.webInvoiceElement {
    clear: both;
    border-top: 1px solid #000;
    margin-top: 20px;
}

.webInvoicePositionElement, .webInvoiceThumbElement, .webInvoiceThumbElement, .webInvoiceDescriptionElement, .webInvoicePriceElement {
    padding-top: 18px;
}

.basketElementPriceText, .webInvoiceThumbElement {
    width: 100px;
    float: left;
}

.webInvoiceElement {
    clear: both;
}

.webInvoicePositionElement {
    display: none;
}

.webInvoicePositionElement, .basketSumCurrency, .listNumber {
    width: 50px;
    float: left;
}

.webInvoiceTotalBlock {
    margin-top: 0px;
    clear: both;
    padding-top: 15px;
    border-top: solid 1px #000;
}

.webInvoiceTotalDescription {
    float: left;
    text-align: right;
    width: 760px;
}

.webInvoiceTotalPrices {
    text-align: right;
}

.webInvoicePaymentConditions {
    clear: both;
    padding-top: 36px;
}


/* BASKET STEP 2 END */

/* BASKET STEP 3 START */

.miHeader, .mpHeader {
    font-weight: 700;
    width: 100%;
    margin: 5px 0px;
}

.mpHeader {

    clear: both;
}

#mypicturesHeaderPicture, #mypicturesHeaderDate, #mypicturesHeaderPrice {
    float: left;
    width: 120px;
}

#mypicturesHeaderPicture {
    width: 100px;
}

.listHeader {
    font-weight: bold;
    padding: 5px;
    float: left;
}

#mypicturesHeaderDownload {
    width: 155px;
}

#mypicturesHeaderLicence {
    width: 365px;
}


#mypicturesHeaderPicture, #mypicturesHeaderDate, #mypicturesHeaderPrice {
    float: left;
    width: 120px;
}

.mpElement {
    border-top: 1px solid #000;
    clear: both;
    margin-top: 5px;
    padding: 5px;
    min-height: 95px;
    padding-top: 20px;
    padding-bottom: 30px;
    font-size: 0.8em;
}

#mypicturesElementPicture {
    float: left;
    width: 110px;
}

#mypicturesElementDownload {
    float: left;
    width: 185px;
}

#mypicturesElementLicence {
    float: left;
    width: 365px;
    padding-right: 10px;
    font-size: 0.7em;
}


/* BASKET STEP 3 END */

/* REGISTRIERUNG START */


.contentPage_registration .textBoxContentTitle {
    border-top: solid 1px #000;
    padding-top: 5px
}

.registrationSiteText {
    border-bottom: none;
}

.contentPage_registration input {
    width: auto;
    vertical-align: baseline;
}

.contentPage_registration input[type="radio"], .contentPage_registration input[type="checkbox"] {
    margin-right: 8px;
}

.contentPage_registration textarea, .contentPage_registration select {
    border: solid 1px #000;
}

#formContentWrapper_sexe {
    padding-left: 400px;
}

#formContentWrapper_sexe br {
    display: none;
}

#formContentWrapper_addressExtra + div {
    margin: 0px auto;
    width: 520px;
    padding-top: 10px;
}

#formContentWrapper_addressExtra + div .textBoxFieldDescription:nth-child(2) {
    width: 150px;
}

#formContentWrapper_zip {
    width: 55px !important;
    padding-right: 5px !important;
}

#zip {
    width: 100% !important;;
}

.registrationNewsletterField {
    border-top: solid 1px #000;
    margin-top: 20px;
    padding-top: 20px !important;
    padding-left: 540px;
}

.registrationNewsletterField + div {
    padding-left: 540px;
    margin-bottom: 10px
}

.registrationNewsletterField + div + div {
    padding-left: 540px;
    margin-bottom: 20px
}


/* REGISTRIERUNG END */


/* USERDATA START */


.contentPage_userdata .textBoxContentTitle {
    border-top: solid 1px #000;
    padding-top: 5px
}

.contentPage_userdata input {
    width: auto;
    vertical-align: baseline;
}

.contentPage_userdata input[type="radio"], .contentPage_userdata input[type="checkbox"] {
    margin-right: 8px;
}

.contentPage_userdata textarea, .contentPage_userdata select {
    border: solid 1px #000;
}


#formContentWrapper_company {
    padding-bottom: 8px;
}

.contentPage_userdata div.textBoxFieldDescription:nth-child(12) {
    margin-left: 340px;
}

#formContentWrapper_address1, #formContentWrapper_address2, #formContentWrapper_address2 + div {
    margin: 0px auto;
    width: 520px;
    padding-top: 10px;
}

#formContentWrapper_address2 + div .textBoxFieldDescription:nth-child(2) {
    width: 145px;
}


#formContentWrapper_url + div {
    border-top: 1px solid #000;
    margin-top: 20px;
    padding-left: 535px;
    margin-bottom: 10px;
}

.contentPage_userdata #formContentWrapper_url + div + div {
    padding-left: 535px;
}


/* USERDATA END */


#searchWithinResults {
    position: relative;
    left: 0px;
    top: 10px;
    font-size: 0.8em;
    width: 1200px;
    margin: 0px auto;
    margin-bottom: -4em;
    height: 4em
}

#searchWithinResults input {
    width: auto;
    vertical-align: middle;
}

#searchWithinResults label {
    vertical-align: middle;
}

main.main section.publications a img {
    cursor: pointer !important;
}

.bildserie_icons a {
    float: left;
    margin: auto 5px;
}

.bildserie_icons {
    display: inline-block;
    margin-left: 560px;
}

.picDetailSeriesImage {
    margin: 20px 10px 0px 0px;
    max-width: 120px;
    max-height: 120px;
}

.picDetailSeriesImagesLink {
    margin-left: 154px;
}

input[type=hidden] {
    display: none;
}

#block_21 p {
    display: none
}


.invoiceListElement, .thumbBox, #block_3, #seriesFooter {
    clear: both;
    font-size: 0.8em;
}

.invoiceListElement {
    border-top: 1px solid #CCC;
    clear: both;
    margin-top: 5px;
    padding: 5px;
}

.myinvoicesElementNumber {
    float: left;
    width: 160px;
}

.myinvoicesElementDate {
    float: left;
    width: 110px;
}

.myinvoicesElementPictures {
    float: left;
    width: 130px;
}

.myinvoicesElementStatus {
    float: left;
    width: 110px;
}

.myinvoicesElementPayment {
    float: left;
    width: 160px;
}

.myinvoicesElementCurrency {
    float: left;
    width: 150px;
    height: 30px;
}

.myinvoicesElementDownload {
}


.miHeader, .mpHeader {
    background: #FFF none repeat scroll 0px 0px;
    color: #000;
    font-weight: 700;
    width: 100%;
    margin: 5px 0px;
    font-size: 0.8em;
}

#myinvoicesNumber {
    width: 150px;
}

#myinvoicesPictures {
    width: 120px;
}

#myinvoicesDate {
    width: 100px;
}

#myinvoicesStatus {
    width: 100px;
}

#myinvoicesType {
    width: 150px;
}

#myinvoicesTotal {
    width: 140px;
}

#myinvoicesDownload {
    width: 150px;
}

.info b {
  font-weight: bold;
}