/** Resets & Helpers **/
* {
    margin: 0;
    padding: 0;
}

.clear {
    clear: both;
}

.hidden {
    display: none;
}


#block_9 {
  min-height: auto !important;
}

div.gallery:after, div.galleries:after, .header-wrapper:after, .clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

a img {
    border: none;
}

/** CSS Definitions Layout **/
html, body, #wrapper {
    height: 100%;
}

body {
    width: 100%;
    line-height: 120%;
}

form {
    display: inline;
}

form>div {
    /*! position: relative; */
    width: 1172px;
    margin: 0 auto;
}

#block_2+div {
    min-height: calc( 100% - 179px);
}

#header {
    position: relative;
    padding-top: 40px;
}

#main {
    margin-bottom: 76px;
}

#block_3 {
    width: auto !important;
    min-width: auto !important;
}

#footer {
    position: relative;
    z-index: 9;
    background: #c4c4c6;
}

#footer .inner {
    position: relative;
    width: 1172px;
    margin: 0 auto;
    padding: 9px 0;
}

/** CSS Definitions Page Elements **/
#logo {
    float: left;
}

#logo a {
    display: block;
    width: 173px;
    height: 98px;
    background: url(https://img.hosting-keystone.sodatech.com/public/userfiles/img/logo.png) 0 0 no-repeat;
}

#page-functions {
    position: absolute;
    top: 42px;
    right: 84px;
    z-index: 999;
}

#login {
    position: relative;
    float: left;
    margin-right: 70px;
}

#login .special {
    position: absolute;
    width: 300px;
    height: 0;
}

#search {
    float: left;
}

#social-links {
    position: absolute;
    top: 42px;
    right: 0;
    z-index: 999;
}

#social-links a {
    display: block;
}

#page-teaser {
    margin: 0 auto 36px auto;
}

.cart table {
    width: 100%;
    border-collapse: collapse;
}

.cart table th, table td {
    padding: 3px;
    border-bottom: 2px solid #fff;
}

.cart table th {
    background: #f3f3f3;
    font-weight: normal;
}

.cart table td {
    background: #565656;
    color: #fff;
    border-bottom: 2px solid #fff;
}

.cart .cell-01, .cell-03, .cell-05 {
    text-align: center;
}

.cart td.cell-01 {
    width: 90px;
}

.cart td.cell-02 {
    width: 255px;
    padding: 0 !important;
    text-align: center;
}

.cart td.cell-03 {
    width: 100px;
}

.cart td.cell-05 {
    width: 100px;
}

.items-per-page {
    float: right;
    background: #7a7a7a url(https://img.hosting-keystone.sodatech.com/public/userfiles/img/icon-items-per-page.png) 6px center no-repeat;
    margin: -2px -2px 0 0;
    padding: 4px 6px 4px 24px;
    border-left: 12px solid #fff;
}

.items-per-page * {
    padding: 0 3px;
}

#copyright {
    float: right;
    margin-top: 3px;
}

/** CSS Definitions Navigation **/
.menu ul {
    list-style: none;
}

#main-menu {
    position: relative;
    z-index: 999;
    margin: 0 0 40px 200px;
    padding-top: 62px;
}

#main-menu ul {
    background: #e7e7e7;
    float: right;
    width: 100%;
    text-align: right;
}

/
/
#main-menu ul ul {
    display: none;
    position: absolute;
    top: 35px;
    left: -1px;
    width: 280px;
    opacity: .9;
}

#main-menu ul ul {
    display: none;
    position: absolute;
    top: 35px;
    left: -1px;
    width: 280px;
}

#main-menu li:hover ul {
    display: block;
}

#main-menu li {
    position: relative;
    float: left;
    border-left: 1px solid #444;
}

#main-menu li li {
    position: relative;
    width: 100%;
    border-left: none;
    border-bottom: 1px solid #fff;
}

#main-menu a {
    float: left;
    padding: 10px 20px;
    color: #000;
    line-height: 100%;
}

#main-menu ul ul a {
    float: none;
    display: block;
    text-align: left;
}

#main-menu a.act, #main-menu > ul > li:hover a {
    color: #fff;
    background: #444;
}

#meta-menu, .page-list li {
    float: left;
}

#meta-menu li {
    float: left;
    border-left: 1px solid #fff;
}

#meta-menu li:first-child {
    border-left: none;
}

#meta-menu li a {
    float: left;
    padding: 2px 7px;
}

.page-list {
    margin-bottom: 9px;
}

.page-list ul {
    float: left;
    background: #e7e7e7 url(https://img.hosting-keystone.sodatech.com/public/userfiles/img/icon-page-list.png) 7px 6px no-repeat;
    padding: 0 6px 0 24px;
}

.totop {
    position: absolute;
    right: 0;
    top: -93px;
}

.logout {
    padding: 3px 6px 3px 36px !important;
    background: #7b7b7b url(https://img.hosting-keystone.sodatech.com/public/userfiles/img/icon-logout.png) 9px 3px no-repeat !important;
    position: absolute;
    top: 0px;
    right: 0px;
}

/** CSS Definitions Font Styles **/
body, input, textarea {
    font-size: .85em;
    font-family: Verdana, Arial, san-serif;
}

.header-wrapper {
    background: url(https://img.hosting-keystone.sodatech.com/public/userfiles/img/header-bg.png) 0 0 repeat-x;
    padding: 2px;
    margin-bottom: 12px;
}

.header-wrapper h1, .header-wrapper h2, .header-wrapper h3 {
    float: left;
    margin: -2px 0 0 -2px;
    padding: 3px 6px 5px 0;
    background: #fff;
}

.header-wrapper .galleries {
    background: #fff url(https://img.hosting-keystone.sodatech.com/public/userfiles/img/icon-galleries.png) 0 0 no-repeat;
    padding-left: 24px;
}

h1, h2, h3 {
    font-size: 1em;
    font-weight: normal;
    font-size: 1.25em;
}

a {
    color: #7a7a7a;
}

.menu a {
    text-decoration: none;
    font-size: 1.15em;
}

.menu ul ul a {
    font-size: 1em;
}

#login a, #search a, #meinKontoB a {
    float: left;
    margin-top: 5px;
    padding: 0 0 0 24px;
    line-height: 100%;
    background: url(https://img.hosting-keystone.sodatech.com/public/userfiles/img/icon-indicator.png) 5px 1px no-repeat;
}

.items-per-page a, .items-per-page span, div.gallery .information a, div.galleries .information span, #footer, #footer a {
    color: #fff;
    text-decoration: none;
}

.items-per-page span, .page-list span {
    font-weight: bold;
}

.page-list a, .page-list span {
    display: inline-block;
    color: #000;
    font-size: 1em;
    padding: 3px;
    margin: 1px 0;
}

.align-right {
    text-align: right;
}

/** CSS Definitions Forms **/
input[type=text], input[type=password], .inputfield {
    padding: 3px;
    border: 1px solid #444;
}

.logout, .more, button[type=submit], input[type=submit] {
    padding: 2px 2px 2px 2px;
    margin-left: 6px;
    background: #7b7b7b;
    color: #fff;
    text-transform: uppercase;
    border: none;
    font-size: 0.8em;
}

#searchword {
    width: 275px;
}

.error, .error2 {
    float: left;
    display: none;
    background: #444;
    color: #fff;
    padding: 3px 6px;
    margin: -28px 0 3px 0;
    font-size: .9em;
    font-style: italic;
}

.error2 {
    float: none;
    display: inline-block;
    margin: 0 0 0 240px;
}

.form-row {
    border-bottom: 1px solid #E7E7E7;
    padding: 6px 0;
}

.ext-search-label, .ext-search-label-short {
    float: left;
    width: 240px;
    padding: 4px 0;
}

.ext-search-label-short {
    max-width: 40px;
    padding: 3px 0 4px 0;
}

#extended-search {
    width: 560px;
    border-top: 1px solid #E7E7E7;
}

#extended-search input[type=text] {
    width: 300px;
}

#extended-search select {
    width: 308px;
    border: 1px solid #444;
}

#extended-search img {
    margin-right: 9px;
}

#extended-search #dtf, #extended-search #dtt {
    width: 76px;
    margin-right: 9px;
}

#extended-search button, #request-activation-code button, #request-username button {
    margin-left: 240px;
}

#request-activation-code button, #request-username button {
    margin-top: 8px;
}

/** CSS Definitions Galleries **/
div.galleries, div.gallery {
    margin-right: -20px;
}

div.galleries .item, div.gallery .item {
    position: relative;
    float: left;
    width: 276px;
    height: 276px;
    margin: 0 20px 20px 0;
    border: 1px solid #555555;
    background: #c4c4c4;
}

div.galleries .item > a, div.gallery .item > a {
    position: absolute;
    display: block;
    width: 276px;
    bottom: 0;
}

div.galleries .item > a > img, div.gallery .item > a > img {
    display: block;
    margin: 0 auto;
}

div.galleries .item > a > img {
  max-width: 276px;
  max-height: 276px;
}

div.galleries .information, div.gallery .information {
    display: none;
    position: absolute;
    bottom: 0;
    width: 276px;
    background: #555555;
    padding: 18px 0;
}

div.gallery .information {
    width: auto;
    padding: 4px 9px;
}

div.galleries .item:hover .information, div.gallery .item:hover .information {
    display: block;
}

div.galleries .information span, div.gallery .information span {
    display: block;
    margin: 0 20px 3px 20px;
}

div.galleries .title {
    font-weight: bold;
    height: 3.75em;
}

div.galleries span.quantity {
    padding-left: 24px;
    margin-bottom: 0;
    background: url(https://img.hosting-keystone.sodatech.com/public/userfiles/img/icon-quantity.png) 0 0 no-repeat;
}

div.ui-dialog {
    background: #555555;
    border: none;
    line-height: 120%;
}

div.ui-dialog-titlebar {
    display: block;
}

#detail-body {
    margin-top: 1em;
    color: #fff;
}

div.image-container {
    float: left;
    width: 400px;
}

div.image-container img {
    border: 1px solid #fff;
}

div.function-container {
    float: left;
    width: 200px;
    margin-left: 12px;
}

div.function-container .button-wrapper {
    background: #fff;
    padding: 7px 6px 6px 6px;
    margin-bottom: 6px;
}

div.function-container .button-wrapper a {
    text-decoration: none;
    font-weight: normal;
    padding-left: 36px;
}

div.function-container .button-wrapper a.download2 {
    background: url(https://img.hosting-keystone.sodatech.com/public/userfiles/img/icon-download-btn.png) 6px center no-repeat;
}

div.function-container .button-wrapper a.cart2 {
    background: url(https://img.hosting-keystone.sodatech.com/public/userfiles/img/icon-cart-btn.png) 6px center no-repeat;
}

div.detail-label {
    float: left;
    font-weight: bold;
    width: 120px;
    line-height: 120%;
    margin-bottom: 9px;
}

div.detail-text {
    float: left;
    width: 500px;
    margin-bottom: 9px;
}

#detail-footer, #detail-footer a {
    color: #fff;
    font-size: .9em;
}

#detail-footer-functions .print {
    float: right;
    width: 21px;
    height: 21px;
    background: url(https://img.hosting-keystone.sodatech.com/public/userfiles/img/icon-print.png) 0 0 no-repeat;
}

.ui-resizable-handle {
    display: none !important;
}

.logout, .more {
    text-decoration: none;
    float: right;
    padding: 2px 3px;
}

.cart {
    padding-bottom: 38px;
}

.ui-widget-overlay {
    display: block;
    background: #fff url(https://img.hosting-keystone.sodatech.com/public/userfiles/img/header-bg.png) 0 0 repeat !important;
}

#tooltip {
    position: absolute;
    z-index: 3000;
    border: none;
    background-color: #555555;
    padding: 0;
    color: #fff;
    font-size: .9em;
  max-width: 400px;
  text-align:center;
  left: -100px;
}

#tooltip p {
    margin: 6px 12px;
    padding-left: 24px;
    background: url(https://img.hosting-keystone.sodatech.com/public/userfiles/img/icon-info.png) 0 3px no-repeat;
  text-align: left;
}

#tooltip .body>div>img {
  max-width: 400px;
  max-height: 400px;
}


/* jQuery Accordiion Plugin */
.aim {
    position: relative;
    overflow: hidden;
    margin: 0;
    clear: both;
    padding: 0
}
.aim a {
    background-position: center center;
    cursor: pointer;
    display: block;
    overflow: hidden;
    position: relative;
    float: left;
    text-decoration: none
}
.aim a:hover, .aim a:visited {
    text-decoration: none
}
.aim ul {
    list-style: none
}
.aim li {
    display: block;
    overflow: hidden;
    float: left;
}
.aim a span {
    color: #000;
    bottom: 10px;
    left: 10px;
    width: 100%;
    display: block;
    padding: 7px 5px 7px 5px;
    position: absolute;
    background: #E7E7E7;
    font-size: 16px;
    height: auto;
    line-height: 20px;
    border-left: 5px solid #444;
}




#block_9 {
  min-height: auto !important;
}

.cmsModule_result {
    min-height: calc(100% - 218px );
}

.thumbBox {
  width: calc( 100% + 20px );
}

.resultThumb {
  position: relative;
  float: left;
  width: 276px;
  height: 276px;
  margin: 0 20px 20px 0;
  border: 1px solid #555555;
  background: #c4c4c4;
}

.resultThumbPicture {
  position: absolute;
  display: block;
  width: 276px;
  bottom: 0;
}

.resultThumb:hover .resultThumbLinkBox {
  display: block;
}

.resultThumbLinkBox {
  display: none;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: auto;
  padding: 4px 9px;
  background: #555555;
}

.resultThumbLinkBox div {
    float: left;
}

.resultThumbLinkDownload a {
  display: inline-block;
  background-image: url(https://img.hosting-keystone.sodatech.com/public/userfiles/img/icon-download.png);
  background-repeat: no-repeat;
  width: 21px;
  height: 16px;
  padding-bottom: 8px;
  margin-right: 5px;
}

.resultThumbLinkBasket a {
  display: none;
  background-image: url(https://img.hosting-keystone.sodatech.com/public/userfiles/img/icon-cart.png);
  background-repeat: no-repeat;
  width: 21px;
  height: 16px;
  padding-bottom: 4px;
}

.resultThumbLinkLightbox a {
  display: inline-block;
  background-image: url(//img.demo.sodatech.com/public/userfiles/themes/blackbeauty/icons/ic_lightbox.gif);
  background-repeat: no-repeat;
  width: 21px;
  height: 16px;
  position: relative;
  top: 4px;
}

.resultThumbLinkBasketFull {
  display: none;
  background-image: url(https://img.hosting-keystone.sodatech.com/public/userfiles/img/icon-cart.png);
  background-repeat: no-repeat;
  width: 21px;
  height: 16px;
  padding-bottom: 4px;
  opacity: .5;
}


.resultThumbLinkDetail, .resultThumbLabelText {
  display: none;

}

.picsPerPage, .zoomElement, #breadcrumbs {
  display: none;
}

.pagingElement {
  position: absolute;
  left: 200px;
}

#pagingLineTop {
  height: 35px;
  position: relative;
}

.pagingString {
  background: #e7e7e7 url(https://img.hosting-keystone.sodatech.com/public/userfiles/img/icon-page-list.png) 7px 6px no-repeat;
  padding: 0 6px 0 24px;
  float: left;
  font-size: 0em;
}

.pagingString a, .pagingString .pagingLinkActive {
  display: inline-block;
  color: #000;
  font-size: 14px;
  padding: 3px;
  margin: 1px 0;
  text-decoration: none;
}

.pagingString .pagingLinkActive {
  font-weight: bold;
}

#nrOfPicsFound {
  position: absolute;
  left: 158px;
  top: -39px;
  padding: 4px;
  padding-left: 0px;
  background-color: #fff;
  font-size: 16px;
}


.eppSelected {
    font-weight: bold;
}



/* LIGHTBOX RESULT */



#lightboxSelect {
    float: left;
}

#lightboxAddLink {
    float: left;
    margin-left: 10px
}

#lightbox_frame_main a {
    text-decoration: none;
}

#lightboxAddLink a {
    color: #ccc;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 13px;
}

div.lightbox_view_description h3 {
    display: none;
}

#hideLightboxText {
    float: right;
}

#hideLightboxText a {
    color: #777;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 13px;
}

#lightboxViewModeTitle {
    padding-left: 40px;
    display: none;
}

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

#lightboxSelect select {
    padding: 1px;
    height: 22px;
    width: 150px;
    margin-top: 2px
}

#lightbox_frame_main {
    font-size: 13px;
    bottom: -192px;
    transition: bottom 0.5s;
    transition-delay: 0.2s;
    -webkit-transition: bottom 0.5s;
    -webkit-transition-delay: 0.2s;
    left: 0;
    position: fixed;
    right: 0;
    height: 177px;
    z-index: 20;
    padding: 10px 20px;
    border-top: 1px solid #444;
    text-align: left;
    width: 100%;
    background-color: #fff;
}

#lightbox_frame_main:hover {
    bottom: 0px;
}

#lightbox_header {
    background-color: #444;
    padding: 4px;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px !important;
    width: 100%;
}

#lightbox_handle {
    display: block !important;
    position: absolute;
    left: 10px;
    top: -25px;
    height: 25px;
    background-color: #444;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 0px 30px;
    padding-top: 4px;
}

#lightbox_content_table {
    background-color: #EBEBE9;
    top: 36px;
    display: block;
    height: 145px;
    left: 0;
    overflow: auto;
    padding: 5px;
    position: absolute;
    right: 0;
    z-index: 1;
}

#lightbox_content {
    display: block !important;
}

#add_lightbox {
    background-color: #EBEBE9;
    top: 36px;
    display: block;
    height: 145px;
    left: 0;
    overflow: hidden;
    padding-left: 5px;
    padding-top: 10px;
    position: absolute;
    right: 0;
    z-index: 2;
    color: #000;
}

#add_lightbox .clearButton {
    float: left;
    margin-left: 10px;
}

#footer {
    z-index: 10;
}

#hideLightboxText {
    display: none;
}

#lightboxAddLink a {
    font-size: 13px;
    letter-spacing: 0px;
}

#lightboxAddLink {
    margin-top: 4px;
}

.resultLightboxElementDiv {
    position: relative;
    margin-bottom: 6px
}

.resultLightboxElement {
    margin-left: 5px;
}

.resultLightboxElement img {
    height: 145px;
    width: auto;
}

.resultLightboxElementDiv:hover .resultLightboxElementRemoveLink {
    display: block;
}

.resultLightboxElementRemoveLink {
    position: absolute;
    left: 8px;
    top: 4px;
    z-index: 100;
    display: none;
}

.resultLightboxElementRemoveLink a {
    display: block;
    width: 16px;
    height: 18px;
    background-color: #ddd;
    padding-left: 4px;
    padding-top: -8px;
}

.resultLightboxElementRemoveLink a:before {
    content: "X";
    color: #000;
}

#lightbox_frame_main textarea {
  padding: 3px;
}



/* Buttons */

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


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


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





/* 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 a {
    background: url(https://img.hosting-keystone.sodatech.com/public/userfiles/img/icon-delete.png) no-repeat scroll left top transparent;
    cursor: pointer;
    float: left;
    height: 24px;
    margin: 0px 3px;
    width: 24px;
}

.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;
}



.cmsModule_basket .textBoxTitle {
  display: none;
}



/* BASKET END */



/* BASKET STEP 2 START */


.cmsModule_invoice .textBoxTitle {
    display: none;
}

.paymentBoxConfirm {
    padding-top: 20px;
}

.paymentBoxConfirm>div>input[type="radio"] {
    margin-left: 10px;
    vertical-align: baseline;
}

.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: 1em;
}




/* BASKET STEP 3 END */





/* image detail */
.contentPage_detail {
    padding-top: 30px;
}
#picDetailContent {
    padding-top: 10px;
}
.picDetailTabActive, .picDetailTabInactive {
    padding-right: 15px;
}
.picDetailTabInactive {
    color: #afafaf;
}
#detailNextPreviousLink, #imageDetailBasketButton {
    display: none !important;
}
#picDetailPicture {
    float: left;
}
#picDetailSearchTab, #picDetailSearch, .modelRelease, .propertyRelease {
    display: none;
}
#picDetailDescription {
    font-size: 1em;
}
#picDetailDownloadButtonHiRes {
    margin-top: 30px;
}
#picDetailDownloadButtonLayout {
    height: 20px;
}
#imageDetailHiResDownloadClaim {
  display: none;
    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;
}



#picDetailPage #detailBackToSearchResults {
  display: none;
}


#picDetailPage #previewPic>img {
  border: solid 1px #fff;
  width: auto !important;
  height: auto !important;
  margin-left: 15px;
}

#picDetailPage #previewPicCopyrightLine {
  display: none;
}


#picDetailPicture {
  width: auto !important;
  float: none;
  clear: both;
}

#picDetailPicture+.previewPicTabs {
  margin-left: 15px !important;
  margin-top: 10px;
}

#picDetailInfoBlock {
  margin-left: 15px !important;
  color: #fff;
  font-size: 14px;
}


.previewPicTabs {
  padding-top: 5px;
}

.previewPicTabs>a {
  text-decoration: none;
  background-color: #e7e7e7;
  border-left: 1px solid #444;
  padding: 8px 20px;
  color: #000;
}


.previewPicTabs>a:first-child {
  border-left: none;
}

.previewPicTitle {
  color: #fff;
}


.picDetailTabActive {
  color: #fff !important;
  background-color: #444 !important;
}

#picDetailContent {
  width: auto;
}


#picDetailPage {
  height: auto;
}

#previewPic>span {
  display: none !important;
}

#downloadLink {
  padding-top: 10px;
  font-size: 14px;
}

#formContentWrapper_login_email_picDetailDownload {
  margin-top: 15px;
}

#picDetailInfoBlock .textBoxFieldDescription {
  margin-bottom: 3px;
  font-size: 14px;
}

#picDetailPage input[type="checkbox"] {
  font-size: 12px;
  height: auto;
  vertical-align: bottom;
  margin-top: 10px;
}

#picDetailInfoBlock .button {
  border: solid 1px #fff;
}

#picDetailInfoBlock .button span {
  color: #fff;
}

#picDetailInfoBlock a {
  color: #fff;
}

#picDetailInfoBlock .clearButton {
  padding: 0;
}

#form_alert_picDetailDownload+div {
  height: 20px !important;
}

.detailContentTitle {
  margin-top: 10px;
}

.detailContentTitle+div {
  margin-top: 10px;
  margin-bottom: 10px;
}



#picDetailInfoBlock #lightbox_select_list {
  padding-top: 10px;
  padding-bottom: 10px;
}




#imgDetailContainer {
  position: fixed;
  width: 650px;
  height:650px;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  border: solid 1px #555;
  z-index: 1000;
  background-color: #555;
  display: block;
  max-height: 100%;
  height: calc(100% - 40px);
  min-height: 600px;
}

#imgDetailIframe {
 width: 100%;
 height: 620px;
 border: none;
 height: calc(100% - 30px);
}

#imgDetailTop {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background: url("https://img.hosting-keystone.sodatech.com/public/userfiles/img/header-bg.png");
  background-color: rgba(255,255,255,.4);
}

#imgDetailHead {
    padding: .5em .3em .3em 1em;
    position: relative;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background: #444;
    color: #ffffff;
    font-weight: bold;
    line-height: 120%;
    font-size: 15px;
    font-family: Arial,sans-serif;
}

#imgDetailHead a {
  position: absolute;
    right: .3em;
    top: 50%;
    width: 19px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 18px;
        color: #ffffff;
            -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

#imgDetailHead a span {
    background-image: url("https://img.hosting-keystone.sodatech.com/public/userfiles/img/blitzer/ui-icons_ffffff_256x240.png");
    background-position: -96px -128px;
    width: 16px;
    height: 16px;
    text-indent: -99999px;
    overflow: hidden;
        background-repeat: no-repeat;
        display: block;
}

#imgDetailHead a:hover {
  background-color: #fff;
}


#imgDetailHead a:hover span {
  background-image: url("https://img.hosting-keystone.sodatech.com/public/userfiles/img/blitzer/ui-icons_cc0000_256x240.png");
}

#block_7 .clearfix {
  margin-bottom: 80px;
}



#page-teaser>a {
  background-size: cover;
}



.picDetailSeriesImagesContainer>a>img {
  max-width: 100px;
  max-height: 100px;
  margin: 10px 10px 0 0;
}


.extSearchTitle {
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 4px;
}

.extSearchTitle+div {
  margin-left: 15px;
}

.extSearchElement label {
  margin-left: 8px;
}


#loginLinks>a {
  margin-right: 20px;
}

#loginLinks>a:last-of-type {
  margin-right: 0px;
}

.contentPage_registration .textBoxTitle {
    background: url(https://img.hosting-keystone.sodatech.com/public/userfiles/img/header-bg.png) 0 0 repeat-x;
    padding: 2px;
    margin-bottom: 12px;
    margin-left: 8em;
    text-indent: -8em;
    font-size: 17px;
}

.textBoxContentTitle {
  font-weight: bold;
  padding-top: 20px;
}


.textBoxFieldDescription {
  padding: 12px 0 2px 0;
}

#formContentWrapper_sexe input {
  margin-top: 3px;
  margin-right: 4px;
}

select, textarea {
  padding: 3px;
  border: 1px solid #444;
}




/* LIGHTBOX */


.cmsModule_lightbox ul.selection_bar {
    height: 32px;
    /* margin: 35px 20px 20px 110px; */
    padding: 10px 0 0 13px;
    /* width: 1020px; */
}

.cmsModule_lightbox ol, ul {
    list-style: outside none none;
    padding: 0;
}

.cmsModule_lightbox ul.selection_bar li {
    display: inline;
}

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

.contentPage_lightbox #createNewLightbox {
    width: 550px;
}
.cmsModule_lightbox ul.selection_bar li div input {
    margin-left: 5px;
}
.cmsModule_lightbox .selection_bar input {
    background-color: #fff;
    border: 1px solid #7b7c7e;
    color: #7b7c7e;
    display: inline-block;
    height: 23px;
    line-height: 23px;
    margin-right: 8px;
    text-align: left;
}

#textBoxLightbox .textBoxTitle {
    margin-bottom: 45px;
}

.cmsModule_lightbox .textBoxTitle {
    border-bottom: 1px solid #7b7c7e;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 14px;
    margin-top: 28px;
    padding-bottom: 16px;
    padding-left: 5px;
}


.cmsModule_lightbox .textBoxTitle .result_count {
    font-size: 16px;
}

ul.search_summary li {
    clear: none;
    color: #646567;
    display: inline-block;
    padding: 0 0 12px;
}

ul.search_summary li.pagination_status {
    float: right;
    font-size: 12px;
    margin-bottom: 0;
    margin-right: 13px;
    padding-bottom: 0;
    position: relative;
}

ul.images_pp {
    float: left;
    font-size: 12px;
    height: 20px;
    line-height: 1;
    margin: 16px 0 13px 38px;
    padding: 0 0 2px;
}

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

ul.images_pp a.img_pp_val {
    text-decoration: none;
}
ul.images_pp a {
    color: #c5c6c8;
}
.cmsModule_lightbox a {
    text-decoration: none;
}

#lightbox_search_id {
    font-size: 12px;
    height: 18px;
    padding-left: 5px;
    width: 150px;
}

ul.pagination {
    float: right;
    line-height: 1;
    margin: 12px 13px 0 0;
    text-align: right;
}

ul.pagination li {
    display: inline;
    float: left;
    font-weight: 700;
}

ul.pagination li.page_start a {
    background: rgba(0, 0, 0, 0) url(https://img.hosting-keystone.sodatech.com/public/userfiles/img/pagination-arrows.png) no-repeat scroll 0 -25px;
}

ul.pagination li.page_previous a {
    background: rgba(0, 0, 0, 0) url(https://img.hosting-keystone.sodatech.com/public/userfiles/img/pagination-arrows.png) no-repeat scroll -22px -25px;
    margin-right: 10px;
}

ul.pagination li.page_next a {
    background: rgba(0, 0, 0, 0) url(https://img.hosting-keystone.sodatech.com/public/userfiles/img/pagination-arrows.png) no-repeat scroll -51px -25px;
}

ul.pagination li.page_end a {
    background: rgba(0, 0, 0, 0) url(https://img.hosting-keystone.sodatech.com/public/userfiles/img/pagination-arrows.png) no-repeat scroll -75px -25px;
}

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

.cmsModule_lightbox #lightboxList {
    /* margin: auto; */
    /* width: 100%; */
}

.cmsModule_lightbox div.lightbox_preview_row {
    border: 1px solid #7b7c7e;
    clear: both;
    display: table;
    line-height: 1;
    margin-bottom: 23px;
    padding: 13px;
    width: 1020px;
    margin: auto auto 23px auto;
}

.cmsModule_lightbox div.lightbox_details {
    border-right: 1px solid #7b7c7e;
    float: left;
    height: 225px;
    width: 670px;
}

.cmsModule_lightbox div.lightbox_preview_row h3 {
    font-size: 20px;
    font-weight: normal;
    line-height: 1;
    margin: 0;
    padding-bottom: 6px;
}

.cmsModule_lightbox p {
    font-size: 12px;
    margin: 0;
}

.cmsModule_series .format_icon, .cmsModule_lightbox .format_icon {
    display: none;
    margin: 0;
    padding: 0;
}

.cmsModule_lightbox p {
    font-size: 10px;
    margin: 0;
}

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

.cmsModule_lightbox ul.lightbox_thumbnails li.view_link {
    clear: both;
    font-size: 12px;
    height: 26px;
    line-height: 24px;
    position: relative;
    text-indent: 0;
    top: 0;
    width: auto;
}

.cmsModule_lightbox ul.lightbox_thumbnails li.view_link a {
    color: #008cba;
}

.cmsModule_lightbox .lightbox_buttons {
    clear: both;
    margin: 0;
}

.cmsModule_lightbox .lightbox_buttons li {
    float: left;
}

.cmsModule_lightbox div.lightbox_notes_outer {
    float: left;
    margin: 0 0 0 13px;
    width: 325px;
}

.cmsModule_lightbox div.lightbox_notes {
    display: block;
    height: 180px;
    margin: 0;
    padding: 0;
    width: inherit;
}

.cmsModule_lightbox .lightbox_notes div strong {
    color: #7b7c7e;
    float: left;
    font-size: 12px;
    font-weight: normal;
    margin-right: 5px;
    vertical-align: top;
}

div.lightbox_image_notes div div, .cmsModule_lightbox .lightbox_notes div div {
    float: left;
    font-size: 12px;
    height: 160px;
    white-space: pre-wrap;
    width: 300px;
}

.cmsModule_lightbox ul.lightbox_thumbnails li img {
    min-height: 120px;
    min-width: 120px;
}

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


.cmsModule_lightbox .clearButton {
    float: left;
    padding: 3px 0px;
}


.lightboxSearch {
  margin-left: 30px;
}




ul.pagination li.page_start a:hover {
    background-position: 0 -55px;
}

ul.pagination li.page_previous a:hover {
    background-position: -22px -55px;
}

ul.pagination li.page_next a:hover {
    background-position: -51px -55px;
}

ul.pagination li.page_end a:hover {
    background-position: -75px -55px;
}

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

.jumplightboxes {
    float: right;
}

.jumplightboxes select.selected_lightbox {
    float: left;
    margin-right: 10px;
    margin-top: 2px;
}

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

h1#lightbox_images_view_h1 {
    margin: 0;
    text-indent: -9000px;
}

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

#seriesHeader h2.large_title {
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    line-height: 38px;
    margin: 0;
    padding: 0;
}
h2.large_title {
    font-size: 180%;
    height: 1.5em;
    margin: 0 0 -10px 38px;
}

.mainLightboxCommentIcn {
    float: none;
}
.commentAvailable {
    background-image: url(https://img.hosting-keystone.sodatech.com/public/userfiles/img/bb_comment_full.gif);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    float: right;
    height: 16px !important;
    margin-left: 10px;
    width: 16px !important;
}

ul.selection_bar {
    background-color: #fff;
    height: 32px;
    margin: 0 0 2px;
    padding: 10px 0 0 13px;
}
.welcome, .selection_bar {
    font-size: 10px;
}
.cmsModule_lightbox ol, ul {
    list-style: outside none none;
    padding: 0;
}

ul.selection_bar li {
    display: inline;
}

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

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

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

.selection_bar .selected_lightbox {
    float: left;
    margin-right: 10px;
    width: 200px;
    margin-top: 2px;
}

ul#search_columns li.row_start {
    border-color: #000;
    border-width: 0;
    padding: 13px 12px 0 13px;
    width: 201px;
}
ul#search_columns li {
    float: left;
    height: 260px;
    margin: 0 0 2px;
    padding: 13px 13px 0 63px;
    width: 200px;
}

.thumbnail170_top, .thumbnail170, ul#search_columns div, ul#search_columns a {
    background-position: left bottom;
    background-repeat: no-repeat;
    display: block;
    height: 200px;
    text-indent: -9000px;
    width: 200px;
    background-size: contain;
}

ul#search_columns label {
    float: left;
    font-size: 12px;
    left: -2px;
    margin: 6px 0 0;
    position: relative;
    top: 1px;
}

label {
    cursor: pointer;
}

ul#search_columns input {
    margin: 0 1px 1px;
    position: relative;
    top: -1px;
    vertical-align: middle;
}

.picBoxImgName {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: 130px;
}

.format_image {
    display: none !important;
}

ul#search_columns li.row_start p {
    max-height: 40px;
    overflow: hidden;
}

#block_100024 .format_image + p {
    display: none;
}

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


#seriesFooter {
    clear: both;
}

#seriesPictures {
  display: inline-block;
}

.search_summary {
  margin-top: 2px;
  font-size: 10px;
}

#seriesHeader > ul.images_pp > li:nth-child(9), #seriesFooter > ul.images_pp > li:nth-child(9) {
  display: none;
}



#rm_pricefield_table #rm_pricefield {
  float: left;
  padding-top: 0;
  padding-left: 10px;
}

#rm_pricefield_table {
  margin-top: 10px;
  margin-bottom: 20px;
      font-weight: bold;
}

#rm_pricefield_table+#btn_to_basket {
  margin-top: 40px;
  margin-bottom: 20px;
}




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


.dateDsc {
  display: inline-block;
  width: 40px;
  height: 25px;
}
.dateDsc+input {
  width: 100px;
  margin-right: 10px;
}




.ext-search-label-short {
    max-width: 40px;
    padding: 3px 0 4px 0;
}
.ext-search-label, .ext-search-label-short {
    float: left;
    width: 240px;
    padding: 4px 0;
}

.ext-search-label, .ext-search-label-short { float: left; width: 240px; padding: 4px 0; }
.ext-search-label-short { max-width: 40px; padding: 3px 0 4px 0; }
#extended-search { width: 560px; border-top: 1px solid #E7E7E7; }
#extended-search input[type=text] { width: 300px; }
#extended-search select { width: 308px; border: 1px solid #444;  }
#extended-search img { margin-right: 9px; }
#extended-search #dtf, #extended-search #dtt { width: 76px; margin-right: 9px; }
#extended-search button, #request-activation-code button, #request-username button { margin-left: 240px; }


#registration_invoice_address {
  position: absolute;
  left: 400px;
  top: 234px;
}

#formContentWrapper_invoice_state {
  display: none !important;
}

.cmsModule_registration #siteContent {
  position: relative;
}


#meinKontoB {
    position: relative;
    float: left;
    margin-right: 30px;
}



#siteTitleMyPictures, #siteTitleMyData, #siteTitleMyInvoices {
  padding: 2px;
  margin-bottom: 12px;
    font-weight: normal;
    font-size: 1.25em;
}














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

.listHeader {
    background: none repeat scroll 0 0 #444;
    color: #FFF;
    font-weight: bold;
    padding: 5px;
    float: left;
}

#myinvoicesNumber {
    width: 150px;
}

#myinvoicesDate {
    width: 100px;
}

#myinvoicesPictures {
    width: 130px;
}

#myinvoicesStatus {
    width: 100px;
}

#myinvoicesType {
    width: 150px;
}

#myinvoicesTotal {
    width: 140px;
}

#myinvoicesDownload {
    width: 150px;
}



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

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

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

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

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

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

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




#picDetailInfoBlock+div {
  margin-left: 15px !important;
  width: 310px;
}

.shariff { 
  clear: both;
}

#block_2+#content #picDetailInfoBlock * {
  color: #000;
}
#picDetailDownloadButtonShareImageDownload {
  clear: both;
  margin-top: 30px;
}


.resultThumbLinkShareDownload a {
    display: none;
    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1412%20897q0-27-18-45l-91-91q-18-18-45-18t-45%2018l-189%20189v-502q0-26-19-45t-45-19h-128q-26%200-45%2019t-19%2045v502l-189-189q-19-19-45-19t-45%2019l-91%2091q-18%2018-18%2045t18%2045l362%20362%2091%2091q18%2018%2045%2018t45-18l91-91%20362-362q18-18%2018-45zm252-1q0%20209-103%20385.5t-279.5%20279.5-385.5%20103-385.5-103-279.5-279.5-103-385.5%20103-385.5%20279.5-279.5%20385.5-103%20385.5%20103%20279.5%20279.5%20103%20385.5z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
    margin-right: 4px;
    background-size: 21px;
}


#downloadLink .previewPicTitle   {
  clear: both;
  float: left;
}

#downloadLink .previewPicValue    {
  float: left;
  margin-left: 0;
}

.zipLink {
  display: block;
  position: absolute;
  right: 20px;
  text-decoration: none;
  color: #fff;
  font-size: 11px;
  bottom: 16px;
}