/* freakstyle.css
 *
 *
 * Autor:       Andreas Ulbrich
 * Erstellt am: 2007
 * Stand:       02.07.2008
 *
 *
 * CSS-Datei zur Beschreibung der
 * - einfachen HTML-Tags, die grundsaetzlich verwendet werden.
 * - Footer-Einstellungen
 *
 *
 * Inhalt:         Verwendung fuer:
 * ---------------------------------------------------------------------
 * - html
 * - body
 * - p
 * - ul
 * - ol
 * - a
 * - a img
 * - h1
 * - h2
 * - table
 * - table td
 * - table a
 * - table a img
 * - .minFont      Kleine Schrift
 * - .min          "Kleingedrucktes"
 * - .headline     "Willkommensschriftzug Titelzeile"
 * - #footerline   Eigenschaften der Fusszeile
 * - #footer         - " -
 * - #mapPicDiv    Enthaelt Bilder auf dem Stadtplan zur Wegbeschreibung
 *
 *
 * Historie:
 * ---------
 * 05.03.2008 Andreas Ulbrich
 *            - Breitenangabe fuer die Tabelle 'table' geloescht.
 *              Urspruenglicher Wert: 'width: 100%'.
 *              Die Breitenangabe muss jetzt lokal angegeben werden!
 *              (Wenn die Breitenangabe hier vorgenommen wird, kann sie
 *               an anderen stellen nicht ueberschrieben werden -> alle
 *               Tabellen gehen ueber die gesamte Seitenbreite, was
 *               teilweise unschoen aussieht.)
 *            - Breite des Footers auf 100% gesetzt (#footer), da die
 *              Breitenangabe der allg. Tabelle weggefallen ist.
 *            - Schriftgroesse und -art auf die des normalen Absatzes
 *              gesetzt.
 * 19.03.2008 Andreas Ulbrich
 *            - ".min" eingefuegt
 * 02.04.2008 Andreas Ulbrich
 *            - ".headline" eingefuegt, Beschreibung des Willkommen-
 *              Tabellenfeldes in der Titelzeile (title.html)
 *            - ".headline-visitors" eingefuegt, Beschreibung des Feldes
 *              mit dem Besucherzaehler im Titel
 * 30.06.2008 Andreas Ulbrich
 *            - #mapPicDiv eingefuegt
 */


html
{
  /* Kein Aussen-/Innen-Rahmen                                           */
  margin: 0px;
  padding: 0px;
}


/* Hintergrundfarbe                                                      */
body
{
  background-color: #EB8220;
  margin: 0px;
  padding: 0px;
}


p, ul, ol
{
  font-family: arial, helvetica, verdana, sans-serif;
  font-size: 16pt;
  color: #430E05;
  margin-top: 5px;
  margin-left: 50px;
}


a
{
  color: #820909;
  text-decoration: underline;
  font-family: arial, helvetica, verdana, sans-serif;
  font-size: 16pt;
}


.minFont
{
  font-size: 10pt;
}


/* Bilder innerhalb von Links sollen keinen Rahmen haben                 */
a img
{
  border: none;
}


h1
{
  font-family: arial, helvetica, verdana, sans-serif;
  font-size: 20pt;
  text-decoration: underline;
  color: #430E05;
  margin-top: 35px;
  margin-left: 25px;
  margin-bottom: 40px;
}


h2
{
  font-family: arial, helvetica, verdana, sans-serif;
  font-size: 16pt;
  color: #430E05;
  margin-top: 30px;
  margin-left: 25px;
  margin-bottom: 5px;
}


/* Standard-Tabelle zur Seiteneinteilung
 * => alle Formatierten Tabellen extra definieren
 */
table
{
  font-family: arial, helvetica, verdana, sans-serif;
  font-size: 16pt;
  color: #000000;
  /* Rahmen der Zellen etc. liegen aufeinander                           */
  border-collapse: collapse;
  border-spacing: 0px;
/**width: 100%;/**/
/*border: 1px solid #000000;/**/
}


table td
{
  vertical-align: top;
  padding: 0px;
  color: #820909;
  font-size: 12pt;
}


table a
{
  color: #820909;
  text-decoration: underline;
}


table a img
{
  border: none;
}


.min
{
  font-family: arial, helvetica, verdana, sans-serif;
  /* color: #000000; <- soll auch z.B. Rot dargestellt sein koennen!*/
  text-decoration: none;
  font-size: 10pt;
}
  

.headline
{
  height: 77px;
  background-color: rgb(229,53,54);
  color: rgb(224,180,12);
  font-weight: bold;
  font-family: serif;
  font-size: 22pt;
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;
}


.headline-visitors
{
  vertical-align: middle;
  text-align: right;
  font-weight: bold;
  padding-right: 10px;
  padding-top: 2px;
}


/* Hoehe der Fusszeile                                                   */
#footerline
{
  height: 8pt;
}


/* Eigenschaften der Fusszeile                                           */
#footer
{
  background: #999999;
  border: none;
  font-weight: bold;
  width: 100%;
}


/* Positionierung des Bildes auf dem Stadtplan der Wegbeschreibung       */
#mapPicDiv
{
  position: absolute;
  top: 600px;
  left: 50px;
  display: block;
  width: 200px;
  height: 206px;
  border: none;
}