.gi-galerie { position: relative; font-family: Verdana, Geneva, sans-serif; line-height: 1.3; }
/* hide gallery link */
a.gi-galerie { display: none; }
.gi-galerie, .gi-galerie * { margin: 0; padding: 0; }
.gi-galerie .gi-gImageWrapper { width: 100%; height: 330px; margin-bottom: 0; position: relative; background: #000; }
.gi-galerie .gi-gLoader { position: absolute; z-index: 10; top: 48%; left: 48%; border: 1px solid #CCC; }
.gi-galerie .gi-gNextTop { position: absolute; right: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 100; }
.gi-galerie .gi-gPrevTop { position: absolute; left: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 100; }
.gi-galerie .gi-gPrevTop, .gi-galerie .gi-gNextTop { /* Or else IE will hide it */ background: url(non-existing.jpg)\9 }
.gi-galerie .gi-gPrevTop .gi-gPrevTopImage, .gi-galerie .gi-gNextTop .gi-gNextTopImage { background: url(ad_prev.png); width: 60px; height: 40px; display: none; position: absolute; top: 47%; left: 0; z-index: 101; }
.gi-galerie .gi-gNextTop .gi-gNextTopImage { background: url(ad_next.png); width: 60px; height: 40px; right: 0; left: auto; }
.gi-galerie .gi-gImage { position: absolute; overflow: hidden; top: 0; left: 0; z-index: 9; }
.gi-galerie .gi-gImageWrapper .gi-gImage .gi-gImage-description .gi-gDescriptionTitle{ display: block; }
.gi-galerie .gi-gNav { position: relative; overflow: hidden; }
.gi-galerie .gi-gNav .gi-gThumbs { left: 0; overflow: hidden; width: 100%; border-top: 1px solid #333; }
.gi-galerie .gi-gThumbs .gi-gThumbList { list-style: none; width: 9000px; display: block; padding-top: 5px; }
.gi-galerie .rtl .gi-gThumbs .gi-gThumbList { direction: rtl; }
.gi-galerie .gi-gThumbs li { float: left; padding: 0 5px 0 0; }
.gi-galerie .rtl .gi-gThumbs li { float: right; padding: 0 0 0 5px; }
.gi-galerie .gi-gThumbs li a { display: block; float: left; outline: none; }
.gi-galerie .gi-gThumbs li a img { border: 1px solid #333; display: block; width: auto; -ms-interpolation-mode: bicubic; height: 20px; }
.gi-galerie .gi-gThumbs li a.gi-gActive img { border: 1px solid #ccc; }
/* Can't do display none, since Opera won't load the images then */
.gi-gPreloads { position: absolute; left: -9000px; top: -9000px; }
.gi-galerie .gi-gImageWrapper .gi-gImage { overflow: hidden }
.gi-gDescWrapper { position:relative; width: 100%; bottom: 0px; left: 500px; height: 220px; top: 0px; background: #000; padding: 0 15px; }
.gi-galerieDesc { position:absolute; width: 470px; height: 150px; overflow: hidden; bottom: 0px; top: 0px; background: #000;z-index: 50; }
.gi-gThumbpreview { position:  absolute; background: url('bgThumbPreview.png'); width: 108px; height: 108px; z-index: 399; }
.gi-gAniTimerWrapper { position:absolute; top: 10px; left: 10px; height: 25px; width: 25px; overflow: hidden; z-index: 70; }
.gi-gAniTimer { background: url('aniTimer.png'); position:absolute; top: 0; left: 1px; height: 25px; width: 1000px; z-index: 70; }
/* play button*/
.gi-galerie .gi-gControls { position:relative; width: 60px; height: 18px; margin-top: 6px; z-index: 20; cursor: pointer; overflow: hidden; }
.gi-galerie .gi-gSlideshowControls { position: absolute; left: 20px; display:block; height: 24px; width: 20px; overflow: visible; cursor: pointer; }
.gi-galerie .gi-gSlideshowRunning .gi-gSlideshowStart { cursor: pointer; }
.gi-gButtonPlay, .gi-gButtonPause { position: absolute; background:url(http://www.goethe.de/css3/jquery/galerie/gi-gSpriteControls.png) no-repeat; width: 500px; height: 150px; top: 0; left: -200px; overflow:hidden; }
.gi-gButtonPause { left: -250px; }
.gi-galerie .gi-gThumbs li a img { height: 20px; }
h1.gi-gDescriptionTitle { font-size: 13px; position: relative; float: left; width: 100%; margin: 10px 0 10px 0; }
.gi-galerieDesc .gi-gCopy { font-size: 10px; font-weight: normal; position: relative; float: left; width: 100%; margin-top: 10px; line-height: 1.1 }
.gi-galerie .gi-gNav { position: relative; width: 180px; position: absolute; top: 302px; left: 40px; overflow:hidden; }
.gi-gLine { position: absolute; width: 470px; height: 1px; line-height: 1px; border-bottom: 1px solid #666; }
.gi-gLineV { position: absolute; width: 1px; height: 18px; line-height: 1px; border-left: 1px solid #666; top: 6px; }
.gi-galerie .gi-gNav .gi-gThumbs { border-top:none; }
.gi-galerie .gi-gThumbs .gi-gThumbList { padding-top: 0; }
.gi-galerie .gi-gInfo{ position:relative; top: 11px; font-weight:normal; font-size: 9px; font-family: Tahoma, Geneva, sans-serif; float: none;  text-align: center; }
.gi-gLightboxWrapper { position: relative; overflow: hidden; width: 1px; height: 1px; line-height: 1px, background: transparent;}
.gi-gLightboxWrapper .gi-galerie { margin: 5px }
/* next & previous buttons*/
a.gi-gPrev, a.gi-gNext { position:absolute; top: 300px; left: 500px; width: 40px; height: 10px; outline: none; z-index: 100; overflow: hidden; cursor: pointer; }
a.gi-gPrev { left: 500px; }
a.gi-gNext { left: 720px; }
a.gi-gPrev .gi-gPrevImage { position: absolute; width: 500px; height: 150px; top: -6px; left: 0; background:url(http://www.goethe.de/css3/jquery/galerie/gi-gSpriteControls.png) no-repeat; }
a.gi-gNext .gi-gNextImage { position: absolute; width: 500px; height: 150px; top: -6px; left: -110px; background:url(http://www.goethe.de/css3/jquery/galerie/gi-gSpriteControls.png) no-repeat; }
/* ie6 hacks */

* html .gi-galerie .gi-gImageWrapper .gi-gPrevTop .gi-gPrevTop-image { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='ad_prev.png', sizingMethod='scale');}
* html .gi-galerie .gi-gImageWrapper .gi-gNextTop .gi-gNextTop-image { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='ad_next.png', sizingMethod='scale');}
* html .gi-gAniTimer { background: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='aniTimer.png', sizingMethod='image');}
* html .gi-gAniTimer { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='aniTimer.png', sizingMethod='image');}
* html a.gi-gPrev .gi-gPrevImage { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.goethe.de/css3/jquery/galerie/gi-gSpriteControls.png', sizingMethod='image');}
* html a.gi-gNext .gi-gNextImage { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.goethe.de/css3/jquery/galerie/gi-gSpriteControls.png', sizingMethod='image');}
* html .gi-gButtonPlay { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.goethe.de/css3/jquery/galerie/gi-gSpriteControls.png', sizingMethod='image');}
* html .gi-gButtonPause { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' http://www.goethe.de/css3/jquery/galerie/gi-gSpriteControls.png', sizingMethod='image');}