/* LUG - CSS
Bitte keine Formatierungen oder explizite Farbangaben in HTML erzwingen, für Text verboten, für Tabellen-Körper wenn es sein muß geduldet. Aber am besten sämtliche Formate über CSS steuern. Dabei werden HTML-Tags die entsprechenden CSS-Classes zugewiesen. z.B. <p class="hl1">, dabei darauf achten daß nicht achtlos <p> zur vertikalen Abstanderzwingung verwendet wird. Dafür gibt es eine Tabelle...

Farben der Lug-Seite:
Körper:
hellgrau (Seitenleisten): #e1e1e1; weiß (Hintergrund): #ffffff; dunkelgrau (Titelbalken): #444444; hellrot (Datum):#dd3027
Schriften: Normalschrift: #000000; Dunkelrot (Links und Überschriften): #690600; Hellrot (DB-Abfrage, <a>over): #dd3027
*/

/* generelle Einstellungen für Website -> Do not touch !!! */
body {
  font-family: arial,sans-serif;
  color: #000000;
  font-size: 12px;
  line-height: 14px;
  background-image: url(../images/bg.jpg);
  background-repeat: repeat;
  background-attachment: fixed;
}

/* Einstellungen für äusserste Tabelle */
table.rahmen {
  color: #000000;
  margin: 0;
  padding: 0;
}

/* Einstellungen für Kopf- und Seitenleisten */
td.kopf {
  background: #444444;
}

td.seite {
  background: #e1e1e1;
  width: 140px;
}

p.seite {
  font-weight:bold;
  font-size:11px;
  line-height:13px;
  color:#000000;
  margin:5px 0px 5px 10px;
}

td.mitte {
  padding: 0 10px;
}

/* Einstellungen für verschieden TD's mit verschieden Textgrößen */
td.cal1 {background:#e1e1e1; color:#000000; font-size:14px; font-weight:bold; line-height:12px;}
td.cal2 {background:#e1e1e1; color:#000000; font-size:12px; line-height:12px;}
td.cal3 {background:#ffffff; color:#000000; font-size:12px; line-height:12px;}

/* Für Rezensionen, Links, Howtos und Software */
td.tab {
  background: #eeeeee;
  padding: 7px 10px 7px 5px;
}

/* Listenformatierung */
ul {
  margin: 10px 5px 10px 16px;
  padding: 0;
  list-style-position: outside;
}
li {
  color: #000000;
  margin: 5px 10px;
}
dl {
  margin: 0;
}
dt {
  font-weight:bold;
  color:#690600;
  margin:10px 10px 2px 10px;
}
dd {
  margin:2px 10px 2px 20px;
}

/* für die Userbereich index seite */
td.grey {
  background: #e1e1e1;
}

/* z.T. noch in den Howtos verwandt */
h1 {font-weight:bold; font-size:11px; line-height:13px; color:#000000; margin-left:10px; margin-top:5px; }
h2 {background:#DD3027; font-size:10px; line-height:12px; color:#000000; margin:5px;}

/* Absatzformatierungen mit Einzügen, entscheidend für die Optik des Mittelteils. Deshalb immer alles in entsprechende <p>-Tags einbinden. news ist für die news in der rechten Spalte und db für die avisierte Datenbankabfrage in der linken Spalte. hl ist für Headlines im Fließtext in dunkelrot */
p { color:#000000; font-size:12px; line-height:14px; margin:10px 0px;}
p.news { color:#DD3027; font-size:10px; margin:5px;}
p.db { color:#DD3027; font-size:10px; margin:10px;}
p.error {color:#ff0000;}
p.hl { color:#690600; font-size:18px; font-weight:bold; line-height:20px; margin:10px 0;}
/* Formatierung für den Stammtisch oben rechts */
p.stammtisch {
  font-weight:bold; text-align:center; background:#DD3027; font-size:10px; line-height:15px; color:#000;
  margin:5px 7px;
  width:126px;
}
/* Formatierung für Stammtischtermin auf der index Seite */
#stterminlang {font-weight:bold; text-align:center; font-size:15px; line-height:15px; color:#de3a13;}

/* Zwischenüberschriften für den Mittelteil */
p.hl1 {color:#690600; font-size:15px; font-weight:bold; line-height:17px; margin:10px 0;}
p.hl2 {color:#690600; font-size:12px; font-weight:bold; line-height:14px; margin:10px 0;}

td.seite p.hl2 {
  margin: 10px;
}

p#neueslug {
  font-size: 12px;
  font-weight: bold;
  margin: 10px;
}

/* Standards */
input, input.button, input.box, select, option, textarea {
  font-size: 11px;
}

/* Für Links: besuchte werden dunkelrot, bei mouse-over werden die Links hellrot hinterlegt */
a:link {color:#000000;text-decoration:underline;}
a:visited {color:#690600;text-decoration:underline;}
a:active {color:#000000;text-decoration:underline;}
a:hover {color:#000000; background:#DD3027;text-decoration:underline;}

/* Für Programmlistings */
pre {font-family:courier,monospace; color:#000000; font-size:12px; line-height:13px; margin:5px 10px;}

/* Für Gästebuch und FAQ */
table.gb {
  border-spacing:0px;
  width:100%;
}
td.gbhead {
  background:#DD3027;
  color:#000;
  padding:0px 5px;
  line-height:20px;
}
td.gbentry {
  background:#e1e1e1;
  color:#000;
  padding:5px;
}
p.gberror {
  color:#ff0000;
}

/* Für Galerien */
table.galerie {border-spacing:10px; width:100%;}
td.galerie {vertical-align:middle; text-align:center;}
img.galerie {border:0px;}

/* Alles zur Formatierung des LUG-Kalenders */
td.caltz { color:#000000; font-size: 10px;}
td.calwt { color:#000000; font-size: 10px; font-weight: bold;}
td.calat { color:#000000; font-size: 10px;}
td.calht { color:#000000; border:2px solid #DD3027; font-size: 10px; font-weight: bold;}
td.calhe { color:#FF0000; border:2px solid #DD3027; font-size: 10px; font-weight: bold;}
td.calwe { color:#FF0000; font-size: 10px;}
td.termin { color:#000000; border:2px solid #690600;font-size: 10px; font-weight: bold;}
td.stammtisch { color:#ffffff; background:#690600; border:2px solid #690600; font-size: 10px; font-weight: bold;}
table.caltab { width:400px; border:1px solid gray; background-color:#E0E0E0; padding:2px; margin:0px;}
table.caltab1 { border:0px; padding:0px; margin:0px;}
table.caltab2 { border:0px; padding:0px; margin:0px;}

/* Für Suchmaschinenhervorhebung */
span.remark { border:1px solid #DD3027; color:#DD3027; }

/* Formatierung für den Dell precision Text */
table#precision {
  margin: 0; padding: 0;
}

#precision td {
  margin: 0; padding: 0;
}

#precision h1 {
        margin:10px 0;
        font-family:Verdana,Arial,sans-serif;
        line-height: 24px;
        font-size:24px;
        color:#000067;
        font-style:normal;
        font-weight:bold;
        text-decoration:none;
        text-align:center;
}

#precision h2 {
        margin:10px 0;
        font-family:Verdana,Arial,sans-serif;
        font-size:18px;
        color:#000067;
        background:#fff;
        font-style:normal;
        font-weight:bold;
        text-decoration:none;
}

#precision h3 {
        margin:10px 0;
        font-family:Verdana,Arial,sans-serif;
        font-size:14px;
        color:#000067;
        font-style:normal;
        font-weight:bold;
        text-decoration:none;
}

#precision .code {
        font-weight:bold;
}

#precision pre {
        border: 1px dashed #600;
        margin: 10px 20px;
        padding: 6px;
        background-color: #ddd;
}
