/* ------------------------------------------------------- */
/*           Stylesheet fuer den Foto-Indexer              */
/* ------------------------------------------------------- */

/* ------------------------------------------------------- */
/*                  Allgemeine Regeln                      */
/* ------------------------------------------------------- */

body, h1, h2, p, table, td, ul {
  font-family: sans-serif;
  background-color: #fff;
  color: #000;
}

body {
  padding: 0.5em 2.4em 0.2em 2.4em;
}

h1 {
  text-align: center;
  font-size: 150%;
}

h2 {
  text-align: center;
  font-size: 110%;
}

@media all{                      /* CSS vor NN4 verstecken */
h2 {
  margin: 2.4em 0em 1em 0em;
}
}

a:link {
  background-color: #fff;
  color: #009;
  text-decoration: underline;
}

a:visited {
  background-color: #fff;
  color: #606;
  text-decoration: underline;
}

a:hover {
  background-color: #fff;
  color: #636;
  text-decoration: underline;
}

a:active {
  background-color: #fff;
  color: #636;
  text-decoration: underline;
}

/* ------------------------------------------------------- */
/*   Regeln fuer die Darstellung von verlinkten Bildern    */
/* ------------------------------------------------------- */

/* ------------------------------------------------------- */
/* Wer keinen Rahmen um die Bilder moechte, verwende statt */
/* der nachfolgenden Zuweisungen nur:                      */
/*                img { border: none; }                    */
/* ------------------------------------------------------- */

a:link img { 
  border-color: #009; 
}

a:visited img {
  border-color: #606;
}

a:hover img {
  border-color: #606;
}

a:active img {
  border-color: #606;
}

/* ------------------------------------------------------- */
/*         Allgemeine Regeln fuer die Foto-Seiten          */
/* ------------------------------------------------------- */

p.footer {
  text-align: center;
}

@media all{                      /* CSS vor NN4 verstecken */
p.footer.uplink {
  font-size: 100%;
  padding: 0.2em 0em 0.3em 0em;
  margin: 2.4em 0em 0em 0em;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
}
}

@media all{                      /* CSS vor NN4 verstecken */
p.footer.counter,
p.footer.created,
p.footer.modified,
p.footer.author {
  font-size: 90%;
  margin: 0.4em 0em 0em 0em;
}
}

@media all{                      /* CSS vor NN4 verstecken */
hr {
  display: none;
}
}

/* ------------------------------------------------------- */
/*         Regeln fuer die Uebersichts-Foto-Seite          */
/* ------------------------------------------------------- */

@media all{                      /* CSS vor NN4 verstecken */
body.overview p {
  margin: 0.4em 0.2em 0.2em 0.2em;
}
}

body.overview p.image {
  text-align: center;
}

body.overview p.resolution {
  text-align: center;
}

body.overview p.description {
  text-align: center;
}

table.overview {
  font-family: sans-serif;
  background-color: #fff;
  color: #000;
}

table.overview {
  border: 1px solid #666;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2em;
}

table.overview td {
  border: 1px solid #666;
  text-align: center;
  vertical-align: baseline;
}

@media all{                    /* css vor NN4.x verstecken */
table.overview td {
  padding: 2px;
}
}

/* ------------------------------------------------------- */
/*          Regeln fuer die Detail-Foto-Seite              */
/* ------------------------------------------------------- */


body.detail p.image {
  text-align: center;
}

body.detail p.resolution {
  text-align: center;
}

body.detail p.description {
  text-align: center;
}

@media all{                      /* CSS vor NN4 verstecken */
body.detail p.description {
  margin: 1.4em 2.2em 0.4em 2.2em;  
}
}

body.detail p.navigation {
  text-align: center;
}

@media all{                      /* CSS vor NN4 verstecken */
body.detail p.navigation {
  margin: 0.5em 2.2em 1.4em 2.2em;  
}
}