body	{
		background:#EFEBE1;
		font-family:tahoma,verdana;
		font-size:8pt;
		color:#8D806D;
		}
/* ---------------- */
/* Diverse rubriker */
/* ---------------- */
.rubrik1{
		font-family:arial,tahoma,verdana;
		font-size:13pt;
		color:#859DC1;
		font-weight:bold;
		text-align:left;
		letter-spacing:1px;
		font-variant:small-caps;
		}

.rubrik2{
		font-family:arial,tahoma,verdana;
		font-size:13pt;
		line-height:1em;
		color:#7E8B56;
		font-weight:bold;
		text-align:left;
		margin-bottom:-8pt; /* Ett minusvärde ger ett mindre mellanrum mellan raderna - snyggare typografiskt */
		}

.rubrik3{
		font-family:arial,tahoma,verdana;
		font-size:10pt;
		color:#B5611E;
		font-weight:bold;
		text-align:center;
		letter-spacing:1px;
		line-height:1em;
		margin-bottom:-8pt; /* Ett minusvärde ger ett mindre mellanrum mellan raderna - snyggare typografiskt */
		}
    
/* -------------------------- */
/* Stilregler för textstycken */
/* -------------------------- */
/* P-taggen ger ett mindre mellanrum mellan raderna - snyggare typografiskt */
/* Tänk på att raden beskärs om den ligger sist, eftersom margin-bottom */
/* är satt till ett minusvärde. Använd klassen "p.sista" på sista raden! */

p 	{
		font-family:tahoma,verdana;
		font-size:8pt;
		color:#000000;
		font-weight:normal;
		text-align:left;
		margin-bottom:-8pt; 
		}

/* Klassen "p.sista" ger ett fyrkants ljusrum på första raden i stycket. */
/* Ger ett "vanligt" ljusrum efter meningens slut - raden syns. */
/* Används klasslös p-tagg beskärs raden, eftersom margin-bottom */
/* är satt till ett minusvärde. */  
p.sista{
    text-indent:1em;
		margin-bottom:0px; 
		}

/* Klassen "p.indrag" ger ett fyrkants ljusrum på första raden i stycket. */
/* Tänk på att raden beskärs om den ligger sist, eftersom margin-bottom */
/* är satt till ett minusvärde. Använd klassen "p.sista" på sista raden! */
p.indrag{
		text-indent:1em; 
		}

/* Klassen "p.noll" ger ett fyrkants ljusrum på första raden i stycket, men */
/* drar ihop mellanrummet maximalt i radbrytningarna (ex. på musiksidans länkar). */
/* Tänk på att raden beskärs om den ligger sist, eftersom margin-bottom är satt till */
/* ett minusvärde. Använd klassen "p.sista" på sista raden! */  
p.noll{
    text-indent:1em; 
		margin-bottom:-1.8em;
		}

/* ID small kursiverar texten */
#small{
    font-family:,tahoma,verdana,arial;
    font-size:8pt;
    font-style:italic;}
    
/* Klassen "span.first-letter" ger en anfang på den bokstav som innesluts i taggen. */
span.first-letter{
		font-family:tahoma,verdana;
		font-size:20pt;
		line-height:20pt;
		color:#333333;
		font-weight:normal;
		text-align:left;
		float:left;
		margin-right:1px;
		margin-bottom:-1px;
		text-transform:uppercase;
		}
    
/* Klassen "span.first-line" ger kapitäler på de ord som innesluts i taggen (helst 1/3 av första raden). */	
span.first-line{
		font-family:tahoma,verdana;
		font-size:8pt;
		color:#000000;
		font-weight:normal;
		text-align:left;
		letter-spacing:1px;
		margin-left:-3px;
		font-variant:small-caps;		
		}

/* ID "datum" formaterar cellen till datumtexten */
#datum	{
		text-align:right;
		font-weight:bold;
		}

/* ID "aktuellt" formaterar texten i aktuelltrutan */
#aktuellt{
		background:#D9D6C9;
		padding-top:10px;
		padding-right:10px;
		padding-bottom:10px;
		padding-left:10px;
    border:#706E64; 
		border-style:solid; 
		border-width:1px;
		}

/* Klassen "a-rubrik" formaterar rubriken i aktuelltrutan */	
.a-rubrik{
		color:#333333;
		font-size:8pt;
		font-weight:bold;
		}

/* Klassen "a-text" formaterar texten i aktuelltrutan */	
.a-text{
		color:#000000;
		font-size:8pt;
		}   

/* ID "bgmitt" skapar en fast bakgrundsbild */
#bgmitt{
    background-image:url(img/ventiltuta.jpg);
    background-repeat:no-repeat;
    background-attachment:fixed;
    }
    
/* ID "huvud" formaterar texten i huvudtexttabellen */
#huvud	{
		padding-top:10px;
		padding-right:10px;
		padding-bottom:10px;
		padding-left:0px;
		}
    
/* ID "flik" formaterar den markerade cellen till menyflikarna. */
#flik	{
		background:#f5f5f5; 
		border:#706E64; 
		border-style:solid; 
		border-top-width:0px; 
		border-right-width:1px; 
		border-bottom-width:1px; 
		border-left-width:1px;
		font-family:tahoma,verdana;
		font-size:9pt;
		color:#706E64;
		font-weight:normal;
		text-align:center;		
		}

/* ID "meny" formaterar cellerna till de omarkerade menyflikarna. */
/* Används till de flikar som ligger efter den markerade fliken */
/* Anledning: Annars blir det fel i formateringen av kantlinjerna */
#meny{
		background:#859DC1; 
		border:#706E64; 
		border-style:solid; 
		border-top-width:1px; 
		border-right-width:1px; 
		border-bottom-width:1px; 
		border-left-width:0px;
		text-align:center;		
		}

/* ID "meny2" formaterar cellerna till de omarkerade menyflikarna. */
/* Används till de flikar som ligger innan den markerade fliken */
/* Anledning: Annars blir det fel i formateringen av kantlinjerna */
#meny2	{
		background:#859DC1; 
		border:#706E64; 
		border-style:solid; 
		border-top-width:1px; 
		border-right-width:0px; 
		border-bottom-width:1px; 
		border-left-width:1px;
		text-align:center;		
		}
    
/* Klassen "div.skroll" skapar en formaterad skrollist  */
/* vid texten som innesluts i taggen - om det behövs en sådan. */
/* Annars finns ingen skrollist (overflow: auto) */
/* Används till texten i huvudtexttabellen */
div.skroll{
		width:100%;
		height:230px;
		overflow:auto;
		scrollbar-base-color:#D5D1C8; /* Färg som sugits upp från skärmen ur ramen på mössbilden */
		scrollbar-face-color:#EFEBE1; /* Samma färg som "body: background" */
		scrollbar-track-color:#EFEEEA; /* Färg som sugits upp från skärmen ur bakgrundsbilden */
		scrollbar-highlight-color:#FFFFFD; /* Färg som sugits upp från skärmen ur bakgrunden på JMK-loggan */
		scrollbar-3dlight-color:#DCD1B5; /* Samma färg som "tr_beige" */
		scrollbar-shadow-color:#D5D1C8; /* Färg som sugits upp från skärmen ur ramen på mössbilden */
		scrollbar-darkshadow-color:#8D806D; /* Samma färg som på kantlinjerna till loginrutorna */
		scrollbar-arrow-color:#8D806D; /* Samma färg som på kantlinjerna till loginrutorna */
		}
		
/* Klassen "div.skroll2" skapar en formaterad skrollist  */
/* vid texten som innesluts i taggen - om det behövs en sådan. */
/* Annars finns ingen skrollist (overflow: auto) */
/* Används till texten i aktuelltrutan */
div.skroll2{
		width:100%;
		height:185px;
		overflow:auto;
		scrollbar-base-color:#D9D6C9; /* Samma färg som bakgrunden på aktuellt-rutan */
		scrollbar-face-color:#D9D6C9; /* Samma färg som loginrutans bg och BODY-bakgrunden */
		scrollbar-track-color:#D9D6C9; /* Samma färg som bakgrunden på aktuellt-rutan */
		scrollbar-highlight-color:#F5F5F5; /* Samma färg som bakgrunden i mittenrutan */
		scrollbar-3dlight-color:#EFEBE1; /* Samma färg som bakgrunden i mittenrutan */
		scrollbar-shadow-color:#8D806D; /* Samma färg som texten på inloggningsdelen */
		scrollbar-darkshadow-color:#706E64; /* Samma färg som på ramen/kantlinjerna */
		scrollbar-arrow-color:#706E64; /* Samma färg som på ramen/kantlinjerna */
		}

/* Klassen "inloggBtn" skapar en formaterad inloggningsknapp  */
/* på objektet som innesluts i taggen. Används i inloggningsdelen */
.inloggBtn{
		border:#8D806D; 
		border-style:solid; 
		border-top-width:1px; 
		border-right-width:1px; 
		border-bottom-width:1px; 
		border-left-width:1px;
		font-size:10px;
		font-family:,tahoma,verdana,arial;
		font-weight:bold;
		background:#D9D6C9;
		color:#8D806D;
		text-align:center;
		}

/* Klassen "inloggForm" skapar formaterade formulärrutor  */
/* på objekten som innesluts i taggen. Används i inloggningsdelen */
.inloggForm{
		border:#8D806D; 
		border-style:solid; 
		border-top-width:1px; 
		border-right-width:1px; 
		border-bottom-width:1px; 
		border-left-width:1px;
		font-size:11px;
		font-family:,tahoma,verdana,arial;
		background:#EFEBE1;
		color:#8D806D;
		}
     
/* --------------------- */
/* Stilregler för länkar */
/* --------------------- */
/* Ordinarie länkar */
a:link{color:#7E8B56;text-decoration:none;font-style:normal;} /*ljusgrön*/
a:visited{color:#333333;text-decoration:none;font-style:italic} /*svartgrå*/
a:hover{color:#7E8B56;text-decoration:underline;font-style:normal;} /*ljusgrön*/
a:active{color:#B5611E;text-decoration:none;font-style:normal;} /*roströd*/

/* Menylist-länk */
a.list:link{color:#859DC1;text-decoration:none;font-style:normal;} /*mörkare blå*/
a.list:visited{color:#859DC1;text-decoration:none;font-style:italic;} /*mörkare blå*/
a.list:hover{color:#859DC1;text-decoration:underline;font-style:normal;} /*mörkare blå*/
a.list:active{color:#7E8B56;text-decoration:none;font-style:normal;} /*ljusgrön*/

/* Menyflik-länkar omarkerade*/
a.meny:link{color:#CED7E6;text-decoration:none;font-weight:bold;font-style:normal;} /*ljusblå*/
a.meny:visited{color:#CED7E6;text-decoration:none;font-weight:bold;font-style:normal;} /*ljusblå*/
a.meny:hover{color:#CED7E6;text-decoration:underline;font-weight:bold;font-style:normal;} /*ljusblå*/
a.meny:active{color:#CED7E6;text-decoration:none;font-weight:bold;font-style:normal;} /*ljusblå*/

/* Menyflik-länk markerad*/
a.flik:link{color:#706E64;font-weight:bold;font-style:normal} /*mörkgrå*/
a.flik:visited{color:#706E64;text-decoration:none;font-weight:bold;font-style:normal}	/*mörkgrå*/
a.flik:hover{color:#706E64;text-decoration:underline;font-weight:bold;font-style:normal} /*mörkgrå*/
a.flik:active{color:#B5611E;text-decoration:none;font-weight:bold;font-style:normal} /*roströd*/

/* Länkar för "stäng" i pop-up (music.js)*/
a.pop-up:link{color:#706E64;text-decoration:none;font-style:normal;vertical-align:middle;} /*mörkgrå*/
a.pop-up:visited{color:#706E64;text-decoration:none;font-style:normal;vertical-align:middle;} /*mörkgrå*/
a.pop-up:hover{color:#706E64;text-decoration:underline;font-style:normal;vertical-align:middle;} /*mörkgrå*/
a.pop-up:active{color:#706E64;text-decoration:none;font-style:normal;vertical-align:middle;} /*mörkgrå*/


/* --------------------------- */
/* Stilregler för tabellceller */
/* --------------------------- */
td 	{
		font-family:tahoma,verdana;
		font-size:9pt;
		color:#8D806D;
		font-weight:normal;
		text-align:left;
		}

/* Diverse stilregler för tabellceller - ej i bruk */
#td_gron-cen{
		font-family:tahoma,verdana;
		font-size:9pt;
		color:#7E8B56;
		background:#f5f5f5;
		font-weight:normal;
		text-align:center;
		}

#td_vit-cen{
		font-family:tahoma,verdana;
		font-size:9pt;
		color:#ffffff;
		font-weight:normal;
		text-align:center;
		}
		
#td_bla-cen{
		font-family:tahoma,verdana;
		font-size:9pt;
		color:#859DC1;
		font-weight:normal;
		text-align:center;
		}
    
/* --------------------------- */
/* Stilregler för tabellrader */
/* --------------------------- */
/* Diverse bakgrundsfärger på tabellrader */
.tr_beige{
		background:#DCD1B5; /* I bruk */
		}
		
.tr_vit{
		background:#f5f5f5; /* I bruk */
		}
		
.tr_bla{
		background:#CED7E6; /* I bruk */
		}
    
.tr_gron{
		background:#7E8B56;
		}

.tr_rosa{
		background:#E1816B;
		}
		
.tr_guld{
		background:#CFAE78;
		}

/* -------------------------- */
/* KANTLINJER PÅ TABELLCELLER */
/* -------------------------- */
/* ID "brd_hi-lo" innebär en 1 pixels kantlinje över och under cellen */
#brd_hi-lo{
		border:#706E64;
		border-style:solid; 
		border-top-width:1px; 
		border-right-width:0px; 
		border-bottom-width:1px; 
		border-left-width:0px;
		}

/* ID "brd_hi" innebär en 1 pixels kantlinje över cellen */
#brd_hi{
		border:#706E64; 
		border-style:solid; 
		border-top-width:1px; 
		border-right-width:0px; 
		border-bottom-width:0px; 
		border-left-width:0px;
		}
    
/* ID "brd_lo" innebär en 1 pixels kantlinje under cellen */	
#brd_lo{
		border:#706E64; 
		border-style:solid; 
		border-top-width:0px; 
		border-right-width:0px; 
		border-bottom-width:1px; 
		border-left-width:0px;
		}
		
/* ID "brd_V" innebär en 1 pixels kantlinje på cellens vänstersida */
#brd_V{
		border:#706E64; 
		border-style:solid; 
		border-top-width:0px; 
		border-right-width:0px; 
		border-bottom-width:0px; 
		border-left-width:1px;
		}
		
/* ID "brd_H" innebär en 1 pixels kantlinje på cellens högersida */
#brd_H{
		border:#706E64; 
		border-style:solid; 
		border-top-width:0px; 
		border-right-width:1px; 
		border-bottom-width:0px; 
		border-left-width:0px;
		}
		
/* ID "brd_V_H" innebär en 1 pixels kantlinje på båda sidor om cellen */
#brd_V_H{
		border:#706E64; 
		border-style:solid; 
		border-top-width:0px; 
		border-right-width:1px; 
		border-bottom-width:0px; 
		border-left-width:1px;
		}
		
/* ID "brd_H_lo" innebär en 1 pixels kantlinje under cellen och på cellens högersida */
#brd_H_lo{
		border:#706E64; 
		border-style:solid; 
		border-top-width:0px; 
		border-right-width:1px; 
		border-bottom-width:1px; 
		border-left-width:0px;
		}
    
/* ID "brd_V_lo" innebär en 1 pixels kantlinje under cellen och på cellens vänstersida */
#brd_V_lo{
		border:#706E64; 
		border-style:solid; 
		border-top-width:0px; 
		border-right-width:0px; 
		border-bottom-width:1px; 
		border-left-width:1px;
		}

/* ID "brd_H_hi" innebär en 1 pixels kantlinje över cellen och på cellens högersida */	
#brd_H_hi{
		border:#706E64; 
		border-style:solid; 
		border-top-width:1px; 
		border-right-width:1px; 
		border-bottom-width:0px; 
		border-left-width:0px;
		}
		
/* ID "brd_V_hi" innebär en 1 pixels kantlinje över cellen och på cellens vänstersida */
#brd_V_hi{
		border:#706E64; 
		border-style:solid; 
		border-top-width:1px; 
		border-right-width:0px; 
		border-bottom-width:0px; 
		border-left-width:1px;
		}

/* ID "brd_H_hi-lo" innebär en 1 pixels kantlinje över och under cellen och på cellens högersida */	
#brd_H_hi-lo{
		border:#706E64; 
		border-style:solid; 
		border-top-width:1px; 
		border-right-width:1px; 
		border-bottom-width:1px; 
		border-left-width:0px;
		}
		
/* ID "brd_V_hi-lo" innebär en 1 pixels kantlinje över och under cellen och på cellens vänstersida */
#brd_V_hi-lo{
		border:#706E64; 
		border-style:solid; 
		border-top-width:1px; 
		border-right-width:0px; 
		border-bottom-width:1px; 
		border-left-width:1px;
		}