body {
  font-family:trebuchet ms, helvetica, arial, sans-serif;
  font-size:16px;
  margin: 0px 27px 0px 27px;
  padding:5px 5px 10px 5px;
  background-color:#ffcc66;
  color:#000000;
  text-align:left;
}

@media all{
body {
  font-size:1em;        /* CSS vor NN4 verstecken */
}
}

p {
  font-family:trebuchet ms, helvetica, arial, sans-serif;
  font-size:16px;
  margin: 0px 27px 20px 27px;
  padding:10px 5px 10px 5px;
}

@media all{
p {
  font-size:1em;        /* CSS vor NN4 verstecken */
}
}

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

@media all{
p.subtitle {
  font-size:0.8em;      /* CSS vor NN4 verstecken */
}
}

p.small {
  font-size:14px;
}

@media all{
p.small {
  font-size:0.8em;      /* CSS vor NN4 verstecken */
}
}

p.center {
  text-align:center;
}

strong {
  font-size:16px;
  font-family:trebuchet ms, helvetica, arial, sans-serif;
  font-weight:bold;
  background-color:#ffcc66;
  color:#333333;
  text-align:center;
}

em {
  font-size:14px;
  font-style:italic;
}

@media all{
em {
  font-size:0.8em;      /* CSS vor NN4 verstecken */
}
}

img.decoration {
  display: block;
}

h1 {
  font-size:18px;
  font-family:trebuchet ms, helvetica, arial, sans-serif;
  font-weight:bold;
  background-color:#ffcc66;
  color:#333333;
  text-align:center;
  margin: 40px 0px 30px 0px;
}

@media all{
h1 {
  font-size:1.2em;      /* CSS vor NN4 verstecken */
}
}

h1.starttitle {
  margin: 40px 0px 0px 0px;
}

h2 {
  font-size:16px;
  font-family:trebuchet ms, helvetica, arial, sans-serif;
  font-weight:bold;
  background-color:#ffcc66;
  color:#333333;
  text-align:center;
}

@media all{
h2 {
  font-size:1em;        /* CSS vor NN4 verstecken */
}
}

h2.first {
  margin: 30px 0px 0px 0px;
}

h2.subtitle {
  font-weight:normal;
  text-align:center;
  background-color:#ffcc66;
  color:#000000;
  margin: 0px 0px 0px 0px;
}

@media all{
h2.subtitle {
  margin: 10px 0px 30px 0px; /* CSS vor NN4 verstecken */
}
}

table {
  margin-top:0em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:1.4em;
  background-color:#ffcc66;
  color:#000000;
}

th {  
  font-family:trebuchet ms, helvetica, arial, sans-serif;
  font-size:16px;
  background-color:#ffcc66;
  color:#333333;
}

@media all{
th {
  font-size:1em;        /* CSS vor NN4 verstecken */
}
}

td {  
  font-family:trebuchet ms, helvetica, arial, sans-serif;
  font-size:16px;
  background-color:#ffcc66;
  color:#000000;
}

@media all{
td {
  font-size:1em;        /* CSS vor NN4 verstecken */
}
}

td.first {
  padding-top: 10px;
  padding-bottom: 0em;
  padding-left: 2em;
  text-align:left;
  vertical-align:top;
}

@media all{
td.first {
  padding-top: 2.5em;       /* CSS vor NN4 verstecken */
}
}

td.next {
  padding-top: 0em;
  padding-bottom: 0em;
  padding-left: 2em;
  text-align:left;
  vertical-align:top;
}

td.center {
  text-align:center;
}

td.left {
  text-align:left;
}

td.right {
  text-align:right;
}

td.female {
  color:#cc3333;
  background-color:#ffcc66;
}

td.male {
  color:#000099;
  background-color:#ffcc66;
}

ul {
  list-style-type:none;
  font-family:trebuchet ms, helvetica, arial, sans-serif;
  font-size:16px;
  margin: 0px 27px 20px 27px;
  padding:10px 5px 10px 5px;
}

@media all{
ul {
  font-size:1em;        /* CSS vor NN4 verstecken */
}
}

li {
  list-style-type:none;
  font-family:trebuchet ms, helvetica, arial, sans-serif;
  font-size:16px;
}

@media all{
li {
  font-size:1em;        /* CSS vor NN4 verstecken */
}
}

ul.square {
  list-style-type:square;
  margin: 0px 27px 20px 47px;
}

li.square {
  list-style-type:square;
}

ul.circle {
  list-style-type:circle;
  margin: 0px 27px 10px 47px;
  padding:0px 5px 0px 5px;
}

li.circle {
  list-style-type:circle;
}

div {
  font-family:trebuchet ms, helvetica, arial, sans-serif;
  background-color:#ffcc66;
  color:#000000;
  text-align:center;
}

div.center {
  text-align:center;
}

div.links {
  margin: 4px 0px 4px 0px;
}

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

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

a:link {
  color:#000099;
  background-color:#ffcc66;
  text-decoration:underline;
}

a:visited {
  color:#000000;
  background-color:#ffcc66;
  text-decoration:underline;
}

a:hover {
  color:#ffff99;
  background-color:#ffcc66;
  text-decoration:underline;
}

a:active {
  color:#ffff99;
  background-color:#ffcc66;
  text-decoration:underline;
}

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