
Ergänzung zum damaligen Update Highslide
Falls jemand ein paar Byte Ladezeit einsparen möchte haben wir mal das CSS aus dem Highslide (was man über Layout > Schriften/CSS > Highslide pflegen kann) auf das nötigste minimiert.
In unseren Auslieferungsversionen werden wir diesen auch nur noch so ausliefern.
Falls man aufgrund eigener Designvorstellungen an diesem CSS bereits gearbeitet hat, darf man diesen hier natürlich nicht einfach so übernehmen und muss ihn selbst komprimieren und von den unsinnigen Kommentaren erleichtern.
Die Verbesserung ist enorm:

Wie immer natürlich nur ein kleiner Schritt zur Perfektion, aber Pflicht
Wie Google aber da noch die 811 weitern Byte einsparen würde ist mir schleierhaft. Wir haben die GZIP-Komprimierung im Hintergrund bis zum Anschlag aufgedreht und Google sagt, da wären noch 4% machbar...
Hier der Code:
Hier der Original Code mit allen Kommentaren, falls den mal jemand braucht:
Falls jemand ein paar Byte Ladezeit einsparen möchte haben wir mal das CSS aus dem Highslide (was man über Layout > Schriften/CSS > Highslide pflegen kann) auf das nötigste minimiert.
In unseren Auslieferungsversionen werden wir diesen auch nur noch so ausliefern.
Falls man aufgrund eigener Designvorstellungen an diesem CSS bereits gearbeitet hat, darf man diesen hier natürlich nicht einfach so übernehmen und muss ihn selbst komprimieren und von den unsinnigen Kommentaren erleichtern.
Die Verbesserung ist enorm:

Wie immer natürlich nur ein kleiner Schritt zur Perfektion, aber Pflicht
Wie Google aber da noch die 811 weitern Byte einsparen würde ist mir schleierhaft. Wir haben die GZIP-Komprimierung im Hintergrund bis zum Anschlag aufgedreht und Google sagt, da wären noch 4% machbar...
Hier der Code:
.highslide-container div {font-family: Verdana, Helvetica;font-size: 10pt;}
.highslide-container table {background: none;}
.highslide {outline: none;text-decoration: none;}
.highslide:hover img {border-color: gray;}
.highslide-active-anchor img {visibility: hidden;}
.highslide-gallery .highslide-active-anchor img {border-color: black;visibility: visible;cursor: default;}
.highslide-image {border-width: 2px;border-style: solid;border-color: white;background: gray;}
.highslide-wrapper, .highslide-outline {background: white;}
.glossy-dark {background: #111;}
.highslide-number {font-weight: bold;color: gray;font-size: .9em;}
.highslide-caption {display: none;font-size: 1em;padding: 5px;}
.highslide-heading {display: none;font-weight: bold;margin: 0.4em;}
.highslide-dimming {position: absolute;background: black;}
a.highslide-full-expand {background: url(https://cdn.powergap.de/highslide/fullexpand.gif) no-repeat;display: block;margin: 0 10px 10px 0;width: 34px;height: 34px;}
.highslide-loading {display: block;color: black;font-size: 9px;font-weight: bold;text-transform: uppercase;text-decoration: none;padding: 3px;border: 1px solid white;background-color: white;padding-left: 22px;background-image: url(https://cdn.powergap.de/highslide/loader.white.gif);background-repeat: no-repeat;background-position: 3px 1px;}
a.highslide-credits, a.highslide-credits i {padding: 2px;color: silver;text-decoration: none;font-size: 10px;}
a.highslide-credits:hover, a.highslide-credits:hover i {color: white;background-color: gray;}
.highslide-move, .highslide-move * {cursor: move;}
.highslide-viewport {display: none;position: fixed;width: 100%;height: 100%;z-index: 1;background: none;left: 0;top: 0;}
.highslide-overlay {display: none;}
.hidden-container {display: none;}
.closebutton {position: relative;top: -15px;left: 15px;width: 30px;height: 30px;cursor: pointer;background: url(https://cdn.powergap.de/highslide/close.png);}
.highslide-gallery ul {list-style-type: none;margin: 0;padding: 0;}
.highslide-gallery ul li {display: block;position: relative;float: left;width: 106px;height: 106px;border: 1px solid silver;background: #ededed;margin: 2px;line-height: 0;overflow: hidden;}
.highslide-gallery ul a {position: absolute;top: 50%;left: 50%;}
.highslide-gallery ul img { position: relative;top: -50%;left: -50%;}
html>/**/body .highslide-gallery ul li {display: table;text-align: center;}
html>/**/body .highslide-gallery ul li {text-align: center;}
html>/**/body .highslide-gallery ul a {position: static;display: table-cell;vertical-align: middle;}
html>/**/body .highslide-gallery ul img {position: static;}
.highslide-controls {width: 195px;height: 40px;background: url(https://cdn.powergap.de/highslide/controlbar-white.gif) 0 -90px no-repeat;margin: 20px 15px 10px 0;}
.highslide-controls ul {position: relative;left: 15px;height: 40px;list-style: none;margin: 0;padding: 0;background: url(https://cdn.powergap.de/highslide/controlbar-white.gif) right -90px no-repeat;}
.highslide-controls li {float: left;padding: 5px 0;margin:0;list-style: none;}
.highslide-controls a {background-image: url(https://cdn.powergap.de/highslide/controlbar-white.gif);display: block;float: left;height: 30px;width: 30px;outline: none;}
.highslide-controls a.disabled {cursor: default;}
.highslide-controls a.disabled span {cursor: default;}
.highslide-controls a span {display: none;cursor: pointer;}
.highslide-controls .highslide-previous a {background-position: 0 0;}
.highslide-controls .highslide-previous a:hover {background-position: 0 -30px;}
.highslide-controls .highslide-previous a.disabled {background-position: 0 -60px !important;}
.highslide-controls .highslide-play a {background-position: -30px 0;}
.highslide-controls .highslide-play a:hover {background-position: -30px -30px;}
.highslide-controls .highslide-play a.disabled {background-position: -30px -60px !important;}
.highslide-controls .highslide-pause a {background-position: -60px 0;}
.highslide-controls .highslide-pause a:hover {background-position: -60px -30px;}
.highslide-controls .highslide-next a {background-position: -90px 0;}
.highslide-controls .highslide-next a:hover {background-position: -90px -30px;}
.highslide-controls .highslide-next a.disabled {background-position: -90px -60px !important;}
.highslide-controls .highslide-move a {background-position: -120px 0;}
.highslide-controls .highslide-move a:hover {background-position: -120px -30px;}
.highslide-controls .highslide-full-expand a {background-position: -150px 0;}
.highslide-controls .highslide-full-expand a:hover {background-position: -150px -30px;}
.highslide-controls .highslide-full-expand a.disabled {background-position: -150px -60px !important;}
.highslide-controls .highslide-close a {background-position: -180px 0;}
.highslide-controls .highslide-close a:hover {background-position: -180px -30px;}
.highslide-maincontent {display: none;}
.highslide-html {background-color: white;}
.highslide-html-content {display: none;width: 400px;padding: 0 5px 5px 5px;}
.highslide-header {padding-bottom: 5px;}
.highslide-header ul {margin: 0;padding: 0;text-align: right;}
.highslide-header ul li {display: inline;padding-left: 1em;}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {display: none;}
.highslide-header a {font-weight: bold;color: gray;text-transform: uppercase;text-decoration: none;}
.highslide-header a:hover {color: black;}
.highslide-header .highslide-move a {cursor: move;}
.highslide-footer {height: 16px;}
.highslide-footer .highslide-resize {display: block;float: right;margin-top: 5px;height: 11px;width: 11px;background: url(https://cdn.powergap.de/highslide/resize.gif) no-repeat;}
.highslide-footer .highslide-resize span {display: none;}
.highslide-resize {cursor: nw-resize;}
.draggable-header .highslide-header {height: 18px;border-bottom: 1px solid #dddddd;}
.draggable-header .highslide-heading {position: absolute;margin: 2px 0.4em;}
.draggable-header .highslide-header .highslide-move {cursor: move;display: block;height: 16px;position: absolute;right: 24px;top: 0;width: 100%;z-index: 1;}
.draggable-header .highslide-header .highslide-move * {display: none;}
.draggable-header .highslide-header .highslide-close {position: absolute;right: 2px;top: 2px;z-index: 5;padding: 0;}
.draggable-header .highslide-header .highslide-close a {display: block;height: 16px;width: 16px;background-image: url(https://cdn.powergap.de/highslide/closeX.png);}
.draggable-header .highslide-header .highslide-close a:hover {background-position: 0 16px;}
.draggable-header .highslide-header .highslide-close span {display: none;}
.draggable-header .highslide-maincontent {padding-top: 1em;}
.titlebar .highslide-header {height: 18px;border-bottom: 1px solid #dddddd;}
.titlebar .highslide-heading {position: absolute;width: 90%;margin: 1px 0 1px 5px;color: #666666;}
.titlebar .highslide-header .highslide-move {cursor: move;display: block;height: 16px;position: absolute;right: 24px;top: 0;width: 100%;z-index: 1;}
.titlebar .highslide-header .highslide-move * {display: none;}
.titlebar .highslide-header li {position: relative;top: 3px;z-index: 2;padding: 0 0 0 1em;}
.titlebar .highslide-maincontent {padding-top: 1em;}
.no-footer .highslide-footer {display: none;}
.wide-border {background: white;}
.wide-border .highslide-image {border-width: 10px;}
.wide-border .highslide-caption {padding: 0 10px 10px 10px;}
.borderless .highslide-image {border: none;}
.borderless .highslide-caption {border-bottom: 1px solid white;border-top: 1px solid white;background: silver;}
.outer-glow {background: #444;}
.outer-glow .highslide-image {border: 5px solid #444444;}
.outer-glow .highslide-caption {border: 5px solid #444444;border-top: none;padding: 5px;background-color: gray;}
.colored-border {background: white;}
.colored-border .highslide-image {border: 2px solid green;}
.colored-border .highslide-caption {border: 2px solid green;border-top: none;}
.dark {background: #111;}
.dark .highslide-image {border-color: black black #202020 black;background: gray;}
.dark .highslide-caption {color: white;background: #111;}
.dark .highslide-controls, .dark .highslide-controls ul, .dark .highslide-controls a {background-image: url(https://cdn.powergap.de/highslide/controlbar-black-border.gif);}
.floating-caption .highslide-caption {position: absolute;padding: 1em 0 0 0;background: none;color: white;border: none;font-weight: bold;}
.controls-in-heading .highslide-heading {color: gray;font-weight: bold;height: 20px;overflow: hidden;cursor: default;padding: 0 0 0 22px;margin: 0;background: url(https://cdn.powergap.de/highslide/icon.gif) no-repeat 0 1px;}
.controls-in-heading .highslide-controls {width: 105px;height: 20px;position: relative;margin: 0;top: -23px;left: 7px;background: none;}
.controls-in-heading .highslide-controls ul {position: static;height: 20px;background: none;}
.controls-in-heading .highslide-controls li {padding: 0;}
.controls-in-heading .highslide-controls a {background-image: url(https://cdn.powergap.de/highslide/controlbar-white-small.gif);height: 20px;width: 20px;}
.controls-in-heading .highslide-controls .highslide-move {display: none;}
.controls-in-heading .highslide-controls .highslide-previous a {background-position: 0 0;}
.controls-in-heading .highslide-controls .highslide-previous a:hover {background-position: 0 -20px;}
.controls-in-heading .highslide-controls .highslide-previous a.disabled {background-position: 0 -40px !important;}
.controls-in-heading .highslide-controls .highslide-play a {background-position: -20px 0;}
.controls-in-heading .highslide-controls .highslide-play a:hover {background-position: -20px -20px;}
.controls-in-heading .highslide-controls .highslide-play a.disabled {background-position: -20px -40px !important;}
.controls-in-heading .highslide-controls .highslide-pause a {background-position: -40px 0;}
.controls-in-heading .highslide-controls .highslide-pause a:hover {background-position: -40px -20px;}
.controls-in-heading .highslide-controls .highslide-next a {background-position: -60px 0;}
.controls-in-heading .highslide-controls .highslide-next a:hover {background-position: -60px -20px;}
.controls-in-heading .highslide-controls .highslide-next a.disabled {background-position: -60px -40px !important;}
.controls-in-heading .highslide-controls .highslide-full-expand a {background-position: -100px 0;}
.controls-in-heading .highslide-controls .highslide-full-expand a:hover {background-position: -100px -20px;}
.controls-in-heading .highslide-controls .highslide-full-expand a.disabled {background-position: -100px -40px !important;}
.controls-in-heading .highslide-controls .highslide-close a {background-position: -120px 0;}
.controls-in-heading .highslide-controls .highslide-close a:hover {background-position: -120px -20px;}
.text-controls .highslide-controls {width: auto;height: auto;margin: 0;text-align: center;background: none;}
.text-controls ul {position: static;background: none;height: auto;left: 0;}
.text-controls .highslide-move {display: none;}
.text-controls li {background-image: url(https://cdn.powergap.de/highslide/controlbar-text-buttons.png);background-position: right top !important;padding: 0;margin-left: 15px;display: block;width: auto;}
.text-controls a {background: url(https://cdn.powergap.de/highslide/controlbar-text-buttons.png) no-repeat;background-position: left top !important;position: relative;left: -10px;display: block;width: auto;height: auto;text-decoration: none !important;}
.text-controls a span {background: url(https://cdn.powergap.de/highslide/controlbar-text-buttons.png) no-repeat;margin: 1px 2px 1px 10px;display: block;min-width: 4em;height: 18px;line-height: 18px;padding: 1px 0 1px 18px;color: #333;font-family: "Trebuchet MS", Arial, sans-serif;font-size: 12px;font-weight: bold;white-space: nowrap;}
.text-controls .highslide-next {margin-right: 1em;}
.text-controls .highslide-full-expand a span {min-width: 0;margin: 1px 0;padding: 1px 0 1px 10px;}
.text-controls .highslide-close a span {min-width: 0;}
.text-controls a:hover span {color: black;}
.text-controls a.disabled span {color: #999;}
.text-controls .highslide-previous span {background-position: 0 -40px;}
.text-controls .highslide-previous a.disabled {background-position: left top !important;}
.text-controls .highslide-previous a.disabled span {background-position: 0 -140px;}
.text-controls .highslide-play span {background-position: 0 -60px;}
.text-controls .highslide-play a.disabled {background-position: left top !important;}
.text-controls .highslide-play a.disabled span {background-position: 0 -160px;}
.text-controls .highslide-pause span {background-position: 0 -80px;}
.text-controls .highslide-next span {background-position: 0 -100px;}
.text-controls .highslide-next a.disabled {background-position: left top !important;}
.text-controls .highslide-next a.disabled span {background-position: 0 -200px;}
.text-controls .highslide-full-expand span {background: none;}
.text-controls .highslide-full-expand a.disabled {background-position: left top !important;}
.text-controls .highslide-close span {background-position: 0 -120px;}
.highslide-thumbstrip {height: 100%;}
.highslide-thumbstrip div {overflow: hidden;}
.highslide-thumbstrip table {position: relative;padding: 0;border-collapse: collapse;}
.highslide-thumbstrip td {padding: 1px;}
.highslide-thumbstrip a {outline: none;}
.highslide-thumbstrip img {display: block;border: 1px solid gray;margin: 0 auto;}
.highslide-thumbstrip .highslide-active-anchor img {visibility: visible;}
.highslide-thumbstrip .highslide-marker {position: absolute;width: 0;height: 0;border-width: 0;border-style: solid;border-color: transparent;}
.highslide-thumbstrip-horizontal div {width: auto;}
.highslide-thumbstrip-horizontal .highslide-scroll-up {display: none;position: absolute;top: 3px;left: 3px;width: 25px;height: 42px;}
.highslide-thumbstrip-horizontal .highslide-scroll-up div {margin-bottom: 10px;cursor: pointer;background: url(https://cdn.powergap.de/highslide/scrollarrows.png) left center no-repeat;height: 42px;}
.highslide-thumbstrip-horizontal .highslide-scroll-down {display: none;position: absolute;top: 3px;right: 3px;width: 25px;height: 42px;}
.highslide-thumbstrip-horizontal .highslide-scroll-down div {margin-bottom: 10px;cursor: pointer;background: url(https://cdn.powergap.de/highslide/scrollarrows.png) center right no-repeat;height: 42px;}
.highslide-thumbstrip-horizontal table {margin: 2px 0 10px 0;}
.highslide-viewport .highslide-thumbstrip-horizontal table {margin-left: 10px;}
.highslide-thumbstrip-horizontal img {width: auto;height: 40px;}
.highslide-thumbstrip-horizontal .highslide-marker {top: 47px;border-left-width: 6px;border-right-width: 6px;border-bottom: 6px solid gray;}
.highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {margin-left: 10px;}
.dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {border-bottom-color: white !important;}
.highslide-thumbstrip-vertical-overlay {overflow: hidden !important;}
.highslide-thumbstrip-vertical div {height: 100%;}
.highslide-thumbstrip-vertical a {display: block;}
.highslide-thumbstrip-vertical .highslide-scroll-up {display: none;position: absolute;top: 0;left: 0;width: 100%;height: 25px;}
.highslide-thumbstrip-vertical .highslide-scroll-up div {margin-left: 10px;cursor: pointer;background: url(https://cdn.powergap.de/highslide/scrollarrows.png) top center no-repeat;height: 25px;}
.highslide-thumbstrip-vertical .highslide-scroll-down {display: none;position: absolute;bottom: 0;left: 0;width: 100%;height: 25px;}
.highslide-thumbstrip-vertical .highslide-scroll-down div {margin-left: 10px;cursor: pointer;background: url(https://cdn.powergap.de/highslide/scrollarrows.png) bottom center no-repeat;height: 25px;}
.highslide-thumbstrip-vertical table {margin: 10px 0 0 10px;}
.highslide-thumbstrip-vertical img {max-width: 60px;}
.highslide-thumbstrip-vertical .highslide-marker {left: 0;margin-top: 8px;border-top-width: 6px;border-bottom-width: 6px;border-left: 6px solid gray;}
.dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker {border-left-color: white;}
.highslide-viewport .highslide-thumbstrip-float {overflow: auto;}
.highslide-thumbstrip-float ul {margin: 2px 0;padding: 0;}
.highslide-thumbstrip-float li {display: block;height: 60px;margin: 0 2px;list-style: none;float: left;}
.highslide-thumbstrip-float img {display: inline;border-color: silver;max-height: 56px;}
.highslide-thumbstrip-float .highslide-active-anchor img {border-color: black;}
.highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div {display: none;}
.highslide-thumbstrip-float .highslide-marker {display: none;}
.highslide-container table {background: none;}
.highslide {outline: none;text-decoration: none;}
.highslide:hover img {border-color: gray;}
.highslide-active-anchor img {visibility: hidden;}
.highslide-gallery .highslide-active-anchor img {border-color: black;visibility: visible;cursor: default;}
.highslide-image {border-width: 2px;border-style: solid;border-color: white;background: gray;}
.highslide-wrapper, .highslide-outline {background: white;}
.glossy-dark {background: #111;}
.highslide-number {font-weight: bold;color: gray;font-size: .9em;}
.highslide-caption {display: none;font-size: 1em;padding: 5px;}
.highslide-heading {display: none;font-weight: bold;margin: 0.4em;}
.highslide-dimming {position: absolute;background: black;}
a.highslide-full-expand {background: url(https://cdn.powergap.de/highslide/fullexpand.gif) no-repeat;display: block;margin: 0 10px 10px 0;width: 34px;height: 34px;}
.highslide-loading {display: block;color: black;font-size: 9px;font-weight: bold;text-transform: uppercase;text-decoration: none;padding: 3px;border: 1px solid white;background-color: white;padding-left: 22px;background-image: url(https://cdn.powergap.de/highslide/loader.white.gif);background-repeat: no-repeat;background-position: 3px 1px;}
a.highslide-credits, a.highslide-credits i {padding: 2px;color: silver;text-decoration: none;font-size: 10px;}
a.highslide-credits:hover, a.highslide-credits:hover i {color: white;background-color: gray;}
.highslide-move, .highslide-move * {cursor: move;}
.highslide-viewport {display: none;position: fixed;width: 100%;height: 100%;z-index: 1;background: none;left: 0;top: 0;}
.highslide-overlay {display: none;}
.hidden-container {display: none;}
.closebutton {position: relative;top: -15px;left: 15px;width: 30px;height: 30px;cursor: pointer;background: url(https://cdn.powergap.de/highslide/close.png);}
.highslide-gallery ul {list-style-type: none;margin: 0;padding: 0;}
.highslide-gallery ul li {display: block;position: relative;float: left;width: 106px;height: 106px;border: 1px solid silver;background: #ededed;margin: 2px;line-height: 0;overflow: hidden;}
.highslide-gallery ul a {position: absolute;top: 50%;left: 50%;}
.highslide-gallery ul img { position: relative;top: -50%;left: -50%;}
html>/**/body .highslide-gallery ul li {display: table;text-align: center;}
html>/**/body .highslide-gallery ul li {text-align: center;}
html>/**/body .highslide-gallery ul a {position: static;display: table-cell;vertical-align: middle;}
html>/**/body .highslide-gallery ul img {position: static;}
.highslide-controls {width: 195px;height: 40px;background: url(https://cdn.powergap.de/highslide/controlbar-white.gif) 0 -90px no-repeat;margin: 20px 15px 10px 0;}
.highslide-controls ul {position: relative;left: 15px;height: 40px;list-style: none;margin: 0;padding: 0;background: url(https://cdn.powergap.de/highslide/controlbar-white.gif) right -90px no-repeat;}
.highslide-controls li {float: left;padding: 5px 0;margin:0;list-style: none;}
.highslide-controls a {background-image: url(https://cdn.powergap.de/highslide/controlbar-white.gif);display: block;float: left;height: 30px;width: 30px;outline: none;}
.highslide-controls a.disabled {cursor: default;}
.highslide-controls a.disabled span {cursor: default;}
.highslide-controls a span {display: none;cursor: pointer;}
.highslide-controls .highslide-previous a {background-position: 0 0;}
.highslide-controls .highslide-previous a:hover {background-position: 0 -30px;}
.highslide-controls .highslide-previous a.disabled {background-position: 0 -60px !important;}
.highslide-controls .highslide-play a {background-position: -30px 0;}
.highslide-controls .highslide-play a:hover {background-position: -30px -30px;}
.highslide-controls .highslide-play a.disabled {background-position: -30px -60px !important;}
.highslide-controls .highslide-pause a {background-position: -60px 0;}
.highslide-controls .highslide-pause a:hover {background-position: -60px -30px;}
.highslide-controls .highslide-next a {background-position: -90px 0;}
.highslide-controls .highslide-next a:hover {background-position: -90px -30px;}
.highslide-controls .highslide-next a.disabled {background-position: -90px -60px !important;}
.highslide-controls .highslide-move a {background-position: -120px 0;}
.highslide-controls .highslide-move a:hover {background-position: -120px -30px;}
.highslide-controls .highslide-full-expand a {background-position: -150px 0;}
.highslide-controls .highslide-full-expand a:hover {background-position: -150px -30px;}
.highslide-controls .highslide-full-expand a.disabled {background-position: -150px -60px !important;}
.highslide-controls .highslide-close a {background-position: -180px 0;}
.highslide-controls .highslide-close a:hover {background-position: -180px -30px;}
.highslide-maincontent {display: none;}
.highslide-html {background-color: white;}
.highslide-html-content {display: none;width: 400px;padding: 0 5px 5px 5px;}
.highslide-header {padding-bottom: 5px;}
.highslide-header ul {margin: 0;padding: 0;text-align: right;}
.highslide-header ul li {display: inline;padding-left: 1em;}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {display: none;}
.highslide-header a {font-weight: bold;color: gray;text-transform: uppercase;text-decoration: none;}
.highslide-header a:hover {color: black;}
.highslide-header .highslide-move a {cursor: move;}
.highslide-footer {height: 16px;}
.highslide-footer .highslide-resize {display: block;float: right;margin-top: 5px;height: 11px;width: 11px;background: url(https://cdn.powergap.de/highslide/resize.gif) no-repeat;}
.highslide-footer .highslide-resize span {display: none;}
.highslide-resize {cursor: nw-resize;}
.draggable-header .highslide-header {height: 18px;border-bottom: 1px solid #dddddd;}
.draggable-header .highslide-heading {position: absolute;margin: 2px 0.4em;}
.draggable-header .highslide-header .highslide-move {cursor: move;display: block;height: 16px;position: absolute;right: 24px;top: 0;width: 100%;z-index: 1;}
.draggable-header .highslide-header .highslide-move * {display: none;}
.draggable-header .highslide-header .highslide-close {position: absolute;right: 2px;top: 2px;z-index: 5;padding: 0;}
.draggable-header .highslide-header .highslide-close a {display: block;height: 16px;width: 16px;background-image: url(https://cdn.powergap.de/highslide/closeX.png);}
.draggable-header .highslide-header .highslide-close a:hover {background-position: 0 16px;}
.draggable-header .highslide-header .highslide-close span {display: none;}
.draggable-header .highslide-maincontent {padding-top: 1em;}
.titlebar .highslide-header {height: 18px;border-bottom: 1px solid #dddddd;}
.titlebar .highslide-heading {position: absolute;width: 90%;margin: 1px 0 1px 5px;color: #666666;}
.titlebar .highslide-header .highslide-move {cursor: move;display: block;height: 16px;position: absolute;right: 24px;top: 0;width: 100%;z-index: 1;}
.titlebar .highslide-header .highslide-move * {display: none;}
.titlebar .highslide-header li {position: relative;top: 3px;z-index: 2;padding: 0 0 0 1em;}
.titlebar .highslide-maincontent {padding-top: 1em;}
.no-footer .highslide-footer {display: none;}
.wide-border {background: white;}
.wide-border .highslide-image {border-width: 10px;}
.wide-border .highslide-caption {padding: 0 10px 10px 10px;}
.borderless .highslide-image {border: none;}
.borderless .highslide-caption {border-bottom: 1px solid white;border-top: 1px solid white;background: silver;}
.outer-glow {background: #444;}
.outer-glow .highslide-image {border: 5px solid #444444;}
.outer-glow .highslide-caption {border: 5px solid #444444;border-top: none;padding: 5px;background-color: gray;}
.colored-border {background: white;}
.colored-border .highslide-image {border: 2px solid green;}
.colored-border .highslide-caption {border: 2px solid green;border-top: none;}
.dark {background: #111;}
.dark .highslide-image {border-color: black black #202020 black;background: gray;}
.dark .highslide-caption {color: white;background: #111;}
.dark .highslide-controls, .dark .highslide-controls ul, .dark .highslide-controls a {background-image: url(https://cdn.powergap.de/highslide/controlbar-black-border.gif);}
.floating-caption .highslide-caption {position: absolute;padding: 1em 0 0 0;background: none;color: white;border: none;font-weight: bold;}
.controls-in-heading .highslide-heading {color: gray;font-weight: bold;height: 20px;overflow: hidden;cursor: default;padding: 0 0 0 22px;margin: 0;background: url(https://cdn.powergap.de/highslide/icon.gif) no-repeat 0 1px;}
.controls-in-heading .highslide-controls {width: 105px;height: 20px;position: relative;margin: 0;top: -23px;left: 7px;background: none;}
.controls-in-heading .highslide-controls ul {position: static;height: 20px;background: none;}
.controls-in-heading .highslide-controls li {padding: 0;}
.controls-in-heading .highslide-controls a {background-image: url(https://cdn.powergap.de/highslide/controlbar-white-small.gif);height: 20px;width: 20px;}
.controls-in-heading .highslide-controls .highslide-move {display: none;}
.controls-in-heading .highslide-controls .highslide-previous a {background-position: 0 0;}
.controls-in-heading .highslide-controls .highslide-previous a:hover {background-position: 0 -20px;}
.controls-in-heading .highslide-controls .highslide-previous a.disabled {background-position: 0 -40px !important;}
.controls-in-heading .highslide-controls .highslide-play a {background-position: -20px 0;}
.controls-in-heading .highslide-controls .highslide-play a:hover {background-position: -20px -20px;}
.controls-in-heading .highslide-controls .highslide-play a.disabled {background-position: -20px -40px !important;}
.controls-in-heading .highslide-controls .highslide-pause a {background-position: -40px 0;}
.controls-in-heading .highslide-controls .highslide-pause a:hover {background-position: -40px -20px;}
.controls-in-heading .highslide-controls .highslide-next a {background-position: -60px 0;}
.controls-in-heading .highslide-controls .highslide-next a:hover {background-position: -60px -20px;}
.controls-in-heading .highslide-controls .highslide-next a.disabled {background-position: -60px -40px !important;}
.controls-in-heading .highslide-controls .highslide-full-expand a {background-position: -100px 0;}
.controls-in-heading .highslide-controls .highslide-full-expand a:hover {background-position: -100px -20px;}
.controls-in-heading .highslide-controls .highslide-full-expand a.disabled {background-position: -100px -40px !important;}
.controls-in-heading .highslide-controls .highslide-close a {background-position: -120px 0;}
.controls-in-heading .highslide-controls .highslide-close a:hover {background-position: -120px -20px;}
.text-controls .highslide-controls {width: auto;height: auto;margin: 0;text-align: center;background: none;}
.text-controls ul {position: static;background: none;height: auto;left: 0;}
.text-controls .highslide-move {display: none;}
.text-controls li {background-image: url(https://cdn.powergap.de/highslide/controlbar-text-buttons.png);background-position: right top !important;padding: 0;margin-left: 15px;display: block;width: auto;}
.text-controls a {background: url(https://cdn.powergap.de/highslide/controlbar-text-buttons.png) no-repeat;background-position: left top !important;position: relative;left: -10px;display: block;width: auto;height: auto;text-decoration: none !important;}
.text-controls a span {background: url(https://cdn.powergap.de/highslide/controlbar-text-buttons.png) no-repeat;margin: 1px 2px 1px 10px;display: block;min-width: 4em;height: 18px;line-height: 18px;padding: 1px 0 1px 18px;color: #333;font-family: "Trebuchet MS", Arial, sans-serif;font-size: 12px;font-weight: bold;white-space: nowrap;}
.text-controls .highslide-next {margin-right: 1em;}
.text-controls .highslide-full-expand a span {min-width: 0;margin: 1px 0;padding: 1px 0 1px 10px;}
.text-controls .highslide-close a span {min-width: 0;}
.text-controls a:hover span {color: black;}
.text-controls a.disabled span {color: #999;}
.text-controls .highslide-previous span {background-position: 0 -40px;}
.text-controls .highslide-previous a.disabled {background-position: left top !important;}
.text-controls .highslide-previous a.disabled span {background-position: 0 -140px;}
.text-controls .highslide-play span {background-position: 0 -60px;}
.text-controls .highslide-play a.disabled {background-position: left top !important;}
.text-controls .highslide-play a.disabled span {background-position: 0 -160px;}
.text-controls .highslide-pause span {background-position: 0 -80px;}
.text-controls .highslide-next span {background-position: 0 -100px;}
.text-controls .highslide-next a.disabled {background-position: left top !important;}
.text-controls .highslide-next a.disabled span {background-position: 0 -200px;}
.text-controls .highslide-full-expand span {background: none;}
.text-controls .highslide-full-expand a.disabled {background-position: left top !important;}
.text-controls .highslide-close span {background-position: 0 -120px;}
.highslide-thumbstrip {height: 100%;}
.highslide-thumbstrip div {overflow: hidden;}
.highslide-thumbstrip table {position: relative;padding: 0;border-collapse: collapse;}
.highslide-thumbstrip td {padding: 1px;}
.highslide-thumbstrip a {outline: none;}
.highslide-thumbstrip img {display: block;border: 1px solid gray;margin: 0 auto;}
.highslide-thumbstrip .highslide-active-anchor img {visibility: visible;}
.highslide-thumbstrip .highslide-marker {position: absolute;width: 0;height: 0;border-width: 0;border-style: solid;border-color: transparent;}
.highslide-thumbstrip-horizontal div {width: auto;}
.highslide-thumbstrip-horizontal .highslide-scroll-up {display: none;position: absolute;top: 3px;left: 3px;width: 25px;height: 42px;}
.highslide-thumbstrip-horizontal .highslide-scroll-up div {margin-bottom: 10px;cursor: pointer;background: url(https://cdn.powergap.de/highslide/scrollarrows.png) left center no-repeat;height: 42px;}
.highslide-thumbstrip-horizontal .highslide-scroll-down {display: none;position: absolute;top: 3px;right: 3px;width: 25px;height: 42px;}
.highslide-thumbstrip-horizontal .highslide-scroll-down div {margin-bottom: 10px;cursor: pointer;background: url(https://cdn.powergap.de/highslide/scrollarrows.png) center right no-repeat;height: 42px;}
.highslide-thumbstrip-horizontal table {margin: 2px 0 10px 0;}
.highslide-viewport .highslide-thumbstrip-horizontal table {margin-left: 10px;}
.highslide-thumbstrip-horizontal img {width: auto;height: 40px;}
.highslide-thumbstrip-horizontal .highslide-marker {top: 47px;border-left-width: 6px;border-right-width: 6px;border-bottom: 6px solid gray;}
.highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {margin-left: 10px;}
.dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {border-bottom-color: white !important;}
.highslide-thumbstrip-vertical-overlay {overflow: hidden !important;}
.highslide-thumbstrip-vertical div {height: 100%;}
.highslide-thumbstrip-vertical a {display: block;}
.highslide-thumbstrip-vertical .highslide-scroll-up {display: none;position: absolute;top: 0;left: 0;width: 100%;height: 25px;}
.highslide-thumbstrip-vertical .highslide-scroll-up div {margin-left: 10px;cursor: pointer;background: url(https://cdn.powergap.de/highslide/scrollarrows.png) top center no-repeat;height: 25px;}
.highslide-thumbstrip-vertical .highslide-scroll-down {display: none;position: absolute;bottom: 0;left: 0;width: 100%;height: 25px;}
.highslide-thumbstrip-vertical .highslide-scroll-down div {margin-left: 10px;cursor: pointer;background: url(https://cdn.powergap.de/highslide/scrollarrows.png) bottom center no-repeat;height: 25px;}
.highslide-thumbstrip-vertical table {margin: 10px 0 0 10px;}
.highslide-thumbstrip-vertical img {max-width: 60px;}
.highslide-thumbstrip-vertical .highslide-marker {left: 0;margin-top: 8px;border-top-width: 6px;border-bottom-width: 6px;border-left: 6px solid gray;}
.dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker {border-left-color: white;}
.highslide-viewport .highslide-thumbstrip-float {overflow: auto;}
.highslide-thumbstrip-float ul {margin: 2px 0;padding: 0;}
.highslide-thumbstrip-float li {display: block;height: 60px;margin: 0 2px;list-style: none;float: left;}
.highslide-thumbstrip-float img {display: inline;border-color: silver;max-height: 56px;}
.highslide-thumbstrip-float .highslide-active-anchor img {border-color: black;}
.highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div {display: none;}
.highslide-thumbstrip-float .highslide-marker {display: none;}
Hier der Original Code mit allen Kommentaren, falls den mal jemand braucht:

Hier der Original Code mit allen Kommentaren, falls den mal jemand braucht:
/**
* @file: highslide.css
* @version: 4.1.8
*/
.highslide-container div {
font-family: Verdana, Helvetica;
font-size: 10pt;
}
.highslide-container table {
background: none;
}
.highslide {
outline: none;
text-decoration: none;
}
.highslide img {
border: 2px solid silver;
}
.highslide:hover img {
border-color: gray;
}
.highslide-active-anchor img {
visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
border-color: black;
visibility: visible;
cursor: default;
}
.highslide-image {
border-width: 2px;
border-style: solid;
border-color: white;
background: gray;
}
.highslide-wrapper, .highslide-outline {
background: white;
}
.glossy-dark {
background: #111;
}
.highslide-image-blur {
}
.highslide-number {
font-weight: bold;
color: gray;
font-size: .9em;
}
.highslide-caption {
display: none;
font-size: 1em;
padding: 5px;
/*background: white;*/
}
.highslide-heading {
display: none;
font-weight: bold;
margin: 0.4em;
}
.highslide-dimming {
position: absolute;
background: black;
}
a.highslide-full-expand {
background: url(https://cdn.powergap.de/highslide/fullexpand.gif) no-repeat;
display: block;
margin: 0 10px 10px 0;
width: 34px;
height: 34px;
}
.highslide-loading {
display: block;
color: black;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
padding: 3px;
border: 1px solid white;
background-color: white;
padding-left: 22px;
background-image: url(https://cdn.powergap.de/highslide/loader.white.gif);
background-repeat: no-repeat;
background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
padding: 2px;
color: silver;
text-decoration: none;
font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
color: white;
background-color: gray;
}
.highslide-move, .highslide-move * {
cursor: move;
}
.highslide-viewport {
display: none;
position: fixed;
width: 100%;
height: 100%;
z-index: 1;
background: none;
left: 0;
top: 0;
}
.highslide-overlay {
display: none;
}
.hidden-container {
display: none;
}
/* Example of a semitransparent, offset closebutton */
.closebutton {
position: relative;
top: -15px;
left: 15px;
width: 30px;
height: 30px;
cursor: pointer;
background: url(https://cdn.powergap.de/highslide/close.png);
/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}
/*****************************************************************************/
/* Thumbnail boxes for the galleries. */
/* Remove these if you are not using a gallery. */
/*****************************************************************************/
.highslide-gallery ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.highslide-gallery ul li {
display: block;
position: relative;
float: left;
width: 106px;
height: 106px;
border: 1px solid silver;
background: #ededed;
margin: 2px;
line-height: 0;
overflow: hidden;
}
.highslide-gallery ul a {
position: absolute;
top: 50%;
left: 50%;
}
.highslide-gallery ul img {
position: relative;
top: -50%;
left: -50%;
}
html>/**/body .highslide-gallery ul li {
display: table;
text-align: center;
}
html>/**/body .highslide-gallery ul li {
text-align: center;
}
html>/**/body .highslide-gallery ul a {
position: static;
display: table-cell;
vertical-align: middle;
}
html>/**/body .highslide-gallery ul img {
position: static;
}
/*****************************************************************************/
/* Controls for the galleries. */
/* Remove these if you are not using a gallery */
/*****************************************************************************/
.highslide-controls {
width: 195px;
height: 40px;
background: url(https://cdn.powergap.de/highslide/controlbar-white.gif) 0 -90px no-repeat;
margin: 20px 15px 10px 0;
}
.highslide-controls ul {
position: relative;
left: 15px;
height: 40px;
list-style: none;
margin: 0;
padding: 0;
background: url(https://cdn.powergap.de/highslide/controlbar-white.gif) right -90px no-repeat;
}
.highslide-controls li {
float: left;
padding: 5px 0;
margin:0;
list-style: none;
}
.highslide-controls a {
background-image: url(https://cdn.powergap.de/highslide/controlbar-white.gif);
display: block;
float: left;
height: 30px;
width: 30px;
outline: none;
}
.highslide-controls a.disabled {
cursor: default;
}
.highslide-controls a.disabled span {
cursor: default;
}
.highslide-controls a span {
/* hide the text for these graphic buttons */
display: none;
cursor: pointer;
}
/* The CSS sprites for the controlbar - see www.google.com/search?q=css+sprites */
.highslide-controls .highslide-previous a {
background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
background-position: -180px -30px;
}
/*****************************************************************************/
/* Styles for the HTML popups */
/* Remove these if you are not using Highslide HTML */
/*****************************************************************************/
.highslide-maincontent {
display: none;
}
.highslide-html {
background-color: white;
}
.highslide-html-content {
display: none;
width: 400px;
padding: 0 5px 5px 5px;
}
.highslide-header {
padding-bottom: 5px;
}
.highslide-header ul {
margin: 0;
padding: 0;
text-align: right;
}
.highslide-header ul li {
display: inline;
padding-left: 1em;
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
display: none;
}
.highslide-header a {
font-weight: bold;
color: gray;
text-transform: uppercase;
text-decoration: none;
}
.highslide-header a:hover {
color: black;
}
.highslide-header .highslide-move a {
cursor: move;
}
.highslide-footer {
height: 16px;
}
.highslide-footer .highslide-resize {
display: block;
float: right;
margin-top: 5px;
height: 11px;
width: 11px;
background: url(https://cdn.powergap.de/highslide/resize.gif) no-repeat;
}
.highslide-footer .highslide-resize span {
display: none;
}
.highslide-body {
}
.highslide-resize {
cursor: nw-resize;
}
/*****************************************************************************/
/* Styles for the Individual wrapper class names. */
/* See www.highslide.com/ref/hs.wrapperClassName */
/* You can safely remove the class name themes you don't use */
/*****************************************************************************/
/* hs.wrapperClassName = 'draggable-header' */
.draggable-header .highslide-header {
height: 18px;
border-bottom: 1px solid #dddddd;
}
.draggable-header .highslide-heading {
position: absolute;
margin: 2px 0.4em;
}
.draggable-header .highslide-header .highslide-move {
cursor: move;
display: block;
height: 16px;
position: absolute;
right: 24px;
top: 0;
width: 100%;
z-index: 1;
}
.draggable-header .highslide-header .highslide-move * {
display: none;
}
.draggable-header .highslide-header .highslide-close {
position: absolute;
right: 2px;
top: 2px;
z-index: 5;
padding: 0;
}
.draggable-header .highslide-header .highslide-close a {
display: block;
height: 16px;
width: 16px;
background-image: url(https://cdn.powergap.de/highslide/closeX.png);
}
.draggable-header .highslide-header .highslide-close a:hover {
background-position: 0 16px;
}
.draggable-header .highslide-header .highslide-close span {
display: none;
}
.draggable-header .highslide-maincontent {
padding-top: 1em;
}
/* hs.wrapperClassName = 'titlebar' */
.titlebar .highslide-header {
height: 18px;
border-bottom: 1px solid #dddddd;
}
.titlebar .highslide-heading {
position: absolute;
width: 90%;
margin: 1px 0 1px 5px;
color: #666666;
}
.titlebar .highslide-header .highslide-move {
cursor: move;
display: block;
height: 16px;
position: absolute;
right: 24px;
top: 0;
width: 100%;
z-index: 1;
}
.titlebar .highslide-header .highslide-move * {
display: none;
}
.titlebar .highslide-header li {
position: relative;
top: 3px;
z-index: 2;
padding: 0 0 0 1em;
}
.titlebar .highslide-maincontent {
padding-top: 1em;
}
/* hs.wrapperClassName = 'no-footer' */
.no-footer .highslide-footer {
display: none;
}
/* hs.wrapperClassName = 'wide-border' */
.wide-border {
background: white;
}
.wide-border .highslide-image {
border-width: 10px;
}
.wide-border .highslide-caption {
padding: 0 10px 10px 10px;
}
/* hs.wrapperClassName = 'borderless' */
.borderless .highslide-image {
border: none;
}
.borderless .highslide-caption {
border-bottom: 1px solid white;
border-top: 1px solid white;
background: silver;
}
/* hs.wrapperClassName = 'outer-glow' */
.outer-glow {
background: #444;
}
.outer-glow .highslide-image {
border: 5px solid #444444;
}
.outer-glow .highslide-caption {
border: 5px solid #444444;
border-top: none;
padding: 5px;
background-color: gray;
}
/* hs.wrapperClassName = 'colored-border' */
.colored-border {
background: white;
}
.colored-border .highslide-image {
border: 2px solid green;
}
.colored-border .highslide-caption {
border: 2px solid green;
border-top: none;
}
/* hs.wrapperClassName = 'dark' */
.dark {
background: #111;
}
.dark .highslide-image {
border-color: black black #202020 black;
background: gray;
}
.dark .highslide-caption {
color: white;
background: #111;
}
.dark .highslide-controls,
.dark .highslide-controls ul,
.dark .highslide-controls a {
background-image: url(https://cdn.powergap.de/highslide/controlbar-black-border.gif);
}
/* hs.wrapperClassName = 'floating-caption' */
.floating-caption .highslide-caption {
position: absolute;
padding: 1em 0 0 0;
background: none;
color: white;
border: none;
font-weight: bold;
}
/* hs.wrapperClassName = 'controls-in-heading' */
.controls-in-heading .highslide-heading {
color: gray;
font-weight: bold;
height: 20px;
overflow: hidden;
cursor: default;
padding: 0 0 0 22px;
margin: 0;
background: url(https://cdn.powergap.de/highslide/icon.gif) no-repeat 0 1px;
}
.controls-in-heading .highslide-controls {
width: 105px;
height: 20px;
position: relative;
margin: 0;
top: -23px;
left: 7px;
background: none;
}
.controls-in-heading .highslide-controls ul {
position: static;
height: 20px;
background: none;
}
.controls-in-heading .highslide-controls li {
padding: 0;
}
.controls-in-heading .highslide-controls a {
background-image: url(https://cdn.powergap.de/highslide/controlbar-white-small.gif);
height: 20px;
width: 20px;
}
.controls-in-heading .highslide-controls .highslide-move {
display: none;
}
.controls-in-heading .highslide-controls .highslide-previous a {
background-position: 0 0;
}
.controls-in-heading .highslide-controls .highslide-previous a:hover {
background-position: 0 -20px;
}
.controls-in-heading .highslide-controls .highslide-previous a.disabled {
background-position: 0 -40px !important;
}
.controls-in-heading .highslide-controls .highslide-play a {
background-position: -20px 0;
}
.controls-in-heading .highslide-controls .highslide-play a:hover {
background-position: -20px -20px;
}
.controls-in-heading .highslide-controls .highslide-play a.disabled {
background-position: -20px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-pause a {
background-position: -40px 0;
}
.controls-in-heading .highslide-controls .highslide-pause a:hover {
background-position: -40px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a {
background-position: -60px 0;
}
.controls-in-heading .highslide-controls .highslide-next a:hover {
background-position: -60px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a.disabled {
background-position: -60px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-full-expand a {
background-position: -100px 0;
}
.controls-in-heading .highslide-controls .highslide-full-expand a:hover {
background-position: -100px -20px;
}
.controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
background-position: -100px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-close a {
background-position: -120px 0;
}
.controls-in-heading .highslide-controls .highslide-close a:hover {
background-position: -120px -20px;
}
/*****************************************************************************/
/* Styles for text based controls. */
/* You can safely remove this if you don't use text based controls */
/*****************************************************************************/
.text-controls .highslide-controls {
width: auto;
height: auto;
margin: 0;
text-align: center;
background: none;
}
.text-controls ul {
position: static;
background: none;
height: auto;
left: 0;
}
.text-controls .highslide-move {
display: none;
}
.text-controls li {
background-image: url(https://cdn.powergap.de/highslide/controlbar-text-buttons.png);
background-position: right top !important;
padding: 0;
margin-left: 15px;
display: block;
width: auto;
}
.text-controls a {
background: url(https://cdn.powergap.de/highslide/controlbar-text-buttons.png) no-repeat;
background-position: left top !important;
position: relative;
left: -10px;
display: block;
width: auto;
height: auto;
text-decoration: none !important;
}
.text-controls a span {
background: url(https://cdn.powergap.de/highslide/controlbar-text-buttons.png) no-repeat;
margin: 1px 2px 1px 10px;
display: block;
min-width: 4em;
height: 18px;
line-height: 18px;
padding: 1px 0 1px 18px;
color: #333;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 12px;
font-weight: bold;
white-space: nowrap;
}
.text-controls .highslide-next {
margin-right: 1em;
}
.text-controls .highslide-full-expand a span {
min-width: 0;
margin: 1px 0;
padding: 1px 0 1px 10px;
}
.text-controls .highslide-close a span {
min-width: 0;
}
.text-controls a:hover span {
color: black;
}
.text-controls a.disabled span {
color: #999;
}
.text-controls .highslide-previous span {
background-position: 0 -40px;
}
.text-controls .highslide-previous a.disabled {
background-position: left top !important;
}
.text-controls .highslide-previous a.disabled span {
background-position: 0 -140px;
}
.text-controls .highslide-play span {
background-position: 0 -60px;
}
.text-controls .highslide-play a.disabled {
background-position: left top !important;
}
.text-controls .highslide-play a.disabled span {
background-position: 0 -160px;
}
.text-controls .highslide-pause span {
background-position: 0 -80px;
}
.text-controls .highslide-next span {
background-position: 0 -100px;
}
.text-controls .highslide-next a.disabled {
background-position: left top !important;
}
.text-controls .highslide-next a.disabled span {
background-position: 0 -200px;
}
.text-controls .highslide-full-expand span {
background: none;
}
.text-controls .highslide-full-expand a.disabled {
background-position: left top !important;
}
.text-controls .highslide-close span {
background-position: 0 -120px;
}
/*****************************************************************************/
/* Styles for the thumbstrip. */
/* See www.highslide.com/ref/hs.addSlideshow */
/* You can safely remove this if you don't use a thumbstrip */
/*****************************************************************************/
.highslide-thumbstrip {
height: 100%;
}
.highslide-thumbstrip div {
overflow: hidden;
}
.highslide-thumbstrip table {
position: relative;
padding: 0;
border-collapse: collapse;
}
.highslide-thumbstrip td {
padding: 1px;
/*text-align: center;*/
}
.highslide-thumbstrip a {
outline: none;
}
.highslide-thumbstrip img {
display: block;
border: 1px solid gray;
margin: 0 auto;
}
.highslide-thumbstrip .highslide-active-anchor img {
visibility: visible;
}
.highslide-thumbstrip .highslide-marker {
position: absolute;
width: 0;
height: 0;
border-width: 0;
border-style: solid;
border-color: transparent; /* change this to actual background color in highslide-ie6.css */
}
.highslide-thumbstrip-horizontal div {
width: auto;
/* width: 100% breaks in small strips in IE */
}
.highslide-thumbstrip-horizontal .highslide-scroll-up {
display: none;
position: absolute;
top: 3px;
left: 3px;
width: 25px;
height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-up div {
margin-bottom: 10px;
cursor: pointer;
background: url(https://cdn.powergap.de/highslide/scrollarrows.png) left center no-repeat;
height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down {
display: none;
position: absolute;
top: 3px;
right: 3px;
width: 25px;
height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down div {
margin-bottom: 10px;
cursor: pointer;
background: url(https://cdn.powergap.de/highslide/scrollarrows.png) center right no-repeat;
height: 42px;
}
.highslide-thumbstrip-horizontal table {
margin: 2px 0 10px 0;
}
.highslide-viewport .highslide-thumbstrip-horizontal table {
margin-left: 10px;
}
.highslide-thumbstrip-horizontal img {
width: auto;
height: 40px;
}
.highslide-thumbstrip-horizontal .highslide-marker {
top: 47px;
border-left-width: 6px;
border-right-width: 6px;
border-bottom: 6px solid gray;
}
.highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
margin-left: 10px;
}
.dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
border-bottom-color: white !important;
}
.highslide-thumbstrip-vertical-overlay {
overflow: hidden !important;
}
.highslide-thumbstrip-vertical div {
height: 100%;
}
.highslide-thumbstrip-vertical a {
display: block;
}
.highslide-thumbstrip-vertical .highslide-scroll-up {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-up div {
margin-left: 10px;
cursor: pointer;
background: url(https://cdn.powergap.de/highslide/scrollarrows.png) top center no-repeat;
height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-down {
display: none;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-down div {
margin-left: 10px;
cursor: pointer;
background: url(https://cdn.powergap.de/highslide/scrollarrows.png) bottom center no-repeat;
height: 25px;
}
.highslide-thumbstrip-vertical table {
margin: 10px 0 0 10px;
}
.highslide-thumbstrip-vertical img {
max-width: 60px;
}
.highslide-thumbstrip-vertical .highslide-marker {
left: 0;
margin-top: 8px;
border-top-width: 6px;
border-bottom-width: 6px;
border-left: 6px solid gray;
}
.dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker {
border-left-color: white;
}
.highslide-viewport .highslide-thumbstrip-float {
overflow: auto;
}
.highslide-thumbstrip-float ul {
margin: 2px 0;
padding: 0;
}
.highslide-thumbstrip-float li {
display: block;
height: 60px;
margin: 0 2px;
list-style: none;
float: left;
}
.highslide-thumbstrip-float img {
display: inline;
border-color: silver;
max-height: 56px;
}
.highslide-thumbstrip-float .highslide-active-anchor img {
border-color: black;
}
.highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div {
display: none;
}
.highslide-thumbstrip-float .highslide-marker {
display: none;
}
* @file: highslide.css
* @version: 4.1.8
*/
.highslide-container div {
font-family: Verdana, Helvetica;
font-size: 10pt;
}
.highslide-container table {
background: none;
}
.highslide {
outline: none;
text-decoration: none;
}
.highslide img {
border: 2px solid silver;
}
.highslide:hover img {
border-color: gray;
}
.highslide-active-anchor img {
visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
border-color: black;
visibility: visible;
cursor: default;
}
.highslide-image {
border-width: 2px;
border-style: solid;
border-color: white;
background: gray;
}
.highslide-wrapper, .highslide-outline {
background: white;
}
.glossy-dark {
background: #111;
}
.highslide-image-blur {
}
.highslide-number {
font-weight: bold;
color: gray;
font-size: .9em;
}
.highslide-caption {
display: none;
font-size: 1em;
padding: 5px;
/*background: white;*/
}
.highslide-heading {
display: none;
font-weight: bold;
margin: 0.4em;
}
.highslide-dimming {
position: absolute;
background: black;
}
a.highslide-full-expand {
background: url(https://cdn.powergap.de/highslide/fullexpand.gif) no-repeat;
display: block;
margin: 0 10px 10px 0;
width: 34px;
height: 34px;
}
.highslide-loading {
display: block;
color: black;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
padding: 3px;
border: 1px solid white;
background-color: white;
padding-left: 22px;
background-image: url(https://cdn.powergap.de/highslide/loader.white.gif);
background-repeat: no-repeat;
background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
padding: 2px;
color: silver;
text-decoration: none;
font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
color: white;
background-color: gray;
}
.highslide-move, .highslide-move * {
cursor: move;
}
.highslide-viewport {
display: none;
position: fixed;
width: 100%;
height: 100%;
z-index: 1;
background: none;
left: 0;
top: 0;
}
.highslide-overlay {
display: none;
}
.hidden-container {
display: none;
}
/* Example of a semitransparent, offset closebutton */
.closebutton {
position: relative;
top: -15px;
left: 15px;
width: 30px;
height: 30px;
cursor: pointer;
background: url(https://cdn.powergap.de/highslide/close.png);
/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}
/*****************************************************************************/
/* Thumbnail boxes for the galleries. */
/* Remove these if you are not using a gallery. */
/*****************************************************************************/
.highslide-gallery ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.highslide-gallery ul li {
display: block;
position: relative;
float: left;
width: 106px;
height: 106px;
border: 1px solid silver;
background: #ededed;
margin: 2px;
line-height: 0;
overflow: hidden;
}
.highslide-gallery ul a {
position: absolute;
top: 50%;
left: 50%;
}
.highslide-gallery ul img {
position: relative;
top: -50%;
left: -50%;
}
html>/**/body .highslide-gallery ul li {
display: table;
text-align: center;
}
html>/**/body .highslide-gallery ul li {
text-align: center;
}
html>/**/body .highslide-gallery ul a {
position: static;
display: table-cell;
vertical-align: middle;
}
html>/**/body .highslide-gallery ul img {
position: static;
}
/*****************************************************************************/
/* Controls for the galleries. */
/* Remove these if you are not using a gallery */
/*****************************************************************************/
.highslide-controls {
width: 195px;
height: 40px;
background: url(https://cdn.powergap.de/highslide/controlbar-white.gif) 0 -90px no-repeat;
margin: 20px 15px 10px 0;
}
.highslide-controls ul {
position: relative;
left: 15px;
height: 40px;
list-style: none;
margin: 0;
padding: 0;
background: url(https://cdn.powergap.de/highslide/controlbar-white.gif) right -90px no-repeat;
}
.highslide-controls li {
float: left;
padding: 5px 0;
margin:0;
list-style: none;
}
.highslide-controls a {
background-image: url(https://cdn.powergap.de/highslide/controlbar-white.gif);
display: block;
float: left;
height: 30px;
width: 30px;
outline: none;
}
.highslide-controls a.disabled {
cursor: default;
}
.highslide-controls a.disabled span {
cursor: default;
}
.highslide-controls a span {
/* hide the text for these graphic buttons */
display: none;
cursor: pointer;
}
/* The CSS sprites for the controlbar - see www.google.com/search?q=css+sprites */
.highslide-controls .highslide-previous a {
background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
background-position: -180px -30px;
}
/*****************************************************************************/
/* Styles for the HTML popups */
/* Remove these if you are not using Highslide HTML */
/*****************************************************************************/
.highslide-maincontent {
display: none;
}
.highslide-html {
background-color: white;
}
.highslide-html-content {
display: none;
width: 400px;
padding: 0 5px 5px 5px;
}
.highslide-header {
padding-bottom: 5px;
}
.highslide-header ul {
margin: 0;
padding: 0;
text-align: right;
}
.highslide-header ul li {
display: inline;
padding-left: 1em;
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
display: none;
}
.highslide-header a {
font-weight: bold;
color: gray;
text-transform: uppercase;
text-decoration: none;
}
.highslide-header a:hover {
color: black;
}
.highslide-header .highslide-move a {
cursor: move;
}
.highslide-footer {
height: 16px;
}
.highslide-footer .highslide-resize {
display: block;
float: right;
margin-top: 5px;
height: 11px;
width: 11px;
background: url(https://cdn.powergap.de/highslide/resize.gif) no-repeat;
}
.highslide-footer .highslide-resize span {
display: none;
}
.highslide-body {
}
.highslide-resize {
cursor: nw-resize;
}
/*****************************************************************************/
/* Styles for the Individual wrapper class names. */
/* See www.highslide.com/ref/hs.wrapperClassName */
/* You can safely remove the class name themes you don't use */
/*****************************************************************************/
/* hs.wrapperClassName = 'draggable-header' */
.draggable-header .highslide-header {
height: 18px;
border-bottom: 1px solid #dddddd;
}
.draggable-header .highslide-heading {
position: absolute;
margin: 2px 0.4em;
}
.draggable-header .highslide-header .highslide-move {
cursor: move;
display: block;
height: 16px;
position: absolute;
right: 24px;
top: 0;
width: 100%;
z-index: 1;
}
.draggable-header .highslide-header .highslide-move * {
display: none;
}
.draggable-header .highslide-header .highslide-close {
position: absolute;
right: 2px;
top: 2px;
z-index: 5;
padding: 0;
}
.draggable-header .highslide-header .highslide-close a {
display: block;
height: 16px;
width: 16px;
background-image: url(https://cdn.powergap.de/highslide/closeX.png);
}
.draggable-header .highslide-header .highslide-close a:hover {
background-position: 0 16px;
}
.draggable-header .highslide-header .highslide-close span {
display: none;
}
.draggable-header .highslide-maincontent {
padding-top: 1em;
}
/* hs.wrapperClassName = 'titlebar' */
.titlebar .highslide-header {
height: 18px;
border-bottom: 1px solid #dddddd;
}
.titlebar .highslide-heading {
position: absolute;
width: 90%;
margin: 1px 0 1px 5px;
color: #666666;
}
.titlebar .highslide-header .highslide-move {
cursor: move;
display: block;
height: 16px;
position: absolute;
right: 24px;
top: 0;
width: 100%;
z-index: 1;
}
.titlebar .highslide-header .highslide-move * {
display: none;
}
.titlebar .highslide-header li {
position: relative;
top: 3px;
z-index: 2;
padding: 0 0 0 1em;
}
.titlebar .highslide-maincontent {
padding-top: 1em;
}
/* hs.wrapperClassName = 'no-footer' */
.no-footer .highslide-footer {
display: none;
}
/* hs.wrapperClassName = 'wide-border' */
.wide-border {
background: white;
}
.wide-border .highslide-image {
border-width: 10px;
}
.wide-border .highslide-caption {
padding: 0 10px 10px 10px;
}
/* hs.wrapperClassName = 'borderless' */
.borderless .highslide-image {
border: none;
}
.borderless .highslide-caption {
border-bottom: 1px solid white;
border-top: 1px solid white;
background: silver;
}
/* hs.wrapperClassName = 'outer-glow' */
.outer-glow {
background: #444;
}
.outer-glow .highslide-image {
border: 5px solid #444444;
}
.outer-glow .highslide-caption {
border: 5px solid #444444;
border-top: none;
padding: 5px;
background-color: gray;
}
/* hs.wrapperClassName = 'colored-border' */
.colored-border {
background: white;
}
.colored-border .highslide-image {
border: 2px solid green;
}
.colored-border .highslide-caption {
border: 2px solid green;
border-top: none;
}
/* hs.wrapperClassName = 'dark' */
.dark {
background: #111;
}
.dark .highslide-image {
border-color: black black #202020 black;
background: gray;
}
.dark .highslide-caption {
color: white;
background: #111;
}
.dark .highslide-controls,
.dark .highslide-controls ul,
.dark .highslide-controls a {
background-image: url(https://cdn.powergap.de/highslide/controlbar-black-border.gif);
}
/* hs.wrapperClassName = 'floating-caption' */
.floating-caption .highslide-caption {
position: absolute;
padding: 1em 0 0 0;
background: none;
color: white;
border: none;
font-weight: bold;
}
/* hs.wrapperClassName = 'controls-in-heading' */
.controls-in-heading .highslide-heading {
color: gray;
font-weight: bold;
height: 20px;
overflow: hidden;
cursor: default;
padding: 0 0 0 22px;
margin: 0;
background: url(https://cdn.powergap.de/highslide/icon.gif) no-repeat 0 1px;
}
.controls-in-heading .highslide-controls {
width: 105px;
height: 20px;
position: relative;
margin: 0;
top: -23px;
left: 7px;
background: none;
}
.controls-in-heading .highslide-controls ul {
position: static;
height: 20px;
background: none;
}
.controls-in-heading .highslide-controls li {
padding: 0;
}
.controls-in-heading .highslide-controls a {
background-image: url(https://cdn.powergap.de/highslide/controlbar-white-small.gif);
height: 20px;
width: 20px;
}
.controls-in-heading .highslide-controls .highslide-move {
display: none;
}
.controls-in-heading .highslide-controls .highslide-previous a {
background-position: 0 0;
}
.controls-in-heading .highslide-controls .highslide-previous a:hover {
background-position: 0 -20px;
}
.controls-in-heading .highslide-controls .highslide-previous a.disabled {
background-position: 0 -40px !important;
}
.controls-in-heading .highslide-controls .highslide-play a {
background-position: -20px 0;
}
.controls-in-heading .highslide-controls .highslide-play a:hover {
background-position: -20px -20px;
}
.controls-in-heading .highslide-controls .highslide-play a.disabled {
background-position: -20px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-pause a {
background-position: -40px 0;
}
.controls-in-heading .highslide-controls .highslide-pause a:hover {
background-position: -40px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a {
background-position: -60px 0;
}
.controls-in-heading .highslide-controls .highslide-next a:hover {
background-position: -60px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a.disabled {
background-position: -60px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-full-expand a {
background-position: -100px 0;
}
.controls-in-heading .highslide-controls .highslide-full-expand a:hover {
background-position: -100px -20px;
}
.controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
background-position: -100px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-close a {
background-position: -120px 0;
}
.controls-in-heading .highslide-controls .highslide-close a:hover {
background-position: -120px -20px;
}
/*****************************************************************************/
/* Styles for text based controls. */
/* You can safely remove this if you don't use text based controls */
/*****************************************************************************/
.text-controls .highslide-controls {
width: auto;
height: auto;
margin: 0;
text-align: center;
background: none;
}
.text-controls ul {
position: static;
background: none;
height: auto;
left: 0;
}
.text-controls .highslide-move {
display: none;
}
.text-controls li {
background-image: url(https://cdn.powergap.de/highslide/controlbar-text-buttons.png);
background-position: right top !important;
padding: 0;
margin-left: 15px;
display: block;
width: auto;
}
.text-controls a {
background: url(https://cdn.powergap.de/highslide/controlbar-text-buttons.png) no-repeat;
background-position: left top !important;
position: relative;
left: -10px;
display: block;
width: auto;
height: auto;
text-decoration: none !important;
}
.text-controls a span {
background: url(https://cdn.powergap.de/highslide/controlbar-text-buttons.png) no-repeat;
margin: 1px 2px 1px 10px;
display: block;
min-width: 4em;
height: 18px;
line-height: 18px;
padding: 1px 0 1px 18px;
color: #333;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 12px;
font-weight: bold;
white-space: nowrap;
}
.text-controls .highslide-next {
margin-right: 1em;
}
.text-controls .highslide-full-expand a span {
min-width: 0;
margin: 1px 0;
padding: 1px 0 1px 10px;
}
.text-controls .highslide-close a span {
min-width: 0;
}
.text-controls a:hover span {
color: black;
}
.text-controls a.disabled span {
color: #999;
}
.text-controls .highslide-previous span {
background-position: 0 -40px;
}
.text-controls .highslide-previous a.disabled {
background-position: left top !important;
}
.text-controls .highslide-previous a.disabled span {
background-position: 0 -140px;
}
.text-controls .highslide-play span {
background-position: 0 -60px;
}
.text-controls .highslide-play a.disabled {
background-position: left top !important;
}
.text-controls .highslide-play a.disabled span {
background-position: 0 -160px;
}
.text-controls .highslide-pause span {
background-position: 0 -80px;
}
.text-controls .highslide-next span {
background-position: 0 -100px;
}
.text-controls .highslide-next a.disabled {
background-position: left top !important;
}
.text-controls .highslide-next a.disabled span {
background-position: 0 -200px;
}
.text-controls .highslide-full-expand span {
background: none;
}
.text-controls .highslide-full-expand a.disabled {
background-position: left top !important;
}
.text-controls .highslide-close span {
background-position: 0 -120px;
}
/*****************************************************************************/
/* Styles for the thumbstrip. */
/* See www.highslide.com/ref/hs.addSlideshow */
/* You can safely remove this if you don't use a thumbstrip */
/*****************************************************************************/
.highslide-thumbstrip {
height: 100%;
}
.highslide-thumbstrip div {
overflow: hidden;
}
.highslide-thumbstrip table {
position: relative;
padding: 0;
border-collapse: collapse;
}
.highslide-thumbstrip td {
padding: 1px;
/*text-align: center;*/
}
.highslide-thumbstrip a {
outline: none;
}
.highslide-thumbstrip img {
display: block;
border: 1px solid gray;
margin: 0 auto;
}
.highslide-thumbstrip .highslide-active-anchor img {
visibility: visible;
}
.highslide-thumbstrip .highslide-marker {
position: absolute;
width: 0;
height: 0;
border-width: 0;
border-style: solid;
border-color: transparent; /* change this to actual background color in highslide-ie6.css */
}
.highslide-thumbstrip-horizontal div {
width: auto;
/* width: 100% breaks in small strips in IE */
}
.highslide-thumbstrip-horizontal .highslide-scroll-up {
display: none;
position: absolute;
top: 3px;
left: 3px;
width: 25px;
height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-up div {
margin-bottom: 10px;
cursor: pointer;
background: url(https://cdn.powergap.de/highslide/scrollarrows.png) left center no-repeat;
height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down {
display: none;
position: absolute;
top: 3px;
right: 3px;
width: 25px;
height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down div {
margin-bottom: 10px;
cursor: pointer;
background: url(https://cdn.powergap.de/highslide/scrollarrows.png) center right no-repeat;
height: 42px;
}
.highslide-thumbstrip-horizontal table {
margin: 2px 0 10px 0;
}
.highslide-viewport .highslide-thumbstrip-horizontal table {
margin-left: 10px;
}
.highslide-thumbstrip-horizontal img {
width: auto;
height: 40px;
}
.highslide-thumbstrip-horizontal .highslide-marker {
top: 47px;
border-left-width: 6px;
border-right-width: 6px;
border-bottom: 6px solid gray;
}
.highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
margin-left: 10px;
}
.dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
border-bottom-color: white !important;
}
.highslide-thumbstrip-vertical-overlay {
overflow: hidden !important;
}
.highslide-thumbstrip-vertical div {
height: 100%;
}
.highslide-thumbstrip-vertical a {
display: block;
}
.highslide-thumbstrip-vertical .highslide-scroll-up {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-up div {
margin-left: 10px;
cursor: pointer;
background: url(https://cdn.powergap.de/highslide/scrollarrows.png) top center no-repeat;
height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-down {
display: none;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-down div {
margin-left: 10px;
cursor: pointer;
background: url(https://cdn.powergap.de/highslide/scrollarrows.png) bottom center no-repeat;
height: 25px;
}
.highslide-thumbstrip-vertical table {
margin: 10px 0 0 10px;
}
.highslide-thumbstrip-vertical img {
max-width: 60px;
}
.highslide-thumbstrip-vertical .highslide-marker {
left: 0;
margin-top: 8px;
border-top-width: 6px;
border-bottom-width: 6px;
border-left: 6px solid gray;
}
.dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker {
border-left-color: white;
}
.highslide-viewport .highslide-thumbstrip-float {
overflow: auto;
}
.highslide-thumbstrip-float ul {
margin: 2px 0;
padding: 0;
}
.highslide-thumbstrip-float li {
display: block;
height: 60px;
margin: 0 2px;
list-style: none;
float: left;
}
.highslide-thumbstrip-float img {
display: inline;
border-color: silver;
max-height: 56px;
}
.highslide-thumbstrip-float .highslide-active-anchor img {
border-color: black;
}
.highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div {
display: none;
}
.highslide-thumbstrip-float .highslide-marker {
display: none;
}
die 811 weitern Byte sind wohl leerzeichen und zeilenumbrüche
