* {
  padding: 0;
  margin: 0;
  }

body { 
  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; margin: 0; line-height: 17px;
  }

/******************************************
 TEXTSTILAR 
*******************************************
 Generella */

#stangt{
	width:250px; margin:0 auto; padding-top:100px;
}

#stangt span{
	font:normal 14px Arial, Helvetica, sans-serif;
}


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 { /* Sidrubrik */
  font:1.8em Arial, Helvetica, sans-serif; color:#fff; letter-spacing:0px;  
  }
 
h2 { /* Puff- och styckerubrik */
  font:1.8em Arial, Helvetica, sans-serif; color:#3e3e3e; letter-spacing:-1px; 
  }

h3 { /* undermenyRubrik */
  font:1.8em Georgia,"Times New Roman",Times,serif; color:#3e3e3e; letter-spacing:-1px; 
  }
    
h4 { /* Nyhetsrubrik på förstasidan */
  font:2em Georgia,"Times New Roman",Times,serif; color:#515455; font-weight:normal; margin:0; padding:25px 0 5px 0; letter-spacing:-1px; line-height:24px;
  }
  
h5 { /* Underrubrik */
  font:1.1em Arial, Helvetica, sans-serif; color:#000; font-weight:bold; letter-spacing:0; 
  }   

.spaltSkuggad h5{
	margin-left:5px; display:inline;
}

.spaltSkuggad p{
	font:0.97em Arial, Helvetica, sans-serif; color:#404040;
}

.fontHuvudmeny{
  font:1.7em Arial, Helvetica, sans-serif; font-weight:normal; margin:0; letter-spacing:0; 
  }

.fontFet {
  font-weight: bold;
  }


/******************************************
 Textfarger */

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

/******************************************
 Avsnittsspecifika textstilar */

.fontPuff { /* Puffar pa forstasidan */
  color: #333333; font-size: 1em; line-height: 1.7em;
  }

.underrubrik {
  font: bold 0.9em Arial, Helvetica, sans-serif; color: #ff4615; margin: 0; padding: 3px 0 5px 0;
  }
    
.fontIngress{
  font:1.2em Arial, Helvetica, sans-serif; color:#000; line-height:1.6em; 
  }

.tabellnummer {
  color: #f55233; 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;
  }
  
    
/******************************************
 SIDELEMENT 
*******************************************
 Layout */
 
#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;
  }

/*****************************************
 Sidhuvud och menyer */
 
#wrapperSidhuvud {
  width: 948px;
  height: 110px;
  border-top: 3px solid #d0edf4;
  border-bottom: 2px solid #d0edf4;
  margin: 0 0 2px 40px;
  }
  
#sidhuvudLogo {
  width: 250px;
  height: 110px;
  float: left;
  }
  
#sidhuvudMenyer {
  width: 698px;
  height: 110px;
  float: left;
  }

#sidhuvudHuvudmeny {
  width: 698px;
  height: 65px;
  margin-top:10px;
  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;
  }

#sidhuvudUndermeny {
  width: 698px;
  height: 40px;
  float: left;
  }
  
  
/*********************************
 Sidrubriker */

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

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

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

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

#sidrubrikHoger {
  width: 200px;
  padding-top: 27px;
  float: left;
  }

/***********************************
 Ingress */

.ingress{
  width: 632px;
  float:left;
  }

.ingressLank {
	display:block;
	float:left;
	margin: 0 20px 5px 0;
}

/***********************************
 Spalter */
 
.wrapperSpalter {
  width: 948px;
  margin-left: 40px;
  overflow: auto;
  }
  
.spaltExtrasmal {
  width: 155px;
  float: left;
  }
  
.spaltSmal {
  width: 217px;
  float: left;
  }
  
.spaltHalvbred {
  width: 296px;
  float: left;
  }

.spaltBred {
  width: 454px;
  float: left;
  }

.spaltExtrabred{
  width: 612px;
  float:left;
  }

.spaltSkuggad{
	width:296px;
	float:left;
	margin-bottom:20px;
	background-image:url(../grafik/spaltSkuggad-bg.gif);
}

.spaltSkuggadTop{
	width:296px;
	height:5px;
	background-image:url(../grafik/spaltSkuggad-top.gif);
}

.spaltSkuggadBottom{
	width:296px;
	height:5px;
	background-image:url(../grafik/spaltSkuggad-bottom.gif);
}

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


/******************************************
 Felsidor */

#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;
  }

/******************************************
 Spaltrader och -block */

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

.spaltrad0010 {
  padding: 0 0 10px 0;
  }

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

.spaltrad1010 {
  padding: 10px 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;
  }

.spaltradStreck {
  border-top: 1px solid #d0edf4;
  }

.spaltSkuggadRad{
	padding:5px 15px;
}

.spaltSkuggadRadTonad{
	padding:5px 15px 15px 15px;
	background:url(../grafik/spaltSkuggad-tonad.gif) bottom no-repeat;
}

.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;
  }

.textblockSpecial {
  padding: 4px 0 4px 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  }
  
/******************************************
 OVRIGT LULL-LULL 
******************************************/

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

.streck-bla{
	border-top: 2px solid #d0edf4;
}

.streck-gra{
	border-top: 2px solid #e8e8e8;
}


/******************************************
 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;
  }