* {
  padding: 0;
  margin: 0;
  }

body { 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  color: #000; 
  margin: 0; 
  line-height: 17px; 
  background: url(../grafik/bg.gif) repeat-y;
  }

/* TEXTSTILAR */

p { 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 0.97em; 
  color: #000; 
  margin: 0; 
  padding: 0;
  line-height: 17px;  
  }

a:link, a:visited { 
  color: #06a9d4; text-decoration: none; 
  }

a:hover { 
  color: #bf065f; text-decoration: underline; 
  } 
  
form { 
  margin-bottom: 0px;
  }

select { 
  font-size: 1.25em; 
  font-family: arial, helvetica; 
  }

h1 { /* Sidrubriker */
  font-family: Arial, Georgia, "Times New Roman", Times, serif;
  font-size: 1.8em; 
  font-weight: normal;
  color: #fff;
  letter-spacing: 0px; 
  }
 
h2 { /* Puffrubrik */
  font: 1.8em Arial, Helvetica, sans-serif; 
  color: #3e3e3e;
  letter-spacing: -1px; 
  }
  
h3 { /* Styckerubriker */
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 22px; 
  color: #404040;
  font-weight: normal;
  margin: 0;
  line-height: 22px;
  letter-spacing: -1px;
  }  
     
h4 { /* Nyhetsrubriker på förstasidan */
  font-family: Georgia,"Times New Roman",Times,serif;
  font-size: 24px; 
  font-weight: normal; 
  color: #515455; 
  margin: 0;
  padding: 25px 0 5px 0; 
  letter-spacing: -1px; 
  line-height: 24px; 
  }

h5 { /* Huvudmeny */
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 1.7em; 
  font-weight:normal; 
  margin:0; 
  letter-spacing: 0; 
  }

h6 { /* Toppmeny */
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  font-weight: bold;
  color: #666666;
  margin:0; 
  }

/* TEXTFÄRGER */

.fontFet {
  font-weight: bold;
  }

.fontVit {
  color: #fff;
  }

.fontVit a:link { 
  color: #fff; text-decoration: none; 
  }

.fontVit a:visited { 
  color: #fff; text-decoration: none; 
  }
  
.fontLjusbla {
  color: #24c2f0;
  }

.fontLjusbla a:link { 
  color: #24c2f0; text-decoration: none; 
  }

.fontLjusbla a:visited { 
  color: #24c2f0; text-decoration: none; 
  }
  
.fontPurpur {
  color: #bf065f;
  }

.fontPurpur a:link { 
  color: #bf065f; text-decoration: none; 
  }

.fontPurpur a:visited { 
  color: #bf065f; text-decoration: none; 
  }  

.fontIngress {
  color: #333333;
  font-size: 1em;
  line-height: 1.7em;
  }
  
.underrubrik {
  font: bold 0.9em Arial, Helvetica, sans-serif;
  color: #bf065f;
  margin: 0;
  padding: 3px 0 5px 0;
  }


/* AVSNITTSSPECIFIKA */

.tabellnummer {
  color: #BF065F;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: right;
  background-color: #fff;
  padding: 0 10px 0 0;
  }

.datum_nyheter {
  font: bold 10px Arial, Helvetica, sans-serif;
  color: #fff;
  background-color: #000;
  padding: 2px 4px;
  text-transform: uppercase;
  }
  
    
/* SIDSTRUKTUR */

#container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  }

#containerInnehall {
  width: 988px;
  float: left;
  }
  
#containerReklam {
  width: 220px;
  border-top: 3px solid #d0d0d0;
  padding: 15px 0 0 30px;
  float: left;
  }

#wrapperSidhuvud {
  width: 948px;
  height: 100px;
  border-top: 3px solid #bf065f;
  border-bottom: 2px solid #d0edf4;
  margin: 0 0 2px 40px;
  }
  
#sidhuvudLogo {
  width: 250px;
  height: 100px;
  float: left;
  }
  
#sidhuvudMenyer {
  width: 698px;
  height: 100px;
  float: left;
  }

#sidhuvudToppmeny {
  width: 698px;
  height: 32px;
  float: left;
  margin: 0;
  padding: 0;
  }
  
#sidhuvudHuvudmeny {
  width: 698px;
  height: 65px;
  float: left;
  }

.sidhuvudHuvudmenyMenyval {
  padding: 10px;
  margin: 0 0 0 20px;
  float: left;
  }
  
.sidhuvudHuvudmenyMenyval a {
  color: #06a9d4;
  }

.sidhuvudHuvudmenyMenyvalAktiv {
  padding: 10px;
  margin: 0 0 0 20px;
  background-color: #06a9d4;
  float: left;
  }
  
.sidhuvudHuvudmenyMenyvalAktiv a {
  color: #fff;
  }

#wrapperIngress {
  width: 948px;
  border-top: 2px solid #d0edf4;
  margin-left: 40px;
  overflow: auto;
  }

#wrapperIngressForsta {
  width: 908px;
  border-top: 2px solid #d0edf4;
  margin-left: 40px;
  padding: 15px 0 15px 40px;
  overflow: auto;
  }

#wrapperIngressForsta select {
  font: normal 1.3em arial, helvetica;
  }
  
#ingressVanster {
  width: 250px;
  float: left;
  }

#ingressRubrik {
  margin: 20px 0;
  padding: 10px;
  background-color: #06a9d4;
  float: left;
  }
  
#ingressMitt {
  width: 490px;
  padding-top: 27px;
  float: left;
  }

#ingressHoger {
  width: 200px;
  padding-top: 27px;
  float: left;
  }
  
.wrapperSpalter {
  width: 948px;
  margin-left: 40px;
  overflow: auto;
  }
   
.spaltExtrasmal {
  width: 155px;
  float: left;
  border-top: 2px solid #d0edf4;
  }
  
.spaltSmal {
  width: 217px;
  float: left;
  border-top: 2px solid #d0edf4;
  }
  
.spaltHalvbred {
  width: 296px;
  float: left;
  border-top: 2px solid #d0edf4;
  }

.spaltBred {
  width: 454px;
  float: left;
  border-top: 2px solid #d0edf4;
  }

#wrapperSidfot {
  width: 948px;
  height: 100px;
  border-top: 2px solid #d0edf4;
  border-bottom: 3px solid #bf065f;
  margin-left: 40px;
  }

/* FEL */

#felSidwrapper {
  width: 500px;
  height: 600px;
  padding: 0;
  margin: 0;
}

#felRubrik {
  width: 480px;
  height: 50px;
  padding-left: 10px;
  float: left;
  }

#felInnehall {
  width: 480px;
  padding: 10px;
  float: left;
  }


/* SPALTAVSTAND */

.spaltavstandHoger {
  padding-right: 20px;
  }

.spaltluckaHoger {
  margin-right: 20px;
  }

.spaltExtraPadding {
  padding: 10px 0;
  }
  
.spaltIngetStreck {
  border: 0;
  }

/* SPALTBLOCK */

.spaltrad0000 {
  padding: 0;
  } 
  
.spaltrad1515 {
  padding: 15px 0 15px 0;
  } 
    
.spaltrad0510 {
  padding: 5px 0 10px 0;
  }  

.spaltrad1005 {
  padding: 10px 0 5px 0;
  }

.spaltrad0505 {
  padding: 5px 0 5px 0;
  }

.spaltrad0500 {
   padding: 5px 0 0 0;
  }

.spaltradRubrik {
  height: 35px;
  padding-top: 10px;
  }

.spaltradRubrikTom {
  height: 45px;
  }
  
.spaltradAvslut {
  height: 15px;
  }

.spaltradRamKarta {
  width: 435px;
  padding: 2px;
  border: 1px solid #bbe4f5;
  }

  
/* TEXTBLOCK */

.textblockFel {
  background: url(../grafik/ikonFel.gif) center left no-repeat;
  padding: 5px 0 5px 30px;
  }
  
.textblockPilBla {
  background: url(../grafik/pilBla.gif) center left no-repeat;
  padding: 5px 0 5px 30px;
  }

.textblockPilGron {
  background: url(../grafik/pilGron.gif) center left no-repeat;
  padding: 5px 0 5px 30px;
  }
  
.textblockLankFet {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  }

.textblockHemsida {
  background: url(../grafik/ikonHemsida.gif) no-repeat;
  padding: 0 0 0 50px;
  }

.textblockBiljettkop {
  background: url(../grafik/ikonBiljettkop.gif) no-repeat;
  padding: 0 0 0 40px;
  }

.textblockIndrag {
  padding: 0 0 0 5px;
  }
  
.textblockLank {
  background: url(../grafik/ikonMus.gif) no-repeat 5px 4px;
  padding: 4px 0 4px 25px;
  }
  
.textblockTelefonSpecial {
  background: url(../grafik/ikonTelefon.gif) no-repeat 5px 4px;
  padding: 4px 0 4px 25px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #303030;
  font-weight: bold;
  }

.textblockLankSpecial {
  background: url(../grafik/ikonMus.gif) no-repeat 5px 4px;
  padding: 4px 0 4px 25px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #06a9d4;
  font-weight: bold;
  }

  
/* OVRIGT LULL-LULL */

.ingressBGforstasida {
  background: url(../grafik/tagvarning.gif) 551px top no-repeat;
  }

/* Tabeller */

.tabLinjer {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  background-color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #333;
  font-weight: bold;
  }

.tabLinjer td {
  padding: 7px 0px;
  }

.tabLinjerTab {
  padding: 7px 0px;
  border-top: 1px solid #d7eff9;
  }

.tabLinjerColNummer {
  width: 38px;
  }

.tabKopkanal {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  background-color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #333;
  font-weight: bold;
  }

.tabKopkanal td {
  padding: 3px 0;
  }
  
.tabLinjerColNamn {
  width: 100px;
  }

.tabLinjerColInternet {
  width: 85px;
  }
  
.tabLinjerColTelefon {
  width: 100px;
  }