/* Zentrales Stylesheet für die Website der Cappella Vocale Westerstede */

      body {
        background-color:#FFFFFF;
        color:#000048;
        font-family:arial,helvetica,sans-serif;
        font-size:80%;
        margin:15px; padding:0px;
        width:90%;
        scrollbar-base-color:#FFFFFF;
        scrollbar-3dlight-color:#FFFFFF;
        scrollbar-arrow-color:#888888;
        scrollbar-darkshadow-color:#FFFFFF;
        scrollbar-face-color:#FFFFFF;
        scrollbar-highlight-color:#AAAAAA;
        scrollbar-shadow-color:#AAAAAA;
        scrollbar-track-color:#FFFFFF;
        }


      /* Allgemeine Styles */
      h1 { background-image:url(images/blue_00009C_2x2px.gif);
           background-position:bottom left;
           background-repeat:repeat-x;
           color:#00009C; font-size:150%; text-align:right; white-space:nowrap;
           margin:0px; margin-left:75px;
           padding:0px; padding-right:5px; }

      p { font-size:100%; margin:0px; padding:0px; }

      table { font-size:100% }
      th { background-color:#DDDDDD; }

      div.box {visibility:hidden; background-color:#EEEEEE; border-color:#000048; border-width:1px; border-style:solid; padding:5px; }

      ul#button { background-color:#FFFFFF; list-style:none; text-decoration: none; margin:0; padding:0; width:88px; font-family:arial,helvetica,sans-serif; font-size:98%; text-align:center; }
      ul#button li a { background-color:#FFFFFF; display: block; list-style:none; text-decoration: none; margin:0; padding:0; width:88px; font-family:arial,helvetica,sans-serif; font-size:98%; text-align:center; border-style:outset; border-width:2px; }
      ul#button li a:active { background-color:#DDDDDD; display: block; list-style:none; text-decoration: none; margin:0; padding:0; width:88px; font-family:arial,helvetica,sans-serif; font-size:98%; text-align:center; border-style:inset; border-width:2px; }
      ul#button li a:hover { background-color:#DDDDDD; display: block; list-style:none; text-decoration: none; margin:0; padding:0; width:88px; font-family:arial,helvetica,sans-serif; font-size:98%; text-align:center; border-style:inset; border-width:2px; }

      ul#button-center { position:absolute; left:250px; background-color:#FFFFFF; list-style:none; text-decoration: none; margin:0; padding:0; width:88px; font-family:arial,helvetica,sans-serif; font-size:98%; text-align:center; }
      ul#button-center li a { background-color:#FFFFFF; display: block; list-style:none; text-decoration: none; margin:0; padding:0; width:88px; font-family:arial,helvetica,sans-serif; font-size:98%; text-align:center; border-style:outset; border-width:2px; }
      ul#button-center li a:active { background-color:#DDDDDD; display: block; list-style:none; text-decoration: none; margin:0; padding:0; width:88px; font-family:arial,helvetica,sans-serif; font-size:98%; text-align:center; border-style:inset; border-width:2px; }
      ul#button-center li a:hover {  background-color:#DDDDDD; display: block; list-style:none; text-decoration: none; margin:0; padding:0; width:88px; font-family:arial,helvetica,sans-serif; font-size:98%; text-align:center; border-style:inset; border-width:2px; }

      a:link, a:visited { background-color:#FFFFFF; color:#000048; text-decoration:none; font-size:100%; font-family:arial,helvetica,sans-serif; }
      a:hover, a:active, a:focus { background-color:#DDDDDD; color:#000048; text-decoration:none; font-size:100%; font-family:arial,helvetica,sans-serif; }