<!--
/* Copyright (C) Eckart Börnchen 2010-2014, alle Rechte vorbehalten. */

.img_single {
  /* Darstellung eines einzelnen Bildes */
  width: 95%;
/*  margin-left: 10px;*/
  display: block;
  text-align: left;
}
#gallery {
	padding-top: 4px;
	margin-top: 10px;
  /* verschiebt die Galerie etwas nach links */
  margin-left: -20px;
}
#gallery li
{
  list-style: none;
  float: left;
  margin: 0 10px 10px 0;
  text-align: center;
  font-size: .9em;
/*  font-weight: bold;
*/
  position: relative;
}
#gallery img
{
  width: 128px;
  width: 96px;
  height: 96px;
  height: 72px;
  display: block;
  padding: 3px;
  border: #99CC66 1px solid;
}
#gallery a .img_large
{
  display: none;
  cursor: default;
}
#gallery a:hover .img_large
{
  width: 256px;
  width: 192px;
  height: 192px;
  height: 144px;
  display: block;
  position: absolute;
  top: -50px;
  top: -37.5px;
  left: -50px;
  left: -37.5px;
  z-index: 1;
  background: #fff;
}


/* Formatierung einer neuen Galerie */
#new_gallery {
/*  'width' wird in PHP-Funktion berechnet */
  height: 90px;
  border: 1px solid red;
  border: 1px solid #99CC66;
  padding: 3px;
  margin-left: 5px;
  margin-top: 2.5em;
}
#galleryn {
/*  'width' wird in PHP-Funktion berechnet */
  height: 88px;
  padding:0;
  margin:0;
  overflow:hidden;
  list-style-type:none;
  border:1px solid #888;
  background:#fff;
  background: red;
}
#galleryn li {
  float: left;
}
#galleryn li a {
  float: left;
  border-right:1px solid #99CC66;
  text-decoration:none;
  display:block;
  height: 88px;
  width: 22px;
  cursor:default;
}
#galleryn li a img {
  height: 88px;
  width: 22px;
  border: 0;
}
#galleryn li#last a {
  width: 88px;
  border-right:0;
}
#galleryn li#last a img {
  width: 88px;
}
#galleryn li a:hover {
  width: 88px;
}
#galleryn li a:hover img {
  width: 88px;
}


/* Formatierung horizontale Galerie */
#slid_gallery {
  width: 497px;
  height: 242px;
  padding: 10px;
  padding: 3px;
  border: 1px solid #99CC66;
  margin-top: 100px;
  margin-top: 1em;
/*  background-color: #000;
*/
}
#galleryh {
  padding:0;
  margin:0;
  list-style-type:none;
  overflow:hidden;
  width:495px;
  height:240px;
  border:1px solid #888;
  background:#fff;
  background:#fff url(../images/logo_gal.png) no-repeat;
}
#galleryh li {
  float: left;     /* nach rechts */
  float: right;    /* nach links */
}
#galleryh li a {
  float: left;     /* nach rechts */
  float: right;    /* nach links */
  display:block;
  height:240px;
  width:28px;
  text-decoration:none;
  border-right:1px solid #99CC66;
  cursor:default;
}
#galleryh li a img {
  width:28px;
  height:240px;
  border:0;
}
#galleryh li a:hover {
  background:#eee;
  width:320px;
}
#galleryh li a:hover img {
  width:320px;
}

/* Formatierung vertikale Galerie (nach unten) */
/*
#sl2d_gallery {
  float: left;
  margin: 30px 50px 30px 30px;
  width: 322px;
  height: 427px;
  border: 1px solid #fff;
  padding: 10px;
  background-color: #000;
}
#galleryv {
  padding:0;
  margin:0;
  list-style-type:none;
  overflow:hidden;
  width:320px;
  height:425px;
  border:1px solid #888;
  background:#fff url(win_back.gif);
  }
#galleryv li a {
  display:block;
  height:30px;
  width:320px;
  text-decoration:none;
  border-bottom:1px solid #fff;
  cursor:default;
  }
#galleryv li a img {
  width:320px;
  height:30px;
  border:0;
  }
#galleryv li a:hover {
  background:#eee;
  height:240px;
  }
#galleryv li a:hover img {
  height:240px;
}
*/

-->