/* ------------------------------------------------------- */
/*        Stylesheet fuer die Advents-Seiten 2000          */
/* ------------------------------------------------------- */

/* ------------------------------------------------------- */
/*                      Allgemeine Regeln                  */
/* ------------------------------------------------------- */

body {
  background-color: #005;
  color: #fff;
  padding: 1.2em 2.1em 0.1em 2.1em;
  background-image: url(schnee.gif);
}

h1 {
  background-color: #005;
  color: #fff;
  font-size: 22px;
  text-align: center;
}

@media all{
h1 {
  font-size: 150%;
}
}

h2 {
  color: #c60808;
  font-size: 16px;
  text-align: center;
}

@media all{
h2 {
  font-size: 120%;
}
}

@media all{
h3 {
  font-size: 90%;
}
}

@media all{
p {
  margin: 1.3em 1em 1.6em 1em;
}
}

@media all{
table {
  margin: 0.2em 1em 0.6em 1em;
}
}

a:link,
a:visited,
a:hover,
a:active {
  background-color: #005;
  color: #fff;
  text-decoration: underline;
}

div.main a:link,
div.main a:visited,
div.main a:hover,
div.main a:active {
  background-color: #a4adf0;
  color: #fff;
  text-decoration: underline;
}

/* ------------------------------------------------------- */
/*                Regeln fuer Bemerkungen                  */
/* ------------------------------------------------------- */

p.note,
p.decoration,
p.image {
  text-align: center;
}

/* ------------------------------------------------------- */
/*              Regeln fuer spezielle Bereiche             */
/* ------------------------------------------------------- */

div {
  text-align: center;
  color: #fff;
}

div.main {
  background-color: #a4adf0;
  color: #005;
  font-weight: bold;
  text-align: left;
  padding: 0.1em 0.1em 0.1em 0.1em;
  border: none; /* NN4 work-around */
  margin-left: 0;  /* NN4 work-around */
}


/* ------------------------------------------------------- */
/*           Regeln fuer die Teilnehmer-Seite              */
/* ------------------------------------------------------- */

table.participants {
  border: 1px solid #666;
  color: #005;
  margin-left: auto;
  margin-right: auto;  
}

table.participants td, table.participants th {   
  border: 1px solid #666;
}

@media all{                      /* CSS vor NN4 verstecken */
table.participants td, table.participants th {   
  padding: 3px;
}
}

/* ------------------------------------------------------- */
/*   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: #a4adf0;
  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;  
}
}
