@font-face { font-family: Topaz1; src: url(Fonts/Topaz_a500_v2.0.ttf); } /* font © dMG/t!s^dS! */
@font-face { font-family: Topaz2; src: url(Fonts/Topaz_a1200_v2.0.ttf); } /* font © dMG/t!s^dS! */
@font-face { font-family: Topaz2LowRes; src: url(Fonts/Topaz2LowRes.ttf); }
@font-face { font-family: MicroKnight; src: url(Fonts/MicroKnightPlus_v1.0.ttf); }
@font-face { font-family: mOsOul; src: url("Fonts/mO'sOul_v1.0.ttf"); }
@font-face { font-family: P0T-NOoDLE; src: url(Fonts/P0T-NOoDLE_v1.0.ttf); }

body {
	margin: 0px 0px 0px 0px;
	height: 100%; /* ist nötig, damit mit Firefox der None-Cursor angezeigt (bzw. der Standard unterdrückt) wird */
	overflow: hidden;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	font-smooth: never !important;
	-webkit-font-smooth: none !important;
	-webkit-font-smoothing: none !important;
	-moz-osx-font-smoothing: none !important;
	font-smoothing: none !important;
}
table { border-collapse: separate; empty-cells: show; }
img { -webkit-touch-callout: none;  -ms-touch-action: none; touch-action: none; }
.blocked { pointer-events: none; }
.hidden { position: absolute; top: -100000px; visibility: hidden; }
.bootPic { height: 100%; width: 100%; }
.bootPicProgressBar { position: absolute; height: 6px; background-color: white; }
.workbench { position: absolute; z-index: -1001; width: 100%; height: 100%; border-top: solid 0px transparent; }
.screenBackground { background-color: #111111; } /* muss als Default so sein für Startup-Anim*/
.backgroundColor { background-color: #111111; }
.backgroundColorGadgets { background-color: #111111; }
.defaultFont { font-family: Helvetica,Arial; font-size: 12px; }
.systemFont { font-family: 'Courier New'; font-size: 12px; }
.textModeFont { font-family: 'Courier New'; font-size: 12px; }
.textColor { color: black; }
.titleColor { color: black; }
.fenster { position: absolute; visibility: hidden; }
.fensterMinimized { }
.fensterColor { background-color: #aaaaaa; }
.fensterColorFrameTop { background-color: transparent; }
.fensterinhalt { position: absolute; top: 0px; left: 0px; }
.fensterinhaltMultiView { position: absolute; top: 0px; left: 0px; }
.fensterinhaltTD { }
.fensterinhaltNoWB { height: 100%; vertical-align: top; }
.fensterinhaltReaction { height: 100%; }
.frametop { background-image: url(Gadgets/FrameTop.png); background-repeat: repeat-x; }
.fenstertitel { white-space: nowrap; font-size: 12px; font-family: Helvetica,Arial; color: black; }
.fensterContentTable { position: absolute; display: none; white-space: nowrap; line-height: 1em; }
.fensterContentTableTDLeftAlign { padding: 0px 2px 1px 2px; }
.fensterContentTableTDRightAlign { padding: 0px 2px 1px 2px; text-align: right; }
.vertSliderBgr { background-image: url(Gadgets/VertSliderBgr.png); background-repeat: repeat-y; vertical-align: top; }
.vertSliderBgrTop { position: absolute; font-size: 0px; background-image: url(Gadgets/VertSliderBgrTop.png); background-repeat: no-repeat; }
.vertSlider { height: 100%; background-image: url(Gadgets/VertSlider.png); }
.vertSliderKnob { height: 100%; width: 100%; background-position: center center; background-repeat: no-repeat; }
.vertSliderBgrBottom { position: absolute; font-size: 0px; background-image: url(Gadgets/VertSliderBgrBottom.png); background-repeat: no-repeat; }
.horizSliderBgr { background-image: url(Gadgets/HorizSliderBgr.png); background-repeat: repeat-x; background-position: left bottom; vertical-align: top; }
.horizSliderBgrLeft { position: absolute; font-size: 0px; background-image: url(Gadgets/HorizSliderBgrLeft.png); background-repeat: no-repeat; }
.horizSlider { width: 100%; background-image: url(Gadgets/HorizSlider.png); }
.horizSliderKnob { height: 100%; width: 100%; background-position: center center; background-repeat: no-repeat; }
.horizSliderBgrRight { position: absolute; font-size: 0px; background-image: url(Gadgets/HorizSliderBgrRight.png); background-repeat: no-repeat; }
.sliderBgr2 { background-position: right bottom; }
.rahmen { font-size: 0px; position: absolute; display: none; box-sizing: border-box; z-index: 1000; mix-blend-mode: difference; }
.lasso { font-size: 0px; position: absolute; visibility: hidden; z-index: 1000; }
.lassoTop { height: 1px; background-position: right; background-image: url(Images/LassoTop.gif); }
.lassoBottom { height: 1px; background-image: url(Images/LassoBottom.gif); }
.lassoLeft { width: 1px; background-position: left top; background-image: url(Images/LassoLeft.gif); background-repeat: repeat-y; }
.lassoRight { width: 1px; background-position: right bottom; background-image: url(Images/LassoRight.gif); background-repeat: repeat-y; }
.icon { position: absolute; text-align: center; top: 0px; left: 0px; z-index: 0; }
.iconTable { text-align: center; }
.iconTable img { }
.icontext { white-space: nowrap; }
.icontextWB { white-space: nowrap; }
.iconrahmen { display: inline-block; }
.iconBorderInset { border-left: solid 1px black; border-right: solid 1px white; border-top: solid 1px black; border-bottom: solid 1px white; }
.iconBorderOutset { border-left: solid 1px white; border-right: solid 1px black; border-top: solid 1px white; border-bottom: solid 1px black; }
.dragger { position: absolute; visibility: hidden; z-index: 1000; }
.standardmenu { position: absolute; z-index: -1000; }
.standardmenutitle { white-space: nowrap; padding-left: 5px; padding-right: 0; border-bottom: 1px solid black; border-top: 1px solid transparent; }
.standardmenutitleLeft { border-left: 0px solid transparent; }
.standardmenutitleRight { border-right: 0px solid transparent; }
#Standardmenu_FrameTopRightTD { background-color: white; }
.mainmenu { visibility: hidden; z-index: -1002; position: absolute; border: 1px solid transparent; border-top: none; border-left-width: 0px; border-right-width: 0px; }
.mainmenuBorderTop { border-top: 1px solid transparent; }
.mainmenuBorderTop.menupointSel { }
.mainmenuRight { border-right: 1px solid white; width: 100%; }
.mainmenuInnerBorder { border: 1px solid transparent; }
.mainmenuSpacer { width: 6px; }
.mainmenuLeft { max-width: 0px; }
.OS1Menu .mainmenuSpacer { width: 18px; }
.OS1Menu .mainmenuLeft { min-width: 24px; }
.OS4Menu .mainmenuLeft { min-width: 1px; }
.menupoint .mainmenuInnerBorder { padding-left: 3px; padding-right: 3px; }
.menupointSel .mainmenuInnerBorder { border-width: 1px; border-style: solid; border-color: transparent; }
.OS4Menu.XEN .menupointSel .mainmenuInnerBorder { border-color: rgba(255, 255, 255, 0.2) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(255, 255, 255, 0.2); }
.submenu { display: none; z-index: 1; position: absolute; }
.submenuFilter { z-index: -2; position: absolute; width: 100%; height: 100%; }
.menuFont { font-size: 12px; font-family: Helvetica,Arial; }
.menuOuterBorder { border: 1px solid black; border-left-width: 2px; border-right-width: 2px; }
.menuInnerBorder { padding: 1px 2px 1px 2px; }
.menuBackground { background-color: white; position: absolute; width: 100%; height: 100%; z-index: -1; background-repeat: repeat; font-size: 0px; }
.menuTR { padding-left: 3px; padding-right: 3px; white-space: nowrap; }
.menuShadowDiv { position: absolute; display: flex; width: 100%; height: 100%; z-index: -2; font-size: 0px; background-repeat: repeat; }
.menuShadow { background-repeat: repeat; }
.menuShadowVert { position: relative; background-position: left bottom; left: 100%; height: 100%; }
.menuShadowHoriz { position: relative; background-position: right top; top: 100%; width: 100% }
.menupoint { color: black; }
.menupointMM { border-top: solid 1px transparent; border-bottom: solid 1px transparent; }
.menupointMM img { vertical-align: sub; }
.menupointMMLeft { border-left: solid 1px transparent; }
.menupointMMRight { border-right: solid 1px transparent; }
.menubarpointMM { border-left: solid 0px transparent; border-right: solid 0px transparent; padding: 0 1px; }
.menubarpointMM.menupointSel { border-left-width: 1px; border-right-width: 1px; padding: 0; }
.menupointSel { background-color: black; color: white; }
.menupointDis > div { color: black; text-shadow: white 1px 1px; }
.menupointDis > td { color: black; text-shadow: white 1px 1px; }
.menupointDisOld { position: absolute; width: calc(100% - 6px); font-size: 0px; }
.menupointDisabled { font-size: 0px; }
.menuSeparator { background-color: black; }
.menuSeparatorMMold { background-image: url(Menu/Shadow.gif); background-repeat: repeat; }
.menuImg { display: inline-block; background-repeat: no-repeat; background-size: 100% 100%; }
.menuA { /*width: 25px; height: 9px;*/ }
.menupointSel > td > div.menuA { }
.menupointDis .menuA { }
.menuSubImg { /*width: 10px; height: 8px;*/ }
.menupointDis .menuSubImg { }
.menuCheck { }
.menuCheck.checked { }
.menupointDis .menuCheck { }
.menupointDis .menuCheck.checked { }
.menupointSel > td > div.menuCheck { }
.menupointSel > td > div.menuCheck.checked { }
.menuRadio { }
.menuRadio.checked { }
.menupointDis .menuRadio { }
.menupointDis .menuRadio.checked { }
.menupointSel > td > div.menuRadio { }
.menupointSel > td > div.menuRadio.checked { }
form { margin-bottom: 0px; }
.xenBorder { }
.separatorUpper { width: 100%; font-size: 1px; line-height: 1px; border-bottom: solid 1px black; }
.separatorLower { width: 100%; font-size: 1px; line-height: 1px; border-top: solid 1px white; }
.separatorOpera { font-size: 0px; }
.titleSeparator { margin-top: 4px; }
.menuSeparatorUpper { border-color: black; }
.menuSeparatorLower { border-color: white; }
.menuSeparatorGap { position: relative; margin-left: -7px; margin-right: -7px; } /* position: relative; ist für IE */
.borderOutset { border-left: solid 1px white; border-right: solid 1px black; border-top: solid 1px white; border-bottom: solid 1px black; }
.borderInset { border-left: solid 1px black; border-right: solid 1px white; border-top: solid 1px black; border-bottom: solid 1px white; }
.borderThin { border-left-width: 1px; border-right-width: 1px; }
.noBorderRadius { border-radius: 0px }
.gadgetBase { }
.buttons { white-space: nowrap; display: inline-block; text-align: center; line-height: 1em; }
.buttons[selected="1"] { }
.buttonsBorderOutset[pressed="1"] { border-left-color: black; border-right-color: white; border-top-color:black; border-bottom-color: white; }
.buttonsBorderOutset { border-left: solid 1px white; border-right: solid 1px black; border-top: solid 1px white; border-bottom: solid 1px black; }
.buttonsBorderInset1 { border: solid 1px transparent; }
.buttonsBorderInset2 { padding: 2px; border: solid 1px transparent; }
.borderGadTools { border-left-width: 2px; border-right-width: 2px; }
.readonly { white-space: nowrap; padding: 2px; }
.buttonsOS1Requester { display: block; }
.checkbox { font-size: 0px; text-align: center; vertical-align: middle; display: inline-block; }
.checkboxDisabled { }
.radiobutton { display: inline-block; }
.cycles { vertical-align: middle; padding: 2px 0px 2px 4px; color: inherit; }
.cycleTdText { white-space: pre-wrap; width: 100%; padding-left: 4px; }
.cyclecontent { position: absolute; visibility: hidden; z-index: 1000; background-color: white; border: 1px solid black; }
.cycletomenuDiv { padding: 1px 2px 1px 2px; }
.cycletomenuTable { width: 100%; color: black; }
.cycletomenutext { white-space: nowrap; padding: 2px 2px 0px 1px; vertical-align: top; }
.cycletomenucheck { vertical-align: middle; padding-left: 2px; padding-right: 2px; }
.listboxOuterTable { }
.listboxOuterTD { display: inline-block; }
.listboxOuterDIV { width: 100%; height: 100%; }
.listboxInnerDIV { width: 100%; height: 100%; border: 1px solid transparent; border-left-width: 2px; border-right-width: 2px; overflow: hidden; }
.listboxValuesTable { position: relative; } 
.listboxTD { padding: 2px 2px 0px 2px; line-height: 1em; }
.listboxSelected { }
.listboxScrollbarTableTD { padding-left: 0px; vertical-align: top; }
.listboxScrollbarTable { height: 100%; table-layout: fixed; }
.listboxScrollbarDiv { height: 100%; padding: 1px 2px 1px 2px; }
.listboxScrollbarBorderInset { height: 100%; border-width: 0px; }
.listboxScrollbarBackground { height: 100% }
.listboxScrollbarBackgroundTop { height: 100%; border: solid 1px; border-bottom: none; }
.listboxScrollbarBackgroundTopInnerDIV { border-bottom: none; background-position: left top; }  /* muss nach xenBorder kommen */
.listboxScrollbarBackgroundBottom { border: solid 1px; border-top: none; }
.listboxScrollbarBackgroundBottomInnerDIV { border-top: none; background-position: left bottom; }  /* muss nach xenBorder kommen */
.listboxScrollbarKnob { height: 100%; border: solid 0px; background-position: center center; background-repeat: no-repeat; }
.listboxScrollbarKnobSelected { }
.listboxButtonUpTD { }
.listboxArrowButton { padding: 2px; }
.listboxArrowButtonDown { border-top-style: solid; }
.listboxPaletteItemColorDIV { width: 16px; height: 8px; border: 1px solid black; margin: 4px 4px 4px 0px; }
#colorListe .listboxSelected img { border-color: white; }
input { border: none; outline: none; width: 100%; height: 100%; padding: 1px; margin: 0px; -webkit-border-radius: 0px; }
input::selection { background-color: #3B67A2; }
input::-ms-clear { display: none; } /* entfernt das IE10-X in TextBoxen */
textarea { overflow: hidden; resize: none; margin: 0px; outline: none; width: 100%; height: 100%; }
textarea::selection { background-color: #3B67A2; }
label { cursor: inherit; }
.inputBorderOutset { }
.inputBorderInset { }
.inputWK { padding: 1px 0px 1px 0px; }
.inputOuter { display: inline-block; }
.inputRename { border: solid 2px white; text-align: center; width: 100%; padding-top: 0px; padding-bottom: 0px; }
.inputRenameSpan { position: absolute; }
.right { text-align: right; }
.center { text-align: center; }
.bold { font-weight: bold; }
.formPrefs { padding-top: 3px; }
.formPrefs.fensterinhaltReaction { height: calc(100% - 3px); } /* nötig für Firefox */
.cellPrefs { height: 21px; padding: 1px 4px 2px 4px; white-space: nowrap; vertical-align: middle; }
.cellSetAlarm { padding: 1px 4px 1px 4px; white-space: nowrap; }
.cellPrefsTextBoxFF { padding-top: 2px; padding-bottom: 3px; }
.cellPrefsTextBoxWK { padding-top: 0px; padding-bottom: 1px; }
.cellDefaultButtons { padding: 4px; }
.inputPrefs { width: 155px; }
.requesterTable { background-repeat: repeat; padding: 4px; }
.requesterTable.asyncWBRequesters32 { padding: 1px 2px; }
body.medRes .requesterTable.asyncWBRequesters32 { padding: 2px; }
.requesterButtonsRow { height: 1px; }
.requesterButtonsRow td { padding-top: 4px; }
.requesterTable.asyncWBRequesters32 .requesterButtonsRow td { padding-top: 1px; }
body.medRes .requesterTable.asyncWBRequesters32 .requesterButtonsRow td { padding-top: 2px; }
.requesterSymbolTD { padding: 2px 12px; text-align: center; vertical-align: middle; }
.requesterTable.asyncWBRequesters32 .requesterSymbolTD { padding: 2px 4px 1px 4px; }
body.medRes .requesterTable.asyncWBRequesters32 .requesterSymbolTD { padding-bottom: 2px; }
.requesterMessageTD { padding: 6px 24px 5px 24px; text-align: center; width: 100%; }
.requesterTable.asyncWBRequesters32 .requesterMessageTD { padding: 0; }
.requesterMessageDIV { text-align: left; white-space: nowrap; display: inline-block; line-height: 1.3em; }
.OS1Requester { background-color: white; }
.OS1RequesterTd { padding: 2px; }
.OS1RequesterBorder { border: solid 2px white; border-left-width: 1px; border-right-width: 1px; padding: 2px; }
.OS1RequesterTextColor { color: #0055AA; }
.OS1RequesterTextCell { padding: 4px 10px 6px 10px; }
.OS1RequesterButtonCell { padding-bottom: 4px; }
.OS1RequesterButtonInnerBorder { border: solid 2px #0055AA; background: inherit; padding: 1px 0px 0px 0px; }
.OS1RequesterButtonOuterBorder { border: solid 2px #FF8800; padding: 2px 0px 2px 0px; width: auto }
.aslRequesterFont { font-family: 'Courier New'; font-size: 12px; }
.aslRequesterTable { padding: 4px 5px }
.aslRequesterListBoxRow { height: 100% }
.aslRequesterTextBoxRow { padding-top: 2px; }
body.medRes .aslRequesterTextBoxRow .borderOutset { min-height: 28px; }
.aslRequesterButton { }
.aslRequesterButtonAutoSize { flex-grow: 1; }
.aslRequesterButtonSpacer { width: 8px; }
.aslRequesterButtonsRow { padding-top: 4px; display: flex; flex-direction: row; justify-content: space-between; }
.aslRequesterPatternLabel { display: inline-block; padding: 4px 6px 0 2px; pointer-events: none; }
.aslRequesterSelectedDIV { display: flex; flex-grow: 1; padding: 2px 6px; }
.aslListboxItem { white-space: pre; }
.aslListboxDir { }
.listboxSelected .aslListboxDir { }
.aslInputRequester { padding: 2px 4px; }
.aslInputRequesterButton { }
.clockDate { font-size: 16px; font-family: Topaz1,System; text-align: center; line-height: 1em; overflow: clip; }
.clockDateOuterDiv { display: flex; justify-content: center; overflow: clip; }
.os1Fenster .clockDate { height: 0; overflow: visible; }
.os1Fenster .clockDateOuterDiv { overflow: visible; }
.horizSliderTable { display: inline-table; padding: 1px 2px 1px 2px; }
.horizSliderTDContentDIV { }
.horizSliderTDContentDisabled { background-image: url(Images/GadgetDisable.gif); }
.sliderKnob { background-color: black; background-repeat: no-repeat; }
.colorSliderKnob { background-color: white; border: solid 1px black; }
.colorVertSlider { padding: 2px 1px 2px 1px; }
.colorButtonsTable { padding: 0px; }
.colorButton { border: 1px solid #aaaaaa; border-left-width: 2px; border-right-width: 2px; }
.colorButtonSel { padding: 1px; border-left: solid 2px black; border-right: solid 2px white; border-top: solid 1px black; border-bottom: solid 1px white; }
.gadgetDisabled:not(.btnMUI) { background-image: url(Images/GadgetDisable.gif); background-repeat: repeat; }
.inputDisabled { text-shadow: none; }
.horizSliderDisabled { }
pre { margin: 0px 0px 0px 0px; }
.docText { font-size: 14px; font-family: Helvetica,Arial; }
.docTitel1 { font-size: 18px; font-weight: bold; text-decoration: underline; }
.docTitel2 { font-size: 16px; }
code { font-family: 'Courier New'; }
esc { color: #aaaaaa; background-color: black; }
a { }
.guruOuterDiv { position: absolute; width: 100%; }
.guruInnerDiv { color: red; text-align: center; border: solid 6px red; padding-top: 12px; padding: 12px 10px 10px 10px; margin: 35px; min-width: 575px }
.amigaGuideNavigation { position: relative; top: -1px; border-bottom: solid 1px transparent; }
.amigaGuideNavigationUpperBorder { border-bottom: solid 1px white; }
.amigaGuideNavigationLowerBorder { border-bottom: solid 1px black; }
.amigaGuideContent { white-space: pre; }
.amigaGuideContent b { font-weight: normal; text-shadow: currentcolor 1px 0px; }
.amigaGuideButtons { padding: 0px; line-height: 1em; text-indent: 0px; }
.amigaGuideButtonsOuter { background-color: #aaaaaa; }
.amigaGuideButtonsNavigation { padding: 0px; line-height: 1em; }
.amigaGuideButtonsNavigationOuter { margin: 1px 2px 1px 0px; }
.amigaGuidePages { display: inline-block; text-align: center; width: 4.5em }
.magicMenuPreviewMenu { position: absolute; border-left: solid 1px white; border-right: solid 1px black; border-top: solid 1px white; border-bottom: solid 1px black; }
.magicMenuPreviewInnerBorder { padding: 1px 3px 1px 3px; border-left: solid 1px black; border-right: solid 1px white; border-top: solid 1px black; border-bottom: solid 1px white; }
.magicMenuPreviewMenuTable { font-size: 11px; font-family: Helvetica,Arial; color: black; }
.magicMenuPreviewMenuRow { line-height: 16px; }
.magicMenuPreviewSelected { padding: 0px 3px 0px 3px; background-color: #3b67a2; border-left: 1px solid black; border-right: 1px solid white; border-top: 1px solid black; border-bottom: 1px solid white; }
.magicMenuPreviewBackground { position: absolute; background-repeat: repeat; }
.magicMenuPreviewShadow { }
.magicMenuPreviewFilter { position: absolute; }
.magicMenuPreviewSeparatorUpper { border-color: black; }
.magicMenuPreviewSeparatorLower { border-color: white; }
.magicMenuPreviewSeparatorGap { position: relative; margin-right: -6px; } /* position: relative; ist für IE */
.magicMenuPreviewDis { color: black; text-shadow: white 1px 1px; }
#TouchHelper { position: fixed; z-index: 1000; left: 0px; width: 100%; background-color: black; background-image: url(Images/TouchHelperBgr.png); background-repeat: repeat-x; border-top: 1px solid white; padding: 0px 10px 0px 10px; }
.touchButton { display: inline-block; background-repeat: no-repeat; }
.touchImage { margin: 2px 15px 2px 15px; }
#TouchPointer { position: fixed; z-index: 1000; background-color: #111111; border-radius: 10px; }
.earlyStartupControl { white-space: nowrap; text-align: center; line-height: 1em; width: 100%; }
.earlyStartupControlTitle { color: white; }
.earlyStartupGroupBox { display: inline-block; }
.earlyStartupButton { height: 18px; padding-top: 4px; }
.earlyStartupButtonSpacer { display: inline-block; }
.earlyStartupControlWB { text-align: center; margin-top: 88px; display: none; }
.earlyStartupControl .listboxOuterTable { display: inline; }
.earlyStartupControlListBox32 .listboxScrollbarKnob { background-color: transparent; border-width: 2px; border-color: white black black white; }
.earlyStartupControlListBox32 .listboxScrollbarKnobSelected { }
u2 { border-bottom: solid 2px; }
.borderBox { box-sizing: border-box; }
.shell { padding: 0px; position: absolute; word-break: break-all; line-height: 1em; }
.inputText { white-space: pre-wrap; }
.cursor { white-space: pre; display: inline-block; }
.cursorPostSpan { white-space: pre; }
.inverter { position: absolute; background-color: white; mix-blend-mode: difference; z-index: -999;}
.amiKitXBootPicTable { height: 29px; background-size: 100% 100%; border-bottom: 1px solid black; }
.amiKitXBootPicText { position: absolute; top: 40px; font-family: Verdana, sans-serif; font-size: 12px; color: white; text-shadow: 1px 1px black; text-align: center; visibility: hidden; }
#presetSelectionContainer { padding: 16px 0; display: flex; flex-direction: column; flex-wrap: wrap; }
.presetItemRow { display: flex; flex-direction: row; align-items: center; padding: 0 16px; }
.presetItem { height: 26px; text-align: left; }
.presetItemLabel { padding-left: 7px; }
.tapeControlsTable { position: relative; }
.tapeRecorderButton {
	margin-bottom: 0;
}
.tapeRecorderButtonPause { margin-left: 3px; }
.tapeRecorderSliderVolume { margin-left: 4px; }

[data-title]:hover:after {
	opacity: 1;
	transition: all 0s ease 1s;
	visibility: visible;
}

[data-title]:after {
	content: attr(data-title);
	background-color: #EEEECC;
	position: absolute;
	padding: 2px 4px 2px 4px;
	bottom: -1.6em;
	left: 100%;
	white-space: nowrap;
	opacity: 0;
	border: 1px solid black;
	z-index: 99999;
	visibility: hidden;
}

[data-title] {
  position: relative;
}

#ScanlinesDiv {
  background: url(Images/Scanlines.png);
  width: 100%;
  height: 100%;
  background-repeat: repeat;
  position: fixed;
  z-index: 999999;
  pointer-events: none;
  opacity: 0;
	display: none;
}

#CrtCurvesDiv {
  background: radial-gradient(circle, transparent 80%, black 200%);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  pointer-events: none;
	display: none;
}

body.OS1 .formPrefs .inputBorderInset { border-width: 0; }
body.OS1 .formPrefs .borderInset { border-top-color: white; border-left-color: white; }
body.OS1 .formPrefs .borderOutset { border-bottom-color: white; border-right-color: white; }
body.OS1 .formPrefs .buttonsBorderOutset { border-bottom-color: white; border-right-color: white; }
body.OS1 .formPrefs .listboxScrollbarDiv { border-bottom-color: white; border-right-color: white; }
body.OS1 .formPrefs .listboxOuterDIV { border-right-width: 0; }
body.OS1 .formPrefs .colorButtonSel { border-top-color: white; border-left-color: white; }
body.OS1 .formPrefs .buttonsBorderOutset[pressed="1"] { border-left-color: white; border-top-color:white; }
body.OS1 .formPrefs .listboxScrollbarTable .buttons { border-top-width: 0; }

.borderOutsetColorChooser { padding-top: 1px; }
.borderOutsetColorChooser32 { padding: 4px 0 4px; }
body.medRes .borderOutsetColorChooser { padding: 3px 0 2px; }
body.medRes .borderOutsetColorChooser32 { padding: 9px 0 12px; }
body.OS1 .borderOutsetColorChooser { background-color: white; }
body.OS1 #colorChooserMagicMenu { background-color: white; }

.btnDisabledMUI {
	position: absolute;	
	background-image: url(Images/GadgetDisable.gif);
	background-repeat: "repeat";
}

.MUI .borderGadTools,
.MUI .borderInset,
.MUI .borderOutset,
.MUI .buttonsBorderOutset {
	border-left-width: 1px; border-right-width: 1px;
}


body.medRes .btnDisabledMUI {
	background-image: url(Images/GadgetDisableMedRes.gif);
}

.fensterinhaltIBrowse {
	padding: 4px 4px 6px;
}

body.medRes .fensterinhaltIBrowse {
	padding-top: 8px;
	padding-bottom: 12px;
}

.btnIBrowse {
	margin-right: 4px;
	margin-bottom: 4px;
}

body.medRes .btnIBrowse {
	margin-bottom: 8px;
}

#btnIBrowseHome {
	margin-right: 16px;
}

tr.IBrowseLocationRow td {
	padding-bottom: 4px;
}

body.OS4 tr.IBrowseLocationRow td {
	padding-top: 1px;
	padding-bottom: 5px;
}

body.medRes tr.IBrowseLocationRow td {
	padding-bottom: 8px;
}

.IBrowseContainer {
	background-color: white;
	height: 100%;
	border-left-color: black;
	border-right-color: black;
	border-top-color: black;
}

#imgIBrowseTransferAnim {
	background-image: url(Images/IBrowse/TransferAnimation.png);
	width: 46px;
	height: 46px;
	margin-left: 4px;
	animation-name: IBrowseTransferAnim;
	animation-duration: 750ms;
	animation-timing-function: steps(10);
	animation-iteration-count: infinite;
}

body.medRes #imgIBrowseTransferAnim {
	background-image: url(Images/IBrowse/TransferAnimationMedRes.png);
	height: 92px;
}

@keyframes IBrowseTransferAnim {
	0% { background-position: 0 0; }
100% { background-position: -460px 0; }
}

.iFrame100 {
	width: 100%;
	height: 100%;
}

/* ----------------------------------------------------- */

.fensterinhaltHippo {
	padding: 4px 3px;
}
body.hiRes .fensterinhaltHippo {
	padding: 2px 3px;
}

.os1Fenster .fensterinhaltNoWB {
	padding: 2px 0 2px 2px;
}

.os1Fenster.clockFenster .fensterinhaltNoWB {
	padding: 0;
}

.os1Fenster #ProgramHippoPlayerContentTD,
.os1Fenster #HippoPlayerPrefsContentTD {
	padding-right: 1px;
}

.os1Fenster .fensterinhaltHippo {
	padding-right: 5px;
}

#ProgramHippoPlayer.os1Fenster .fensterinhaltHippo {
	padding-right: 4px;
}

body.hiRes .fenster:not(.os1Fenster) .fensterinhaltHippo {
	background-image: url(Images/HippoPlayer/Background.gif);
}

body.medRes .fenster:not(.os1Fenster) .fensterinhaltHippo {
	background-image: url(Images/HippoPlayer/BackgroundMedRes.gif);
}

.fenster.os1Fenster .fensterinhaltHippo {
	background-image: url(Images/HippoPlayer/BackgroundOS1.gif);
}

.fensterinhaltHippo td.row {
	padding-bottom: 4px;
	white-space: nowrap;
}
body.hiRes .fensterinhaltHippo td.row {
	padding-bottom: 2px;
}

.fensterinhaltHippo td.row.rowHippoButtons1,
.fensterinhaltHippo td.row.rowHippoPositionSlider {
	padding-bottom: 2px;
}
body.hiRes .fensterinhaltHippo td.row.rowHippoButtons1,
body.hiRes .fensterinhaltHippo td.row.rowHippoPositionSlider {
	padding-bottom: 1px;
}

body.OS4 .fensterinhaltHippo td.row.rowHippoButtons1 .gadgetDisabled img {
	opacity: 0.11;
	filter: drop-shadow(white 1px 1px);
}
body.OS4.medRes .fensterinhaltHippo td.row.rowHippoButtons1 .gadgetDisabled img {
	filter: drop-shadow(white 1px 2px);
}

.hippoFont {
	font-family: Topaz2;
	font-size: 16px;
}

.hippoMonoFont label,
.hippoMonoFont .cycleTdText,
.hippoMonoFont {
	font-family: Topaz2;
	font-size: 16px;
}

.hippoInfoText {
	line-height: 1em;
}

#ctrlHippoInfo {
	padding: 2px 2px 2px 4px;
	overflow: hidden;
	line-height: 1em;
}

#ProgramHippoPlayer.os1Fenster .frametop,
#HippoPlayerInfo.os1Fenster .frametop,
#HippoPlayerPrefs.os1Fenster .frametop,
#HippoPlayerSpectrum.os1Fenster .frametop {
	background-color: black;
}

#ProgramHippoPlayer.os1Fenster .fenstertitel,
#HippoPlayerInfo.os1Fenster .fenstertitel,
#HippoPlayerPrefs.os1Fenster .fenstertitel,
#HippoPlayerSpectrum.os1Fenster .fenstertitel {
	color: black !important;
}

body.notOS4 .fensterinhaltHippo .buttons[pressed="1"]:not([selected="1"]) label,
body.notOS4 .fensterinhaltHippoInput .buttons[pressed="1"]:not([selected="1"]) label,
body.notOS4 .hippoRequester .buttons[pressed="1"]:not([selected="1"]) label,
body.notOS4 .hippoSearchButtonsDIV .buttons[pressed="1"]:not([selected="1"]) label,
body.notOS4 #HippoPlayerOpenFiles .buttons[pressed="1"]:not([selected="1"]) label,
body.notOS4 #HippoPlayerOpenFiles_InputFrameTop .buttons[pressed="1"]:not([selected="1"]) label {
	color: white;
}

body.notOS4 .fensterinhaltHippo .buttons[pressed="1"] label bold,
body.notOS4 .fensterinhaltHippoInput .buttons[pressed="1"] label bold,
body.notOS4 .hippoRequester .buttons[pressed="1"] label bold,
body.notOS4 #HippoPlayerOpenFiles .buttons[pressed="1"] label bold,
body.notOS4 #HippoPlayerOpenFiles_InputFrameTop .buttons[pressed="1"] label bold {
	text-shadow: 1px 0px white;
}

body.OS1 .fensterinhaltHippo .buttons[pressed="1"]:not([selected="1"]) label,
body.OS1 .fensterinhaltHippoInput .buttons[pressed="1"]:not([selected="1"]) label,
body.OS1 .hippoSearchButtonsDIV .buttons[pressed="1"]:not([selected="1"]) label,
body.OS1 #HippoPlayerOpenFiles .buttons[pressed="1"]:not([selected="1"]) label,
body.OS1 #HippoPlayerOpenFiles_InputFrameTop .buttons[pressed="1"]:not([selected="1"]) label {
	color: black;
}

body.OS1 .hippoRequester .OS1RequesterButtonOuterBorder[pressed="1"] bold {
	text-shadow: 1px 0px orange;
}

.fensterinhaltHippo .buttons[allowrightclick="true"] .buttonsBorderInset1,
.os1Fenster .fensterinhaltHippo .buttons[allowrightclick="true"][pressed="1"] .buttonsBorderInset1 {
	background-image: url(Images/HippoPlayer/ButtonRightClickMarkerMedRes.gif);
	background-repeat: no-repeat;
	background-position: top -2px right -2px;
}
body.hiRes .fensterinhaltHippo .buttons[allowrightclick="true"] .buttonsBorderInset1 {
	background-image: url(Images/HippoPlayer/ButtonRightClickMarker.gif);
	background-position: top -1px right -2px;
}

.fensterinhaltHippo .buttons[allowrightclick="true"][pressed="1"] .buttonsBorderInset1,
.os1Fenster .fensterinhaltHippo .buttons[allowrightclick="true"] .buttonsBorderInset1 {
	background-image: url(Images/HippoPlayer/ButtonRightClickMarkerMedResSel.gif);
}
body.hiRes .fensterinhaltHippo .buttons[allowrightclick="true"][pressed="1"] .buttonsBorderInset1 {
	background-image: url(Images/HippoPlayer/ButtonRightClickMarkerSel.gif);
}

body.notOS4 .fensterinhaltHippo .buttons[pressed="1"] img,
body.notOS4 #HippoPlayerOpenFiles .buttons[pressed="1"] img,
body.OS1 .fensterinhaltHippo .buttons img,
body.OS1 #HippoPlayerOpenFiles .buttons img {
	filter: invert();
}

body.OS1 .fensterinhaltHippo .buttons[pressed="1"] img {
	filter: none;
}

.fensterinhaltHippo .buttonsBorderOutset[gadgettype="button"] {
	border-width: 2px;
}
body.hiRes.notOS4 .fensterinhaltHippo .buttonsBorderOutset[gadgettype="button"] {
	border-width: 1px 2px;
}
body.hiRes.OS4 .fensterinhaltHippo .buttonsBorderOutset[gadgettype="button"] {
	border-width: 1px;
}

.fensterinhaltHippo .buttonsBorderOutset[gadgettype="button"] .buttonsBorderInset2 {
	padding-top: 2px;
	padding-bottom: 2px;
}

.buttonsBorderOutset[gadgettype="button"] .btnHippo.buttonsBorderInset2 {
	overflow: hidden;
	line-height: 1em;
	padding: 4px 0 2px 0;
}
.buttonsBorderOutset[gadgettype="button"]:not(#btnHippoSearchUhc) .btnHippo.buttonsBorderInset2 {
	min-height: 16px;
}
body.hiRes .buttonsBorderOutset[gadgettype="button"]:not(#btnHippoSearchUhc) .btnHippo.buttonsBorderInset2 {
	padding: 6px 0;
	min-height: 12px;
}

#btnHippoSearchUhc .btnHippo.buttonsBorderInset2 { }

#btnHippoPrevSubSong .buttonsBorderInset2 {
	padding-left: 1px;
}

#divHippoButtons2 {
	display: flex;
}

.hippoSliderOuterDiv {
	display: inline-block;
}

body.notOS4 .hippoSliderOuterDiv {
	border-style: solid;
	border-color: white black black white;
	border-width: 2px 1px;
}
body.notOS4.hiRes .hippoSliderOuterDiv {
	border-width: 1px;
}

.rowHippoPositionSlider {
	padding-right: 2px;
}

.hippoPositionSliderOuterDiv {
	width: 100%;
}

body.notOS4 .hippoSlider {
	padding: 0;
	border-color: black white white black;
	background-image: url(Images/HippoPlayer/ScrollbarBackgroundMedRes.gif);
	border-width: 2px 1px;
}
body.notOS4.hiRes .hippoSlider {
	background-image: url(Images/HippoPlayer/ScrollbarBackground.gif);
	border-width: 1px;
}

.hippoSliderDisabled {
	position: absolute;
	display: none;
	background-image: url(Images/GadgetDisable.gif);
}

body.medRes .hippoSliderDisabled {
	background-image: url(Images/GadgetDisableMedRes.gif);
}

.os1Fenster .hippoSlider {
	background-image: none;
	background-color: black;
}

body.notOS4 .hippoSlider .sliderKnob {
	border-style: solid;
	border-color: white black black white;
	border-width: 2px 1px;
}
body.notOS4.hiRes .hippoSlider .sliderKnob {
	border-width: 1px;
}

body.notOS4 .hippoSlider .sliderKnob[pressed="1"] {
	border-color: black white white black;
}

.fenster .hippoSlider img {
	min-width: 9px;
}

#btnHippoInfoSong .buttonsBorderInset2 {
	padding-left: 1px;
}

.hippo {
	background-image: url(Images/HippoPlayer/HippoMedRes.png);
	background-repeat: no-repeat;
	background-position: center;
}
body.hiRes .hippo {
	background-image: url(Images/HippoPlayer/Hippo.png);
}
.os1Fenster .hippo {
	background-image: url(Images/HippoPlayer/HippoOS1.png);
}

.hippoItem { padding: 0; line-height: 1em; white-space: pre; }
.hippoItemDiv { display: flex; flex-direction: row; justify-content: space-between; }
.hippoItemPlayedSymbol { visibility: hidden; }
.hippoItemPlayed .hippoItemPlayedSymbol { visibility: visible; }
.hippoSelectedItem .hippoItemPlayedSymbol { }

.hippoItem.hippoDivider { }

.hippoItem.hippoDir { }

.hippoSelectedItem { }

.hippoSelectedItem .hippoItem.hippoDivider { }

.hippoSelectedItem .hippoItem.hippoDir { }

.lbHippoPlaylistTD {
	padding-left: 1px;
	padding-top: 4px;
}
body.hiRes .lbHippoPlaylistTD {
	padding-top: 2px;
}

body.notOS4 #lbHippoPlaylist .listboxInnerDIV {
	border-left-width: 3px;
	border-right-width: 3px;
}

body.hiRes.OS4 #btnHippoListType {
	min-width: 20px;
}

#lbHippoPlaylist_scrollbarTableTD {
	padding-top: 28px;
}
body.hiRes #lbHippoPlaylist_scrollbarTableTD {
	padding-top: 21px;
}
body.hiRes.OS4 #lbHippoPlaylist_scrollbarTableTD {
	padding-top: 25px;
}

bold { text-shadow: 1px 0px black; }

.hippoItemFavorite { text-shadow: 1px 0px black; }
.hippoSelectedItem .hippoItemFavorite { text-shadow: 1px 0px white; }
.hippoItemFavorite .hippoItemPlayedSymbol { text-shadow: none; }

body.OS4 .fensterinhaltHippo .listboxInnerDIV {
	border-left-width: 1px;
	border-right-width: 1px;
}

body.notOS4 .fensterinhaltHippo .listboxScrollbarKnob {
	background-image: none;
	border-style: solid;
	border-color: white black black white;
}
body.notOS4.hiRes .fensterinhaltHippo .listboxScrollbarKnob {
	border-width: 1px;
}
body.notOS4.medRes .fensterinhaltHippo .listboxScrollbarKnob {
	border-width: 2px 1px;
}

body.notOS4 .fensterinhaltHippo .listboxScrollbarKnobSelected {}

body.notOS4 .fensterinhaltHippo .listboxScrollbarKnobSelected {
	border-color: black white white black;
}

body.notOS4 #HippoPlayerOpenFiles.os1Fenster .listboxScrollbarKnob {
	background-color: white;
}

body.notOS4 #HippoPlayerOpenFiles.os1Fenster .listboxScrollbarKnobSelected {
	background-color: black;
}

body.notOS4 .fensterinhaltHippo .listboxScrollbarDiv {
	padding: 0;
}
body.notOS4.hiRes .fensterinhaltHippo .listboxScrollbarDiv {
	border-width: 1px;
}
body.notOS4.medRes .fensterinhaltHippo .listboxScrollbarDiv {
	border-width: 2px 1px;
}

body.notOS4 .fensterinhaltHippo .listboxScrollbarBorderInset {
	border-style: solid;
	border-color: black white white black;
}
body.notOS4.hiRes .fensterinhaltHippo .listboxScrollbarBorderInset {
	border-width: 1px;
}
body.notOS4.medRes .fensterinhaltHippo .listboxScrollbarBorderInset {
	border-width: 2px 1px;
}

body.notOS4.hiRes .fensterinhaltHippo .listboxScrollbarBackground {
	background-image: url(Images/HippoPlayer/ScrollbarBackground.gif);
}

body.notOS4.medRes .fensterinhaltHippo .listboxScrollbarBackground {
	background-image: url(Images/HippoPlayer/ScrollbarBackgroundMedRes.gif);
}

body.OS1 .fensterinhaltHippo .listboxScrollbarBackground {
	background-image: none;
	background-color: black;
}

#lbHippoInfo .listboxInnerDIV {
	border-bottom: none;
}

.hippoInfoItem {
	white-space: pre;
	padding-top: 0;
}

.fensterinhaltHippo.fensterinhaltHippoPrefs {
	padding: 10px 8px;
}
body.hiRes .fensterinhaltHippo.fensterinhaltHippoPrefs {
	padding: 5px 8px;
}

.os1Fenster .fensterinhaltHippo.fensterinhaltHippoPrefs {
	padding: 10px 9px;
}

.fensterinhaltHippoPrefs .hippoPrefsTabPage.borderInset {
	padding: 4px 3px 2px 3px;
	border-left-width: 1px;
	border-right-width: 1px;
}
body.hiRes .fensterinhaltHippoPrefs .hippoPrefsTabPage.borderInset {
	padding: 2px 3px 1px 3px;
}

.fensterinhaltHippoPrefs .hippoPrefsTabPage.borderInset > table > tbody > tr > td {
	padding-bottom: 2px;
}
body.hiRes .fensterinhaltHippoPrefs .hippoPrefsTabPage.borderInset > table > tbody > tr > td {
	padding-bottom: 1px;
}

.hippoPrefsTabPage { }

.hippoPrefsTabPage td {
	white-space: nowrap;
}

.hippoPrefsBottomButtonsRow {
	display: flex;
	justify-content: space-between;
	margin-top: 8px;
}

body.hiRes .hippoPrefsBottomButtonsRow {
	margin-top: 4px;
}

.hippoPrefsSliderValue {
	display: inline-block;
	width: 24px;
}

#sldValueHippoStereoLevel {
	align-self: center;
}

#sldValueHippoPanning {
	width: auto;
}

.hippoPrefsLabel2ndColumn {
	padding-left: 16px;
	white-space: nowrap;
}

.sizer { }

.floatingSizer {
	position: absolute;
	bottom: 0;
	right: 0;
	cursor: inherit;
}

.hippoFKeys .requesterMessageTD {
	text-align: left;
	padding-left: 42px;
}

.hippoSearchButtonsDIV {
	position: absolute;
	z-index: 1000;
	display: none;
	padding: 6px 3px;
}
body.hiRes .hippoSearchButtonsDIV {
	padding: 3px;
}

.hippoSearchButtonsDIV > div {
	display: block;
}

.hippoSearchButtonsDIV .buttons .buttonsBorderInset2 {
	text-align: left;
	white-space: pre;
	padding-top: 2px;
	padding-bottom: 2px;
}

body.notOS4.hiRes .hippoSearchButtonsDIV .buttons .buttonsBorderInset2 {
	padding-top: 0;
	padding-bottom: 0;
}

#ProgramHippoPlayer #uhcHippoSearchRowDIV .inputOuter,
#ProgramHippoPlayer #uhcHippoSearchRowDIV .inputBorderInset {
	border-left-width: 1px;
	border-right-width: 1px;
}

#uhcHippoSearchRowDIV {
	display: flex;
	flex-direction: row;
}

.hippoSearchStringDIV {
	flex-grow: 1;
}

#btnHippoSearchUhc {
	margin-right: 2px;
	flex-shrink: 0;
}

.cycleBtnHippo[selected="1"]:not([pressed="1"]) > div { }
.cycleBtnHippo[selected="1"][pressed="1"] > div { }

.cycleBtnHippo .buttonsBorderInset2 {
	padding-left: 6px;
}

.hippoPrefsTabButtonsRow .cycleBtnHippo {
	margin-right: 3px;
	margin-bottom: 6px;
}

body.hiRes .hippoPrefsTabButtonsRow .cycleBtnHippo {
	margin-bottom: 3px;
}

.hippoPrefsTabButtonsRow .cycleBtnHippo .buttonsBorderInset2 {
	padding-left: 2px;
	padding-right: 2px;
}

#HippoPlayerPrefs_defaultRow_Display2 > td {
	padding-top: 2px;
	padding-bottom: 4px;
}

/* für Iconify */
.fenster.noSizer.withIconifier .sizeChangerTD { }
.fenster.noSizer.withIconifier .iconifierTD { }

.powerOff {
	background-color: black;
	height: 100%;
	width: 100%;
}
.powerOff td {
	height: 100%;
	width: 100%;
	text-align: center;
	vertical-align: middle;
}
#PowerOff {
	transition: opacity 2s;
}
.fadeOut {
	opacity: 0;
}

/* ----------------------------------------------------- */

.lemmings-start {
	position: absolute;
	bottom: 60px;
	left: 40px;
	pointer-events: none;
	transform: translateX(-160px);
	transition: 1s;
}

.lemmings-lights {
	position: absolute;
	top: 0px;
	height: 51px;
	width: 100%;
	background-repeat: repeat-x;
	background-image: url(Images/Lemmings/Lights.gif);
	pointer-events: none;
	transform: translateY(-160px);
	transition: 1s;
}

.lemmings-goal,
.lemmings-goalXmas,
.lemmings-goal-platform,
.lemmings-goal-platformXmas,
.lemmings-finish,
.lemmings-finishXmas {
	position: absolute;
	top: 84px;
	right: 40px;
	pointer-events: none;
	transform: translateX(160px);
	transition: 1s;
}

.lemmings-goalXmas {
	top: 110px;
}

.start-pos {
	transform: translate(0);
}

.lemmings-goal-platform,
.lemmings-goal-platformXmas {
	width: 50px;
	height: 12px;
	top: 188px;
	right: 64px;
}

.lemmings-goal-platformXmas {
	width: 94px;
	height: 4px;
	right: 40px;
}

.lemmings-finish,
.lemmings-finishXmas {
	width: 15px;
	height: 37px;
	top: 152px;
	right: 81px;
}

.lemmings-finishXmas {
	height: 29px;
	top: 160px;
}

.lemming {
	position: absolute;
	width: 12px;
	height: 22px;
	animation-duration: 600ms;
	animation-iteration-count: infinite;
	animation-timing-function: steps(8);
	background-repeat: no-repeat;
}

.splat {
	animation-name: splat;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-duration: 1200ms;
	animation-timing-function: steps(16);
}

@keyframes splat {
	0% { background-position: 0 0; }
100% { background-position: -512px 0; }
}

.walk-right {
	animation-name: walk-right;
}

@keyframes walk-right {
	  0% { background-position: 0 0; }
	100% { background-position: -96px 0; }
}

.walk-left {
	animation-name: walk-left;
}

@keyframes walk-left {
	  0% { background-position: 0 -22px; }
	100% { background-position: -96px -22px; }
}

.fall-right {
	animation-name: fall-right;
	animation-duration: 300ms;
	animation-timing-function: steps(4);
}

@keyframes fall-right {
	  0% {background-position: 0 -44px;	}
	100% { background-position: -48px -44px; }
}

.fall-left {
	animation-name: fall-left;
	animation-duration: 300ms;
	animation-timing-function: steps(4);
}

@keyframes fall-left {
	  0% {background-position: -48px -44px;	}
	100% { background-position: -96px -44px; }
}

.enter {
	height: 24px;
	animation-name: enter;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

@keyframes enter {
	  0% { background-position: 0 -66px; }
	100% { background-position: -96px -66px; }
}

.end-climb-right {
	animation-name: end-climb-right;
}

@keyframes end-climb-right {
	0% { background-position: 0 -134px; }
100% { background-position: -144px -134; }
}

.end-climb-left {
	animation-name: end-climb-left;
}

@keyframes end-climb-left {
	0% { background-position: 0 -156px; }
100% { background-position: -144px -156; }
}