/* Rahmen ridge ohne Farbe (da im IE #ffffff hier grau ist) ist a
   Rahmen ridge #ffffff ist b
   Rahmen ridge #ffffcc ist c */


.oben, .tp   {vertical-align:top}
.vmittig, .vmi, .m{vertical-align:middle}
.unten, .b  {vertical-align:bottom}

.links, .l  {text-align:left; float:left}
.hmittig, .hmi, .c{text-align:center}
.rechts, .r {text-align:right; float:right}

.obli, .tl {vertical-align:top; text-align:left}
.obhmi, .tc{vertical-align:top; text-align:center}
.obre, .tr {vertical-align:top; text-align:right}
.vmili, .ml{vertical-align:middle; text-align:left}
.vmihmi, .mc{vertical-align:middle; text-align:center}
.vmire, .mr{vertical-align:middle; text-align:right}
.unli, .blf{vertical-align:bottom; text-align:left}
.unhmi, .bc{vertical-align:bottom; text-align:center}
.unre, .brg{vertical-align:bottom; text-align:right}

.mittig  {vertical-align:middle; text-align:center}
.mittig2 {vertical-align:middle; text-align:center; width:50%}
.mittig3 {vertical-align:middle; text-align:center; width:34%}
.mittig3m {vertical-align:middle; text-align:center; width:33%}
.mitGen {vertical-align:middle; text-align:center; white-space:nowrap; border:ridge #ffffff 2px}


.lk1            {color:#000000}
.lk1:hover, .lk2{color:#aa0000; font-weight:800}
.lk2:hover      {text-decoration:underline}
.lk3            {color:#000000; line-height:110%}
.lk3:hover, .lk4{color:#aa0000; font-weight:800; line-height:110%}
.lk4:hover      {text-decoration:underline}


.zeile {font-size:75%; text-align:center; color:#ffffff} /* webm.-e-mail beim Kontaktform. */

.zeile_lk1{font-size:70%; text-align:center; color:#000000; font-weight:600}
.zeile_lk1:hover, .zeile_lk2{font-size:75%; text-align:center; color:#aa0000; font-weight:800; letter-spacing:1px}
.zeile_lk2:hover{font-size:75%; text-align:center; text-decoration:underline; letter-spacing:1px}


.fett600{font-weight:600}
.quelle, .r66{font-size:66%; text-align:right}
.l66{font-size:66%; text-align:left}
.bildfont{font-size:80%; text-align:justify; line-height:135%}
.bildfont2{font-size:100%; text-align:justify; line-height:100%}
.bildfont_r{font-size:80%; text-align:right; line-height:135%}
.bildfont_l{font-size:80%; text-align:left; line-height:135%}
.titel{line-height:1.5; font-size:13pt; font-weight:600; letter-spacing:2pt; color:#000000; text-align:left; vertical-align:middle} /* titel.htm, mechthild(2).htm */
.weite1{letter-spacing:1pt}
.weite2{letter-spacing:2pt}
.nobrea{white-space:nowrap}
#nobrea{white-space:nowrap}


#hintergrund
 {
 z-index:-1; /* nach hinten verschieben (beachte Firefox) */
 }

html>body #hintergrund
  {  /* nur fuer moderne Browser! */
  position:fixed;
  top:0;
  left:0;
  }


a   {color:#ffd700; text-decoration:none; font-family:"Comic Sans MS", "Times New Roman", "Sans Serif"}
.int{color:#ffd700}
.ext{color:#aa0000}
/*gold=ffd700*/


.abstand1{line-height:1pt}
.abstand2{line-height:2pt}
.abstand3 {line-height:3pt}
.abstand4 {line-height:4pt}
.abstand5 {line-height:5pt}
.abstand7 {line-height:7pt}
.abstand9 {line-height:9pt}
.abstand10 {line-height:10pt}
.abstand13 {line-height:13pt}
.abstand15 {line-height:15pt}


img{border:ridge #ffffff 3px; font-size:66%}

.ob-li{margin-right:30px; margin-bottom:15px; float:left}
.ob-mi{margin-right:30px; margin-left:30px; margin-bottom:15px;}
.ob-re{margin-left:30px; margin-bottom:15px; float:right}

.mi-li{margin-right:30px; margin-top:15px; margin-bottom:15px; float:left}
.mi-mi{margin-right:30px; margin-left:30px; margin-top:15px; margin-bottom:15px}
.mi-re{margin-left:30px; margin-top:15px; margin-bottom:15px; float:right}

.un-li{margin-right:30px; margin-top:15px; float:left}
.un-mi{margin-right:30px; margin-left:30px; margin-top:15px}
.un-re{margin-left:30px; margin-top:15px; float:right}

/* Text neben Bild (neust, raspi, mall) */
#zentr8{margin-left:auto; margin-right:auto; padding-left:8px; padding-right:8px}



.b3{border:ridge #ffffff; border-width:3px} /* raspi-, neust-Foto-Dateien */
.b4{border:ridge #ffffff; border-width:4px} 
.c4{border:ridge #ffffcc; border-width:4px} /* spbg-foto-show */


noscript{font-family:"Comic Sans MS", "Times New Roman", "Sans Serif"; color:#000000; text-align:justify}


p, div      {font-family:"Comic Sans MS", "Times New Roman", "Sans Serif"; color:#000000}
.bl {font-family:"Comic Sans MS", "Times New Roman", "Sans Serif"; color:#000000; text-align:justify}


/* table-Konvention:Breite ist immer 100%, alles andere muss in style-Angabe an Ort und Stelle festgelegt werden. */

table.T    {width:100%; height:100%}     /* unverändert */
table.T0   {width:100%}                   /* unverändert */
table.T10  {width:100%; margin-top:10px}
table.T15  {width:100%; margin-top:15px}
table.T20  {width:100%; margin-top:20px} /* alt:T3, desenberg.htm, symbolik.htm raspi-Foto-Show */
table.T30  {width:100%; margin-top:30px} /* alt:T1, spiegel.htm */
table.T45  {width:100%; margin-top:45px} /* ich.htm */
table.statC{width:100%; margin-top:5px}


/* neu fr .TD0 bis .TD4 und .TDx3 bis .TDx4 (25, 30, 40%) */
td.a2c   {border:ridge 2px; text-align:center}
td.a2c100{border:ridge 2px; text-align:center; width:100%}
td.a2c50 {border:ridge 2px; text-align:center; width:50%}
td.a2c34 {border:ridge 2px; text-align:center; width:34%}
td.a2c33 {border:ridge 2px; text-align:center; width:33%}
td.a2c20 {border:ridge 2px; text-align:center; width:20%}
td.a2c25 {border:ridge 2px; text-align:center; width:25%}


/*neu fr .frame1 bis .frame3 , neu marAlt*/
td.a4c {border:ridge 4px; text-align:center;}
td.a4c100 {border:ridge 4px; text-align:center; width:100%}
td.a4c50  {border:ridge 4px; text-align:center; width:50%}
td.a4c34  {border:ridge 4px; text-align:center; width:34%}
td.a4c33  {border:ridge 4px; text-align:center; width:33%}
td.a4c25  {border:ridge 4px; text-align:center; width:25%}


td.b2c100{border:ridge #ffffff 2px; text-align:center; width:100%} /* neust-Foto-Dateien */

td.b3c   {border:ridge #ffffff 3px; text-align:center} /* Foto-Dateien wie z. B. kaserne1.htm */
td.b3c100{border:ridge #ffffff 3px; text-align:center; width:100%} /* mallorca-Foto-Dateien */
td.b3c50 {border:ridge #ffffff 3px; text-align:center; width: 50%}
td.b3c34 {border:ridge #ffffff 3px; text-align:center; width: 34%}
td.b3c33 {border:ridge #ffffff 3px; text-align:center; width: 33%}


/* spbg-foto-show */
td.c3c50{border:ridge #ffffcc 3px; text-align:center; width: 50%}
td.c3c34{border:ridge #ffffcc 3px; text-align:center; width: 34%}
td.c3c33{border:ridge #ffffcc 3px; text-align:center; width: 33%}


/* *_links.htm */
td.menu {height:10%}
td.menuKlein {height:6%}


td.menu1{border:ridge 2px; text-align:center; width:100%; padding:4px} /* Men-Seiten wie z. B. computing.htm (oben) */
td.menu2{border:ridge 2px; text-align:center; width:50%; padding:4px} /* Men-Seiten wie z. B. ich.htm */
td.menu3{border:ridge 2px; text-align:center; width:33%; padding:4px} /* Men-Seiten wie z. B. computing.htm */
td.menu3m{border:ridge 2px; text-align:center; width:34%; padding:4px}
td.rand1{height:30px; background:#ffff99; border:ridge #FFFFFF; border-width:2px} /* unknown */


td.td0l66{width:100%; font-size:66%; text-align:left} /* Du-bist-hier-Hinweis, z. B. Sitemap-Unterdateien */


ul{list-style:disc}
li{font-family:"Comic Sans MS", "Times New Roman", "Sans Serif"; text-align:justify}