/*
 *      sb-style.css
 *      Stylesheet www.susanne-bockelmann.de
 *      Peter Klingebiel, Fri Nov 25 12:58:13 2011
 */

BODY {
  margin:0 0 0 0;
  background-color:#d0c8c8;
  color:#330000;
  font-family:Arial,Verdana,Helvetica,sans-serif;
  font-size:12px;
}

/* Ueberschriften H2 und H3 */
H2 {
  color:#888080; 
  font-size:15px;
}
H3 {
  color:#cc3300;
  font-size:13px;
}
INPUT {
  font-family:Courier,monospace;
  font-size:12px;
}
TEXTAREA {
  font-family:Courier,monospace;
  font-size:12px;
}

/* Fehlerabsatz */
.e {
  color:#cc0000;
}

/* Schriftgroessen */
.s {
  font-size:11px;
}
.sj {
  font-size:11px;
  text-align:justify;
}
.xs {
  font-size:10px;
}
.xsj {
  font-size:10px;
  text-align:justify;
}
.j {
  text-align:justify;
}

/* Links */
A {
  color:#993300;
  text-decoration:none;
  font-size:12px;
  line-height:18px;
}
A:hover {
  color:#ff0000;
  text-decoration:underline;
}
A:active {
  color:#ff0000;
  text-decoration:underline;
}
A.as { /* Links klein */
  font-size:11px;
}
A.mm { /* Menuelinks */
  font-weight:bold;
}

/* Sitemap */
P.sm {
  padding-left:10px;
}

/* Tabelleneinstellungen */
TABLE {
  text-align:left;
  font-family:Arial,Verdana,Helvetica,sans-serif;
  font-size:12px;
}
TD {
  text-align:left;
  vertical-align:top;
  font-family:Arial,Verdana,Helvetica,sans-serif;
  font-size:12px;
}

/* Tabelle mit Rahmen */
TABLE.r {
  border:1px solid #f0f0f0;
}

/* Tabelle fuer Bilder */
TABLE.ri {
  background-color:#e8e8e8;
  border:1px solid #e0e0e0;
}
TD.cs {
  font-size:10px;
  text-align:center;  
}

/* 
 *      Grundlayout fuer Seite:
 *
 *              |<------------- 835 ----------->|               
 *              |<------------- 895 ----------->|  TEST, Fri Nov 25 13:00:55 2011
 *      Breite:   20 120 5  10  505 10 5  10 150  Hoehe
 *                20 120 5  40  505 40 5  10 150   TEST, Fri Nov 25 13:00:52 2011
 *              +-------------------------------+
 *      Kopf:   | k1 k2  k3 k4  k5  k6 k7 k8 k9 |  10
 *      Titel:  | t1 t2  t3 t4  t5  t6 t7 t8 t9 |  90
 *      Farbe:  | b1 b2  b3 b4  b5  b6 b7 b8 b9 |   5
 *      Inhalt: | c1 c2  c3 c4  c5  c6 c7 c8 c9 |   *
 *      Trenn:  | s1 s2  s3 s4  s5  s6 s7 s8 s9 |  15
 *      Fuss:   | f1 f2  f3 f4  f5  f6 f7 f8 f9 |  30
 *              +-------------------------------+
 */

TABLE.m {
  width:895px; //835px;
  height:100%;
  text-align:left;
  font-family:Arial,Verdana,Helvetica,sans-serif;
  font-size:12px;
}
/* Kopfzeile */
TD.k1 { /* Abstand links */
  width:20px;
  background-color:#ffd8b8;
}
TD.k2 { /* Logo links */
  width:120px;
  background-color:#ffd8b8;
}
TD.k3 { /* Farbe links */
  width:5px;
  background-color:#cfc8c8;
}
TD.k4 { /* Rand links */
  width:40px; //10px;
  background-color:#fff4f0;
}  
TD.k5 { /* Titel */
  width:505px;
  height:10px;
  background-color:#fff4f0;
}
TD.k6 { /* Rand rechts */
  width:40px; //10px;
  background-color:#fff4f0;
}  
TD.k7 { /* Farbe rechts */
  width:5px;
  background-color:#ffc080;
}
TD.k8 { /* Abstand rechts */
  width:10px;
  background-color:#999494;
}
TD.k9 { /* Menue rechts */
  width:150px;
  background-color:#999494;
}
/* Titelzeile */
TD.t1 { /* Abstand links */
  background-color:#ffd8b8;
}
TD.t2 { /* Logo links */
  background-color:#ffd8b8;
  text-align:left;
  vertical-align:top;
}
TD.t3 { /* Farbe links */
  background-color:#cfc8c8;
}
TD.t4 { /* Rand links */
  background-color:#fff4f0;
}  
TD.t5 { /* Titel */
  height:90px;
  background-color:#fff4f0;
  text-align:left;
  vertical-align:top;
}
TD.t6 { /* Rand rechts */
  background-color:#fff4f0;
}  
TD.t7 { /* Farbe rechts */
  background-color:#ffc080;
}
TD.t8 { /* Abstand rechts */
  background-color:#999494;
}
TD.t9 { /* Menue rechts */
  background-color:#999494;
}
/* Farbzeile */
TD.b1 { /* Abstand links */
  background-color:#ffd8b8;
}
TD.b2 { /* Menue links */
  background-color:#ffd8b8;
}
TD.b3 { /* Farbe links */
  background-color:cfc8c8;
}
TD.b4 { /* Rand links */
  background-color:#ffffff;
}  
TD.b5 { /* Farbe */
  height:10px;
  background-color:#ffffff;
}
TD.b6 { /* Rand rechts */
  background-color:#ffffff;
}  
TD.b7 { /* Farbe rechts */
  background-color:#f0d090;
}
TD.b8 { /* Abstand rechts */
  background-color:#999999;
}
TD.b9 { /* Menue rechts */
  background-color:#999999;
}
/* Inhaltzeile */
TD.c1 { /* Abstand links */
  background-color:#ffd8b8;
}
TD.c2 { /* Menue links */
  background-color:#ffd8b8;
  text-alignment:left;
  vertical-aligment:top;
}
TD.c3 { /* Farbe links */
  background-color:#cfc8c8;
}
TD.c4 { /* Rand links */
  background-color:#fff8f8; //#ffffff; TEST, Fri Nov 25 12:56:49 2011
}  
TD.c5 { /* Inhalt */
  height:90%;
  background-color:#fff8f8; //#ffffff; TEST, Fri Nov 25 12:56:36 2011
  text-align:left;
  vertical-align:top;
}
TD.c6 { /* Rand rechts */
  background-color:#fff8f8; //#ffffff; TEST, Fri Nov 25 12:56:30 2011
}  
TD.c7 { /* Farbe rechts */
  background-color:#f0d090;
}
TD.c8 { /* Abstand rechts */
  background-color:#999999;
}
TD.c9 { /* Menue rechts */
  color:#ffffff;
  background-color:#999999;
  text-alignment:left
  vertical-aligment:top;
}
/* Trennzeile */
TD.s1 { /* Abstand links */
  background-color:#ffd8b8;
}
TD.s2 { /* Menue links */
  background-color:#ffd8b8;
}
TD.s3 { /* Farbe links */
  background-color:#cfc8c8;
}
TD.s4 { /* Rand links */
  background-color:#ffffff;
}  
TD.s5 { /* Trenner */
  height:15px;
  background-color:#ffffff;
  vertical-align:bottom;
}
TD.s6 { /* Rand rechts */
  background-color:#ffffff;
}  
TD.s7 { /* Farbe rechts */
  background-color:#f0d090;
}
TD.s8 { /* Abstand rechts */
  background-color:#999999;
}
TD.s9 { /* Menue rechts */
  background-color:#999999;
}
/* Fusszeile */
TD.f1 { /* Abstand links */
  background-color:#ffd8b8;
}
TD.f2 { /* Menue links */
  background-color:#ffd8b8;
}
TD.f3 { /* Farbe links */
  background-color:#cfc8c8;
}
TD.f4 { /* Rand links */
  background-color:#ffffff;
}  
TD.f5 { /* Link/Datum/Copyright */
  height:30px;
  background-color:#ffffff;
  text-align:left;
  vertical-align:middle;
  font-size:11px;
}
TD.f6 { /* Rand rechts */
  background-color:#ffffff;
}  
TD.f7 { /* Farbe rechts */
  background-color:#f0d090;
}
TD.f8 { /* Abstand rechts */
  background-color:#999999;
}
TD.f9 { /* Menue rechts */
  background-color:#999999;
}

/* Link/Datum/Copyright in f5 */
TD.f5u {
  font-size:11px;
  width:33%;
  text-align:left;
  vertical-align:middle;
}
TD.f5d {
  font-size:11px;
  width:34%;
  text-align:center;
  vertical-align:middle;
}
TD.f5c {
  font-size:11px;
  width:33%;
  text-align:right;
  vertical-align:middle;
}

/* 
 *      Layout fuer Bildseiten:
 *
 *      Hoehe:  620, Breite: 510
 *
 *      Titel:   30  
 *      Links:   20
 *      Bild:   510
 *      Text:    40
 *      Copyr.:  20
 */
BODY.p {
  margin:0 0 0 0;
}
 
TABLE.po { 
  width:100%; 
  height:100%; 
  background-color:#f8f8f8;
}
TD.pd {
  width:510px;
  height:620px;
}
TABLE.pi { 
  width:510px; 
  height:620px; 
  background-color:#f8f8f8; 
  border:1px solid #cccccc; 
}
TD.pt { 
  height:30px; 
  background-color:#fff4f0;
  color:#cc3300; font-size:14px; 
  font-weight:bold; 
  text-align:center; 
  vertical-align: middle; 
}
TD.pl { 
  height:20px; 
  background-color:#f8f8f8;
  color:#000000; 
  font-size:12px; 
  text-align:center; 
  vertical-align:middle;
}
TD.pb { 
  height:510px; 
  background-color:#f8f8f8; 
  text-align:center; 
  vertical-align:middle; 
}
IMG.ps {
  border:1px solid #e8e8e8;
}
TD.pp { 
  height:40px; 
  background-color:#f8f8f8; 
  color:#660000; 
  font-size:11px; 
  text-align:center; 
  vertical-align:middle
}
TD.pc { 
  height:20px; 
  background-color:#f8f8f8; 
  color:#660000; 
  font-size:11px; 
  text-align:center; 
  vertical-align:middle
}

/* sb-style.css - Ende */