/* $Id: style.tpl,v 1.313 2025/07/20 23:56:37 frank Exp $ */
/* &copy; Frank Titze 1983-2025. All rights reserved. */
/* Build: 27.07.25 */

/*
Android Devices:
    1440×3200 (QHD+) - 360×800 4.0x - Flagship devices like the Samsung Galaxy S series
    1080×2400 (FHD+) - 360x800 3.0x - Mid-range and premium smartphones
    720×1600 (HD+)   - 360x800 2.0x - Budget-friendly devices, emerging markets
iOS Devices:
    1170×2532 - 390x844 3.0x - iPhone 13/14/15 Pro models
    1080×2340 - 360x780 3.0x - iPhone 12/13/14 standard models
    828×1792  - 414x896 2.0x - iPhone 11/XR models

Statistical Breakdown:
    1080x2340 - 393×852 2.75x -  Google Pixel 5
*/

:root {
  --media: "D";
  --media-long: "Default";
  --jquery-icon-scale: 1.5;
  --jquery-icon-margin: 0px;
  --icon-size-micro:   18px;
  --icon-size:     32px;
  --icon-size_0_25: 8px;
  --icon-size_0_5: 16px;
  --icon-size1:    32px;
  --icon-size2:    64px;
  --icon-size3:    96px;
  --icon-size4:   128px;
  --icon-size5:   160px;
  --icon-size6:   192px;
  --icon-size7:   224px;
  --icon-size8:   256px;
  --icon-size9:   288px;
  --icon-size10:  320px;
  --icon-size11:  352px;
  --icon-size12:  384px;
  --icon-size13:  416px;
  --icon-size14:  448px;
  --icon-size15:  480px;
  --icon-size16:  512px;

  --font-size6:     6px;
  --font-size10:   10px;
  --font-size12:   12px;
  --font-size14:   14px;
  --font-size16:   16px;
  --font-size18:   18px;
  --font-size20:   20px;
  --font-size24:   24px;
  --font-size28:   28px;
  --font-size32:   32px;
  --font-size36:   36px;
  --font-size54:   54px;
}
@media screen and (orientation:portrait) and (max-width: 12px) {
  :root {
  --media: "T";
  --media-long: "Tablet";
  --jquery-icon-scale: 3;
  --jquery-icon-margin: 30px;
  --icon-size-micro:    36px;
  --icon-size:     64px;
  --icon-size_0_25:16px;
  --icon-size_0_5: 32px;
  --icon-size1:    64px;
  --icon-size2:   128px;
  --icon-size3:   192px;
  --icon-size4:   256px;
  --icon-size5:   320px;
  --icon-size6:   384px;
  --icon-size7:   448px;
  --icon-size8:   512px;
  --icon-size9:   576px;
  --icon-size10:  640px;
  --icon-size11:  704px;
  --icon-size12:  768px;
  --icon-size13:  832px;
  --icon-size14:  896px;
  --icon-size15:  960px;
  --icon-size16: 1024px;

  --font-size6:    12px;
  --font-size10:   20px;
  --font-size12:   24px;
  --font-size14:   28px;
  --font-size16:   32px;
  --font-size18:   36px;
  --font-size20:   40px;
  --font-size24:   48px;
  --font-size28:   56px;
  --font-size32:   64px;
  --font-size36:   72px;
  --font-size54:  104px;
  }
}
@media screen and (min-width: 5600px) {
  :root {
  --media: "4K";
  --media-long: "4K-Screen";
  --jquery-icon-scale: 3;
  --jquery-icon-margin: 30px;
  --icon-size-micro:    36px;
  --icon-size:     64px;
  --icon-size_0_25:16px;
  --icon-size_0_5: 32px;
  --icon-size1:    64px;
  --icon-size2:   128px;
  --icon-size3:   192px;
  --icon-size4:   256px;
  --icon-size5:   320px;
  --icon-size6:   384px;
  --icon-size7:   448px;
  --icon-size8:   512px;
  --icon-size9:   576px;
  --icon-size10:  640px;
  --icon-size11:  704px;
  --icon-size12:  768px;
  --icon-size13:  832px;
  --icon-size14:  896px;
  --icon-size15:  960px;
  --icon-size16: 1024px;

  --font-size6:    12px;
  --font-size10:   20px;
  --font-size12:   24px;
  --font-size14:   28px;
  --font-size16:   32px;
  --font-size18:   36px;
  --font-size20:   40px;
  --font-size24:   48px;
  --font-size28:   56px;
  --font-size32:   64px;
  --font-size36:   72px;
  --font-size54:  104px;
  }
}

/* font-weight:
100 - Thin
200 - Extra Light (Ultra Light)
300 - Light
400 - Normal
500 - Medium
600 - Semi Bold
700 - Bold
800 - Extra Bold (Ultra Bold)
900 - Black (Heavy)
*/

/* open-sans-regular - latin_latin-ext_math_symbols */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/opensans/open-sans-v43-latin_latin-ext_math_symbols-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-700 - latin_latin-ext_math_symbols */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;   /* == bold */
  src: url('/fonts/opensans/open-sans-v43-latin_latin-ext_math_symbols-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-italic - latin_latin-ext_math_symbols */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('/fonts/opensans/open-sans-v43-latin_latin-ext_math_symbols-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* encode-sans-condensed-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Encode Sans Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/sans-condensed/encode-sans-condensed-v10-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* encode-sans-condensed-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Encode Sans Condensed';
  font-style: normal;
  font-weight: 700;   /* == bold */
  src: url('/fonts/sans-condensed/encode-sans-condensed-v10-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

.DetailSpace1,
.DetailSpace2,
.DetailSpace3,
.DetailSpace4 {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: var(--font-size6);
    font-weight: normal;

    text-decoration: none;
}

.DetailSpace1Head,
.DetailSpace2Head,
.DetailSpace3Head,
.DetailSpace4Head {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: var(--font-size6);
    font-weight: bold;

    text-decoration: none;
}

.PurchaseEmailButton,
.slnd,
.ToPurchaseButton {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: var(--font-size12);
    font-weight: bold;

    text-decoration: none;
}

.Address,
.AverageColor5PictureTitle,
.BlogBody,
.BlogCustomer,
.BlogCustomerBold,
.BlogDate,
.BlogSubject,
.body,
.bodyblack,
.bodybold,
.bodycenter,
.bodycenterblack,
.bodycenterbold,
.bodycentereditiondescription,
.bodycentereditionhead,
.bodycentereditionprice,
.bodycenterwhite,
.bodyjustify,
.bodyjustifyblack,
.bodyjustifywhite,
.bodyright,
.bodyrightbold,
.bodywhite,
.checkbox,
.copy,
.copyblack,
.copycenter,
.copycenterblack,
.copycenterwhite
.Copyright,
.copywhite,
.Detail1,
.Detail1Head,
.Detail1HeadRight,
.Detail2,
.Detail2_4,
.Detail2Head,
.Detail3,
.Detail3_4,
.Detail3Head,
.Detail4,
.Detail4Head,
.DetailAnalysis,
.DetailPicturePurchaseEmail,
.DetailPicturePurchaseEmailButton,
.Edition0,
.Edition1,
.Edition2,
.Edition2_6,
.Edition3,
.Edition4,
.Edition5,
.Edition6,
.EditionCompatiblePictureTitle,
.EditionNo1,
.EditionNo2,
.EditionNo3,
.EditionNo4,
.EditionNo5,
.EditionNo6,
.EditionNoConstraint,
.EditionNoConstraintRed,
.EditionNoEarlyBird,
.EditionNoEarlyBirdRed,
.EditionNoFinal,
.EditionNoFinalRed,
.EditionNoHead,
.EditionNoMain,
.EditionNoMainRed,
.EditionOverview1,
.EditionOverview2,
.EditionOverviewPictureTitle,
.EditionPByConstraint,
.EditionPByConstraintRed,
.EditionPByEarlyBird,
.EditionPByEarlyBirdRed,
.EditionPByFinal,
.EditionPByFinalRed,
.EditionPByHead,
.EditionPByMain,
.EditionPByMainRed,
.EditionPColorConstraint,
.EditionPColorConstraintRed,
.EditionPColorEarlyBird,
.EditionPColorEarlyBirdRed,
.EditionPColorFinal,
.EditionPColorFinalRed,
.EditionPColorHead,
.EditionPColorMain,
.EditionPColorMainRed,
.EditionPCommentConstraint,
.EditionPCommentConstraintRed,
.EditionPCommentEarlyBird,
.EditionPCommentEarlyBirdRed,
.EditionPCommentFinal,
.EditionPCommentFinalRed,
.EditionPCommentHead,
.EditionPCommentMain,
.EditionPCommentMainRed,
.EditionPDateConstraint,
.EditionPDateConstraintRed,
.EditionPDateEarlyBird,
.EditionPDateEarlyBirdRed,
.EditionPDateFinal,
.EditionPDateFinalRed,
.EditionPDateHead,
.EditionPDateMain,
.EditionPDateMainRed,
.EditionPFinishConstraint,
.EditionPFinishConstraintRed,
.EditionPFinishEarlyBird,
.EditionPFinishEarlyBirdRed,
.EditionPFinishFinal,
.EditionPFinishFinalRed,
.EditionPFinishHead,
.EditionPFinishMain,
.EditionPFinishMainRed,
.EditionPhaseConstraint,
.EditionPhaseEarlyBird,
.EditionPhaseFinal,
.EditionPhaseMain,
.EditionPPaperConstraint,
.EditionPPaperConstraintRed,
.EditionPPaperEarlyBird,
.EditionPPaperEarlyBirdRed,
.EditionPPaperFinal,
.EditionPPaperFinalRed,
.EditionPPaperHead,
.EditionPPaperMain,
.EditionPPaperMainRed,
.EditionPPriceConstraint,
.EditionPPriceConstraintRed,
.EditionPPriceEarlyBird,
.EditionPPriceEarlyBirdRed,
.EditionPPriceFinal,
.EditionPPriceFinalRed,
.EditionPPriceHead,
.EditionPPriceMain,
.EditionPPriceMainRed,
.EditionPTypeConstraint,
.EditionPTypeConstraintRed,
.EditionPTypeEarlyBird,
.EditionPTypeEarlyBirdRed,
.EditionPTypeFinal,
.EditionPTypeFinalRed,
.EditionPTypeHead,
.EditionPTypeMain,
.EditionPTypeMainRed,
.EditionPurchaseConstraint,
.EditionPurchaseConstraintRed,
.EditionPurchaseEarlyBird,
.EditionPurchaseEarlyBirdRed,
.EditionPurchaseFinal,
.EditionPurchaseFinalRed,
.EditionPurchaseHead,
.EditionPurchaseMain,
.EditionPurchaseMainRed,
.EditionStockConstraint,
.EditionStockConstraintRed,
.EditionStockEarlyBird,
.EditionStockEarlyBirdRed,
.EditionStockFinal,
.EditionStockFinalRed,
.EditionStockHead,
.EditionStockMain,
.EditionStockMainRed,
.EditionTypeConstraint,
.EditionTypeConstraintRed,
.EditionTypeEarlyBird,
.EditionTypeEarlyBirdRed,
.EditionTypeFinal,
.EditionTypeFinalRed,
.EditionTypeHead,
.EditionTypeMain,
.EditionTypeMainRed,
.EditionXConstraint,
.EditionXConstraintRed,
.EditionXEarlyBird,
.EditionXEarlyBirdRed,
.EditionXFinal,
.EditionXFinalRed,
.EditionXHead,
.EditionXMain,
.EditionXMainRed,
.EditionXYFormatHead,
.EditionXYFrameHead,
.EditionYConstraint,
.EditionYConstraintRed,
.EditionYEarlyBird,
.EditionYEarlyBirdRed,
.EditionYFinal,
.EditionYFinalRed,
.EditionYHead,
.EditionYMain,
.EditionYMainRed,
.heading1,
.heading2,
.heading3,
.HistogramPictureTitle,
.Large,
.LargeCenter,
.LargeCenterLn,
.LargeLn,
.list,
.ln,
.lnd,
.Media,
.MediaLong,
.name,
.NavigationInternalMarker,
.Notice,
.Page,
.pagetitle,
.PicturesHeaderFooter,
.PicturesHeaderTitle,
.PostingArtist,
.PostingContent,
.PostingDescription,
.PostingDescription,
.PostingHeaderArtist,
.PostingHeaderContent,
.PostingHeaderDescription,
.PostingHeaderDescription,
.PostingHeaderNavigation,
.PostingHeaderTitle,
.PostingTitle,
.QRPictureFrameTitle,
.Section,
.SectionCenter,
.SelectionEditionContent,
.SelectionFinishingContent,
.SelectionFrameColorContent,
.SelectionFrameGlassContent,
.SelectionFrameSizeContent,
.SelectionFrameTypeContent,
.SelectionPasspartoutColorContent
.SelectionSizeContent,
.SelectSimulation,
.SelectSimulationSmall,
.SelectSimulationWide,
.Serie,
.SerieOverview,
.SerieSize,
.ShopCustomer,
.ShopCustomerBold,
.ShopCustomerRight,
.ShopCustomerRightBold,
.ShopLLim,
.ShopLLimBold,
.ShopLLimSold,
.ShopLLimStock,
.ShopLModify,
.ShopLOpen,
.ShopLOpenBold,
.ShopLOpenStock,
.SiteMapLink1,
.SiteMapLink10,
.SiteMapLink10Head,
.SiteMapLink1Head,
.SiteMapLink2,
.SiteMapLink2Head,
.SiteMapLink3,
.SiteMapLink3Head,
.SiteMapLink4,
.SiteMapLink4Head,
.SiteMapLink5,
.SiteMapLink5Head,
.SiteMapLink6,
.SiteMapLink6Head,
.SiteMapLink7,
.SiteMapLink7Head,
.SiteMapLink8,
.SiteMapLink8Head,
.SiteMapLink9,
.SiteMapLink9Head,
.SiteMapLinkId,
.SiteMapLinkIdHead,
.SiteMapLinkPicHead,
.SiteMapLinkTitle,
.SiteMapLinkTitleHead,
.SubSection,
.SubSectionCenter {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: var(--font-size14);
    font-weight: normal;

    text-decoration: none;
}

.Detail1Head,
.Detail1HeadRight,
.Detail2Head,
.Detail3Head,
.Detail4Head,
.DetailAnalysisHead,
.Edition0Head,
.Edition1Head,
.Edition2_6Head,
.Edition2Head,
.Edition3Head,
.Edition4Head,
.Edition5Head,
.Edition6Head,
.EditionNoHead,
.EditionOverview1Head,
.EditionOverview2Head,
.EditionPByHead,
.EditionPColorHead,
.EditionPCommentHead,
.EditionPDateHead,
.EditionPFinishHead,
.EditionPhaseConstraint,
.EditionPhaseEarlyBird,
.EditionPhaseFinal,
.EditionPhaseMain,
.EditionPPaperHead,
.EditionPPriceHead,
.EditionPTypeHead,
.EditionPurchaseHead,
.EditionStockHead,
.EditionTypeHead,
.EditionXHead,
.EditionXYFormatHead,
.EditionXYFrameHead,
.EditionYHead,
.lndBold,
.mail,
.mailblack,
.mailcenter,
.mailwhite,
.MenuItem9,
.MenuItem9Current,
.MenuItem9Empty,
.PostingContent,
.PostingHeaderContent,
.sectionwhite,
.tableheader {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: var(--font-size14);
    font-weight: bold;

    text-decoration: none;
}

.EditionTabButton,
.Editions,
.EditionsCompatible,
.EditionsOverview,
.InfoIconInFront,
.MenuBarItemCurrentSubDE,
.MenuBarItemCurrentSubEN,
.MenuBarItemDE,
.MenuBarItemEN,
.MenuItem1,
.MenuItem1Empty,
.MenuItem2,
.MenuItem2Empty,
.MenuItem2ID,
.MenuItem2IDEmpty,
.MenuItem3,
.MenuItem3Empty,
.MenuItem3ID,
.MenuItem3IDEmpty,
.MenuItem4,
.MenuItem4Empty,
.MenuItem4ID,
.MenuItem4IDEmpty,
.MenuItem5,
.MenuItem5Empty,
.MenuItem5ID,
.MenuItem5IDEmpty,
.MenuItem6,
.MenuItem6Empty,
.MenuItem7,
.MenuItem7Empty,
.MenuItem8,
.MenuItem8Empty,
.MenuItemIcon24,
.MenuItemIcon24Disabled,
.MenuItemIcon25,
.MenuItemIcon25Disabled,
.MenuItemIcon34,
.MenuItemIcon34Disabled,
.MenuItemIcon35,
.MenuItemIcon35Disabled,
.MenuItemIcon44,
.MenuItemIcon44Disabled,
.MenuItemIcon45,
.MenuItemIcon45Disabled,
.MenuItemIcon51,
.MenuItemIcon51Disabled,
.MenuItemIcon52,
.MenuItemIcon52Disabled,
.MenuItemIcon53,
.MenuItemIcon53Disabled,
.MenuItemIcon54,
.MenuItemIcon54Disabled,
.MenuItemIcon55,
.MenuItemIcon55Disabled,
.PicID,
.PicIDOverview,
.PicIDSub,
.picture,
.pictureblack,
.Purchase,
.SubMenuBarItemDE,
.SubMenuBarItemEN,
.TextButton,
.Title,
.TitleOverview {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: var(--font-size16);
    font-weight: normal;

    text-decoration: none;
}

h3.ui-accordion-header,
.MenuItem1Current,
.MenuItem2Current,
.MenuItem2IDCurrent,
.MenuItem3Current,
.MenuItem3IDCurrent,
.MenuItem4Current,
.MenuItem4IDCurrent,
.MenuItem5Current,
.MenuItem5IDCurrent,
.MenuItem6Current,
.MenuItem7Current,
.MenuItem8Current,
.MenuBarItemCurrentDE,
.MenuBarItemCurrentEN,
.PostingTitle,
.PostingArtist,
.SubMenuBarItemCurrentDE,
.SubMenuBarItemCurrentEN {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: var(--font-size16);
    font-weight: bold;

    text-decoration: none;
}

.ui-dialog-title {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: var(--font-size18);
    font-weight: normal;

    text-decoration: none;
}

.PicturesHeaderTitle {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: var(--font-size28);
    font-weight: normal;

    text-decoration: none;
}

.PostingHeaderArtist,
.PostingHeaderTitle {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: var(--font-size32);
    font-weight: bold;

    text-decoration: none;
}

.MenuPopUp a {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: var(--font-size32);
    font-weight: normal;

    text-decoration: none;
}


:focus {
    outline: none !important;
}

html {
    background: #FDFDFD;
}

body {
    cursor: url( "/icons/MDM/24/blue_white/cursor-default-outline_blue_white.png" ), default;
    overflow-y: scroll;
}

sup {
    font-weight: normal;
}

select:hover {
    color: #FF0000;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

input:hover {
    color: #FF0000;
    cursor: url( "/icons/MDM/24/blue_white/cursor-text_blue_white.png" ) 10 4, pointer;
}

.Left {
    left: 0px;
}
.Right {
    right: 0px;
}

.LimitedEditionSmall,
.LimitedEditionWide {
    border: 0;
}
.LimitedEditionSmall {
    max-width: 20px;
}
.LimitedEditionWide {
    max-width: 60px;
}

.Logo,
.DetailPictureNavigationLeft,
.DetailPictureNavigationRight,
.DetailPictureNavigationHDLeft,
.DetailPictureNavigationHDRight,
.DetailPictureNavigationLeftEnd,
.DetailPictureNavigationRightEnd,
.DetailPictureNavigationHDLeftEnd,
.DetailPictureNavigationHDRightEnd,
.DetailPictureNavigationSerie,
.DetailPictureNavigationHDSerie {
    z-index: 90;

    background: #FDFDFD;
    transition: color 0.2s ease-out, background 0.2s ease-in;
}

.ButtonExtraWide,
.ButtonWide,
.ButtonSmall,
.ButtonExtIcon,
.ButtonMicro,
.ButtonMicroRight {
    z-index: 10000;

    background: #FDFDFD;
    transition: color 0.2s ease-out, background 0.2s ease-in;
}

.ButtonLicense {
    background: #FDFDFD;
    transition: color 0.2s ease-out, background 0.2s ease-in;
}

.ButtonExtraWideIconMiddleLeft,
.ButtonExtraWideIconMiddleRigh,
.ButtonWideIconMiddleLeft,
.ButtonWideIconMiddleRight {
    z-index: 10000;

    opacity: 0.0;
    transition: opacity 0.2s ease-out, background 0.2s ease-in;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.DetailPictureNavigationSerie:hover {
    opacity: 0.0;
    cursor: url( "/icons/MDM/32/red_white/arrow-up-drop-circle_red_white.png" ) 10 4, pointer;
}

.DetailPictureNavigationHDSerie:hover {
    opacity: 0.0;
    cursor: url( "/icons/MDM/32/red_white/arrow-up-drop-circle_red_white.png" ) 10 4, pointer;
}

.DetailPictureNavigationLeft:hover {
   opacity: 0.0;
   cursor: url( "/icons/MDM/32/red_white/arrow-left-drop-circle_red_white.png" ) 10 4, pointer;
}

.DetailPictureNavigationRight:hover {
    opacity: 0.0;
    cursor: url( "/icons/MDM/32/red_white/arrow-right-drop-circle_red_white.png" ) 10 4, pointer;
}

.DetailPictureNavigationHDLeft:hover {
    opacity: 0.0;
    cursor: url( "/icons/MDM/32/red_white/arrow-left-drop-circle_red_white.png" ) 10 4, pointer;
}

.DetailPictureNavigationHDRight:hover {
    opacity: 0.0;
    cursor: url( "/icons/MDM/32/red_white/arrow-right-drop-circle_red_white.png" ) 10 4, pointer;
}

.DetailPictureNavigationLeftEnd:hover {
    opacity: 0.0;
    cursor: url( "/icons/MDM/32/red_white/pause_red_white.png" ) 10 4, pointer;
}

.DetailPictureNavigationRightEnd:hover {
    opacity: 0.0;
    cursor: url( "/icons/MDM/32/red_white/pause_red_white.png" ) 10 4, pointer;
}

.DetailPictureNavigationHDLeftEnd:hover {
    opacity: 0.0;
    cursor: url( "/icons/MDM/32/red_white/pause_red_white.png" ) 10 4, pointer;
}

.DetailPictureNavigationHDRightEnd:hover {
    opacity: 0.0;
    cursor: url( "/icons/MDM/32/red_white/pause_red_white.png" ) 10 4, pointer;
}

li {
    margin-left: 20px;
}

.ListMargin:not(:first-of-type) {
    margin-top: 10px;
}

.ListMargin:not(:last-of-type) {
    margin-bottom: 10px;
}

table,
table tr,
table td {
    padding: 0px;
    border: 0px;
    text-align: left;
}

table tr {
    border: 0px;
    height: 32px;
}

table td {
    border: 0px;
    height: 32px;
}

optgroup,
option {
    font-size: var(--font-size14);
}

/**/

.W800 {
    width: 800px;
    min-width: 800px;
    max-width: 800px;
}

.W1024 {
    width: 1024px;
    min-width: 1024px;
    max-width: 1024px;
}

/**/

.W768 {
    width: 768px;
    min-width: 768px;
    max-width: 768px;
}

.W512 {
    width: 512px;
    min-width: 512px;
    max-width: 512px;
}

.W256 {
    width: 256px;
    min-width: 256px;
    max-width: 256px;
}

.W128 {
    width: 128px;
    min-width: 128px;
    max-width: 128px;
}

.W64 {
    width: 64px;
    min-width: 64px;
    max-width: 64px;
}

.W32 {
    width: 32px;
    min-width: 32px;
    max-width: 32px;
}

.W16 {
    width: 16px;
    min-width: 16px;
    max-width: 16px;
}

/**/

.W100 {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
}

.W1 {
    width: 1px;
    min-width: 1px;
    max-width: 1px;
}

.W10 {
    width: 10px;
    min-width: 10px;
    max-width: 10px;
}

.W12 {
    width: 12px;
    min-width: 12px;
    max-width: 12px;
}

.W13 {
    width: 13px;
    min-width: 13px;
    max-width: 13px;
}

.W20 {
    width: 20px;
    min-width: 20px;
    max-width: 20px;
}

/**/

.W1000 {
    width: 1000px;
    min-width: 1000px;
    max-width: 1000px;
}

.W900 {
    width: 900px;
    min-width: 900px;
    max-width: 900px;
}

.W800 {
    width: 800px;
    min-width: 800px;
    max-width: 800px;
}

.W700 {
    width: 700px;
    min-width: 700px;
    max-width: 700px;
}

.W600 {
    width: 600px;
    min-width: 600px;
    max-width: 600px;
}

.W500 {
    width: 500px;
    min-width: 500px;
    max-width: 500px;
}

.W400 {
    width: 400px;
    min-width: 400px;
    max-width: 400px;
}

.W300 {
    width: 300px;
    min-width: 300px;
    max-width: 300px;
}

.W200 {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
}

/**/

.W20 {
    width: 20px;
    min-width: 20px;
    max-width: 20px;
}

.W25 {
    width: 25px;
    min-width: 25px;
    max-width: 25px;
}

.W30 {
    width: 30px;
    min-width: 30px;
    max-width: 30px;
}

.W40 {
    width: 40px;
    min-width: 40px;
    max-width: 40px;
}

.W50 {
    width: 50px;
    min-width: 50px;
    max-width: 50px;
}

.W60 {
    width: 60px;
    min-width: 60px;
    max-width: 60px;
}

/**/

.W150 {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
}

.W250 {
    width: 250px;
    min-width: 250px;
    max-width: 250px;
}

.W350 {
    width: 350px;
    min-width: 350px;
    max-width: 350px;
}

.W450 {
    width: 450px;
    min-width: 450px;
    max-width: 450px;
}

.W550 {
    width: 550px;
    min-width: 550px;
    max-width: 550px;
}

.W650 {
    width: 650px;
    min-width: 650px;
    max-width: 650px;
}

.W750 {
    width: 750px;
    min-width: 750px;
    max-width: 750px;
}

/**/

.W75 {
    width: 75px;
    min-width: 75px;
    max-width: 75px;
}

.W125 {
    width: 125px;
    min-width: 125px;
    max-width: 125px;
}

.W175 {
    width: 175px;
    min-width: 175px;
    max-width: 175px;
}

.W225 {
    width: 225px;
    min-width: 225px;
    max-width: 225px;
}

.W275 {
    width: 275px;
    min-width: 275px;
    max-width: 275px;
}

.W325 {
    width: 325px;
    min-width: 325px;
    max-width: 325px;
}

.W375 {
    width: 375px;
    min-width: 375px;
    max-width: 375px;
}

.W625 {
    width: 625px;
    min-width: 625px;
    max-width: 625px;
}

.W675 {
    width: 675px;
    min-width: 675px;
    max-width: 675px;
}

.W725 {
    width: 725px;
    min-width: 725px;
    max-width: 725px;
}

.W775 {
    width: 775px;
    min-width: 775px;
    max-width: 775px;
}

.W825 {
    width: 825px;
    min-width: 825px;
    max-width: 825px;
}

/**/

.W230 {
    width: 230px;
    min-width: 230px;
    max-width: 230px;
}

.W272 {
    width: 272px;
    min-width: 272px;
    max-width: 272px;
}

.W304 {
    width: 304px;
    min-width: 304px;
    max-width: 304px;
}

.W320 {
    width: 320px;
    min-width: 320px;
    max-width: 320px;
}

.W360 {
    width: 360px;
    min-width: 360px;
    max-width: 360px;
}

.W380 {
    width: 380px;
    min-width: 380px;
    max-width: 380px;
}


/**/

.W16 {
    width: 16px;
    min-width: 16px;
    max-width: 16px;
}

.W26 {
    width: 26px;
    min-width: 26px;
    max-width: 26px;
}

.W28 {
    width: 28px;
    min-width: 28px;
    max-width: 28px;
}

.W30 {
    width: 30px;
    min-width: 30px;
    max-width: 30px;
}

.W44 {
    width: 44px;
    min-width: 44px;
    max-width: 44px;
}

.W46 {
    width: 46px;
    min-width: 46px;
    max-width: 46px;
}

.W53 {
    width: 53px;
    min-width: 53px;
    max-width: 53px;
}

.W66 {
    width: 66px;
    min-width: 66px;
    max-width: 66px;
}

.W80 {
    width: 80px;
    min-width: 80px;
    max-width: 80px;
}

.W84 {
    width: 84px;
    min-width: 84px;
    max-width: 84px;
}

.W88 {
    width: 88px;
    min-width: 88px;
    max-width: 88px;
}

.W90 {
    width: 90px;
    min-width: 90px;
    max-width: 90px;
}

.W92 {
    width: 92px;
    min-width: 92px;
    max-width: 92px;
}

.W96 {
    width: 96px;
    min-width: 96px;
    max-width: 96px;
}

.W105 {
    width: 105px;
    min-width: 105px;
    max-width: 105px;
}

.W108 {
    width: 108px;
    min-width: 108px;
    max-width: 108px;
}

.W112 {
    width: 112px;
    min-width: 112px;
    max-width: 112px;
}

.W144 {
    width: 144px;
    min-width: 144px;
    max-width: 144px;
}

.W184 {
    width: 184px;
    min-width: 184px;
    max-width: 184px;
}

.W192 {
    width: 192px;
    min-width: 192px;
    max-width: 192px;
}

.W208 {
    width: 208px;
    min-width: 208px;
    max-width: 208px;
}

.W240 {
    width: 240px;
    min-width: 240px;
    max-width: 240px;
}

.W312 {
    width: 312px;
    min-width: 312px;
    max-width: 312px;
}

.W336 {
    width: 336px;
    min-width: 336px;
    max-width: 336px;
}

.W368 {
    width: 368px;
    min-width: 368px;
    max-width: 368px;
}

.W384 {
    width: 384px;
    min-width: 384px;
    max-width: 384px;
}

.W576 {
    width: 576px;
    min-width: 576px;
    max-width: 576px;
}

.W706 {
    width: 706px;
    min-width: 706px;
    max-width: 706px;
}

.W768 {
    width: 768px;
    min-width: 768px;
    max-width: 768px;
}

.W962 {
    width: 962px;
    min-width: 962px;
    max-width: 962px;
}

.W1008 {
    width: 1008px;
    min-width: 1008px;
    max-width: 1008px;
}

/* */
.BLACK {
    color: #000000;
}

.GREY {
    color: #888888;
}

.H16 {
    height: 16px;
}

.H20 {
    height: 20px;
}

.H26 {
    height: 26px;
}

.H32 {
    height: 32px;
}

.H40 {
    height: 40px;
}

.H48 {
    height: 48px;
}

.H50 {
    height: 50px;
}

.H64 {
    height: 64px;
}

.H80 {
    height: 80px;
}

.H96 {
    height: 96px;
}

.H112 {
    height: 112px;
}

.H350 {
    height: 350px;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

.unglow,
.glow {
}

.Internal {
    color: blue;
}

.Media,
.MediaLong,
.body,
.bodybold,
.bodyblack,
.bodywhite,
.bodyright,
.bodyrightbold,
.bodyjustify,
.bodyjustifyblack,
.bodyjustifywhite,
.bodycenter,
.bodycenterbold,
.bodycenterblack,
.bodycenterwhite,
.bodycentereditionhead,
.bodycentereditionprice,
.bodycentereditiondescription,
.Section,
.SectionCenter,
.SubSection,
.SubSectionCenter,
.Large,
.LargeCenter,
.LargeLn,
.LargeCenterLn,
.pagetitle,
.Notice,
.name,
.heading1,
.heading2,
.heading3,
.list,
.BlogDate,
.BlogSubject,
.BlogBody,
.BlogCustomer,
.BlogCustomerBold,
.ShopCustomer,
.ShopCustomerBold,
.ShopCustomerRight,
.ShopCustomerRightBold,
.ShopLLim,
.ShopLOpen,
.ShopLLimSold,
.ShopLLimStock,
.ShopLOpenStock,
.ShopLLimBold,
.ShopLOpenBold,
.ShopLModify,
.Address {
    text-align: left;
}

.Media,
.MediaLong,
.body,
.bodybold,
.bodyblack,
.bodywhite,
.bodyright,
.bodyrightbold,
.bodyjustify,
.bodyjustifyblack,
.bodyjustifywhite,
.bodycenter,
.bodycenterbold,
.bodycenterblack,
.bodycenterwhite,
.bodycentereditionhead,
.bodycentereditionprice,
.bodycentereditiondescription {
    vertical-align: top;
}

.Media,
.MediaLong,
.body,
.bodybold,
.bodyblack,
.bodyright,
.bodyrightbold,
.bodyjustify,
.bodyjustifyblack,
.bodycenter,
.bodycenterbold,
.bodycenterblack,
.bodycentereditionhead,
.bodycentereditionprice,
.bodycentereditiondescription,
.Section,
.SectionCenter,
.SubSection,
.SubSectionCenter,
.pagetitle,
.Notice,
.name,
.heading1,
.heading2,
.heading3,
.list,
.BlogDate,
.BlogSubject,
.BlogBody,
.BlogCustomer,
.BlogCustomerBold,
.ShopCustomer,
.ShopCustomerBold,
.ShopCustomerRight,
.ShopCustomerRightBold,
.ShopLLim,
.ShopLOpen,
.ShopLLimSold,
.ShopLLimStock,
.ShopLOpenStock,
.ShopLLimBold,
.ShopLOpenBold,
.ShopLModify,
.pagetitle,
.Notice,
.Section,
.SectionCenter,
.SubSection,
.SubSectionCenter,
.Large,
.LargeCenter,
.LargeLn,
.LargeCenterLn,
.heading1,
.heading2,
.heading3,
.Address {
    color: #000000;
}

.bodywhite,
.bodyjustifywhite,
.bodycenterwhite {
    color: #FFFFFF;
}

.bodyjustify,
.bodyjustifyblack,
.bodyjustifywhite {
    text-align: justify;
}

.bodyright,
.bodyrightbold {
    text-align: right;
}

.bodycenter,
.bodycenterbold,
.bodycenterblack,
.bodycenterwhite,
.bodycentereditionhead,
.bodycentereditionprice,
.bodycentereditiondescription,
.ShopLLim,
.ShopLOpen,
.ShopLLimSold,
.ShopLLimStock,
.ShopLOpenStock,
.ShopLLimBold,
.ShopLOpenBold,
.ShopLModify,
.Address {
    text-align: center;
}

.bodyrightbold,
.bodycenterbold,
.BlogCustomerBold,
.ShopCustomerBold,
.ShopCustomerRightBold,
.ShopLLimStock,
.ShopLOpenStock,
.ShopLLimBold,
.ShopLOpenBold,
.Address {
    font-weight: bold;
}

.ShopCustomerRight,
.ShopCustomerRightBold {
    text-align: right;
}

.bodycentereditionhead {
    font-size: var(--font-size24);
    background-color: #CDECFD;
}

.bodycentereditionprice {
    font-size: var(--font-size16);
    background-color: #3DBAFC;
}

.bodycentereditiondescription {
    font-size: var(--font-size14);
    background-color: #deeef7;
}

.bodybold,
.BlogDate,
.BlogSubject {
    font-weight: bold;
}

.BlogDate,
.BlogSubject {
    vertical-align: bottom;
    height: 30px;
}

.BlogSubject,
.BlogBody {
    width: 700px;
    min-width: 700px;
    max-width: 700px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 800px;
        min-width: 800px;
        max-width: 800px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (min-width: 5600px) {
        width: 1400px;
        min-width: 1400px;
        max-width: 1400px;
    }
}

.BlogDate {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 200px;
        min-width: 200px;
        max-width: 200px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
        width: 66px;
        min-width: 66px;
        max-width: 66px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (min-width: 5600px) {
        width: 200px;
        min-width: 200px;
        max-width: 200px;
    }
}

.CVKey {
    width: 300px;
    min-width: 300px;
    max-width: 300px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 375px;
        min-width: 375px;
        max-width: 375px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
        width: 125px;
        min-width: 125px;
        max-width: 125px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (min-width: 5600px) {
        width: 600px;
        min-width: 600px;
        max-width: 600px;
    }
}

.CVData {
    width: 500px;
    min-width: 500px;
    max-width: 500px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 625px;
        min-width: 625px;
        max-width: 625px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
        width: 208px;
        min-width: 208px;
        max-width: 208px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (min-width: 5600px) {
        width: 1000px;
        min-width: 1000px;
        max-width: 1000px;
    }
}

.Section,
.SectionCenter,
.SectionLn,
.SectionleftLn,
.SectionCenterLn,
.Large,
.LargeCenter,
.LargeLn,
.LargeCenterLn,
.pagetitle,
.Notice {
    height: 50px;
    font-size: var(--font-size16);
    font-weight: bold;
}

.Section,
.SectionCenter {
   padding-top: var(--font-size32);
}

.SubSection,
.SubSectionCenter {
    vertical-align: bottom;
    height: 24px;
    font-size: var(--font-size16);
    font-weight: bold;
    padding-top: var(--font-size32);
}

.name {
    height: 50px;
    font-size: var(--font-size54);
    text-align: center;
}

.heading1 {
    height: 30px;
    font-size: var(--font-size16);
    font-weight: bold;
    vertical-align: bottom;
}

.heading2 {
    height: 25px;
    font-size: var(--font-size14);
    font-weight: bold;
    vertical-align: bottom;
}

.heading3 {
    height: 20px;
    font-size: var(--font-size14);
    font-weight: bold;
    vertical-align: bottom;
}

.SectionleftLn {
    text-align: left;
}

.SectionCenter,
.SubSectionCenter,
.SectionCenterLn,
.LargeCenter,
.LargeCenterLn,
.pagetitle,
.Notice {
    text-align: center;
}

.SectionCenter,
.SubSectionCenter  {
  width: 800px;
  min-width: 800px;
  max-width: 800px;
}


.pagetitle,
.Notice {
    font-size: var(--font-size20);
}

.Notice {
    color: #FF0000;
}

.list {
    padding: 0px 0px 0px 10px;
    list-style-type: square;
    color: #000000;
}

.picture,
.pictureblack {
    margin-top: 1px;
    margin-left: 0px;
    margin-bottom: 1px;
}

.picture,
.pictureblack {
    color: #000000;
}

.picturewhite {
    color: #FFFFFF;
}

.sectionwhite {
    text-align: center;

    color: #FFFFFF;
}

.tableheader {

    color: #FFFFFF;
}

.lnd,
.slnd,
.lndBold {
    transition: color 0.2s ease-out, background 0.2s ease-in;

    color: #000000;
}

.lnd:hover,
.slnd:hover,
.lndBold:hover {
    color: #FF0000;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.ln {
    color: #000000;
}

.SectionLn,
.SectionleftLn,
.SectionCenterLn {
    transition: color 0.2s ease-out, background 0.2s ease-in;

    color: #000000;
}

.SectionLn:hover,
.SectionleftLn:hover,
.SectionCenterLn:hover {
    color: #FF0000;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}


.SiteMapRow {
    height: 64px;
}

.SiteMapLinkId,
.SiteMapLinkTitle,
.SiteMapLink1,
.SiteMapLink2,
.SiteMapLink3,
.SiteMapLink4,
.SiteMapLink5,
.SiteMapLink6,
.SiteMapLink7,
.SiteMapLink8,
.SiteMapLink9,
.SiteMapLink10,
.SiteMapLinkIdHead,
.SiteMapLinkPicHead,
.SiteMapLinkTitleHead,
.SiteMapLink1Head,
.SiteMapLink2Head,
.SiteMapLink3Head,
.SiteMapLink4Head,
.SiteMapLink5Head,
.SiteMapLink6Head,
.SiteMapLink7Head,
.SiteMapLink8Head,
.SiteMapLink9Head,
.SiteMapLink10Head {
    position: absolute;

    width: 127px;
    height: 64px;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    border-style: solid;
    border-top-width: 1px;
    border-top-color: #000000;
    border-bottom-width: 1px;
    border-bottom-color: #000000;
    border-left-color: #000000;
    border-left-width: 1px;
    border-right-color: #000000;
    border-right-width: 1px;
    background-color: #dddddd;

    vertical-align: middle;
    line-height: 64px;

    text-align: center;

    color: #000000;

}

.SiteMapLinkIdHead,
.SiteMapLinkTitleHead,
.SiteMapLink1Head,
.SiteMapLink2Head,
.SiteMapLink3Head,
.SiteMapLink4Head,
.SiteMapLink5Head,
.SiteMapLink6Head,
.SiteMapLink7Head,
.SiteMapLink8Head,
.SiteMapLink9Head,
.SiteMapLink10Head {
    font-weight: bold;
}

.SiteMapLinkId,
.SiteMapLinkIdHead {
    left: 0px;
    width: 64px;
}
.SiteMapLinkTitle,
.SiteMapLinkTitleHead {
    left: 64px;
    width: 384px;
    text-align: left;
    padding-left: 5px;
}

.SiteMapLink1,
.SiteMapLink1Head {
    left: 480px;
}
.SiteMapLink2,
.SiteMapLink2Head {
    left: 608px;
}
.SiteMapLink3,
.SiteMapLink3Head {
    left: 768px;
}
.SiteMapLink4,
.SiteMapLink4Head {
    left: 896px;
}
.SiteMapLink5,
.SiteMapLink5Head {
    left: 1024px;
}
.SiteMapLink6,
.SiteMapLink6Head {
    left: 1152px;
}
.SiteMapLink7,
.SiteMapLink7Head {
    left: 1280px;
}
.SiteMapLink8,
.SiteMapLink8Head {
    left: 1408px;
}
.SiteMapLink9,
.SiteMapLink9Head {
    left: 1536px;
}
.SiteMapLink10,
.SiteMapLink10Head {
    left: 1664px;
}

.mail,
.mailblack,
.mailwhite,
.mailcenter {
}

.mail,
.mailblack,
.mailcenter {
    color: #000000;
}

.mailwhite {
    color: #FFFFFF;
}

.mailcenter {
    text-align: center;
}

.copy,
.copyblack,
.copywhite,
.copycenter,
.copycenterblack,
.copycenterwhite {
}

.copy,
.copycenter {
    color: #888888;
}

.copyblack,
.copycenterblack {
    color: #000000;
}

.copywhite,
.copycenterwhite {
    color: #FFFFFF;
}

.copycenter,
.copycenterblack,
.copycenterwhite  {
    text-align: center;
}

.copycenter {
    transition: color 0.2s ease-out, background 0.2s ease-in;
}
.copycenter:hover {
    color: #FF0000;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.checkbox {
    text-align: center;

    color: #FFFFFF;
}

div {
    border: 0px;
}

.ContainerAbsolute {
    position: absolute;

    width: 1246px;
    height: 100%;
    top: 0%;
    left: 50%;

    min-width: 1246px;
    max-width: 1246px;

    margin-left: -622px;

    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 1080px;

        min-width: 1080px;
        max-width: 1080px;

        margin-left: -540px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
        width: 360px;

        min-width: 360px;
        max-width: 360px;

        margin-left: -180px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (min-width: 5600px) {
        width: 2492px;

        min-width: 2492px;
        max-width: 2492px;

        margin-left: -1080px;
    }

    margin-top: 0px;
    background-color: #FDFDFD;
}

.ContainerFixed {
    position: fixed;

    width: 1244px;
    height: 100%;
    top: 0%;
    left: 50%;

    min-width: 1244px;
    max-width: 1244px;

    margin-left: -622px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 1080px;

        min-width: 1080px;
        max-width: 1080px;
        margin-left: -540px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
        width: 360px;

        min-width: 360px;
        max-width: 360px;
        margin-left: -180px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (min-width: 5600px) {
        width: 2160px;

        min-width: 2160px;
        max-width: 2160px;
        margin-left: -1080px;
    }

    margin-top: 0px;
    background-color: #FDFDFD;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-left-color: #FDFDFD;
    border-right-color: #FDFDFD;
    border-top-style: none;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-style: none;
}

.ContainerCinema {
    position: fixed;

    width: 1984px;
    height: 100%;
    top: 64px;
    left: 50%;

    margin-top: 0px;
    margin-left: -992px;
    background-color: #FDFDFD;
    border: 1px;
    border-left-color: #FDFDFD;
    border-right-color: #FDFDFD;
    border-top-style: none;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-style: none;
}

.SiteMapContainerFixed {
    position: fixed;

    height: 100%;
    top: 0%;
    left: 0px;
    right: 0px;

    margin-top: 0px;
    background-color: #FDFDFD;
}

.ContainerHeader {
    position: relative;

    width: 1246px;
    height: 64px;
    top: 0px;
    left: 0px;

    min-width: 1246px;
    max-width: 1246px;

    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 1080px;
        height: 128px;

        min-width: 1080px;
        max-width: 1080px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
        width: 360px;
        height: 42px;

        min-width: 360px;
        max-width: 360px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (min-width: 5600px) {
        width: 2492px;
        height: 128px;

        min-width: 2492px;
        max-width: 2492px;
    }

    margin-top: 0px;
    margin-left: 0px;
}

.Screen {
    width: 100%;
    height: 100%;

    background-color: #111111;
}

.ScreenPicture {
}

.InfoIconInFront {
    position: absolute;

    width: 22px;
    height: 19px;
    top: 0px;
    left: 0px;

    overflow-y: hidden;
    overflow-x: hidden;
    display: inline-block;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    background-color: #FDFDFD;

    border: 1px;
    border-left-color:#FDFDFD;
    border-top-style: none;
    border-left-style: solid;
    border-right-style: none;
    border-bottom-style: none;
    position: relative;
    line-height: 16px;
    vertical-align: middle;
    color: #686868;
}

.Menu {
    position: absolute;

    width: var(--icon-size);
    height: var(--icon-size);
    top: 0px;
    left: 0px;

    @media screen and (orientation:portrait) and (max-width: 12px) {
        top: 32px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
        top: 10px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (min-width: 5600px) {
        left: 0px;
    }
    background-color: #FDFDFD;
    text-align: center;
    vertical-align: middle;
    border-style: solid;

    border-bottom-width: 1px;
    border-bottom-color: #FDFDFD;
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-bottom-style: solid;
}

.MenuItem1,
.MenuItem2,
.MenuItem2ID,
.MenuItem3,
.MenuItem3ID,
.MenuItem4,
.MenuItem4ID,
.MenuItem5,
.MenuItem5ID,
.MenuItem6,
.MenuItem7,
.MenuItem8,
.MenuItem9,
.MenuItem1Current,
.MenuItem2Current,
.MenuItem2IDCurrent,
.MenuItem3Current,
.MenuItem3IDCurrent,
.MenuItem4Current,
.MenuItem4IDCurrent,
.MenuItem5Current,
.MenuItem5IDCurrent,
.MenuItem6Current,
.MenuItem7Current,
.MenuItem8Current,
.MenuItem9Current,
.MenuItem1Empty,
.MenuItem2Empty,
.MenuItem2IDEmpty,
.MenuItem3Empty,
.MenuItem3IDEmpty,
.MenuItem4Empty,
.MenuItem4IDEmpty,
.MenuItem5Empty,
.MenuItem5IDEmpty,
.MenuItem6Empty,
.MenuItem7Empty,
.MenuItem8Empty,
.MenuItem9Empty,
.MenuItemIcon24,
.MenuItemIcon25,
.MenuItemIcon24Disabled,
.MenuItemIcon25Disabled,
.MenuItemIcon34,
.MenuItemIcon35,
.MenuItemIcon34Disabled,
.MenuItemIcon35Disabled,
.MenuItemIcon44,
.MenuItemIcon45,
.MenuItemIcon44Disabled,
.MenuItemIcon45Disabled,
.MenuItemIcon51,
.MenuItemIcon52,
.MenuItemIcon53,
.MenuItemIcon54,
.MenuItemIcon55,
.MenuItemIcon51Disabled,
.MenuItemIcon52Disabled,
.MenuItemIcon53Disabled,
.MenuItemIcon54Disabled,
.MenuItemIcon55Disabled {
    position: relative;

    width: 220px;
    height: 19px;
    top: 0px;

    line-height: 16px;
    overflow-y: hidden;
    overflow-x: hidden;
    display: inline-block;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 440px;
        height: 38px;

        line-height: 38px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (min-width: 5600px) {
        width: 440px;
        height: 38px;

        line-height: 38px;
    }
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    background-color: #FDFDFD;

    border: 1px;
    border-left-color:#FDFDFD;
    border-top-style: none;
    border-left-style: solid;
    border-right-style: none;
    border-bottom-style: none;
    vertical-align: middle;
    color: #686868;
}


.MenuItem1,
.MenuItem2,
.MenuItem2ID,
.MenuItem3,
.MenuItem3ID,
.MenuItem4,
.MenuItem4ID,
.MenuItem5,
.MenuItem5ID,
.MenuItem6,
.MenuItem7,
.MenuItem8,
.MenuItem9,
.MenuItem1Current,
.MenuItem2Current,
.MenuItem2IDCurrent,
.MenuItem3Current,
.MenuItem3IDCurrent,
.MenuItem4Current,
.MenuItem4IDCurrent,
.MenuItem5Current,
.MenuItem5IDCurrent,
.MenuItem6Current,
.MenuItem7Current,
.MenuItem8Current,
.MenuItem9Current,
.MenuItem1Empty,
.MenuItem2Empty,
.MenuItem2IDEmpty,
.MenuItem3Empty,
.MenuItem3IDEmpty,
.MenuItem4Empty,
.MenuItem4IDEmpty,
.MenuItem5Empty,
.MenuItem5IDEmpty,
.MenuItem6Empty,
.MenuItem7Empty,
.MenuItem8Empty,
.MenuItem9Empty,
.MenuItemIcon24,
.MenuItemIcon25,
.MenuItemIcon24Disabled,
.MenuItemIcon25Disabled,
.MenuItemIcon34,
.MenuItemIcon35,
.MenuItemIcon34Disabled,
.MenuItemIcon35Disabled,
.MenuItemIcon44,
.MenuItemIcon45,
.MenuItemIcon44Disabled,
.MenuItemIcon45Disabled,
.MenuItemIcon51,
.MenuItemIcon52,
.MenuItemIcon53,
.MenuItemIcon54,
.MenuItemIcon55,
.MenuItemIcon51Disabled,
.MenuItemIcon52Disabled,
.MenuItemIcon53Disabled,
.MenuItemIcon54Disabled,
.MenuItemIcon55Disabled {
    left: 0px;
}

.ButtonMicro,
.ButtonMicroRight {
    position: absolute;

    width: var(--icon-size-micro);
    height: var(--icon-size-micro);
    top: 0px;
}

.ButtonMicro {
    left: 0px;
}

.ButtonMicroRight {
    right: 0px;
}

.MenuItem2,
.MenuItem2Current,
.MenuItem2Empty {
    width: 204px;
    left: 16px;

    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 408px;
        left: 32px;
    }
    @media screen and (min-width: 5600px) {
        width: 408px;
        left: 32px;
    }
}

.MenuItem2ID,
.MenuItem2IDCurrent,
.MenuItem2IDEmpty {
    width: 204px;
    left: 0px;

    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 408px;
    }
    @media screen and (min-width: 5600px) {
       width: 408px;
    }
    border: 0px;
}

.MenuItem3,
.MenuItem3Current,
.MenuItem3Empty {
    width: 188px;
    left: 32px;

    @media screen and (orientation:portrait) and (max-width: 12px) {
         width: 376px;
         left: 64px;
    }
    @media screen and (min-width: 5600px) {
         width: 376px;
         left: 64px;
    }
}

.MenuItem3ID,
.MenuItem3IDCurrent,
.MenuItem3IDEmpty {
    width: 188px;
    left: 0px;

    @media screen and (orientation:portrait) and (max-width: 12px) {
         width: 376px;
    }
    @media screen and (min-width: 5600px) {
         width: 376px;
    }
    border: 0px;
}

.MenuItem4,
.MenuItem4Current,
.MenuItem4Empty {
    width: 172px;
    left: 48px;

    @media screen and (orientation:portrait) and (max-width: 12px) {
         width: 344px;
         left: 96px;
    }
    @media screen and (min-width: 5600px) {
         width: 344px;
         left: 96px;
    }
}

.MenuItem4ID,
.MenuItem4IDCurrent,
.MenuItem4IDEmpty {
    width: 172px;
    left: 0px;

    @media screen and (orientation:portrait) and (max-width: 12px) {
         width: 344px;
    }
    @media screen and (min-width: 5600px) {
         width: 344px;
    }
    border: 0px;
}

.MenuItem5,
.MenuItem5Current,
.MenuItem5Empty {
    width: 156px;
    left: 64px;

    @media screen and (orientation:portrait) and (max-width: 12px) {
         width: 312px;
         left: 128px;
    }
    @media screen and (min-width: 5600px) {
         width: 312px;
         left: 128px;
    }
}

.MenuItem5ID,
.MenuItem5IDCurrent,
.MenuItem5IDEmpty {
    width: 156px;
    left: 0px;

    @media screen and (orientation:portrait) and (max-width: 12px) {
         width: 312px;
    }
    @media screen and (min-width: 5600px) {
         width: 312px;
    }
    border: 0px;
}

.MenuItem6,
.MenuItem6Current,
.MenuItem6Empty {
    width: 140px;
    left: 80px;

    @media screen and (orientation:portrait) and (max-width: 12px) {
         width: 280px;
         left: 160px;
    }
    @media screen and (min-width: 5600px) {
         width: 280px;
         left: 160px;
    }
}

.MenuItem7,
.MenuItem7Current,
.MenuItem7Empty {
    width: 124px;
    left: 96px;

    @media screen and (orientation:portrait) and (max-width: 12px) {
         width: 248px;
         left: 192px;
    }
    @media screen and (min-width: 5600px) {
         width: 248px;
         left: 192px;
    }
}

.MenuItem8,
.MenuItem8Current,
.MenuItem8Empty {
    width: 108px;
    left: 112px;

    @media screen and (orientation:portrait) and (max-width: 12px) {
         width: 216px;
         left: 224px;
    }
    @media screen and (min-width: 5600px) {
         width: 216px;
         left: 224px;
    }
}

.MenuItem9,
.MenuItem9Current,
.MenuItem9Empty {
    width: 92px;
    left: 128px;

    @media screen and (orientation:portrait) and (max-width: 12px) {
         width: 184px;
         left: 256px;
    }
    @media screen and (min-width: 5600px) {
         width: 184px;
         left: 256px;
    }
    display: block;
}

.MenuItem1Current,
.MenuItem2Current,
.MenuItem2IDCurrent,
.MenuItem3Current,
.MenuItem3IDCurrent,
.MenuItem4Current,
.MenuItem4IDCurrent,
.MenuItem5Current,
.MenuItem5IDCurrent,
.MenuItem6Current,
.MenuItem7Current,
.MenuItem8Current,
.MenuItem9Current {
    color: #000000;
}

.MenuItem1Empty,
.MenuItem2Empty,
.MenuItem3Empty,
.MenuItem4Empty,
.MenuItem5Empty,
.MenuItem6Empty,
.MenuItem7Empty,
.MenuItem8Empty,
.MenuItem9Empty {

}

.MenuItem1,
.MenuItem2,
.MenuItem3,
.MenuItem4,
.MenuItem5,
.MenuItem5ID,
.MenuItem6,
.MenuItem7,
.MenuItem8,
.MenuItem9,
.MenuItem1Current,
.MenuItem2Current,
.MenuItem3Current,
.MenuItem4Current,
.MenuItem5Current,
.MenuItem5IDCurrent,
.MenuItem6Current,
.MenuItem7Current,
.MenuItem8Current,
.MenuItem9Current {
    transition: color 0.2s ease-out, background 0.2s ease-in;
}

.MenuItemIcon24,
.MenuItemIcon25,
.MenuItemIcon24Disabled,
.MenuItemIcon25Disabled,
.MenuItemIcon34,
.MenuItemIcon35,
.MenuItemIcon34Disabled,
.MenuItemIcon35Disabled,
.MenuItemIcon44,
.MenuItemIcon45,
.MenuItemIcon44Disabled,
.MenuItemIcon45Disabled,
.MenuItemIcon51,
.MenuItemIcon52,
.MenuItemIcon53,
.MenuItemIcon54,
.MenuItemIcon55,
.MenuItemIcon51Disabled,
.MenuItemIcon52Disabled,
.MenuItemIcon53Disabled,
.MenuItemIcon54Disabled,
.MenuItemIcon55Disabled {
    position: absolute;
}

.MenuItemIcon24,
.MenuItemIcon24Disabled {
    width: var(--icon-size-micro);
    left: 162px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        left: 296px;
    }
    @media screen and (min-width: 5600px) {
        left: 296px;
    }
}

.MenuItemIcon25,
.MenuItemIcon25Disabled {
    width: var(--icon-size-micro);
    left: 180px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        left: 328px;
    }
    @media screen and (min-width: 5600px) {
        left: 328px;
    }
}

.MenuItemIcon34,
.MenuItemIcon34Disabled {
    width: var(--icon-size-micro);
    left: 146px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        left: 296px;
    }
    @media screen and (min-width: 5600px) {
        left: 296px;
    }
}

.MenuItemIcon35,
.MenuItemIcon35Disabled {
    width: var(--icon-size-micro);
    left: 164px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        left: 328px;
    }
    @media screen and (min-width: 5600px) {
        left: 328px;
    }
}

.MenuItemIcon44,
.MenuItemIcon44Disabled {
    width: var(--icon-size-micro);
    left: 130px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        left: 264px;
    }
    @media screen and (min-width: 5600px) {
        left: 264px;
   }
}

.MenuItemIcon45,
.MenuItemIcon45Disabled {
    width: var(--icon-size-micro);
    left: 148px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        left: 296px;
    }
    @media screen and (min-width: 5600px) {
        left: 296px;
    }
}

.MenuItemIcon51,
.MenuItemIcon51Disabled {
    width: var(--icon-size-micro);
    left: 60px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        left: 120px;
    }
    @media screen and (min-width: 5600px) {
        left: 120px;
   }
}

.MenuItemIcon52,
.MenuItemIcon52Disabled {
    width: var(--icon-size-micro);
    left: 78px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        left: 156px;
    }
    @media screen and (min-width: 5600px) {
        left: 156px;
   }
}

.MenuItemIcon53,
.MenuItemIcon53Disabled {
    width: var(--icon-size-micro);
    left: 96px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        left: 192px;
    }
    @media screen and (min-width: 5600px) {
        left: 192px;
    }
}

.MenuItemIcon54,
.MenuItemIcon54Disabled {
    width: var(--icon-size-micro);
    left: 114px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        left: 228px;
    }
    @media screen and (min-width: 5600px) {
        left: 228px;
   }
}

.MenuItemIcon55,
.MenuItemIcon55Disabled {
    width: var(--icon-size-micro);
    left: 132px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        left: 264px;
    }
    @media screen and (min-width: 5600px) {
        left: 264px;
   }
}

.MenuItem1:hover,
.MenuItem2:hover,
.MenuItem2ID:hover,
.MenuItem3:hover,
.MenuItem3ID:hover,
.MenuItem4:hover,
.MenuItem4ID:hover,
.MenuItem5:hover,
.MenuItem5ID:hover,
.MenuItem6:hover,
.MenuItem7:hover,
.MenuItem8:hover,
.MenuItem9:hover,
.MenuItem1Current:hover,
.MenuItem2Current:hover,
.MenuItem2IDCurrent:hover,
.MenuItem3Current:hover,
.MenuItem3IDCurrent:hover,
.MenuItem4Current:hover,
.MenuItem4IDCurrent:hover,
.MenuItem5Current:hover,
.MenuItem5IDCurrent:hover,
.MenuItem6Current:hover,
.MenuItem7Current:hover,
.MenuItem8Current:hover,
.MenuItem9Current:hover {
    color: #FF0000;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.MenuBarItemEN,
.MenuBarItemDE,
.MenuBarItemCurrentEN,
.MenuBarItemCurrentDE,
.MenuBarItemCurrentSubEN,
.MenuBarItemCurrentSubDE {
    color: #000000;

    transition: color 0.2s ease-out, background 0.2s ease-in;
    float: left;
    margin-right: 20px;
    color: #686868;
}

.MenuBarItemDE,
.MenuBarItemDE {
    margin-right: 12px;
}

.MenuBarItemCurrentEN,
.MenuBarItemCurrentDE {
    color: #000000;
}

.MenuBarItemCurrentSubEN,
.MenuBarItemCurrentSubDE {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-decoration-skip-ink: none;
    text-underline-offset: 4px;
}

.MenuBarItemEN:hover,
.MenuBarItemDE:hover,
.MenuBarItemCurrentEN:hover,
.MenuBarItemCurrentDE:hover,
.MenuBarItemCurrentSubEN:hover,
.MenuBarItemCurrentSubDE:hover {
    color: #FF0000;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.SubMenuBarItemEN,
.SubMenuBarItemDE,
.SubMenuBarItemCurrentEN,
.SubMenuBarItemCurrentDE {
    color: #000000;

    transition: color 0.2s ease-out, background 0.2s ease-in;
    float: left;
    margin-right: 20px;
    color: #686868;
}

.SubMenuBarItemDE,
.SubMenuBarItemCurrentDE {
    margin-right: 16px;
}

.SubMenuBarItemCurrentEN,
.SubMenuBarItemCurrentDE {
    color: #000000;
}

.SubMenuBarItemEN:hover,
.SubMenuBarItemDE:hover,
.SubMenuBarItemCurrentEN:hover,
.SubMenuBarItemCurrentDE:hover {
    color: #FF0000;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.Logo {
    position: absolute;

    width: 220px;
    height: 64px;
    top: 0px;
    left: 0px;

    background-color: #FDFDFD;






    text-align: left;
    vertical-align: middle;
    border-style: solid;

    border-left-width: 1px;
    border-left-color: #FDFDFD;





    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-bottom-style: none;
}

.LogoIcon,
.LogoIconOverlay {
    position: absolute;

    width: 220px;
    height: 64px;
    top: 0px;
    left: 0px;

    border: 0;
}

.LogoIconOverlay {
    opacity: 0.0;
}

.Logo:hover .LogoIconOverlay {
    transition: 0.3s ease;
    opacity: 1.0;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.Logo:hover .LogoIcon {
    transition: 0.3s ease;
    opacity: 0.0;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.Address {
    margin-left: auto;
    margin-right: auto;
    width: 220px;
    height: 80px;

    top: 0px;
    left: 0px;
    background-color: #FDFDFD;
    text-align: left;
    vertical-align: middle;
    border-style: solid;

    border-left-width: 1px;
    border-left-color: #FDFDFD;
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-bottom-style: none;
}


.AddressIcon,
.AddressIconOverlay {
    position: absolute;
}

.AddressIconOverlay {
    opacity: 0.0;
}

.Address:hover .AddressIconOverlay {
    transition: 0.3s ease;
    opacity: 1.0;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.Address:hover .AddressIcon {
    transition: 0.3s ease;
    opacity: 0.0;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.Copyright {
    position: absolute;

    width: 536px;
    height: var(--icon-size);
    top: 0px;
    left: 220px;

    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 1080px;
        left: 0px;
    }
    @media screen and (min-width: 5600px) {
        width: 1072px;
        left: 440px;
    }
    background-color: #FDFDFD;
    text-align: center;

    border-bottom-width: 1px;
    border-bottom-color: #FDFDFD;
    border-bottom-style: solid;
    border-left-color: #FDFDFD;
    border-left-style: none;
    border-right-color: #FDFDFD;
    border-right-style: none;
}

.Title,
.Editions,
.TitleOverview,
.EditionsOverview,
.DescriptionOverview,
.EditionsCompatible {
    position: absolute;

    width: 536px;
    height: 29px;
    top: 33px;
    left: 220px;

    @media screen and (orientation:portrait) and (max-width: 12px) {
        top: 97px;
    }
    @media screen and (min-width: 5600px) {
        top: 66px;
    }

    background-color: #FDFDFD;
    text-align: center;
    vertical-align: middle;
    padding-top: 4px;

    color: #000000;

    border-bottom-color: #FDFDFD;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
}

.Title {
}

.TitleOverview {
    left: 0px;
    width: 220px;
}

.Editions {
    top: 128px;
    left: 0px;
}

.EditionsOverview {
    width: 220px;
    height: 64px;
    top: 256px;
    left: 0px;
}

.DescriptionOverview {
   width: 220px;
   top: 97px;
   left: 0px;
}

.EditionsCompatible {
    width: 220px;
    height: 64px;
    top: 256px;
    left: 0px;
}

.Purchase {
    position: absolute;

    width: 128px;
    height: 29px;
    top: 33px;
    left: 704px;

    background-color: #FDFDFD;
    text-align: center;
    vertical-align: middle;
    padding-top: 0px;

    border-bottom-color: #FDFDFD;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
}

.Serie,
.SerieSize,
.SerieOverview {
    position: absolute;

    width: 128px;
    height: 14px;

    background-color: #DDDDDD;
    text-align: center;
    vertical-align: middle;
    padding-top: 57px;
    padding-bottom: 57px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        padding-top: 40px;
        padding-bottom: 60px;
    }
    @media screen and (min-width: 5600px) {
    }
}

.Serie {
    position: relative;
    z-index: 1000;

    width: 256px;
    height: 14px;

    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 512px;
        height: 28px;
    }
    @media screen and (min-width: 5600px) {
        width: 512px;
        height: 28px;
    }
    margin-top: 5px;
    float: left;
}

.SerieSize {
    height: 8px;

    margin-top: 90px;
    background-color: #dddddd;
    padding-top: 0px;
    padding-bottom: 5px;
/*
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: var(--font-size10);
    font-weight: normal;
*/
    color: #888888;
}

.SerieOverview {
    width: 256px;

    padding-top: 54px;
    padding-bottom: 54px;
/*
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: var(--font-size20);
    font-weight: normal;
*/
}

.PicturesHeaderTitle {
    position: absolute;

    width: 224px;
    height: 70px;
    top: 58px;
    left: 0px;

    background-color: #FDFDFD;
    text-align: left;
    vertical-align: middle;
}

.PicturesHeaderFooter {
    position: absolute;

    width: 224px;
    height: 512px;
    top: 128px;
    left: 0px;

    text-align: left;
    vertical-align: middle;
}

.Filler {
    position: absolute;

    width: 192px;
    height: var(--icon-size);
    top: 0px;
    left: 832px;

    background-color: #FDFDFD;
    text-align: center;
    vertical-align: middle;
    border-style: solid;

    border-bottom-width: 1px;
    border-bottom-color: #FDFDFD;
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-bottom-style: solid;
}

.ContainerSerieHeader {
    position: relative;

    width: 832px;
    height: 64px;
    top: 0px;
    left: 0px;

    margin-top: 0px;
    margin-left: 0px;
    background-color: #FDFDFD;
    min-width: 832px;
    max-width: 832px;
}

.SeriePicture,
.SerieOverviewPicture {
    position: absolute;

    width: 832px;
    height: 704px;
    top: 64px;
    left: 412px;

    margin-top: 0px;
    margin-left: 0px;
    background-color: #FDFDFD;
    min-width: 832px;
    max-width: 832px;

    border: 0px;
}

.SerieOverviewPicture {
    width: 704px;
    min-width: 704px;
    max-width: 704px;

}

.SeriePictureTitle {
    position: absolute;

    top: 672px;
    left: 32px;
    right: var(--icon-size);
    bottom: var(--icon-size);

    background-color: #FDFDFD;
    text-align: center;
    vertical-align: middle;
}

.SerieMenu,
.GroupMenu,
.MasterGroupMenu,
.DetailMenu,
.DetailOverview {
    position: absolute;

    width: 220px;
    top: 64px;
    left: 0px;
    bottom: 0px;

    overflow-y: hidden;
    overflow-x: hidden;
    display: inline-block;

    background-color: #FDFDFD;






    margin-top: 0px;
    margin-left: 0px;
    border-left-color: #FDFDFD;





    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-bottom-style: none;
}

.SerieContentFrame,
.SerieOverviewContentFrame {
    position: absolute;

    width: 1024px;
    top: 64px;
    left: 220px;
    bottom: 32px;

    min-width: 1024px;
    max-width: 1024px;

    overflow-y: scroll;
    overflow-x: hidden;
    display: inline-block;

    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 1080px;
        min-width: 1080px;
        max-width: 1080px;
        left: 0px;
        bottom: 0px;
        top: 128px;
    }
    @media screen and (min-width: 5600px) {
        width: 2048px;
        min-width: 2048px;
        max-width: 2048px;
        left: 440px;
        bottom: 0px;
        top: 64px;
    }

    margin-top: 0px;
    margin-left: 0px;
    background-color: #FDFDFD;

    border: 1px;
    border-left-color:#FDFDFD;
    border-top-style: none;
    border-left-style: solid;
    border-right-style: none;
    border-bottom-style: none;
}

.SerieOverviewContentFrame {
    top: 33px;
}

.SerieContent,
.SerieOverviewContent {
    position: absolute;

    width: 964px;
    top: 0px;
    left: 30px;

    margin-top: 0px;
    margin-left: 0px;
    background-color: #FDFDFD;
}

.StandardContainer,
.WideContainer {
    position: absolute;

    width: 1024px;
    top: 64px;
    left: 220px;
    bottom: var(--icon-size);

    min-width: 1024px;
    max-width: 1024px;

    overflow-y: scroll;
    overflow-x: hidden;

    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 1080px;
        top: 160px;
        left: 0px;

        min-width: 1080px;
        max-width: 1080px;
    }
    @media screen and (min-width: 5600px) {
        width: 2048px;
        top: 128px;
        left: 440px;

        min-width: 2048px;
        max-width: 2048px;
    }
    margin-top: 0px;
    margin-left: 0px;
    background-color: #FDFDFD;

    border: 1px;
    border-left-color: #FDFDFD;
    border-right-color: #FDFDFD;
    border-top-style: none;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-style: none;
}

.WideContainer {
    left: 0px;
    width: 1246px;

    min-width: 1246px;
    max-width: 1246px;

    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 1080px;

        min-width: 1080px;
        max-width: 1080px;
    }
    @media screen and (min-width: 5600px) {
        width: 2492px;

        min-width: 2492px;
        max-width: 2492px;
    }
}

.PostingHeader {
   position: absolute;
   top: 24px;
   left: 3px;
   width: 1226px;
   height: 522px;
   background-color: #FDFDFD;
}

.PostingHeaderLeft {
   position: absolute;

   width: 32px;
   height: 32px;
   top: 245px;
   left: 0px;

   display: none;
}

.PostingHeaderRight {
   position: absolute;

   width: 32px;
   height: 32px;
   top: 245px;
   right: 0px;

   display: none;
}

.PostingHeaderLeft:hover {
    color: #FF0000;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.PostingHeaderRight:hover {
    color: #FF0000;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.Slide {
    display:none;
}

.BannerLeft {
    float:left;
    cursor:pointer;
}

.BannerRight {
    float:right;
    cursor:pointer;
}

.Dots {
   position: absolute;

   width: 1226px;
   height: 32px;
   top: 458px;

   text-align:center;
   display:inline-block;
}

.Dot {
   position: absolute;

   width: 32px;
   height: 32px;
   top: 0px;
   left: 0px;

   border: 0px;
   display:inline-block;
}

.PostingHeaderPictureFrame {
   position: absolute;

   width: 444px;
   height: 444px;
   top: 0px;
   left: 0px;

   background-color: #FDFDFD;
}

.PostingHeaderText {
   position: absolute;

   width: 758px;
   height: 522px;
   top: 0px;
   left: 468px;

   background-color: #FDFDFD;
}

.PostingWideHeaderPicture {
   width: 1226px;
   height: 522px;
}

.PostingWideHeaderPicture:hover {
    color: #FF0000;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.PostingHeaderPicture {
   width: 444px;
   height: 444px;
}

.PostingColumns {
   position: absolute;

   top: 572px;
   left: 0px;
   right: 0px;
   bottom: 0px;
}

.PostingCol1,
.PostingCol2,
.PostingCol3,
.PostingCol4 {
    position: absolute;

    width: 288px;
    height: auto;
    top: 0px;

    margin-right: 24px;
    margin-bottom: 24px;
    min-width: 288px;
    max-width: 288px;
}

.PostingCol1 {
    left: 3px;
}

.PostingCol2 {
    left: 315px;
}

.PostingCol3 {
    left: 627px;
}

.PostingCol4 {
    left: 941px;
}

.Posting {
    position: relative;

    width: 288px;
    top: 0px;
    left: 0px;
    right: 0px;

    min-width: 288px;
    max-width: 288px;

    color: #000000;
    display: flex;
    flex-direction: column;

    margin-bottom: 24px;
    background-color: #e4e4e3;
}

.PostingPictureFrame {
    position: relative;

    width: 288px;
    top: 0px;
    left: 0px;
    right: 0px;

    min-width: 288px;
    max-width: 288px;
}

.PhotoPosting {
    width: 286px;

    min-width: 286px;
    max-width: 286px;

    border: 1px solid #000000;
}

.PostingTitle,
.PostingArtist,
.PostingContent,
.PostingDescription {
    position: relative;

    width: 276px;
    left: 6px;
    right: 0px;

    min-width: 276px;
    max-width: 276px;

    background-color: #e4e4e3;
    display: block;
}

.PostingHeaderTitle,
.PostingHeaderArtist,
.PostingHeaderContent,
.PostingHeaderDescription,
.PostingHeaderNavigation {
    position: absolute;

    left: 6px;
    right: 6px;

    background-color: #FDFDFD;
    display: block;
    margin-bottom: 12px;
}

.PostingHeaderTitle {
    height: 42px;
    top: 0px;

    background-color: #e4e4e3;
}

.PostingHeaderArtist {
    height: 42px;
    top: 42px;

    background-color: #e4e4e3;
}

.PostingHeaderContent{
    height: 48px;
    top: 84px;

    background-color: #e4e4e3;
}

.PostingHeaderDescription {
    top: 132px;
    height: 358px;
    background-color: #e4e4e3;
}

.PostingHeaderNavigation {
    height: 32px;
    top: 490px;
    bottom: 0px;
}

.PostingIconFrame {
    position: absolute;

    width: 20px;
    height: 20px;
    top: 0px;
    right: 0px;
}

.PostingHeaderDescription,
.PostingDescription {
    color: #686868;
}

.Posting:hover .slnd {
    color: #FF0000;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.Posting:hover {
    outline: 3px solid red;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.LegalContainerCinema,
.LegalContainer {
    position: absolute;
    z-index: 100000;

    width: 1024px;
    height: 29px;
    left: 220px;

    min-width: 1024px;
    max-width: 1024px;

    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 1080px;
        min-width: 1080px;
        max-width: 1080px;
        left: 0px;
        height: 29px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (min-width: 5600px) {
        width: 2048px;
        min-width: 2048px;
        max-width: 2048px;
        left: 440px;
        height: 58px;
    }
    bottom: 0px;
    margin-top: 0px;
    margin-left: 0px;
    background-color: #FDFDFD;

    border: 1px;
    border-left-color: #FDFDFD;
    border-right-color: #FDFDFD;
    border-top-style: none;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-style: none;
}

.LegalContainerCinema {
    left:auto;
    margin-left: auto;
    margin-right: auto;
}

.YouTubeSerie {
    position: absolute;

    top: 0px;
    left: 960px;
}


.LegalBlogEN,
.LegalBlogDE {
    position: absolute;

    width: 65px;
    top: 0px;
    left: 100px;


    min-width: 65px;
    max-width: 65px;
}

.LegalBlogDE {
    left: 85px;
}

.LegalBlogImprintEN,
.LegalBlogImprintDE {
    position: absolute;

    width: 10px;
    top: 0px;
    left: 165px;


    min-width: 10px;
    max-width: 10px;
}

.LegalBlogImprintDE {
    left: 150px;
}

.LegalImprintEN,
.LegalImprintDE {
    position: absolute;

    width: 65px;
    top: 0px;
    left: 175px;


    min-width: 65px;
    max-width: 65px;
}

.LegalImprintDE {
    width: 85px;
    min-width: 85px;
    max-width: 85px;
    left: 160px;
}

.LegalImprintPrivacyEN,
.LegalImprintPrivacyDE {
    position: absolute;

    top: 0px;
    width: 10px;
    left: 240px;


    min-width: 10px;
    max-width: 10px;
}

.LegalImprintPrivacyDE {
    left: 245px;
}

.LegalPrivacyEN,
.LegalPrivacyDE {
    position: absolute;

    width: 130px;
    top: 0px;
    left: 250px;


    min-width: 130px;
    max-width: 130px;
}

.LegalPrivacyDE {
    width: 155px;
    left: 255px;

    min-width: 155px;
    max-width: 155px;
}

.LegalPrivacyTrademarksEN,
.LegalPrivacyTrademarksDE {
    position: absolute;

    width: 10px;
    top: 0px;
    left: 380px;


    min-width: 10px;
    max-width: 10px;
}

.LegalPrivacyTrademarksDE {
    left: 410px;
}

.LegalTrademarksEN,
.LegalTrademarksDE {
    position: absolute;

    width: 90px;
    top: 0px;
    left: 390px;


    min-width: 90px;
    max-width: 90px;
}

.LegalTrademarksDE {
    width: 60px;
    left: 420px;

    min-width: 60px;
    max-width: 60px;
}

.LegalTrademarksCopyrightEN,
.LegalTrademarksCopyrightDE {
    position: absolute;

    width: 10px;
    top: 0px;
    left: 480px;


    min-width: 10px;
    max-width: 10px;
}

.LegalTrademarksCopyrightDE {
    left: 480px;
}

.LegalCopyrightEN,
.LegalCopyrightDE {
    position: absolute;
    top: 0px;
    width: 165px;
    min-width: 165px;
    max-width: 165px;
    left: 490px;

}

.LegalCopyrightDE {
    width: 165px;
    left: 490px;

    min-width: 165px;
    max-width: 165px;
}

.LegalCopyrightIconGroupEN,
.LegalCopyrightIconGroupDE {
    position: absolute;

    width: 10px;
    top: 0px;
    left: 655px;


    min-width: 10px;
    max-width: 10px;
}

.LegalCopyrightIconGroupDE {
    left: 655px;
}

.LegalArtGalleryEN,
.LegalArtGalleryDE {
    position: absolute;

    top: 0px;
    left: 675px;


}

.LegalArtGalleryDE {
    left: 675px;


}

.LegalNavigationArtistsEN,
.LegalNavigationArtistsDE {
    position: absolute;

    top: 0px;
    left: 675px;


}

.LegalNavigationArtistsDE {
    left: 675px;


}

.LegalNavigationPhoneEN,
.LegalNavigationPhoneDE {
    position: absolute;

    top: 0px;
    left: 695px;


}

.LegalNavigationPhoneDE {
    left: 695px;


}

.LegalNavigationEmailEN,
.LegalNavigationEmailDE {
    position: absolute;

    top: 0px;
    left: 715px;


}

.LegalNavigationEmailDE {
    left: 715px;


}

.LegalIconGroupDividerEN,
.LegalIconGroupDividerDE {
    position: absolute;

    width: 10px;
    top: 0px;
    left: 740px;


    min-width: 10px;
    max-width: 10px;
}

.LegalIconGroupDividerDE {
    left: 740px;
}

.LegalNavigationFlickrEN,
.LegalNavigationFlickrDE {
    position: absolute;

    top: 0px;
    left: 755px;


}

.LegalNavigationFlickrDE {
    left: 755px;


}

.LegalNavigationInstagramEN,
.LegalNavigationInstagramDE {
    position: absolute;

    top: 0px;
    left: 775px;


}

.LegalNavigationInstagramDE {
    left: 775px;


}

.LegalNavigationYouTubeEN,
.LegalNavigationYouTubeDE {
    position: absolute;
    top: 0px;
    left: 795px;


}

.LegalNavigationYouTubeDE {
    left: 795px;


}

.LegalNavigationYouTubeShortsEN,
.LegalNavigationYouTubeShortsDE {
    position: absolute;

    top: 0px;
    left: 815px;


}

.LegalNavigationYouTubeShortsDE {
    left: 815px;


}

.LegalNavigationAddressEN,
.LegalNavigationAddressDE {
    position: absolute;

    top: 0px;
    left: 815px;


}

.LegalNavigationAddressDE {
    left: 815px;


}

.LegalNavigationSocialMediaEN,
.LegalNavigationSocialMediaDE {
    position: absolute;

    top: 0px;
    left: 855px;


}

.LegalNavigationSocialMediaDE {
    left: 893px;


}

.LegalIconGroupHelpEN,
.LegalIconGroupHelpDE {
    position: absolute;

    width: 10px;
    top: 0px;
    left: 840px;


    min-width: 10px;
    max-width: 10px;
}

LegalIconGroupHelpDE {
    left: 840px;
}

.LegalHelpEN,
.LegalHelpDE {
    position: absolute;

    width: 50px;
    top: 0px;
    left: 850px;


    min-width: 50px;
    max-width: 50px;
}

.LegalHelpDE {
    left: 850px;

}


.StandardContainerHead {
    position: absolute;

    width: 1024px;
    height: 192px;
    top: 64px;
    left: 220px;

    min-width: 1024px;
    max-width: 1024px;

    margin-top: 0px;
    margin-left: 0px;

    background-color: #FDFDFD;

    border: 1px;
    border-left-color: #FDFDFD;
    border-right-color: #FDFDFD;
    border-top-style: none;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-style: none;
}

.StandardContainerBody {
    position: absolute;

    width: 1024px;
    top: 261px;
    left: 220px;
    bottom: 0px;

    margin-top: 0px;
    margin-left: 0px;

    min-width: 1024px;
    max-width: 1024px;

    overflow-y: scroll;
    overflow-x: hidden;
    background-color: #FDFDFD;

    border: 1px;
    border-left-color: #FDFDFD;
    border-right-color: #FDFDFD;
    border-top-style: none;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-style: none;
}

.SiteMapContainer {
    position: absolute;

    top: 64px;
    left: 0px;
    right: 0px;
    bottom: 32px;

    overflow-y: scroll;
    overflow-x: hidden;

    margin-top: 0px;
    margin-left: 0px;
    background-color: #f0f0f0;
    border: 0px;
}

.StandardFrame {
    width: 1026px;
    left: 0px;
    top: 10px;
    bottom: 32px;

    min-width: 1026px;
    max-width: 1026px;

    overflow: hidden;
    margin-top: 0px;
    margin-left: 0px;
    background-color: #FDFDFD;
}

.DetailPicture,
.DetailPictureHD,
.DetailPictureIndex {
    position: absolute;

    width: 1024px;
/*    height: 798px; */
    left: 220px;
    top: 64px;

    overflow-x: hidden;

    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 1024px;
     /*   width: 1080px; */
     /*      height: 1756px; */
        top: 160px;
        left: 0px;

        overflow-y: scroll;    /* only for portrait */
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (min-width: 5600px) {
        width: 2048px;
        top: 128px;
/*        height: 1596px; */
        left: 440px;
    }

    bottom: var(--icon-size);
    margin-top: 0px;
    margin-left: 0px;
    background-color: #FDFDFD;
}

.DetailPicture,
.DetailPictureIndex {
    min-width: 1024px;
    max-width: 1024px;

    @media screen and (orientation:portrait) and (max-width: 12px) {
        min-width: 1024px;
        max-width: 1024px;
      /* min-width: 1080px;
         max-width: 1080px */
        min-height: 1756px;
        max-height: 1756px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (min-width: 5600px) {
        min-width: 2048px;
        max-width: 2048px;
    }
}

.DetailPictureHD {
    width: 1984px;
    height: 1162px;
    top: 0px;
    left: 31px;
}

.DetailPictureIndex {
    top: 0px;
}

.DetailPictureFrameHD,
.DetailPictureFrame,
.DetailPictureFrameSimulation {
    position: absolute;
    z-index: 100;

    top: 31px;
    left: 31px;
    right: 31px;
    bottom: 33px;

    background-color: #FDFDFD;
}

.DetailPictureFrameHD,
.DetailPictureFrame {
    display: flex;
    justify-content: center;
}

.DetailPictureFrameHDLink,
.DetailPictureFrameLink {
    height: 100px;
}


.SimuCenteredArea_Room1 {
    position: absolute;
    z-index: 1;

    width: 500px;
    height: 300px;
    left: 0px;

    margin-left: 229px;
    margin-top: 60px;
/*    border: 1px solid #000000; */
    border: 0px;
}

.SimuCenteredArea_Room2 {
    position: absolute;
    z-index: 1;

    width: 340px;
    height: 300px;
    left: 0px;

    margin-left: 191px;
    margin-top: 100px;

/*    border: 1px solid #000000; */
    border: 0px;
}

.SimuCenteredArea_Room3 {
    position: absolute;
    z-index: 1;

    width: 580px;
    height: 400px;
    left: 0px;

    margin-left: 310px;
    margin-top: 0px;

/*    border: 1px solid #000000; */
    border: 0px;
}

.SimuCenteredArea_Room4 {
    position: absolute;
    z-index: 1;

    width: 460px;
    height: 300px;
    left: 0px;

    margin-left: 210px;
    margin-top: 74px;
/*    border: 1px solid #000000; */
    border: 0px;
}

.SimuCenteredArea_Room5 {
    position: absolute;
    z-index: 1;

    width: 500px;
    height: 300px;
    left: 0px;

    margin-left: 264px;
    margin-top: 50px;

/*    border: 1px solid #000000; */
    border: 0px;
}

.DetailSimulationConfig {
    position: absolute;
    z-index: 130;

    height: 64px;
    left: 0px;
    right: 0px;
    bottom: 0px;

    @media screen and (orientation:portrait) and (max-width: 12px) {
        height: 768px;
    }
    @media screen and (min-width: 5600px) {
        height: 128px;
    }

    margin-top: 0px;
    margin-left: 0px;
    background-color: #FDFDFD;
}

.SelectSimulationSmall {
    width: 100px;

    margin-left: 6px;
    background-color: #F3F3F3;

    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 800px;

        font-size: var(--font-size28);
    }
    @media screen and (min-width: 5600px) {
        width: 800px;

        font-size: var(--font-size28);
    }
}

.SelectSimulation {
    width: 140px;

    margin-left: 6px;
    background-color: #F3F3F3;

    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 800px;

        font-size: var(--font-size28);
    }
    @media screen and (min-width: 5600px) {
        width: 800px;

        font-size: var(--font-size28);
    }
}

.SelectSimulationWide {
    width: 210px;

    margin-left: 6px;
    background-color: #F3F3F3;

    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 800px;

        font-size: var(--font-size28);
    }
    @media screen and (min-width: 5600px) {
        width: 800px;

        font-size: var(--font-size28);
    }
}

.SelectSimulationSmall:hover,
.SelectSimulation:hover,
.SelectSimulationWide:hover {
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}
.DetailPictureNavigationLeft,
.DetailPictureNavigationHDLeft,
.DetailPictureNavigationLeftEnd,
.DetailPictureNavigationHDLeftEnd {
    position: absolute;
    z-index: 120;

    top: 31px;
    left: 0px;
    bottom: 31px;
    min-width: 180px;
    max-width: 180px;
    background-color: #FDFDFD;
    opacity: 0.0;
}

.DetailPictureNavigationRight,
.DetailPictureNavigationHDRight,
.DetailPictureNavigationRightEnd,
.DetailPictureNavigationHDRightEnd {
    position: absolute;
    z-index: 120;

    top: 31px;
    right: 0px;
    bottom: 31px;
    min-width: 180px;
    max-width: 180px;
    background-color: #FDFDFD;
    opacity: 0.0;
}

.DetailPictureNavigationHDLeft,
.DetailPictureNavigationHDRight {
    min-width: 360px;
    max-width: 360px;
}

.DetailPictureNavigationSerie,
.DetailPictureNavigationHDSerie {
    position: absolute;
    z-index: 110;

    top: 31px;
    right: 180px;
    left: 180px;
    min-height: 100px;
    max-height: 100px;
    height: 100px;
    background-color: #FDFDFD;
    opacity: 0.0;
}

/*
.DetailPicturePurchaseEmail {
    position: absolute;

    left: 31px;
    right: 32px;
    bottom: 0px;

    min-height: 31px;
    max-height: 31px;

    background-color: #FDFDFD;
    text-align: center;
    vertical-align: middle;

    padding-top: 4px;
}
*/

/*
.DetailPicturePurchaseEmailButton {
    position: absolute;

    left: 31px;
    right: 32px;
    bottom: 0px;

    min-height: 31px;
    max-height: 31px;

    background-color: #ffd700;
    text-align: center;
    vertical-align: middle;
}
*/
.DetailPictureFooter {
    position: absolute;

    width: 1026px;
    height: var(--icon-size);
    left: 0px;
    bottom: 0px;

    min-width: 1026px;
    max-width: 1026px;

    margin-bottom: 0px;
    margin-left: 0px;
    background-color: #FDFDFD;
    text-align: center;
    vertical-align: middle;
}

.ArtistPictureFrame {
    position: absolute;
    z-index: 1000;

    width: 258px;
    top: 96px;
    left: 646px;
    bottom: 31px;

    min-width: 258px;
    max-width: 258px;
    max-height: 258px;

    background-color: #FDFDFD;
    text-align: center;
}

.TinyPictureFrame {
    position: absolute;
    z-index: 1000;

    width: 258px;
    top: 31px;
    left: 31px;
    bottom: 31px;

    min-width: 258px;
    max-width: 258px;
    max-height: 258px;

    background-color: #FDFDFD;
}

.EditionOverviewDetail {
    width: 323px;
    height: 154px;

    min-height: 154px;
    max-height: 154px;
    min-width: 323px;
    max-width: 323px;
}

.EditionCompatibleDetail {
    width: 323px;
    height: 94px;

    min-height: 94px;
    max-height: 94px;
    min-width: 323px;
    max-width: 323px;
}

.EditionOverviewPictureFrame {
    position: absolute;
    z-index: 1000;

    width: 323px;
    height: 154px;
    top: 380px;
    left: 135px;
    bottom: 31px;

    min-height: 154px;
    max-height: 154px;
    min-width: 323px;
    max-width: 323px;

    background-color: #FDFDFD;
}

.EditionCompatiblePictureFrame {
    position: absolute;
    z-index: 1000;

    width: 323px;
    height: 94px;
    top: 380px;
    left: 470px;
    bottom: 31px;

    min-height: 94px;
    max-height: 94px;
    min-width: 323px;
    max-width: 323px;

    background-color: #FDFDFD;
}

.EditionOverviewPictureTitle {
    position: absolute;

    width: 323px;
    top: 540px;
    left: 135px;

    min-width: 323px;
    max-width: 323px;
    max-height: var(--icon-size);

    background-color: #FDFDFD;
    text-align: center;
    vertical-align: bottom;
}

.EditionCompatiblePictureTitle {
    position: absolute;

    width: 323px;
    top: 540px;
    left: 470px;

    min-width: 323px;
    max-width: 323px;
    max-height: var(--icon-size);

    background-color: #FDFDFD;
    text-align: center;
    vertical-align: bottom;
}

.HistogramPictureFrame {
    position: absolute;
    z-index: 1000;

    width: 256px;
    top: 305px;
    left: 31px;
    bottom: 31px;

    min-width: 258px;
    max-width: 258px;
    max-height: 202px;

    background-color: #FDFDFD;
}

.HistogramPictureTitle {
    position: absolute;

    width: 258px;
    top: 505px;
    left: 31px;

    min-width: 258px;
    max-width: 258px;
    max-height: var(--icon-size);

    background-color: #FDFDFD;
    text-align: center;
    vertical-align: bottom;
}

.AveragePictureFrame {
    position: absolute;
    z-index: 1;

    width: 102px;
    height: 102px;
    top: 305px;
    left: 320px;

    min-width: 102px;
    max-width: 102px;
    min-height: 102px;
    max-height: 102px;
    background-color: #FDFDFD;
}

.Color5PictureFrame {
    position: absolute;
    z-index: 1;

    width: 256px;
    height: 102px;
    top: 406px;
    left: 320px;

    min-width: 102px;
    max-width: 102px;
    min-height: 102px;
    max-height: 102px;

    background-color: #FDFDFD;
}

.AverageColor5PictureTitle {
    position: absolute;

    width: 102px;
    top: 505px;
    left: 320px;

    min-width: 102px;
    max-width: 102px;
    max-height: var(--icon-size);
    background-color: #FDFDFD;
    text-align: center;
    vertical-align: bottom;
}

.QRPictureFrame {
    position: absolute;
    z-index: 1000;

    width: 258px;
    height: 270px;
    top: 524px;
    left: 31px;

    min-width: 258px;
    max-width: 258px;
    min-height: 270px;
    max-height: 270px;

    @media screen and (orientation:portrait) and (max-width: 12px) {
        top: 305px;
        left: 454px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (min-width: 5600px) {
        top: 1048px;
        left: 62px;
    }

    background-color: #FDFDFD;
}

.QRPictureFrameTitle {
    position: absolute;

    width: 258px;
    height: 258px;
    top: 802px;
    left: 31px;

    min-width: 258px;
    max-width: 258px;
    max-height: var(--icon-size);

    background-color: #FDFDFD;

    text-align: center;
    vertical-align: bottom;
}

.QRIDFrame {
    position: absolute;
    z-index: 1;

    width: 256px;
    height: 102px;
    top: 606px;
    left: 320px;

    min-width: 102px;
    max-width: 102px;
    min-height: 102px;
    max-height: 102px;

    @media screen and (orientation:portrait) and (max-width: 12px) {
        top: 305px;
        left: 744px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (min-width: 5600px) {
        top: 1212px;
        left: 640px;
    }

    background-color: #FDFDFD;
}

.QRID {
    z-index: 1;

    width: 94px;
    height: 94px;

    min-width: 94px;
    min-height: 94px;
    max-width: 94px;
    max-height: 96px;

   border: 1px solid #000000;
    margin-top: 3px;
    margin-left: 3px;
}

.NWPictureFrame,
.SWPictureFrame,
.NEPictureFrame,
.SEPictureFrame,
.CEPictureFrame {
    position: absolute;

    width: 256px;
    height: 102px;
    top: 407px;
    left: 31px;

    min-width: 102px;
    min-height: 102px;
    max-width: 102px;
    max-height: 102px;

    background-color: #FDFDFD;
}

.PurchasePictureFrame {
    position: absolute;

    width: 256px;
    top: 63px;
    right: 111px;
    bottom: 31px;

    min-width: 258px;
    max-width: 258px;
    max-height: 80px;

    background-color: #FDFDFD;

    vertical-align: middle;
    text-align: center;
}

.SeriePictureFooter {
    position: absolute;

    width: 1026px;
    height: 0px;
    left: 0px;
    bottom: 0px;

    min-width: 832px;
    max-width: 832px;

    margin-top: 0px;
    margin-left: 0px;
    background-color: #FDFDFD;
    text-align: center;
    vertical-align: middle;
}

.DetailPic {
/*    position: center; */

    width: 90%;

    margin-top: var(--icon-size);
}

.SerieContentPicFrame,
.SerieInfoPicFrame,
.SerieInfoPicFrameEmpty,
.SerieOverviewContentPicFrame,
.SeriesOverviewContentPicFrame {
    position: relative;

    width: 128px;
    height: 128px;

    margin-top: 5px;
    margin-left: 256px;
    margin-bottom: 0px;
    margin-right: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-style: solid;
    border-left-color: #FDFDFD;
    border-left-width: 0px;
    border-right-color: #FDFDFD;
    border-right-width: 0px;
    background-color: #FDFDFD;
}

.SeriesOverviewContentPicFrame {
    z-index: 1000;

    @media screen and (orientation:portrait) and (max-width: 12px) {
        margin-left: 512px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (min-width: 5600px) {
        margin-left: 512px;
    }
}

.SerieContentPicFrame,
.SerieInfoPicFrame,
.SerieInfoPicFrameEmpty,
.SerieOverviewContentPicFrame {
    float: left;
    margin-left: 8px;
}

 /*
.SerieOverviewContentPicFrame {
    width: 256px;
}
*/
.SerieContentPicFrameCurrent,
.SerieOverviewContentPicFrameCurrent {
    width: 128px;
    height: 128px;

    margin-top: 5px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    border: 2px solid #000000;
}

.SerieOverviewContentPicFrameCurrent {
    width: 256px;
}

.SerieContentPic,
.SerieInfoPic,
.SerieOverviewContentPic {
    position: absolute;

    width: 128px;
    height: 128px;

    max-width: 128px;
    max-height: 128px;

    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    vertical-align: middle;
    border: 1px;
}

/*
.SerieOverviewContentPic {
    margin-left: 128px;
}
*/
.DetailDetailsID {
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    margin-top: 0px;
    margin-right: 0px;
    background-color: #FDFDFD;

    border: 1px;
    border-left-color: #FDFDFD;
    border-top-style: none;
    border-left-style: solid;
    border-right-style: none;
    border-bottom-style: none;
}

.PictureIdCenter,
.PictureId {
    font-family: Courier;
    font-size: var(--font-size18);
    font-weight: bold;
    color: #0000FF;
}

.PictureIdCenter {
    text-align: center;
}

.EditionListFrame,
.EditionSummaryFrame,
.DetailDescriptionFrame,
.DetailDescriptionLongFrame,
.DetailSeriesFrame,
.DetailAnalysisFrame,
.DetailEditionFrame,
.DetailOverviewEditionFrame,
.DetailSerieLinksFrame,
.DetailDetailsFrame {
    position: absolute;

    margin-top: 0px;
    margin-left: 0px;

    overflow-y: auto;
    overflow-x: hidden;
    background-color: #FDFDFD;

    border: 1px;
    border-left-color: #FDFDFD;
    border-top-style: none;
    border-left-style: solid;
    border-right-style: none;
    border-bottom-style: none;
}

.DetailSerieLinksFrame {
    width: 447px;
    top: 0px;
    left: 576px;

    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 703px;
/*        top: 64px */
        top: 689px;
        left: 321px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (min-width: 5600px) {
        width: 894px;
        top: 0px;
        left: 1152px;
    }
    bottom: 0px;
    border: 1px;
    border-left-color: #FDFDFD;
    border-top-style: none;
    border-left-style: solid;
    border-right-color: #FDFDFD;
    border-right-style: solid;
    border-bottom-style: none;
}

.DetailSerieLinksFrameContent {
    position: absolute;

    width: 388px;
    top: 0px;
    left: 30px;

    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 644px;
        left: 30px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (min-width: 5600px) {
        width: 776px;
        left: 60px;
    }

    margin-top: 0px;
    margin-left: 0px;
    background-color: #FDFDFD;
}

.EditionListFrame {
    top: 330px;
    left: 31px;
    right: 31px;
    bottom: 31px;

    border: 0px;
}

.EditionSummaryFrame {
    width: 422px;
    top: 330px;
    left: 0px;
    bottom: 31px;

    border: 0px;
    background-color: green;
}

.EditionTabMenu {
    position: absolute;

    top: 289px;
    left: 31px;

    overflow: hidden;
    background-color: #FDFDFD;
    border: 0px;
}

.EditionTabButton {
    position: relative;

    width: 220px;
    height: 19px;
    top: 0px;
    left: 0px;

    float: left;
    border: none;
    outline: none;
    cursor: pointer;

    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-right: 10px;

    overflow-y: hidden;
    overflow-x: hidden;
    display: inline-block;

    margin-top: 3px;
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
    background-color: #FDFDFD;

    border: 1px;
    border-left-color:#FDFDFD;
    border-top-style: none;
    border-left-style: solid;
    border-right-style: none;
    border-bottom-style: none;

    line-height: 16px;
    vertical-align: middle;

    color: #000000;
    transition: color 0.2s ease-out, background 0.2s ease-in;
}

.EditionTabButton:hover {
    color: red;
    transition: outline 0.1s ease-out, background 0.1s ease-in;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.EditionTabContent {
    display: none;
    padding: 6px 12px;
    border: 0px;
}

.DetailDescriptionFrame,
.DetailDescriptionLongFrame {
    left: 447px;
    right: 31px;
    top: 31px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        left: 320px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (min-width: 5600px) {
        left: 894px;
        right: 62px;
        top: 62px;
    }
    height: 192px;
    border: 0px;
}

.DetailDescriptionLongFrame {
    height: 384px;
}

.DetailSeriesFrame {
    left: 447px;
/*    weight: 136px; */
    top: 31px;
    height: 192px;
    border: 0px;
}

.DetailAnalysisFrame {
    left: 31px;
    right: 447px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        left: 31px;
        width: 1024px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (min-width: 5600px) {
        left: 62px;
        right: 894px;
    }
    top: 305px;
    height: 384px;
    border: 0px;
}

.DetailEditionFrame {
    left: 447px;
    right: 31px;
    top: 31px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        left: 320px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (min-width: 5600px) {
        left: 894px;
        right: 62px;
        top: 62px;
    }
    height: 192px;
    border: 0px;
}

.DetailOverviewEditionFrame {
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    border: 0px;
}

.SerieInfoContent {
    left: 31px;
    width: var(--icon-size13);
    top: 0px;
    height: 600px;
    border: 0px;
    position: absolute;
 }

.SerieInfoPicsFrame {
    width: 447px;
    height: 600px;
    top: 31px;
    left: 31px;

    border: 0px;
}

.DetailDetailsFrame {
    top: 305px;
    left: 447px;
    right: 31px;
    bottom: 0px;

    @media screen and (orientation:portrait) and (max-width: 12px) {
        top: 580px;
        left: 0px;
        right: 0px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (min-width: 5600px) {
        top: 610px;
        left: 894px;
        right: 62px;
    }
    border: 0px;
}

.SerieLinkPicFrame {
    width: 128px;
    height: 128px;

    margin-top: 5px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-style: solid;
    border-left-color: #dddddd;
    border-left-width: 2px;
    border-right-color: #dddddd;
    border-right-width: 2px;
    background-color: #dddddd;
}

.SerieLinkPic {
    position: absolute;

    width: 128px;
    height: 128px;

    max-width: 128px;
    max-height: 128px;

    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    vertical-align: middle;
    border: 1px;
}

.SerieLinkPicText {
    position: relative;

    width: 128px;
    height: 64px;
    top: 64px;
    left: 160px;

    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    border-top-width: 0px;
    border: 0px;
}

.TinyPic {
/*    position: center; */

    max-width: 256px;
    max-height: 256px;

    border: 1px solid #000000;
}

.Navigation,
.NavigationOverview {
    position: absolute;

    width: 480px;
    height: var(--icon-size);
    top: 0px;
    left: 764px;

    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 960px;
        top: 32px;
        left: 120px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (min-width: 5600px) {
        width: 960px;
        top: 0px;
        left: 1528px;
    }
    background-color: #FDFDFD;
    text-align: center;
    vertical-align: middle;

    border-bottom-width: 1px;
    border-bottom-color: #FDFDFD;
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-bottom-style: solid;
}

.NavigationOverview {
    width: 64px;
}

.NavigationElements,
.DetailNavigationElements {
    position: absolute;

    width: var(--icon-size13);
    height: var(--icon-size);
    top: 0px;
    left: 0px;

    background-color: #FDFDFD;
    text-align: center;
    vertical-align: middle;
}

.DetailNavigationElements {
    position: absolute;

    left: 0px;
}

.ButtonExtraWide:hover .ButtonExtraWideIconOverlay {
    transition: 0.3s ease;
    opacity: 1.0;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.ButtonWide:hover .ButtonWideIconOverlay {
    transition: 0.3s ease;
    opacity: 1.0;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.ButtonTiny:hover .ButtonTinyIconOverlay {
    transition: 0.3s ease;
    opacity: 1.0;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.ButtonMicro:hover .ButtonMicroIconOverlay,
.ButtonMicroRight:hover .ButtonMicroIconOverlay,
.ButtonSmall:hover .ButtonMicroIconOverlay,
.MenuItemIcon51:hover .ButtonMicroIconOverlay,
.MenuItemIcon52:hover .ButtonMicroIconOverlay,
.MenuItemIcon53:hover .ButtonMicroIconOverlay,
.MenuItemIcon54:hover .ButtonMicroIconOverlay,
.MenuItemIcon55:hover .ButtonMicroIconOverlay {
    transition: 0.3s ease;
    opacity: 1.0;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.ButtonSmall:hover .ButtonSmallIconOverlay {
    transition: 0.3s ease;
    opacity: 1.0;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.ButtonExtraWideIcon:hover .ButtonExtraWideIconOverlay {
    transition: 0.3s ease;
    opacity: 1.0;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.MenuItemIcon51Disabled:hover,
.MenuItemIcon52Disabled:hover,
.MenuItemIcon53Disabled:hover,
.MenuItemIcon54Disabled:hover,
.MenuItemIcon55Disabled:hover {
    cursor: url( "/icons/MDM/24/blue_white/cursor-default-outline_blue_white.png" ), default;
}

.ButtonExtraWideRelative:hover .ButtonExtraWideIcon {
    transition: 0.3s ease;
    opacity: 0.0;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.ButtonExtraWideRelative:hover .ButtonExtraWideIconOverlay {
    transition: 0.3s ease;
    opacity: 1.0;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.ButtonWideRelative:hover .ButtonWideIcon {
    transition: 0.3s ease;
    opacity: 0.0;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.ButtonWideRelative:hover .ButtonWideIconOverlay {
    transition: 0.3s ease;
    opacity: 1.0;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.ButtonLicense:hover .ButtonLicenseIcon {
    transition: 0.3s ease;
    opacity: 0.0;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.ButtonLicense:hover .ButtonLicenseIconOverlay {
    transition: 0.3s ease;
    opacity: 1.0;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

h3.ui-accordion-header:hover {
    transition: 0.3s ease;
    opacity: 1.0;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
    color: #FF0000;
}


.NavigationSerie {
    position: absolute;

    left: 0px;
}

.NavigationLeft {
    position: absolute;

    left: var(--icon-size1);
}

.NavigationZoom {
    position: absolute;

    left: var(--icon-size2);
}

.NavigationRight {
    position: absolute;

    left: var(--icon-size3);
}

.NavigationSeries {
    position: absolute;

    left: var(--icon-size4);
}

.NavigationMicroscope {
    position: absolute;

    left: var(--icon-size5);
}

.NavigationSimulation {
    position: absolute;

    left: var(--icon-size6);
}

.NavigationInfo {
    position: absolute;

    left: var(--icon-size7);
}

.NavigationVideo {
    position: absolute;

    left: var(--icon-size8);
}

.NavigationSCAdd {
    position: absolute;

    left: var(--icon-size9);
}

.NavigationSC {
    position: absolute;

    left: var(--icon-size10);
}

.NavigationMap {
    position: absolute;

    left: var(--icon-size11);
}

.NavigationFind {
    position: absolute;

    left: var(--icon-size12);
}

.NavigationPalette {
    position: absolute;

    left: var(--icon-size13);
}

.NavigationLanguage {
    position: absolute;

   left: var(--icon-size14);
}

.Download {
    position: relative;

    left: 0px;
}

.Datasheet {
    position: relative;

    top: -16px;
    left: 406px;

    @media screen and (orientation:portrait) and (max-width: 12px) {
        top: -32px;
        left: 812px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (min-width: 5600px) {
        top: -32px;
        left: 812px;
    }
}

.ShotOnFilm {
    position: relative;

    top: 16px;
    left: 406px;

    @media screen and (orientation:portrait) and (max-width: 12px) {
        top: 32px;
        left: 812px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (min-width: 5600px) {
        top: 32px;
        left: 812px;
    }
}

.Emlarged {
    position: relative;

    top: 48px;
    left: 406px;
}

.DatasheetLicense {
    position: relative;

    top: 26px;
    left: 406px;
}

.Catalog2 {
    position: relative;

    top: -16px;
    left: 438px;

    @media screen and (orientation:portrait) and (max-width: 12px) {
        top: -32px;
        left: 876px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (min-width: 5600px) {
        top: -32px;
        left: 876px;
    }
}

.Catalog8 {
    position: relative;

    top: -16px;
    left: 470px;

    @media screen and (orientation:portrait) and (max-width: 12px) {
        top: -32px;
        left: 940px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (min-width: 5600px) {
        top: -32px;
        left: 940px;
    }
}

.ButtonSmall,
.ButtonSmallDisabled {
    width: 16px;
    height: var(--icon-size);
    top: 0px;
    left: 0px;

    border: 0px;
}

.ButtonExtraWide,
.ButtonExtraWideRelative,
.ButtonExtraWideDisabled,
.ButtonExtraWideRelativeDisabled {
    width: 80px;
    height: var(--icon-size);
    top: 0px;
    left: 0px;

    border: 0px;
}

.ButtonWide,
.ButtonWideRelative,
.ButtonWideDisabled,
.ButtonWideRelativeDisabled {
    width: var(--icon-size);
    height: var(--icon-size);
    top: 0px;
    left: 0px;

    border: 0px;
}

.ButtonExtIcon {
    width: 18px;
    height: 18px;
    top: 0px;
    left: 0px;

    border: 0px;
}

.ButtonWideHCenter,
.ButtonSmallHCenter,
.ButtonExtIconHCenter,
.ButtonMicroHCenter,
.LogoIconHCenter {
    position: relative;

    left: 50%;
}

.ButtonWideHCenter {
    height: var(--icon-size);

    margin: calc( -1 * var(--icon-size_0_5) ) 0 0  calc( -1 * -var(--icon-size_0_5) );
}

.ButtonSmallHCenter {
    margin: calc( -1 * var(--icon-size_0_25) ) 0 0  calc( -1 * -var(--icon-size_0_25) );
}

.ButtonExtIconHCenter {
    margin: -18px 0 0 -18px;
}

.ButtonMicroHCenter {
    margin: -18px 0 0 -18px;
}

.LogoIconHCenter {
    margin: -110px 0 0 -32px;
}

.ButtonLicense {
    top: 0px;
    left: 0px;
    width: 100px;
    height: var(--icon-size);
    border: 0px;
}

.ButtonSmall,
.ButtonSmallDisabled {
    position: absolute;
}

.ButtonExtraWide,
.ButtonExtraWideDisabled {
    position: absolute;
}

.ButtonWide,
.ButtonWideDisabled {
    position: absolute;
    z-index: 200;
}

.ButtonLicense {
    position: relative;
}

.ButtonExtraWideRelative,
.ButtonExtraWideRelativeDisabled {
    position: relative;
}

.ButtonWideRelative,
.ButtonWideRelativeDisabled {
    position: relative;
}

.ButtonSmallIcon,
.ButtonSmallIconOverlay {
    position: absolute;

    width: 16px;
    height: var(--icon-size);
    top: 0px;
    left: 0px;

    border: 0px;
}

.ButtonExtraWideIcon,
.ButtonExtraWideIconOverlay {
    position: absolute;
    z-index: 200;

    width: 80px;
    height: var(--icon-size);
    top: 0px;
    left: 0px;

    border: 0px;
}

.ButtonWideIcon,
.ButtonWideIconOverlay {
    position: absolute;

    width: var(--icon-size);
    height: var(--icon-size);
    top: 0px;
    left: 0px;

    border: 0px;
}

.ButtonTinyIcon,
.ButtonTinyIconOverlay {
    position: absolute;

    width: 20px;
    height: 18px;
    top: 0px;
    left: 0px;

    border: 0px;
}

.ButtonMicroIcon,
.ButtonMicroIconOverlay {
    position: absolute;

    width: var(--icon-size-micro);
    height: var(--icon-size-micro);
    top: 0px;
    left: 0px;

/*
    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: var(--icon-size-micro);
        height: var(--icon-size-micro);
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (min-width: 5600px) {
        width: var(--icon-size-micro);
        height: var(--icon-size-micro);
    }
*/
    border: 0px;
}

.ButtonLicenseIcon,
.ButtonLicenseIconOverlay {
    position: absolute;

    width: 100px;
    height: var(--icon-size);
    top: 0px;
    left: 0px;

    border: 0px;
}

.ButtonExtraWideIconOverlay {
    opacity: 0.0;
}

.ButtonSmallIcon,
.ButtonWideIconOverlay,
.ButtonLicenseIconOverlay {
    opacity: 0.0;
}

.ButtonSmallIcon,
.ButtonSmallIconOverlay {
    opacity: 0.0;
}

.ButtonTinyIconOverlay {
    opacity: 0.0;
}

.ButtonMicroIconOverlay {
    opacity: 0.0;
}

.ButtonExtraWideIconMiddleLeft,
.ButtonExtraWideIconMiddleRight {
    position: absolute;

    width: 80px;
    height: var(--icon-size);
    top: 50%;

    border: 0px;
    margin-top: -16px;
}

.ButtonWideIconMiddleLeft,
.ButtonWideIconMiddleRight {
    position: absolute;

    width: var(--icon-size);
    height: var(--icon-size);
    top: 50%;

    border: 0px;
    margin-top: -16px;
}

.ButtonExtraWideIconMiddleLeft,
.ButtonWideIconMiddleLeft {
    left: 0px;
}

.ButtonExtraWideIconMiddleRight,
.ButtonWideIconMiddleRight {
    right: 0px;
}

.ButtonSmallIconBlur {
    position: absolute;
    z-index: 10;

    width: 16px;
    height: var(--icon-size);
    top: 0px;
    left: 0px;

    border: 0px;
}

.ButtonWideIconBlur {
    position: absolute;

    width: var(--icon-size);
    height: var(--icon-size);
    top: 0px;
    left: 0px;

    border: 0px;
}

.PicID,
.PicIDOverview,
.PicIDSub {
    position: absolute;

    width: 160px;
    height: 29px;
    top: 33px;
    left: 796px;

    @media screen and (orientation:portrait) and (max-width: 12px) {
        top: 95px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (min-width: 5600px) {
        top: 66px;
    }

    background-color: #FDFDFD;
    text-align: center;
    vertical-align: middle;

    padding-top: 4px;

    color: #888888;
    border-bottom-color: #dddddd;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
}

.PicID {
}

.PicIDOverview {
    width: 220px;
    top: 65px;
    left: 0px;
}

.PicIDSub {
    width: 160px;
    height: 18px;
    top: 0px;
    left: 0px;
}

.PicReleasedSub {
    width: 160px;
    height: 18px;
    top: 0px;
    left: 0px;

    color: #000000;
}

.Page {
    position: absolute;

    width: 160px;
    height: 29px;
    top: 33px;
    left: 1052px;

    background-color: #FDFDFD;
    text-align: center;
    vertical-align: middle;

    padding-top: 4px;
    color: #000000;
    border-bottom-color: #dddddd;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
}

.HorizontalNavigation {
    position: absolute;

    width: 256px;
    height: 24px;
    top: var(--icon-size);
    left: 474px;

    background-color: #FDFDFD;
    text-align: center;
    vertical-align: middle;

    border-bottom-width: 1px;
    border-bottom-color: #FDFDFD;
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-bottom-style: solid;
}

.HorizontalNavigationElements {
    position: absolute;

    width: 700px;
    height: 24px;
    top: 0px;
    left: 0px;

    background-color: #FDFDFD;
    text-align: center;
    vertical-align: middle;
}

.HorizontalNavigationList {
    position: absolute;
    width: 700px;
    height: 24px;
    top: -10px;
    left: 0px;
    background-color: #FDFDFD;
    float: right;
    list-style: none;
    display: flex;
    padding: 0px;
}

.HorizontalSubNavigationElements {
    position: relative;

    width: 700px;
    height: 24px;
    top: 0px;
    left: 0px;

    background-color: #FDFDFD;
    text-align: center;
    vertical-align: middle;
}

.HorizontalSubNavigationList {
    position: absolute;

    width: 700px;
    height: 24px;
    top: -10px;
    left: 0px;

    background-color: #FDFDFD;
    float: right;
    list-style: none;
    display: flex;
    padding: 0px;
}

.InternalNavigation {
    position: absolute;

    width: 256px;
    height: var(--icon-size);
    top: var(--icon-size);
    left: 972px;

    background-color: #FDFDFD;
    text-align: center;
    vertical-align: middle;

    border-bottom-width: 1px;
    border-bottom-color: #FDFDFD;
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-bottom-style: solid;
}

.InternalNavigation {
}

.InternalNavigationElements {
    position: absolute;

    width: 256px;
    height: var(--icon-size);
    top: 0px;
    left: 0px;

    background-color: #FDFDFD;
    text-align: center;
    vertical-align: middle;
}

.NavigationSD,
.NavigationHD,
.NavigationLA,
.NavigationOrigJPG,
.CopyOrigJPG,
.NavigationOrigTIFF,
.CopyOrigTIFF,
.NavigationFD,
.NavigationFL,
.NavigationInternalMarker {
    position: absolute;

    width: var(--icon-size);
    height: var(--icon-size);
}

.NavigationSD {
    left: 0px;
}

.NavigationHD {
    left: var(--icon-size);
}

.NavigationLA {
    left: 64px;
}

.NavigationOrigJPG {
    left: 96px;
}

.CopyOrigJPG {
    left: 128px;
}

.NavigationOrigTIFF {
    left: 144px;
}

.CopyOrigTIFF {
    left: 176px;
}

.NavigationFD {
    left: 192px;

    border-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: black;
}

.NavigationFL {
    left: 224px;

    border-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: black;
}

.NavigationInternalMarker {
    left: 256px;

    text-align: left;
}

.FadeOver {
    position: relative;
}

.Rightside {
    position: absolute;

    width: 192px;
    height: var(--icon-size);
    top: 0px;
    left: 832px;

    background-color: #FDFDFD;
    text-align: center;
    vertical-align: middle;
    border-bottom-width: 1px;
    border-bottom-color: #FDFDFD;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
}

.FullScreen {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: middle;
    text-align: center;
}

.Photo {
    border: 1px solid #000000;
    max-width: 960px;
}

.Photo:hover {
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.PhotoDetail {
    border: 1px solid #000000;
    max-width: 960px;
    max-height: 736px;
}

.PhotoDetailHD,
.PhotoDetailBlur {
    border: 1px solid #000000;
    max-width: 960px;
    max-height: 736px;
}

.PhotoTiny,
.PhotoTinyNoHover,
.PhotoHistogram {
    border: 1px solid #000000;
    max-width: 256px;
    max-height: 256px;
}

.PhotoTiny:hover {
    outline: 3px solid red;
}

.PhotoArtwork {
    border: 1px solid #000000;
    max-width: 256px;
    max-height: 268px;
}

.PhotoAverage {
    z-index: 1;

    width: 94px;
    height: 94px;

    min-width: 94px;
    min-height: 94px;
    max-width: 94px;
    max-height: 94px;


    border: 1px solid #000000;
    margin-top: 3px;
    margin-left: 3px;
}

.PhotoColor5 {
    z-index: 1;

    width: 94px;
    height: 94px;

    min-width: 94px;
    min-height: 94px;
    max-width: 94px;
    max-height: 96px;

    border: 1px solid #000000;
    margin-top: 3px;
    margin-left: 3px;
}

.PhotoID {
    z-index: 1;

    width: 94px;
    height: 94px;

    min-width: 94px;
    min-height: 94px;
    max-width: 94px;
    max-height: 96px;

    border: 1px solid #000000;
    margin-top: 3px;
    margin-left: 3px;
}

.SerieContentPic:hover,
.SerieOverviewContentPic:hover {
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}


.SerieContentPicFrame:hover,
.SerieInfoPicFrame:hover,
.SeriesOverviewContentPicFrame:hover,
.PhotoHistogram:hover,
.PhotoAverage:hover,
.PhotoColor5:hover,
.PhotoArtwork:hover,
.PhotoID:hover {
    outline: 3px solid red;
    transition: outline 0.1s ease-out, background 0.1s ease-in;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.EndPlaceholder {
    position: relative;

    width: 128px;
    height: 128px;

    margin-top: 5px;
    margin-left: 256px;
    margin-bottom: 0px;
    margin-right: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-style: solid;
    border-left-color: #FDFDFD;
    border-left-width: 0px;
    border-right-color: #FDFDFD;
    border-right-width: 0px;
    background-color: #FDFDFD;

    float: left;
    margin-left: 8px;
 }

.PhotoSerie {
    border: 1px solid #000000;
    max-width: 832px;
    max-height: 642px;
}

.PhotoAnnotated {
    border: 1px solid #000000;
/*    max-width: 250px;
    max-height: 200px; */
    max-width: 732px;
    max-height: 442px;
}

.PhotoSerie:hover {
    outline: 3px solid red;
}

.PhotoScreen____ {
    background-color: #111111;
    border: 1px solid #000000;
    min-height: 100px;
    min-width: 100px;
    height: 90%;
    width: 90%;
    max-height: 1400px;
    max-width: 1400px;
}

.PhotoOverview {
    border: 1px solid #000000;
    max-width: 960px;

}

.DetailContainer {
    position: absolute;

    width: 484px;
    top: 0px;
    left: 0px;
    right: 0px;

    min-width: 484px;

    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 968px;
        min-width: 968px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (min-width: 5600px) {
        width: 968px;
        min-width: 968px;
    }

    display: table;
}

.DetailOverviewContainer {
    position: absolute;

    width: 200px;
    top: 0px;
    left: 10px;
    right: 10px;

    min-width: 200px;

    display: table;
}

.DetailRow,
.EditionRow,
.EditionOverviewRow {
    position: relative;

    display: table-row;
}

.EditionRows  {
    position: relative;

    height: 36px;

    padding-right: 0px;
    padding-left: 0px;
    border-right-style: solid;
    margin-left: 0px;
    margin-right: 0px;
    border: 0px;

/*    min-height: 36px; */
/*    max-height: 36px; */
}

.EditionRowPurchase  {
    position: relative;

    width: 124px;
    top: 0px;

    min-width: 124px;
    max-width: 124px;
/*    min-height: 36px; */
/*    max-height: 36px; */

    padding-right: 0px;
    padding-left: 0px;
    border-right-style: solid;
    margin-left: 0px;
    border: 0px;
    height: 36px;
}

.EditionRowDetails {
    position: relative;

    height: 36px;

    top: -36px;
    left: 128px;
    right: 128px;

/*    min-height: 36px; */
/*    max-height: 36px; */

    padding-right: 0px;
    padding-left: 0px;
    border-right-style: solid;
    border: 0px;
}

.EditionRowPhase,
.EditionRow1,
.EditionRow2 {
    min-height: 18px;
    max-height: 18px;

    margin-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    border-right-style: solid;
    margin-left: 0px;
    border: 0px;
    height: 18px;
}

.EditionRow1 {
    top: 0px;
}

.EditionRow2 {
    top: 18px;
}

.EditionRowPhase {
    position: relative;

    margin-left: 128px;
}



.Detail1,
.Detail2,
.Detail3,
.Detail4,
.Detail2_4,
.Detail3_4,
.Detail1Head,
.Detail2Head,
.Detail3Head,
.Detail4Head,
.DetailSpace1,
.DetailSpace2,
.DetailSpace3,
.DetailSpace4,
.DetailSpace1Head,
.DetailSpace2Head,
.DetailSpace3Head,
.DetailSpace4Head,
.Detail1HeadRight,
.Edition0,
.Edition1,
.Edition2,
.Edition3,
.Edition4,
.Edition5,
.Edition6,
.Edition2_6,
.EditionOverview1,
.EditionOverview2,
.EditionNo1,
.EditionNo2,
.EditionNo3,
.EditionNo4,
.EditionNo5,
.EditionNo6,
.Edition0Head,
.Edition1Head,
.Edition2Head,
.Edition3Head,
.Edition4Head,
.Edition5Head,
.Edition6Head,
.Edition2_6Head,
.EditionOverview1Head,
.EditionOverview2Head,
.DetailAnalysisHead,
.DetailAnalysis {
    position: relative;

    height: 20px;
    width: 132px;

    min-width: 132px;

    display: table-cell;
    padding-right: 2px;
    padding-left: 2px;
    border-right-style: solid;
    border: 1px;

    @media screen and (orientation:portrait) and (max-width: 12px) {
        height: 40px;
        width: 264px;
        min-width: 264px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (min-width: 5600px) {
       height: 40px;
       width: 264px;
       min-width: 264px;
    }
    color: #000000;
}

.Detail2_4 {
    position: absolute;

    width: 396px;

    min-width: 396px;

    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 792px;
        min-width: 792px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (min-width: 5600px) {
        width: 792px;
        min-width: 792px;
    }
}

.Detail3_4 {
    position: absolute;

    width: 246px;

    min-width: 246px;

    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 792px;
        min-width: 792px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (min-width: 5600px) {
        width: 792px;
        min-width: 792px;
    }
}

/* .DetailAnalysis, */
.DetailAnalysisHead {
    width: 546px;

    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 1024px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (min-width: 5600px) {
        width: 1092px;
    }
}

.DetailAnalysisHeadIcon {
    position: absolute;

    top: 0px;
    width: 18px;
    left: 70px;

    @media screen and (orientation:portrait) and (max-width: 12px) {
        left: 140px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (min-width: 5600px) {
        left: 140px;
    }
}

.DetailSpace1,
.DetailSpace2,
.DetailSpace3,
.DetailSpace4,
.DetailSpace1Head,
.DetailSpace2Head,
.DetailSpace3Head,
.DetailSpace4Head {
    border: 0px;
    height: 10px;
}

.Edition0,
.Edition0Head {
    width: 19px;
    min-width: 19px;
    text-align: left;
    padding-right: 0px;
    padding-left: 0px;
}

.Edition1,
.Edition1Head {
    width: 117px;
    min-width: 117px;
    text-align: left;
    padding-right: 0px;
    padding-left: 0px;
}

.Edition2,
.Edition3,
.Edition4,
.Edition5,
.Edition6,
.Edition2Head,
.Edition3Head,
.Edition4Head,
.Edition5Head,
.Edition6Head {
    width: 82px;
    min-width: 82px;
    text-align: right;
    padding-right: 0px;
    padding-left: 0px;
}

.Edition2_6Head {
    width: 85px;
    min-width: 85px;
    padding-right: 0px;
    padding-left: 0px;
}

.Edition2_6 {
    width: 425px;
    min-width: 425px;
    text-align: left;
    padding-right: 0px;
    padding-left: 0px;
}

.EditionOverview1,
.EditionOverview1Head {
    width: 120px;
    min-width: 120px;
    text-align: left;
    padding-right: 0px;
    padding-left: 0px;
}

.EditionOverview2,
.EditionOverview2Head {
    width: 80px;
    min-width: 80px;
    text-align: right;
    padding-right: 0px;
    padding-left: 0px;
}

.EditionNo1,
.EditionNo2,
.EditionNo3,
.EditionNo4,
.EditionNo5,
.EditionNo6 {
    width: 78px;
    min-width: 78px;
    color: #686868;
}

.EditionPhaseEarlyBird,
.EditionPhaseMain,
.EditionPhaseConstraint,
.EditionPhaseFinal,
.EditionPurchaseEarlyBird,
.EditionNoEarlyBird,
.EditionStockEarlyBird,
.EditionXEarlyBird,
.EditionYEarlyBird,
.EditionPDateEarlyBird,
.EditionPByEarlyBird,
.EditionTypeEarlyBird,
.EditionPTypeEarlyBird,
.EditionPPaperEarlyBird,
.EditionPColorEarlyBird,
.EditionPFinishEarlyBird,
.EditionPCommentEarlyBird,
.EditionPPriceEarlyBird,
.EditionPurchaseEarlyBirdRed,
.EditionNoEarlyBirdRed,
.EditionStockEarlyBirdRed,
.EditionXEarlyBirdRed,
.EditionYEarlyBirdRed,
.EditionPDateEarlyBirdRed,
.EditionPByEarlyBirdRed,
.EditionTypeEarlyBirdRed,
.EditionPTypeEarlyBirdRed,
.EditionPPaperEarlyBirdRed,
.EditionPColorEarlyBirdRed,
.EditionPFinishEarlyBirdRed,
.EditionPCommentEarlyBirdRed,
.EditionPPriceEarlyBirdRed,
.EditionPurchaseMain,
.EditionNoMain,
.EditionStockMain,
.EditionXMain,
.EditionYMain,
.EditionPDateMain,
.EditionPByMain,
.EditionTypeMain,
.EditionPTypeMain,
.EditionPPaperMain,
.EditionPColorMain,
.EditionPFinishMain,
.EditionPCommentMain,
.EditionPPriceMain,
.EditionPurchaseMainRed,
.EditionNoMainRed,
.EditionStockMainRed,
.EditionXMainRed,
.EditionYMainRed,
.EditionPDateMainRed,
.EditionPByMainRed,
.EditionTypeMainRed,
.EditionPTypeMainRed,
.EditionPPaperMainRed,
.EditionPColorMainRed,
.EditionPFinishMainRed,
.EditionPCommentMainRed,
.EditionPPriceMainRed,
.EditionPurchaseConstraint,
.EditionNoConstraint,
.EditionStockConstraint,
.EditionXConstraint,
.EditionYConstraint,
.EditionPDateConstraint,
.EditionPByConstraint,
.EditionTypeConstraint,
.EditionPTypeConstraint,
.EditionPPaperConstraint,
.EditionPColorConstraint,
.EditionPFinishConstraint,
.EditionPCommentConstraint,
.EditionPPriceConstraint,
.EditionPurchaseConstraintRed,
.EditionNoConstraintRed,
.EditionStockConstraintRed,
.EditionXConstraintRed,
.EditionYConstraintRed,
.EditionPDateConstraintRed,
.EditionPByConstraintRed,
.EditionTypeConstraintRed,
.EditionPTypeConstraintRed,
.EditionPPaperConstraintRed,
.EditionPColorConstraintRed,
.EditionPFinishConstraintRed,
.EditionPCommentConstraintRed,
.EditionPPriceConstraintRed,
.EditionPurchaseFinal,
.EditionNoFinal,
.EditionStockFinal,
.EditionXFinal,
.EditionYFinal,
.EditionPDateFinal,
.EditionPByFinal,
.EditionTypeFinal,
.EditionPTypeFinal,
.EditionPPaperFinal,
.EditionPColorFinal,
.EditionPFinishFinal,
.EditionPCommentFinal,
.EditionPPriceFinal,
.EditionPurchaseFinalRed,
.EditionNoFinalRed,
.EditionStockFinalRed,
.EditionXFinalRed,
.EditionYFinalRed,
.EditionPDateFinalRed,
.EditionPByFinalRed,
.EditionTypeFinalRed,
.EditionPTypeFinalRed,
.EditionPPaperFinalRed,
.EditionPColorFinalRed,
.EditionPFinishFinalRed,
.EditionPCommentFinalRed,
.EditionPPriceFinalRed,
.EditionPurchaseHead,
.EditionNoHead,
.EditionStockHead,
.EditionXYFormatHead,
.EditionXYFrameHead,
.EditionXHead,
.EditionYHead,
.EditionPDateHead,
.EditionPByHead,
.EditionTypeHead,
.EditionPTypeHead,
.EditionPPaperHead,
.EditionPColorHead,
.EditionPFinishHead,
.EditionPCommentHead,
.EditionPPriceHead {
    display: table-cell;
    padding-right: 0px;
    padding-left: 0px;
    height: 18px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-width: 0px;
    border-right-color: #000000;
    border-left-width: 1px;
    border-left-color: #000000;
}

.EditionPhaseEarlyBird,
.EditionPurchaseEarlyBird,
.EditionNoEarlyBird,
.EditionStockEarlyBird,
.EditionXEarlyBird,
.EditionYEarlyBird,
.EditionPDateEarlyBird,
.EditionPByEarlyBird,
.EditionTypeEarlyBird,
.EditionPTypeEarlyBird,
.EditionPPaperEarlyBird,
.EditionPColorEarlyBird,
.EditionPFinishEarlyBird,
.EditionPCommentEarlyBird,
.EditionPPriceEarlyBird {
    color: #000000;
    background-color: #d8e3bc;
}

.EditionPhaseMain,
.EditionPurchaseMain,
.EditionNoMain,
.EditionStockMain,
.EditionXMain,
.EditionYMain,
.EditionPDateMain,
.EditionPByMain,
.EditionTypeMain,
.EditionPTypeMain,
.EditionPPaperMain,
.EditionPColorMain,
.EditionPFinishMain,
.EditionPCommentMain,
.EditionPPriceMain {
    color: #000000;
    background-color: #91d04e;
}

.EditionPhaseConstraint,
.EditionPurchaseConstraint,
.EditionNoConstraint,
.EditionStockConstraint,
.EditionXConstraint,
.EditionYConstraint,
.EditionPDateConstraint,
.EditionPByConstraint,
.EditionTypeConstraint,
.EditionPTypeConstraint,
.EditionPPaperConstraint,
.EditionPColorConstraint,
.EditionPFinishConstraint,
.EditionPCommentConstraint,
.EditionPPriceConstraint {
    color: #000000;
    background-color: #fefe01;
}

.EditionPhaseFinal,
.EditionPurchaseFinal,
.EditionNoFinal,
.EditionStockFinal,
.EditionXFinal,
.EditionYFinal,
.EditionPDateFinal,
.EditionPByFinal,
.EditionTypeFinal,
.EditionPTypeFinal,
.EditionPPaperFinal,
.EditionPColorFinal,
.EditionPFinishFinal,
.EditionPCommentFinal,
.EditionPPriceFinal {
    color: #000000;
    background-color: #fec000;
}

.EditionPurchaseEarlyBirdRed,
.EditionNoEarlyBirdRed,
.EditionStockEarlyBirdRed,
.EditionXEarlyBirdRed,
.EditionYEarlyBirdRed,
.EditionPDateEarlyBirdRed,
.EditionPByEarlyBirdRed,
.EditionTypeEarlyBirdRed,
.EditionPTypeEarlyBirdRed,
.EditionPPaperEarlyBirdRed,
.EditionPColorEarlyBirdRed,
.EditionPFinishEarlyBirdRed,
.EditionPCommentEarlyBirdRed,
.EditionPPriceEarlyBirdRed {
    color: #FF0000;
    background-color: #d8e3bc;
}

.EditionPurchaseMainRed,
.EditionNoMainRed,
.EditionStockMainRed,
.EditionXMainRed,
.EditionYMainRed,
.EditionPDateMainRed,
.EditionPByMainRed,
.EditionTypeMainRed,
.EditionPTypeMainRed,
.EditionPPaperMainRed,
.EditionPColorMainRed,
.EditionPFinishMainRed,
.EditionPCommentMainRed,
.EditionPPriceMainRed {
    color: #FF0000;
    background-color: #91d04e;
}

.EditionPurchaseConstraintRed,
.EditionNoConstraintRed,
.EditionStockConstraintRed,
.EditionXConstraintRed,
.EditionYConstraintRed,
.EditionPDateConstraintRed,
.EditionPByConstraintRed,
.EditionTypeConstraintRed,
.EditionPTypeConstraintRed,
.EditionPPaperConstraintRed,
.EditionPColorConstraintRed,
.EditionPFinishConstraintRed,
.EditionPCommentConstraintRed,
.EditionPPriceConstraintRed {
    color: #FF0000;
    background-color: #fefe01;
}

.EditionPurchaseFinalRed,
.EditionNoFinalRed,
.EditionStockFinalRed,
.EditionXFinalRed,
.EditionYFinalRed,
.EditionPDateFinalRed,
.EditionPByFinalRed,
.EditionTypeFinalRed,
.EditionPTypeFinalRed,
.EditionPPaperFinalRed,
.EditionPColorFinalRed,
.EditionPFinishFinalRed,
.EditionPCommentFinalRed,
.EditionPPriceFinalRed {
    color: #FF0000;
    background-color: #fec000;
}

.Detail1Head,
.Detail2Head,
.Detail3Head,
.Detail4Head,
.Detail1HeadRight,
.Edition0Head,
.Edition1Head,
.Edition2Head,
.Edition3Head,
.Edition4Head,
.Edition5Head,
.Edition6Head,
.Edition2_6Head,
.EditionOverview1Head,
.EditionOverview2Head,
.DetailAnalysisHead {
    border: 0px;
}

.Detail1HeadRight {
    text-align: right;
}

.EditionPurchaseHead,
.EditionNoHead,
.EditionStockHead,
.EditionXYFormatHead,
.EditionXYFrameHead,
.EditionXHead,
.EditionYHead,
.EditionPDateHead,
.EditionPByHead,
.EditionTypeHead,
.EditionPTypeHead,
.EditionPPaperHead,
.EditionPColorHead,
.EditionPFinishHead,
.EditionPCommentHead,
.EditionPPriceHead {
    background-color: #a5a5a5;
}

.EditionNoEarlyBird,
.EditionNoMain,
.EditionNoConstraint,
.EditionNoFinal,
.EditionNoEarlyBirdRed,
.EditionNoMainRed,
.EditionNoConstraintRed,
.EditionNoFinalRed,
.EditionNoHead {
    text-align: center;
}

.EditionPurchaseEarlyBird,
.EditionPurchaseMain,
.EditionPurchaseConstraint,
.EditionPurchaseFinal,
.EditionPurchaseEarlyBirdRed,
.EditionPurchaseMainRed,
.EditionPurchaseConstraintRed,
.EditionPurchaseFinalRed,
.EditionPurchaseHead {
    text-align: right;
}

.EditionStockEarlyBird,
.EditionStockMain,
.EditionStockConstraint,
.EditionStockFinal,
.EditionStockEarlyBirdRed,
.EditionStockMainRed,
.EditionStockConstraintRed,
.EditionStockFinalRed,
.EditionXEarlyBird,
.EditionXMain,
.EditionXConstraint,
.EditionXFinal,
.EditionXEarlyBirdRed,
.EditionXMainRed,
.EditionXConstraintRed,
.EditionXFinalRed,
.EditionYEarlyBird,
.EditionYMain,
.EditionYConstraint,
.EditionYFinal,
.EditionYEarlyBirdRed,
.EditionYMainRed,
.EditionYConstraintRed,
.EditionYFinalRed,
.EditionStockHead,
.EditionXYFormatHead,
.EditionXYFrameHead,
.EditionXHead,
.EditionYHead {
    text-align: center;
}

.EditionNoEarlyBird,
.EditionNoMain,
.EditionNoConstraint,
.EditionNoFinal,
.EditionNoEarlyBirdRed,
.EditionNoMainRed,
.EditionNoConstraintRed,
.EditionNoFinalRed,
.EditionNoHead {
    width: 20px;
}

.EditionPurchaseEarlyBird,
.EditionPurchaseMain,
.EditionPurchaseConstraint,
.EditionPurchaseFinal,
.EditionPurchaseEarlyBirdRed,
.EditionPurchaseMainRed,
.EditionPurchaseConstraintRed,
.EditionPurchaseFinalRed,
.EditionPurchaseHead {
    width: 127px;
}

.EditionStockEarlyBird,
.EditionStockMain,
.EditionStockConstraint,
.EditionStockFinal,
.EditionStockEarlyBirdRed,
.EditionStockMainRed,
.EditionStockConstraintRed,
.EditionStockFinalRed,
.EditionStockHead {
    width: 46px;
}

.EditionXYFormatHead,
.EditionXYFrameHead {
    width: 91px;
}

.EditionStockEarlyBird,
.EditionStockMain,
.EditionStockConstraint,
.EditionStockFinal,
.EditionStockEarlyBirdRed,
.EditionStockMainRed,
.EditionStockConstraintRed,
.EditionStockFinalRed,
.EditionXEarlyBird,
.EditionXMain,
.EditionXConstraint,
.EditionXFinal,
.EditionXEarlyBirdRed,
.EditionXMainRed,
.EditionXConstraintRed,
.EditionXFinalRed,
.EditionYEarlyBird,
.EditionYMain,
.EditionYConstraint,
.EditionYFinal,
.EditionYEarlyBirdRed,
.EditionYMainRed,
.EditionYConstraintRed,
.EditionYFinalRed,
.EditionStockHead,
.EditionXHead,
.EditionYHead {
    width: 45px;
}

.EditionPDateEarlyBird,
.EditionPDateMain,
.EditionPDateConstraint,
.EditionPDateFinal,
.EditionPDateEarlyBirdRed,
.EditionPDateMainRed,
.EditionPDateConstraintRed,
.EditionPDateFinalRed,
.EditionPByEarlyBird,
.EditionPByMain,
.EditionPByConstraint,
.EditionPByFinal,
.EditionPByEarlyBirdRed,
.EditionPByMainRed,
.EditionPByConstraintRed,
.EditionPByFinalRed,
.EditionPDateHead,
.EditionPByHead {
    width: 70px;

    text-align: center;
}

.EditionTypeEarlyBird,
.EditionTypeMain,
.EditionTypeConstraint,
.EditionTypeFinal,
.EditionTypeEarlyBirdRed,
.EditionTypeMainRed,
.EditionTypeConstraintRed,
.EditionTypeFinalRed,
.EditionPTypeEarlyBird,
.EditionPTypeMain,
.EditionPTypeConstraint,
.EditionPTypeFinal,
.EditionPTypeEarlyBirdRed,
.EditionPTypeMainRed,
.EditionPTypeConstraintRed,
.EditionPTypeFinalRed,
.EditionTypeHead,
.EditionPTypeHead {
    width: 128px;
}

.EditionPhaseEarlyBird,
.EditionPhaseMain,
.EditionPhaseConstraint,
.EditionPhaseFinal {
    width: 858px;

    border-right-width: 1px;
}

.EditionPPaperEarlyBird,
.EditionPPaperMain,
.EditionPPaperConstraint,
.EditionPPaperFinal,
.EditionPPaperEarlyBirdRed,
.EditionPPaperMainRed,
.EditionPPaperConstraintRed,
.EditionPPaperFinalRed,
.EditionPColorEarlyBird,
.EditionPColorMain,
.EditionPColorConstraint,
.EditionPColorFinal,
.EditionPColorEarlyBirdRed,
.EditionPColorMainRed,
.EditionPColorConstraintRed,
.EditionPColorFinalRed,
.EditionPPaperHead,
.EditionPColorHead {
    width: 225px;
}

.EditionPFinishEarlyBird,
.EditionPFinishMain,
.EditionPFinishConstraint,
.EditionPFinishFinal,
.EditionPFinishEarlyBirdRed,
.EditionPFinishMainRed,
.EditionPFinishConstraintRed,
.EditionPFinishFinalRed,
.EditionPCommentEarlyBird,
.EditionPCommentMain,
.EditionPCommentConstraint,
.EditionPCommentFinal,
.EditionPCommentEarlyBirdRed,
.EditionPCommentMainRed,
.EditionPCommentConstraintRed,
.EditionPCommentFinalRed,
.EditionPFinishHead,
.EditionPCommentHead {
    width: 120px;
}

.EditionPPriceEarlyBird,
.EditionPPriceMain,
.EditionPPriceConstraint,
.EditionPPriceFinal,
.EditionPPriceEarlyBirdRed,
.EditionPPriceMainRed,
.EditionPPriceConstraintRed,
.EditionPPriceFinalRed,
.EditionPPriceHead {
    width: 60px;

    border-right-width: 1px;
    text-align: center;
}

.Center {
    position: absolute;

    top: 50%;
    left: 50%;

    min-height: 300px;

    transform: translate(-50%,-50%);
}

.CenterBody {
    position: absolute;

    top: 0px;
    left: 112px;
    right: 112px;
    bottom: var(--icon-size);
}

.IndexBody {
    position: absolute;

    top: 432px;
    left: 112px;
    right: 112px;
    bottom: 0px;
}

.RandomPicture {
    max-height: 400px;
    max-width: 960px;

    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
}

.ToPurchaseButton,
.PurchaseEmailButton {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
    background: -moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background: -webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background: -o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background: -ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background: linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
/*    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0); */
    background-color: #ffec64;
/*    -moz-border-radius: 4px; */
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ffaa22;
    display: inline-block;
    cursor: pointer;
    color: #333333;
    padding: 2px 8px;

    text-align: center;
}

.ToPurchaseButton:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
    background: -moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background: -webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background: -o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background: -ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background: linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
/*    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0); */
    background-color: #ffab23;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.PurchaseEmailButton:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
    background: -moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background: -webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background: -o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background: -ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background: linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
/*    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0); */
    background-color: #ffab23;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.ToPurchaseButton:active {
    position: relative;

    top: 1px;
}

.PurchaseEmailButton:active {
    position: relative;

    top: 1px;
}

body {
    background-color: #fdfdfd;
}

video#introVideo {
    position: absolute;

    width: 100%    !important;
    height: auto   !important;
    top: 50%;
    left: 50%;

    min-width: 50%;
    min-height: 50%;

    transform: translate(-50%, -50%);
}

body#introBody {
    animation-name: black;
    background-color: #000000;
    animation-duration: 2s;
    overflow:hidden;
}

@keyframes black {
    0% {background-color: #FFFFFF;}
    100% {background-color: #000000;}
}

@keyframes white {
    0% {background-color: #000000;}
    100% {background-color: #FFFFFF;}
}

.IntroVideo {
    background-color: #ffffff;
    display: none;
    background-image: url('../extrapictures/white1920x1080.jpg');
}

.SerieVideo {
    position: absolute;

    top: var(--icon-size);
    left: var(--icon-size);

    background-color: #ffffff;
}


.EditionOverviewDialog,
.EditionCompatibleDialog,
.ArtworkDialog,
.HistogramDialog,
.AverageDialog,
.Color5Dialog,
.QRIDDialog {
}


.NWArea,
.SWArea,
.NEArea,
.SEArea,
.CEArea {
    position: absolute;
    width: 31px;
    height: 31px;
}

.NWArea {
    top: 31px;
    left: 31px;
}

.SWArea {
    left: 31px;
    bottom: 31px;
}

.NEArea {
    top: 31px;
    right: 31px;
}

.SEArea {
    right: 31px;
    bottom: 31px;
}

.CEArea {
    left: 231px;
    bottom: 31px;
}

.NWArea:hover,
.SWArea:hover,
.NEArea:hover,
.SEArea:hover,
.CEArea:hover {
    outline: 3px solid red;
    transition: outline 0.1s ease-out, background 0.1s ease-in;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.ShopLLim,
.ShopLLimSold,
.ShopLLimStock,
.ShopLLimBold,
.ShopLModify {
    padding: 0px;
    border: 0px;

}

.ShopLLimSold {
    color: #CC0000;
}


.ShopLOpen,
.ShopLOpenStock,
.ShopLOpenBold {
    padding: 0px;
    border: 0px;
    background-color: #F3F3F3;
}

.ShopLLimStock,
.ShopLOpenStock {
    color: #009900;
}

.ShopLModify {
    background-color: #FFFFCC;
}


.BlogCustomer,
.BlogCustomerBold,
.ShopCustomer,
.ShopCustomerBold,
.ShopCustomerRight,
.ShopCustomerRightBold {
    color: #000000;
}

.Table256,
.Table256Center,
.Table400,
.Table400Center,
.Table500,
.Table500Center,
.Table600,
.Table600Center,
.Table800,
.Table800Center,
.Table962,
.Table962Center,
.Table1000,
.Table1000Center {
    margin-left:auto;
    margin-right:auto;
}

.Table256,
.Table256Center {
    width: 256px;
    min-width: 256px;
    max-width: 256px;
}

.Table400,
.Table400Center {
    width: 400px;
    min-width: 400px;
    max-width: 400px;
}

.Table500,
.Table500Center {
    width: 500px;
    min-width: 500px;
    max-width: 500px;
}

.Table600,
.Table600Center {
    width: 600px;
    min-width: 600px;
    max-width: 600px;
}

.Table800,
.Table800Center {
    width: 800px;
    min-width: 800px;
    max-width: 800px;
}

.Table962,
.Table962Center {
    width: 962px;
    min-width: 962px;
    max-width: 962px;
}

.Table1000,
.Table1000Center {
    width: 1000px;
    min-width: 1000px;
    max-width: 1000px;
}

.Table256Center,
.Table400Center,
.Table500Center,
.Table600Center,
.Table800Center,
.Table962Center,
.Table1000Center {
    text-align: center;
}

.TableMain,
.TableMainCenter {
    margin-left:auto;
    margin-right:auto;
    width: 800px;
    min-width: 800px;
    max-width: 800px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 1000px;
        min-width: 1000px;
        max-width: 1000px;
    }
    @media screen and (min-width: 5600px) {
        width: 1600px;
        min-width: 1600px;
        max-width: 1600px;
    }
}

.TableMainCenter {
    text-align: center;
}

.WIcon {
    width: 32px;
    min-width: 32px;
    max-width: 32px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 64px;
        min-width: 64px;
        max-width: 64px;
    }
    @media screen and (min-width: 5600px) {
        width: 64px;
        min-width: 64px;
        max-width: 64px;
    }
}

.DualColumnTable {
    width: 272px;
    min-width: 272px;
    max-width: 272px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 372px;
        min-width: 372px;
        max-width: 372px;
    }
    @media screen and (min-width: 5600px) {
        width: 544px;
        min-width: 544px;
        max-width: 544px;
    }
}

.DualColumnTableSpacer {
    width: 128px;
    min-width: 128px;
    max-width: 128px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 64px;
        min-width: 64px;
        max-width: 64px;
    }
    @media screen and (min-width: 5600px) {
        width: 256px;
        min-width: 256px;
        max-width: 256px;
    }
}

.Input:hover {
    cursor: url( "/icons/MDM/24/blue_white/cursor-text_blue_white.png" ) 10 4, pointer;
}

.ui-dialog {
    z-index: 20000 !important;
}  /* workaround jquery issue */

.ui-button:hover,
.ui-button-icon-primary:hover {
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.ui-autocomplete-input:hover {
    cursor: url( "/icons/MDM/24/blue_white/cursor-text_blue_white.png" ) 10 4, pointer;
}

.TextButton {
    width: 200px;
    height: var(--icon-size);
    border: none;
    color: #000000;
    background-color: #C8C8C8;
    text-align: center;

    display: inline-block;
    transition-duration: 0.4s;
}

.TextButton:hover {
    color: red;
}

.SelectionEditionContent,
.SelectionSizeContent,
.SelectionFrameSizeContent,
.SelectionFinishingContent,
.SelectionFrameColorContent,
.SelectionFrameTypeContent,
.SelectionFrameGlassContent,
.SelectionPasspartoutColorContent {
    color: #0C0;
}

.LineAbove {
    border-style: solid;
    border-top-width: 1px;
    border-top-color: #000000;
}

h3.ui-accordion-header {
    text-align: left;
}

.Middle {
    vertical-align: middle;
}



/*
.bodyjustify {
color: black;
}
*/
.ui-controlgroup-vertical {
    width: 150px;
}

.ui-controlgroup.ui-controlgroup-vertical > button.ui-button,
.ui-controlgroup.ui-controlgroup-vertical > .ui-controlgroup-label {
    text-align: center;
}


/* ================================= */

.ui-dialog-title {
}

.ui-icon {
}

.ui-dialog-titlebar-close,
.ui-dialog-titlebar-download {
  transform: scale( var(--jquery-icon-scale) );
}


.ui-dialog-titlebar-download:hover .ui-icon {
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
    background-image: url( "/jquery/jquery-ui-themes-1.13.2/themes/base/images/ui-icons_ff0000_256x240.png" );
}

.ui-dialog-titlebar-close:hover .ui-icon {
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
    background-image: url( "/jquery/jquery-ui-themes-1.13.2/themes/base/images/ui-icons_ff0000_256x240.png" );
}

.ui-dialog-titlebar .ui-dialog-titlebar-download {
    position: absolute;

    width: 20px;
    height: 20px;
    top: 50%;

    padding: 1px;
    margin: -10px var(--jquery-icon-margin) 0 0;
}

.ui-dialog-titlebar .ui-dialog-titlebar-download {
    right: 2.25em;
}

.ui-dialog-titlebar > ui-dialog-titlebar-download {
    background: red;
}

.ui-state-active {
    background: grey;
    border: grey;
}

.MenuBackground {
    position:absolute;
    z-index: 199999;

    height: 0%;
    width: 100%;

    background-color: rgba(127,127,127,.5);
/*   transition: 0.1s; */
}

.MenuOverlay {
    position: absolute;
    z-index: 200001;

    width: 440px;
    height: 0%;

    top: 0px;
    left: 0px;

    background-color: #FDFDFD;
    border: 2px;
    border-left-color:#FDFDFD;
    border-top-style: none;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-style: none;
    overflow-x: hidden;
/*  transition: 0.5s; */
    color: #686868;
}

.MenuFreeOverlay {
    position: absolute;
    z-index: 200001;

    height: 0%;
    top: 0px;
    left: 440px;
    right: 0px;

/*   transition: 0.5s; */
    opacity: 0.0;
}

.PopUpMenu {
    position: relative;
    z-index: 200000;

    top: 64px;
    width: 220px;

    text-align: left;
    margin-top: 30px;
}

.MenuPopUp a {
    padding: 8px;

    color: #818181;
    display: block;
    transition: 0.3s;
}

/* Order of classes in css define the priority. Last here overweites earlier */
.Media::before {
  content: var(--media);
}

.MediaLong::before {
  content: var(--media-long);
}

.DESKTOP {
    display: block; /* Display on desktop */
}

.MOBILE {
    display: none;  /* Hide on desktop */
}

@media screen and (orientation:portrait) and (max-width: 12px) {
    .DESKTOP {
        display: none; /* Hide on desktop */
    }

    .MOBILE {
        display: block; /* Display on desktop */
    }
}
