/* Die Seite allgemein */
body {
background-color: #C0C0C0;
color: #003366;
font-family: arial, sans-serif;
font-size: 11pt;
}
div#Seite {
    text-align: left;
    width: 600px
    padding: 0;
    background-image:url(inhalt.gif);
  }

 ul#Navigation {
    font-size: 0.73em;
    float: left; width: 12em;
    margin-left: 0.8em; padding: 0;
    margin-top: 1em;
  }
  ul#Navigation li {
    list-style: none;
    margin: 0; padding: 0.5em;
  }
  ul#Navigation a {
    padding: 0.2em;
  }
  ul#Navigation a:link {
     font-family: Arial;
     font-size: 10pt;
     color:#009ACE;
     text-decoration: none
  }
  ul#Navigation a:visited {
     color: #FF9F00;
     font-size: 10pt;
     text-decoration: none
  }
  ul#Navigation a:hover {
     color:#FFCF00;
     font-family: Arial;
     font-size: 10pt;
     font-weight: normal;
     font-style: italic;
     text-decoration: none
  }
  ul#Navigation a:active {
    color: red;
  }

  div#Inhalt {
    align: center;
    margin-left: 15em;
    margin-top: 1em;
    padding: 10 1em;

  }
  div#Inhalt h1 {
    font-size: 2.0em;
    margin: 0 0 0.5em;
    font-weight: bold;
  }
  div#Inhalt h2 {
    font-size: 1.2em;
    margin: 0.2em 0;
    font-weight: bold;
  }

  div#Inhalt p {
    font-size: 1em;
    margin: 1em 0;
  }
  div#Inhalt a:link {
    font-size: 11pt;
    color: #800000;
    margin: 1em 0;
  }
  div#Inhalt a:hover {
    font-size: 11pt;
    color: #003366;
    margin: 1em 0;
    font-weight: normal;
    font-style: italic;
    text-decoration: none
  }
  div#Inhalt a:visited {
    color: #000080;
  }
  ul#Inhalt a:active {
    color: red;
  }

/* Überschriften */
h1 {
color: #003366;
font-size: 17pt;
font-weight:bold;
text-align: center;
}
h2 {
color: #003366;
font-size: 17pt;
font-weight:bold;
text-align: center;
}

/* Tabellen */
table, tr, td {
color: #000000;
font-family: arial, sans-serif;
font-size: 10pt;
}

/* Tabelle in eintrag.php und edit.php */
.form {
margin-left: auto;
margin-right: auto;
text-align: center;
}

/* Tabellenspalte in der die Erklärungen stehen */
td.describtion {
text-align: right;
width: 50%;
}

/* Tabellenspalte in der die Eingabefelder stehen */
td.input {
text-align: left;
width: 50%;
}

/* Eingabefelder */
input, select {
background-color: #6F6F6F;
color: #ffffff;
border: 1px solid #000000;
height: 13pt;
font-weight: bold;
}

input.gb, select.gb {
width: 70%;
}

/* Textfeld */
textarea.gb {
background-color: #4F4F4F;
color: #ffffff;
font-family: arial, sans-serif;
font-size: 9pt;
width: 100%;
border: 1px solid #000000;
font-weight: bold;
}

/* Links */
a:link {
color: #80A0FF;
font-family: arial, sans-serif;
font-size: 9pt;
text-decoration: none;
}

/* Links beim Überfahren mit der Maus */
a:link:hover {
color: #800000;
font-family: arial, sans-serif;
font-size: 9pt;
text-decoration: none;
}

/* besuchte Links */
a:visited {
color: #80A0FF;
font-family: arial, sans-serif;
font-size: 9pt;
text-decoration: none;
}

/* besuchte Links beim Überfahren mit der Maus */
a:visited:hover {
color: #FFA449;
font-family: arial, sans-serif;
font-size: 9pt;
text-decoration: none;
}

/* Erfolgs- oder Fehlermeldung bei der Suche */
div.suchmeldung {
font-size: 12pt;
}


/* Der Suchbegriff */
span.suchwort {
font-weight: bold;
}

/* Die Regeln in der eintrag.php */
div.regeln {
text-align: left;
}

/* Der Button unter den Regeln in der eintrag.php */
form.regeln {
text-align: center;
font-weight: bold;
font-color: red;
font-size: 12pt;
}

/* Die Buttons in eintrag.php, über die die BBCodes eingefügt werden */
img.bbcode {
background-color: #80A0FF;
width: 23px;
height: 23px;
border: 1px solid #3F3F3F;
}

/* Die kleinen Bilder (Page, Mail, ICQ, Bild) in gbuch.php */
img.gbuch {
border: 0px solid;
width: 15px;
height: 15px;
}

/* Text "(* Pflichtfelder)" */
div.pflichtfeld {
font-weight: bold;
text-align: center;
}

/* Fehlermeldung bei deaktiviertem Javascript */
div.nojs {
color: red;
font-weight: bold;
}

/* Einträge mit gerader Nummer (2, 4, 6, 8 usw.) */
div.gerade {
border: 3px solid #8F8F8F;
}

/* Einträge mit ungerader Nummer (1, 3, 5, 7 usw.) */
div.ungerade {
border: 3px solid #AFAFAF;
}

/* ein Zitat */
div.zitat {
border: 1px solid black;
margin: 10px;
}

/* die zitierte Person */
div.zitat_person {
font-weight: bold;
}

/* der zitierte Text */
div.zitat_text {
font-style: italic;
}

/* ein Code */
div.code {
border: 1px solid black;
margin: 10px;
}

/* Dateiname */
div.code_datei {
font-weight: bold;
}

/* der Code */
div.codetext {
font-family: "Courier New", monospace;
background-color: #80A0FF;
}

/* ein Kommentar */
div.kommentar {
border: 1px solid black;
margin: 10px;
}

/* Text wie "Kommentar vom Webmaster" */
div.kommentar_beschr {
color: #A00020;
}

/* der Kommentar selbst */
div.kommentar_text {
font-style: italic;
}

/* Der Besucher */
span.user {
font-weight: bold;
}

/* die Nummer des Eintrags */
span.nummer {
font-weight: bold;
color: #4F4F4F;
}

/* die aktuelle Seite */
span.aktuelle_seite {
font-weight: bold;
}

/* Text "..." bei der Seitenauswahl */
span.punkt {
color: #FFA449;
}

/* Der Betreff eines Eintrags */
div.betreff {
font-weight: bold;
margin-top: 5px;
}

/* Die Einträge */
div.eintragstext {
margin-top: 6px;
margin-left: 6px;
}

/* showimage.php: das hochgeladene Bild */
div.upimg {
text-align: center;
}

/* showimage.php: Text unter Bild */
p.upimgdesc {
text-align: center;
}

@media print {

.onlyscreen {
visibility: hidden;
height: 0px;
}

a.linkinfo {
text-decoration: none;
}

a.linkinfo:after {
content: " ("attr(title)" ) ";
}
  p#Fusszeile {
    clear: both;
    font-size: -2;
    font-size: 0.1em;
    margin: 0; padding: 0.1em;
    text-align: center;
    background-color: #C0C0C0;
    }

}