/* Stylesheet für die Bildschirmausgabe */
/* ************************************ */

/* In HTML-Datei folgenden Link im Headbereich einfügen: */
/* <link rel=stylesheet type="text/css" href="bphila_scr.css" media="screen" /> */


body { margin:0px; padding:0px; border:0;
       text-align:center;
       background-color:white;
       scrollbar-face-color:#99CCFF;
       scrollbar-arrow-color:#0066CC;
       scrollbar-base-color:#FFCC33;
       scrollbar-darkshadow-color:#0066CC;
       scrollbar-track-color:##EFEFEF;
       scrollbar-highlight-color:#FFFFFF;
       scrollbar-shadow-color:#0066CC;
     }


#Content {
  /*position:absolute;
  left:50%;
  width:100%;
  margin-top:0px;
  margin-left:-50%;
  padding:0px;
  border:0px;
  background-color:#FFCC33;*/
  text-align:center;
}
/* Format zur mittigen Ausrichtung des gesamten Fensterinhalts, anzuwenden
auf ein alles umschließendes div (funktioniert nicht)*/

p,h1,h2,h3,h4,ul,ol,li,div,td,th,address,blockquote,nobr,b,i { font-family:Verdana,Arial,sans-serif; }

/* font-family = Schriftart fuer Textelemente */
/* Verdana,Arial,sans-serif = Verdana oder Arial und serifenlose Schrift, */

tr.Menue { width:160px;height:30px;padding:0px;border:0px;margin:0;text-align:left; }
/* Eigenschaften der Zeilen bei der Menü-Tabelle */

tr.Menu1 { width:160px;height:15px;padding:0px;border:0px;margin:0px; }
/* Eigenschaften der Leerzeilen bei der Menü-Tabelle */

h1  { font-size:14pt;line-height:24pt;margin:12pt 0pt 12pt 0pt;font-weight:bold;color:#0066CC; }
/* Ueberschrift 1. Ordung */
/* font-size = Schriftgroesse 14pt */
/* line-heigt = Durchschuss */
/* color = Farbe - Schwarz */
/* Angaben für margin: oben, rechts, unten und links */

h2 { font-size:12pt;line-height:16pt;margin:8pt 0pt 8pt 0pt;font-weight:normal;color:#000000; }
/* Ueberschrift 2. Ordnung */

h3 { font-size:10pt;line-height:13pt;margin:7pt 0pt 6pt 0pt;font-weight:bold;text-align:left; }
/* Ueberschrift 3. Ordnung */

h4 { font-size:9pt;line-height:13pt;margin:7pt 0pt 6pt 0pt;font-weight:bold;text-align:left; }
/* Überschrift 4. Ordnung */

p  { font-size:9pt;line-height:12pt;margin:6pt 0pt 6pt 0pt;font-weight:normal;color:#000000;text-align:left; }
/* normaler Text */

p.main { margin:6px 0px 6px 0px }
/* p.main { margin-left:40px;margin-right:40px;margin-top:0px;margin-bottom:11px }
/* Raender fuer normalen Text im Hauptbereich */

p.klein { font-size:8pt;line-height:10pt;margin:5pt 0pt 5pt 0pt;text-align:left; }
/* Texteinstellungen fuer kleinen Text */

table.main { margin:6px 0pt 6px 0pt; }

td  { font-size:9pt;line-height:12pt;font-weight:normal;color:#000000;text-align:left; }

td.aMenue { text-decoration:none;
  font-weight:bold;
  line-height:25px;
  text-align:left;
  margin-top:0px;
  color:#000000;
  background-image:url(img/Button2.gif);
  background-repeat:no-repeat;
  background-position:left;
  padding-left:30px;
  margin-top:3px;
  display: block; }

td.klein { font-size:8pt;line-height:10pt;font-weight:normal;color:#000000; }

td.Rhm { border:1px solid black;padding:5px;border:1px solid black; }

li  { font-size:9pt;line-height:11pt;margin:5pt 0pt 5pt 0pt;color:#000000;text-align:left; }
/* Listenelemente */

li.plus { margin-left:38px;margin-right:45px;margin-bottom:5px; }

ul { line-height:9pt; }

ul.plus { list-style-image:url(img/plus.gif); }

.einzug15 { margin-left:15px; }

.einzug30 { margin-left:30px; }

#scrollen { overflow:auto; }

#mini { font-size:6pt;line-height:8pt;font-weight:normal;color:#000000; }

#c  { text-align:center; }

#cu  { text-align:center;vertical-align:bottom; }

#blau  { color: #0066CC; }

#rot   { color: #FF0000;font-weight:bold; }

#gruen { color: #008080;font-weight:bold; }

#lila  { color: #800080;font-weight:bold; }

#r  { text-align:right; }
/* Textausrichtung: rechts, benutzbar als id mit allen Textformaten) */

#bb { font-weight:bold;color:#000000; }
/* Fettauszeichnung, Farbe schwarz */

.scrollen { height:350px;overflow:auto;padding:0px;border:0px; }

a.fuss:link { color:#FFFFFF; text-decoration:underline; }
a.fuss:visited { color:#FFFFFF; text-decoration:underline; }
a.fuss:active { color:#FFCC33; text-decoration:none; }
a.fuss:hover { color:#FFCC33; text-decoration:none; font-weight:bold; }

a:link { color:#0066CC; text-decoration:underline; }
a:visited { color:#0066CC; text-decoration:underline; }
a:active { color:#000000; text-decoration:none; }
a:hover { color:#FF0000; text-decoration:none; font-weight:bold;}

a.spezial:link { color:#0066CC;font-weight:bold;text-decoration:underline;margin-top:0px; }
a.spezial:visited { color:#0066CC;font-weight:bold;text-decoration:underline;margin-top:0px; }
a.spezial:active { color:#CC0099;font-weight:bold;text-decoration:none;margin-top:0px; }
a.spezial:hover { color:#FF0000;font-weight:bold;text-decoration:none;margin-top:0px; }
/* a:link = Verweise zu noch nicht besuchten Seiten */
/* a:visited = Verweise zu bereits besuchten Seiten */
/* a:active = Verweise, die gerade angeklickt werden */
/* color = Farbe */
/* underline = unterstrichen, Default-Wert, Wert aenderbar */
/* none = nicht unterstrichen, Wert aenderbar */

a.an { text-decoration:none; }


/* Definition der Layoutbereiche */


/* *************************** Linker Bereich ********************************************/

div.Top_l {
  width:260px; height:231px;
  position:absolute; top:0px; left:0px;
  padding:0px; margin:0px;border:0px;
  text-align:left;
  background-image:url(img/BPhila_ol.jpg);
  background-repeat:no-repeat;
  background-position:left;
  z-index:1;
}

div.links  {
  width:150px;
  position:absolute; top:220px; left:0px;
  margin:0;padding:0;border:0;
  background-image:url(img/BPhila_l.jpg);
  background-repeat:no-repeat;
  background-position:left;
  z-index:2;
}

div.navl  {
  width:150px; height:380px;
  position:absolute; top:-20px; left:0px;
  margin:0;padding:0;border:0;
  background-color:transparent;
  z-index:4;
}


/* *************************** Mittlerer Bereich ********************************************/

div.Top_r {
  height:120px;width:840px;
  position:absolute;top:0px; left:260px;
  padding:0px;margin:0px;border:0px;
  text-align:left;
  background-image:url(img/BPhila_o.jpg);
  background-repeat:no-repeat;
  background-position:left;
  z-index:3;
}

div.main {
  width:700px;
  height:475px;
  position:absolute; top:120px; left:160px;
  margin:0;
  padding:10px 40px 10px 40px;             /* padding: oben, rechts, unten und links */
  border:0;
  overflow:auto;
  z-index:5;
}

div.main1 {
  width:700px;
  height:365px;
  position:absolute; top:90px; left:0px;
  margin:0;
  padding:0px 40px 10px 40px;             /* padding: oben, rechts, unten und links */
  border:0;
  overflow:auto;
  z-index:8;
}

div.navb  {
  width:700px; height:25px;
  position:absolute; top:470px; left:40px;
  vertical-align:middle;
  padding:0px 40px 0px 40px;
  margin:0; padding:0; border:0;
}

/* Menue-Effekte */

a.MEffekt:link, a.MEffekt:visited {
  text-decoration:none;
  font-weight:normal;
  line-height:25px;
  text-align:left;
  margin-top:0px;
  color:#000000;
  background-image:url(img/Button1.gif);
  background-repeat:no-repeat;
  background-position:left;
  padding-left:30px;
  margin-top:3px;
  display:block;
}

a.MEffekt:hover {
  text-decoration:none;
  font-weight:bold;
  line-height:25px;
  text-align:left;
  margin-top:0px;
  color: #FF0000;
  background-image:url(img/Button2.gif);
  background-repeat:no-repeat;
  background-position:left;
  padding-left:30px;
  margin-top:3px;
  display: block;
}

a.MEffekt:active {
  text-decoration:none;
  font-weight:bold;
  line-height:25px;
  text-align:left;
  margin-top:0px;
  color:#000000;
  background-image:url(img/Button2.gif);
  background-repeat:no-repeat;
  background-position:left;
  padding-left:30px;
  margin-top:3px;
  display: block;
}