/*
 *     style sheet fuer ogerstung.de
 */

a:link {color: #0000ff; text-decoration: none;}
a:visited {color: #0000ff; text-decoration: none;}
a:active {color: #ff7777;}
a:hover {color: #0000ff; text-decoration: underline;}

body
{
  font-family: sans-serif;
  color: #003366;
  background-color: white;
  margin: 10px auto;
  width: 80ex;
}

body.fotos {
    width: 700px;
}

pre {color: #414441;}

h1, h2, h3, p, ul, ol, li, td, th, nobr, b, i, dl, blockquote, div
{
  font-family: sans-serif;
  color: #003366;
}

h1, h2, h3
{
  color: #ff9500; /* orange */
/*   color: #34425b; */
}

h1
{
  border-bottom: thin solid;
  padding-bottom: 5px;
  width: 100%;
}

h2
{
  border-bottom: thin dashed;
  padding-bottom: 5px;
  width: 100%;
}

.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}

/* Bemerkungen */
.note {font-family: sans-serif; color: #888888;}

/* "letzte Aenderung" */
.la
{
  font-family: sans-serif;
  color: #888888;
  text-align: right;
}

/*  Navigationszeile  */
p.nav {
    color: #777777;
    text-transform: lowercase;
    background-color: #fafafa;
    border-top: 1px dotted #cccccc;
    border-bottom: 1px dotted #cccccc;
    padding: 3px 5px;
    margin: 1em 0; 
}

/** TABELLEN **/

/* Text */
pre.tab
{
  color: #333333;
/*     font-size: small; */
}

/*  Quellenangaben  */
span.tq {color: #cc9966}

/*  E-Mail  */
span.email {color: #009966; font-family: fixed;}

/* Zitate */
.rahmen
{
  border-top: 1px dashed #ddd;
  border-bottom: 1px dashed #ddd;
}

.zitat
{
  background-color: #fbfbfb;
  padding-left: 5px; padding-right: 5px;
  padding-top: 2px; padding-bottom: 2px;
}

.zitat:before { content: "»" }
.zitat:after { content: "«" }

.quelle
{
  color: #cc9966; background-color: #fbfbfb;
  text-align: right;
  padding-top: 2px; padding-bottom: 2px;
  padding-left: 5px; padding-right: 5px;
}

div#startseite_nav {
    width: 500px;
    text-align: center;
    margin: 100px auto 0 auto;
    border-bottom: 1px dotted #cccccc;
    padding: .5em 0;
}

div#startseite_mail {
    width: 500px;
    text-align: right;
    color: #cccccc;
    font-size: smaller;
    margin: 0 auto;
    padding: .2em 0 0 0;
}

div.fotos {
    text-align: center;
    margin: 0 auto;
    color: #999999;
    font-size: small;
}

div#fotos_nacht {
    color: #666666;
    background-color: black;
    padding: 1em 0;
}

img {
    border-width: 0;
}

img.foto {
    border: solid 1px #000000;
    margin: 3px;
}