/* Fyller ut hela fältet */
body {
	background-color: white;
	background-image: url(../bilder/filler.gif);
	background-repeat: repeat-y;

}

/* Fixar gränslinjen till vänster */
/*#submenu {
	background-color: white;
	border-left-color: black; 
	border-left-width: 1px; 
	border-left-style: solid;
}
*/	 

/* Placerar logotypen rätt på förstasidan */
#logo {
	margin-left: auto;
	margin-top: 30px;
	margin-right: auto;
  text-align: center 
}

#pin {
	margin-left: auto;
	margin-top: 30px;
	margin-right: auto;
	text-align: center 
}

/* Placerar antalet medlemmar rätt på förstasidan */
#members {display: block;
          position: absolute;
          bottom: 0px;       
          margin-left: 8px;
          margin-right: 8px;
          margin-bottom: 8px;
          padding-left: 8px;
          padding-top: 8px;
          padding-right: 8px;
          padding-bottom: 8px;
          width: 140px;
          font-family: sans-serif, Arial, Helvetica;
          font-size: 0.7em;
          text-align: center;
          border: 2px solid gray;
} 

/* Här börjar man bygga upp menyerna        
   Först skapas en ljusgrå box med grå ram. 
   Taggen ligger i en div                   */
#menu {width: 121px;
       padding-left: 8px;
       padding-top: 16px;
       padding-right: 16px;
       padding-bottom: 16px;
       
       margin-left: 10px;
       margin-top: 15px;
       margin-right: 1px;
       margin-bottom: 20px;
    
       border: 1px solid gray; 
       background-color: #eee;
      }
       
/* Här skapas nya små boxar runt varje länk.
   Länkarna är vanliga <A>-taggar med en tom <SPAN>
   på slutet för att skapa den blå triangeln. */
.alink {display:block; 
        border: 0px solid #ddd; 
        margin-bottom: 2px; 
        padding: 1px 4px 1px 2px;
        color: black;
        font-family: "Times new roman", Helvetica, Arial, sans-serif;
	font-size: 12px; 
        text-align: right;
        text-decoration:none;
       }

/* Här läggs en ny bakgrundsfärg i varje länk.
   Det kan tas bort om man så önskar.           */
.alink:link, .alink:visited {background-color:#ddd;
/*                           background-color:#ccc; */ 
                            }

/* Ljus text på mörk botten när man för musen äver länken. */
.alink:hover {color:#fff; 
              background-color:#65707b; 
               
             }

/* Återställer mörk text på ljus botten för aktiverad länk
   (kanske inte behövs).                                      */
.alink:active {color: black;
               font-size: 12px; 
              }

/* Här skapas den blå pilen på aktiverad länk.
   Varför försvinner den när man klickar i en annan frame? 
   Hur skall man fixa så att den placeras på översta raden i varje länk?
   relativ positionering verkar inte fungera.                            */
.alink:active span {position:absolute;
                    left: 144px; 
                    font-size: 0px;                                           
                    line-height: 0%;                       
                    width: 0px;                            
                    border-top: 6px solid #eee;          
                    border-left: 10px solid blue;          
                    border-bottom: 6px solid #eee;       
                   }                                        

/* Detta är ett arv från en demosida.
   Kan det vara en bugfix för någon typ av browser? */
* html .alink:active span {width:8px; 
                           height:16px; 
                           w\idth:0; 
                           he\ight:0;
                           }

/* Slut på menyn. */

/* En vänsterjusterad rubrik mitt inne i menyer.
   Skapas i en <div> för att få blockegenskap.    */
.rubrik {
        font-family: "Times new roman", Helvetica, Arial, sans-serif;
	font-size: 13px; 
        text-align: left;
        text-decoration:none;
         
        }
        
/* En vänsterjusterad förklaring mitt inne i menyer.
   Skapas i en <div> för att få blockegenskap.    */
.help {
        font-family: "Times new roman", Helvetica, Arial, sans-serif;
	font-size: 12px; 
        text-align: left;
        text-decoration:none;
        padding-top: 7px;
         
        }