﻿/* CSS für Galerie2. 
   TODOs:
   - Wird noch nicht von alt-Seiten und HzGerster-Website benutzt.
   - Definitionen sind noch redundant.
   - Absolute und prozentuale Dimensionen gehen noch durcheinander.
   - Info-Seiten benutzen mit .pict/back_link_cell noch unnötigerweise Tabellen. */
/* Allgemeines */

:link {color: Silver; text-decoration: Underline}
:active {color: Yellow;}
:visited {color: White;}
.small_text {font-size: 9pt;}

/* Fast alle CSS-gesteuerte Seiten, insbesondere Bilderframes */

body {
  height:90%;
  margin-left:0;
  margin-right:0;
  margin-top:0;
  margin-bottom:0;
  border-style:none;
  padding-top: 0%;
  padding-bottom: 0%;
  font-family: Helvetica, Helv, Arial, Tahoma, Verdana, sans-serif; 
  font-weight:bold; 
  font-style:italic; 
  font-size: 11pt;
  color: White;
  background-color: #3c3939;
}

/* Info-Seite */

.body_info {
  margin-left:6%;
  margin-right:6%;
  margin-top:6%;
  margin-bottom:6%;
  border-style:none;
  padding-top: 0%;
  padding-bottom: 0%;
  font-family: Helvetica, Helv, Arial, Tahoma, Verdana, sans-serif; 
  font-weight:bold; 
  font-style:italic; 
  font-size: 9pt;
  color: White;
  background-color: #3c3939;
}

.info_link_table 
{
    width: 100%;
}

.pict_link_cell {
  width: 50%;
  font-family: Helvetica, Helv, Arial, Tahoma, Verdana, sans-serif; 
  font-weight:bold; 
  font-style:italic; 
  font-size: 9pt;
  color: White;
  text-align: left;
}

.back_link_cell {
  width: 50%;
  font-family: Helvetica, Helv, Arial, Tahoma, Verdana, sans-serif; 
  font-weight:bold; 
  font-style:italic; 
  font-size: 9pt;
  color: White;
  text-align: right;
}

.info_pict_table
{
    width: 100%;
}

.left_pict_cell 
{
  text-align: center;
  padding-right: 3%;
  padding-top: 3%;
  padding-bottom: 3%;
}

.right_pict_cell {
  width: 50%;
  text-align: center;
  padding-left: 3%;
  padding-top: 3%;
  padding-bottom: 3%;
}

.single_pict_cell 
{
  width: 100%;
  text-align: center;
  padding-top: 1.5%;
  padding-bottom: 1.5%;
}

.info_image 
{
  vertical-align: middle;
}

/* Masterindex-Seite */

.master_index_table {
  padding: 4px;
  width: 850px;
  border-style:none;
  font-weight:bold; 
  font-style:italic; 
  font-size: 11pt;
  margin-top: 1.5em;
}

.master_index_cell {
  height: 265px;
  width: 28%;
  text-align: center;
  vertical-align: top;
  font-size: 9pt;
}

.master_text_cell {
  height: 265px;
  width: 16%;
  text-align: left;
  vertical-align: top;
  font-size: 9pt;
}

.master_text_cell_b {
  height: 265px;
  width: 16%;
  text-align: left;
  vertical-align: bottom;
  padding-bottom: 1em;
}
  
.master_index_image {
  margin-bottom: 0.7em;
  height: 200px;
  width: 200px;
  border-style:none;
  vertical-align: bottom;
  font-size: 9pt;
}

/* Bilderframes */

.caption_div {
  text-align: center;
  height: 1em;
  width: 100%;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

.image_div {
  text-align: center;
  border-style:none;
  height: 70%;
}

.back_div {
  float: left;
  width: 48%;
  height: 1em;
  margin-top: 1em;
  margin-bottom: 1.5em;
}

.change_div {
  float: right;
  width: 48%;
  height: 1em;
  margin-top: 1em;
  margin-bottom: 1.5em;
}

.caption_text {
  font-size: 11pt;
}

.back_text { 
  padding-left: 10%;
  text-align: left; 
  font-size: 9pt; 
}

.change_text  { 
  padding-right: 10%;
  text-align: right; 
  font-size: 9pt;
}

.image {
  height: 98%;
  text-align: center;
  vertical-align: middle;
  border-style:none;
}

.portrait {
  margin-top: 1em;
  margin-bottom: 0,5em;
  width: 90%;
  text-align: center;
  vertical-align: middle;
  border-style: none;
}

/* Indexframes */

.index_body { 
  margin-left:0;
  margin-right:0;
  margin-top:0;
  margin-bottom:0;
  border-style:none;
  padding-top: 4%;
  padding-bottom: 0%;
  padding-left: 5%;
  padding-right: 4%;
  background-color: #241C1C; 
}

.index_div {
  margin-left:0;
  margin-right:0;
  margin-top:0;
  margin-bottom:0;
  border-style:none;
  padding-top: 8%;
  padding-bottom: 0%;
  height: auto;
  width: auto;
  text-align: center; 
}

.index_image {
  margin-left:0;
  margin-right:0;
  margin-top:0;
  margin-bottom:0;
  border-style:none;
  padding-top: 0%;
  padding-bottom: 0%;
  height: auto;
  border-width: 0;
}
