/* Bildergalerien */
@media screen {
#body #page #wrapper .bildergalerie a,
#body #page #wrapper .showImage a {
  display: inline;
}
#col-content .wrapper{
  overflow: hidden; /* kompensiert die Überbreite von .bildergalerie */
}
#col-content .wrapper .bildergalerie {
  width: 700px; /* ist 18px zu breit, um vier Bilder inkl. Abstand in einer Reihe positionieren zu können */
  color: #303030;
}
#col-content .wrapper .bildergalerie table{
  width: 700px;
  margin-left: 15px;
}

#col-content .wrapper .bildergalerie td {
  margin: 0 18px 0 0;
  padding-bottom: 17px;
  font-weight: bold;
}

#col-content .wrapper .bildergalerie div {
  /* width: 142px; */
}
#col-content .wrapper .bildergalerie img {
  border: 1px solid #e5ebf5;
  float: left;
}
#col-content .wrapper .bildergalerie tr .galleryPagingTop {
  border-bottom: 1px dotted #ACADAE;
  margin: 0 0 21px 2px;
  padding-bottom: 5px;
  text-align:left;
  font-size: 1.2rem;
}
#col-content .wrapper .bildergalerie tr .galleryPagingBottom {
  clear: both;
  border-top: 1px dotted #ACADAE;
  margin: 0 0 0 0;
  padding-top: 5px;
  font-size: 1.2rem;
}
#col-content .wrapper .bildergalerie .galleryPagingBottom td {
  margin: 0;
  float: none;
}
#col-content .wrapper .bildergalerie .galerie .galerieInfo {
  text-align:left;
  margin: 2px 0 0 1px;
  font-weight: normal;
  border: 1px solid #e5ebf5;
}
#col-content .wrapper .bildergalerie .galerie .galerieInfo .imgTitle{
  font-size: 1.2rem;
  font-weight: bold;
  overflow: hidden;
}
#col-content .wrapper .bildergalerie .galerie .galerieInfo .imgDesc{
  font-size: 1.2rem;
  font-weight: normal;
}
#col-content .wrapper .bildergalerie .galerie .galerieInfo .imgCopy{
  font-size: 1.2rem;
  text-align:right;
}


div.galleryPagingTop a:link, div.galleryPagingTop a:visited,
div.galleryPagingBottom a:link, div.galleryPagingBottom a:visited {
    color: #9D9D9D;
    height: 20px;
    padding: 0;
    text-align: center;
    min-width: 17px;
    display: inline-block;
}

div.galleryPagingTop a:hover,
div.galleryPagingBottom a:hover {
    color: #DB2020;
    padding-top: 0;
    text-decoration: none;
}


/* showImage */
#col-content .wrapper .showImage {
  width: 700px;
  margin-left: 15px;
  padding: 0;
  color: #303030;
}
#col-content .wrapper .showImage .backtogallery {
  float:left;
  text-align:left;
  padding: 2px 10px 2px 0;
  }
#col-content .wrapper .showImage .backtogallery span a{
  outline-style:none;
  }
#col-content .wrapper .showImage .backtogalleryStep {
  float:right;
  text-align:right;
  padding: 2px 5px 2px 5px;
  }
#col-content .wrapper .showImage .backtogalleryStep span a{
  outline-style:none;
  }
#col-content .wrapper .showImage .exif {
  position: relative;
  min-width: 1px;
  min-height: 1px;
  margin: 0 0 0 2px;
  font-size: 1.2rem;
  }
#col-content .wrapper .showImage .exif .pic img{
  margin: 0;
  position: relative;
  border: 1px solid #e5ebf5;
  float: left;
  }

#imgZoom .hoverImageNav {
  height: 602px;
  left: 0;
  position: absolute;
  top: 0;
  width: 602px;
  z-index: 10;
}
#imgZoom .hoverImageNav #viewleft{
  float:left;
  height:600px;
  width:350px;
  outline:medium none;
  background-image:url("data:image/gif;base64,AAAA");
  display:block;
}
#imgZoom .hoverImageNav #viewright{
  position:absolute;
  right:0;
  height:600px;
  width:350px;
  outline:medium none;
  background-image:url("data:image/gif;base64,AAAA");
  display:block;
}
#imgZoom .hoverImageNav #viewleft:hover, #imgZoom .hoverImageNav #viewleft:visited:hover{
  background:transparent url(../img/backward.png) no-repeat scroll left 100%;
}
#imgZoom .hoverImageNav #viewright:hover, #imgZoom .hoverImageNav #viewright:visited:hover{
  background:transparent url(../img/forward.png) no-repeat scroll right 100%;
}

#col-content .wrapper .showImage .exif .picTitleContent {
  clear: both;
  float: left;
  margin: 21px 0 5px 0;
  text-align: left;
  padding: 5px 0 2px 0;
  border-top: 1px dotted #ACADAE;
  color: #454749;
  width: 700px;
  }
#col-content .wrapper .showImage .picTitleContent span {
  font-weight: bold;
  float:left;
  }
#col-content .wrapper .showImage .picDownContent {
  width:200px;
  float:right;
  }
#col-content .wrapper .showImage .picDownContent span {
  float:right;
  padding: 0;
  }
#col-content .wrapper .showImage .picDownContent a:link, .showImage .picDownContent a:visited {
  background-repeat: no-repeat;
  background-position: 0 0.1em;
  margin: 0;
  color: #000000;
  background:transparent url(../img/icon_download.png) no-repeat scroll 0 3px;
  padding: 0 0 0 14px;
  vertical-align: top;
  text-decoration: none;
  font-weight: normal;
  }
#col-content .wrapper .showImage .picDownContent a:hover, .showImage .picDownContent a:active {
  text-decoration: none;
  }
#col-content .wrapper .showImage .picDescContent {
  clear: both;
  color: #454749;
  vertical-align: top;
  }
#col-content .wrapper .showImage .picCopyContent {
  padding: 2px 0 0 0;
  color: #454749;
  text-align: right;
  font-size: 1.2rem;
  }
#col-content .wrapper .showImage .galleryPagingTop a:hover, #col-content .wrapper .showImage .galleryPagingTop a:active {
  text-decoration: none;
  }
#col-content .wrapper .showImage .galleryPagingBottom a:hover, #col-content .wrapper .showImage .galleryPagingBottom a:active {
  text-decoration: none;
  }
#col-content .wrapper .showImage .galleryPagingTop {
  border-bottom: 1px dotted #ACADAE;
  margin: 0 0 21px 2px;
  padding-bottom: 5px;
  font-size: 1.2rem;
  }
#col-content .wrapper .showImage .galleryPagingBottom {
  padding-top: 2px;
  font-size: 1.2rem;
  }
}