/* ------------------------------------------------------- */
/*        Stylesheet fuer die Advents-Seiten 2003          */
/* ------------------------------------------------------- */

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

body, h1, h2, h3, p, strong, table, th, td, div.main, div.navigation, ul, li { 
  font-family: "Trebuchet MS", sans-serif;
  background-color: #ffffe7;
  color: #000;
}

body {
  padding: 1.2em 2.1em 0.1em 2.1em;
  background-image:url(sterne.gif);
}

h1 {
  color: #830;
  font-size: 22px;
  text-align: center;
}

@media all{
h1 {
  font-size: 150%;
}
}

h2 {
  color: #c63;
  font-size: 16px;
  text-align: center;
}

@media all{
h2 {
  font-size: 100%;
}
}

h3 {
  color: #000;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}

@media all{
h3 {
  font-size: 90%;
}
}

@media all{
p {
  margin: 1.3em 1em 1.6em 1em;
}
}

em {
  font-size: 90%;
}

@media all{
table {
  margin: 0.2em 1em 0.6em 1em;
}
}

strong {
  color: #830;
  font-weight: bold;
  text-align: center;
}

a:link {
  background-color: #ffffe7;
  color: #830;
  text-decoration: underline;
}

a:visited {
  background-color: #ffffe7;
  color: #c63;
  text-decoration:underline;
}

a:hover {
  background-color: #ffffe7;
  color: #fa4;
  text-decoration:underline;
}

a:active {
  background-color: #ffffe7;
  color: #fa4;
  text-decoration:underline;
}

/* ------------------------------------------------------- */
/*                Regeln fuer Bemerkungen                  */
/* ------------------------------------------------------- */

p.note {
  text-align: center;
}

p.image {
  font-size: 14px;
  text-align: center;
}

@media all{
p.image {
  font-size: 90%;
}
}

p.decoration {
  text-align: center;
}

/* ------------------------------------------------------- */
/*              Regeln fuer den Fussbereich                */
/* ------------------------------------------------------- */

div {
  text-align: center;
}

div.main {
  text-align: left;
  padding: 0.1em 0.1em 0.1em 0.1em;

}

div.decoration {
  margin: 2px 0px 2px 0px;
}

@media all{
div.decoration {
  position: relative; 
  left: 42%; 
  width: 153px;
}
}

div.navigation {
  margin: 2px 0px 4px 0px;
}

div.footer {
  margin: 0.6em 0em 0em 0em;
  font-size: 14px;
}

@media all{                      /* CSS vor NN4 verstecken */
div.footer {
  font-size: 90%;
}
}

img.decoration {
  display: block;
}

/* ------------------------------------------------------- */
/*                 Regeln fuer die Listen                  */
/* ------------------------------------------------------- */

ul.none {
  margin: 0.6em 2.2em 2em 1em;
  padding-left: 0;
  list-style-type:none;
}

ul.none li {
  margin: 0.3em 0em 0.3em 0em;
  list-style-type:none;
}

ul.square {
  margin: 0.6em 2.2em 2em 2.2em;
  padding-left: 0;
  list-style-type:square;
}

ul.square li {
  margin: 0.3em 0em 0.3em 0em;
  list-style-type:square;
}

/* ------------------------------------------------------- */
/*         Regeln fuer die Anmeldungs-Seiten               */
/* ------------------------------------------------------- */

@media all{
table.form {
  margin: 0.4em 1em 0.6em 3em;
}
}

@media all{                      /* CSS vor NN4 verstecken */
table.form td {   
  padding: 8px 10px 8px 0px;
}
}

table.form td.data {
  text-align: right;
}

table.form td.colspan {
  text-align: center;
}

table.form input {
  font-family: monospace;
}

table.form option {
  font-family: monospace;
}

table.form select {
  font-family: monospace;
}

table.form textarea {
  font-family: monospace;
}

/* ------------------------------------------------------- */
/*           Regeln fuer die Teilnehmer-Seite              */
/* ------------------------------------------------------- */

table.participants {
  border: 1px solid #666;
  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    */
/* ------------------------------------------------------- */

img { border: none; }

/* ------------------------------------------------------- */
/*         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: #ffffe7;
  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;  
}
}