/* CSS för Blanka 17.6.2005 / ES  */
/*  1. Gemansamma normala taggar och classer */
/*  2. Adminvyns meny */
/*  3. Besökarvyns pure CSS, flik-meny */


/* 1. Allmän  */

/* 1a Normala HTML-tags  */
BODY
   { font-size: 12px; font-family: Tahoma, Verdana, Arial, Helvetica; background-color: white; text-align: justify; margin-top: 5px; height: 100%; behavior: url("csshover.htc"); scrollbar-base-color: #F5F5F5; scrollbar-track-color: #FFFFFF }

.topbar_body
   { font-size: 10px; font-family: Verdana, Tahoma, Arial, Helvetica; background-color: white; margin-top: 0px; margin-right: 0px; margin-bottom: 0px }


  .startdiv { 
    margin: 0px;
    float: right;
    height: 90px;
    background: url(../images/blanka_topbar_bg.jpg) no-repeat fixed right top;
    }

  .langdiv { 
    float: right;  
    padding: 0 4px 0;
    text-align: right;
    }

  .cellbg { 
    float: right;
    background: url(../images/blankajj_m.gif) no-repeat fixed right top;
    }

P
  { padding: 0px 8px }

TABLE
 {
  background-color: transparent; 
  border: groove 1px #008080
 }

.invtab
  { background-color: none; margin-left: 0px; border: 0 }

TD
 {
  font-size: 12px;
  font-family: Verdana, Tahoma, Arial, Helvetica
 }

TH
 {
  color: white;
  font-size: 110%;
  font-family: Tahoma, Verdana, Arial, Helvetica;
  background-color: #008080;
  text-align: center
 }
li { line-height: 20px;
   }
/* Customiserad text-layout */

/* Sidorubrik/Huvudrubrik  */
H1
 {
  color: #008080;
  font-weight: bold;
  font-size: 16px;
  margin-left: 5px;
 }

/* Underrubrik  */
H3
 {
  color: #008080;
  font-weight: bold;
  font-size: 14px;
  font-family: Arial;
  margin-left: 5px;
 }

/* Accentuerad text  */
H6
  { color: #000080; font-weight: bold; font-size: 110%; margin-bottom: 0px; margin-left: 5px }

/* Liten text och detaljförklaringar  */
.small
 {
  font-size: 9px;
  font-family: Verdana, Tahoma, Arial, Helvetica
 }


/* Olika färgs rader i tabeller, läggs till <tr>-taggen  */
.r1
 {
  background-color : #e9edf8; 
 } 
 
.r2
 {
  background-color : white; 
 } 

/* mellanrubriker inne i tabellen  */
.r3
   { color: #20537a; font-weight: bold; font-size: 14px; background-color: #7badde } 



/* Länk som tvingas hålla länkfärgen in-line inne i text  */
a.i:link , a.i:visited
 {
    display : inline; 
    color : #4169e1; 
    font-weight : bold; 
    text-decoration : none; 
 }
 
a.i:hover
 {
    display : inline; 
    color : #00008b; 
    font-weight : bold; 
    text-decoration : underline; 
 } 




/* normal länk  */
a:link, a:visited, a:active
 {
    display : inline;
    color : #4682B4; 
    font-weight : bold; 
    text-decoration : none; 
 }
a:hover
 {
    display : inline; 
    color : #00008b; 
    font-weight : bold; 
    text-decoration : underline; 
 } 


/* Definitioner och placering av div för brödtext  */
.txt
 {
     padding : 5px; 
     position : absolute; 
     top : 55px; 
     left : 125px; 
     height : 100%;
     width : 600;      
 } 


/* Dfinitioner och placering av eventuell i-frame  */
#inframe
   { display: block; padding: 5px; position: absolute; top: 45px; left: 130px; width: 80%; height: 85% } 

/* Alternativ bakgrundsfärg för en table, cell, eller body-tag, 
kan också vara en bild eller transparent pixel  */
.altbg      { background-color: #eef6f3 }



/* 2. Huvudmeny start */

/* Begin whatever:hover hack ger hover effekt i IE */
/* This hack is described at: http://www.xs4all.nl/~peterned/csshover.html */
/* body { 	behavior:url("csshover.htc"); }  */
/* End whatever:hover hack */

/* Begin preload hack */
/* h2  { background: #1f3522 url(../img/hover_left.gif) no-repeat -1000px -1000px } */
/* h3  { background: url(../img/hover_right.gif) no-repeat -1000px -1000px } */

/* End preload hack */

#menugroup
   { font-weight: bold; font-family: Tahoma, Verdana, Arial, Helvetica; background-color: #7badde; vertical-align: bottom; display: inline; float: left; border-top: 1px solid #3d6c8f; width: 100% }

#menugroup ul
   { background-color: #7badde; list-style-type: none; list-style-position: outside; display: inline; margin: 0 }
 
#menugroup li
   { background-color: #7badde; float: left; padding: 0 }
 

#menugroup a
   { color: #20537a; font: bold 12px Verdana, Tahoma, Arial, Helvetica; text-decoration: none; background-color: #7badde; display: block; padding: 1px 8px; border: solid 1px #7badde; width: auto }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a {float:none;}
/* End IE5-Mac hack */

div#menugroup li:hover
 {
   background-color : #d6dfee; 
   width : auto; 
 }
 
div#menugroup li:hover a
    { color: #1f3522; background-color: #d6dfee; border-style: solid; border-width: 1px; border-color: #f8fafd #5b91c6 #d6dfee #f8fafd; height: auto }

#menugroup a:active
    { background-color: #fff; border: solid 1px white; height: auto }

#menugroup a:active a
  { 
      color: #005257;
      background-color: #fff;
      height: auto
  }



/* 3. Submenydefinitioner start  */
.sub_menu
    { font-weight: bold; font-size: 12px; line-height: 22px; font-family: Verdana, Tahoma, Arial, Helvetical; background-color: #7badde; border: solid 1px black; position: absolute; top: 5px; width: 98px }

.sub_menu2
    { font-weight: bold; font-size: 12px; line-height: 22px; font-family: Verdana, Tahoma, Arial, Helvetical; background-color: #7badde; border: solid 1px black; position: absolute; top: 5px; width: 165px }

.submenuHead
   { font-weight: normal; font-size: 14px; background-color: #e2e7ee; padding-left: 5px; width: 98px }    

.submenuHead2
   { font-weight: normal; font-size: 14px; background-color: #e2e7ee; padding-left: 5px; width: 165px }    


.sub_menu a.s:link, a.s:visited 
    { color: black; text-decoration: none; background-color: #7badde; display: block; padding-left: 5px; width: 98px }

.sub_menu a.s:hover
   { background-color: #d6dfee; display: block; padding-left: 5px; width: 98px }

.sub_menu a.s:active
   { background-color: white; display: block; padding-left: 5px; width: 98px }

.sub_menu2 a.s:link, a.s:visited 
    { color: black; text-decoration: none; background-color: #7badde; display: block; padding-left: 5px; width: 165px }

.sub_menu2 a.s:hover
   { background-color: #d6dfee; display: block; padding-left: 5px; width: 165px }

.sub_menu2 a.s:active
   { background-color: white; display: block; padding-left: 5px; width: 165px }

/* Submenydefinitioner end  */