/* Kaskading Style-Sheet titelseiten.css                               */
/*   Style-Definitionen für Seitenlayout der Titelseite(n)             */
/*   2010-02-03                                                        */

     .dummy { border:0px}                     /* Erstes Format wird sonst unterschlagen! */

/* Links */
a:link    {color:blue; text-decoration:underline; }
a:visited {color:#551A8B; text-decoration:underline; }
a:focus   {color:red; text-decoration:underline; }
a:hover   {color:green; text-decoration:underline; }
a:active  {color:black; text-decoration:underline; }

body {
   background-image:url(../pics/bg_gt6_1.jpg);
   color      : black;
   margin     : 0px;
/*   padding: 1em 0;*/
   text-align: center;  /* Zentrierung im Internet Explorer */
  }

div#Seite {
    background-image:url(../pics/ribu-01.gif); background-repeat:repeat-y;
    font-size: 100.01%;
    font-family: Helvetica,Arial,sans-serif;
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 900px;
    border: 1px dotted silver;
  }

#titel_gesamt /* Gesamter Titelbereich */
  {
    background-image:url(trabiheaderbgnd_01.jpg);
    width :          870px;
    border :         0px;
    height:          160px;
    Margin-Top :      0px;
    Margin-Left :    30px;
    Margin-Right :   0px;
   }

#titel_logo /* Bereich mit Trambilderbuch-Logo */
  {
   width :           200px;
   height :          150px;
   float :           left;
   Margin-Top :      5px;
   Margin-Left :     5px;
   }

#titel_betrieb  /* Bereich mit Logo des Verkehrsbetriebs */
  {
   float :           left;
   background-position:center center;
   width :           200px;
   height :          140px;
   Margin-Left :     5px;
   Margin-Top :      10px;
   Margin-right :    5px;
   background-repeat:no-repeat;
   background-position: center center;
   }

#titel_text  /* Textbereich */
  {
   float :           right;
   width:            450px;
   Margin-Top :      5px;
   Margin-right :    5px;
   Text-align :      center;
   }

/* Menü mit Reiterchen 1*/
UNKNOWN {FONT-SIZE: small}
#tabbedmenu {FONT-SIZE: 93%;
         BACKGROUND: url(bg.gif) #dae0d2 repeat-x 50% bottom; FLOAT: left;
         WIDTH: 870px;
         PADDING-LEFT: 0px;
         MARGIN-LEFT: 30px;
         LINE-HEIGHT: normal}
#tabbedmenu UL {PADDING-RIGHT: 10px;
            PADDING-LEFT: 10px;
            PADDING-BOTTOM: 0px; MARGIN: 0px;
            PADDING-TOP: 10px;
            LIST-STYLE-TYPE: none
           }
#tabbedmenu LI {
        PADDING-RIGHT: 0px;
        PADDING-LEFT: 9px;
        BACKGROUND: url(left.gif) no-repeat left top;
        FLOAT: left;
        PADDING-BOTTOM: 0px;
        MARGIN: 0px;
        PADDING-TOP: 0px
        }
#tabbedmenu A {
        PADDING-RIGHT: 10px;
        DISPLAY: block;
        PADDING-LEFT: 6px;
        FONT-WEIGHT: bold;
        BACKGROUND: url(right.gif) no-repeat right top;
        FLOAT: left;
        PADDING-BOTTOM: 4px;
        COLOR: #765;
        PADDING-TOP: 5px;
        TEXT-DECORATION: none
        }
#tabbedmenu A {FLOAT: none}
#tabbedmenu A:hover {COLOR: #333}
#tabbedmenu #current {BACKGROUND-IMAGE: url(left_on.gif)}
#tabbedmenu #current A {BACKGROUND-IMAGE: url(right_on.gif); PADDING-BOTTOM: 5px; COLOR: #333}


/* Menü mit Reiterchen 2*/
UNKNOWN {FONT-SIZE: small}
#tabbedmenu2 {FONT-SIZE: 93%;
         BACKGROUND: url(bg.gif) #dae0d2 repeat-x 50% bottom; FLOAT: left;
         WIDTH: 870px;
         PADDING-LEFT: 0px;
         MARGIN-LEFT: 30px;
         LINE-HEIGHT: normal}
#tabbedmenu2 UL {PADDING-RIGHT: 10px;
            PADDING-LEFT: 10px;
            PADDING-BOTTOM: 0px; MARGIN: 0px;
            PADDING-TOP: 10px;
            LIST-STYLE-TYPE: none
           }
#tabbedmenu2 LI {
        PADDING-RIGHT: 0px;
        PADDING-LEFT: 9px;
        BACKGROUND: url(left.gif) no-repeat left top;
        FLOAT: left;
        PADDING-BOTTOM: 0px;
        MARGIN: 0px;
        PADDING-TOP: 0px
        }
#tabbedmenu2 A {
        PADDING-RIGHT: 10px;
        DISPLAY: block;
        PADDING-LEFT: 6px;
        FONT-WEIGHT: bold;
        BACKGROUND: url(right.gif) no-repeat right top;
        FLOAT: left;
        PADDING-BOTTOM: 4px;
        COLOR: #765;
        PADDING-TOP: 5px;
        TEXT-DECORATION: none
        }
#tabbedmenu2 A {FLOAT: none}
#tabbedmenu2 A:hover {COLOR: #333}
#tabbedmenu2 #current2 {BACKGROUND-IMAGE: url(left_on.gif)}
#tabbedmenu2 #current2 A {BACKGROUND-IMAGE: url(right_on.gif); PADDING-BOTTOM: 5px; COLOR: #333}


/* Vertikales Menue mit roten und gruenen Streifen */

#vmenu01 {
        width: 200px;
        margin: 0;
        MARGIN-LEFT: 30px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 80%;
        font-weight: bold;
        background: #FFF;
        }



#vmenu01 ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

#vmenu01 li a {
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 22px;
        text-decoration: none;
        }

#vmenu01 li a:link, #vmenu01
         li a:visited
        {
          color: #666;
          display: block;
          background:  url(vmenu01.gif);
          padding: 10px 0 0 30px;
        }

#vmenu01 li a:hover, #vmenu01 li
        #current
        {
          color: #000;
          background:  url(vmenu01.gif) 0 -32px;
          padding: 10px 0 0 30px;
        }



/* Ende */