BODY
{
    background: #800000;
    color: #EAF4F3;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 13px;
    font-weight : normal;
    background-image : url(http://www.heliskihemavan.se/pics/bgtop.jpg);
    background-position : center 10px;
    background-repeat : no-repeat;
    margin-top: 105px;
    margin-bottom: 10px;
}

A.vanlig:hover 		{font-weight: bold; color: #EAF4F3;}
A.vanlig:link		{color: #EAF4F3;}
A.vanlig:active	 	{color: #EAF4F3;}
A.vanlig:visited	{color: #E1FF19;}

p:first-letter 
{
    font-size: 200%;
    float: none;
}

/* Struktur på sidan */
div.all
{
    position: relative;
    width: 800px;
    margin-top:15px;
    margin-left:auto;
    margin-right:auto;
}
div.text
{
    position: relative;
    width: 550px;
    top: 0px;
    text-align: left;
    float: left;
}
div.logo
{
    position: relative;
    width: 120px;
    height: auto;
    float: left;
    text-align: center;
}
div.spons
{
    position: relative;
    width: 100px;
    height: auto;
    float:right;
}

/* Speciella selectorer och klasser */
div.top  /*Toppen på kontakt sidan */
{
    position:relative;
    height:115px;
    text-align:center;
}
div.kont  /*Elementen i kontaktsidan */
{
    position:relative;
    width:170px;
    height:auto;
    float:left;
    text-align:center;
}
div.top2
{
    position:relative;
    height:25px;
    text-align:center;
}
div.pris
{
    position:relative;
    margin-left:50px;
    float:left;
}
div.ph
{
    position:relative;
    float:right;
    margin-right:20px;
}
div.bild
{
    position:relative;
    float:left;
    width:100px;
    height:105px;
    margin-left:20px;
    text-align:center;
}
div.spec
{
    font-style:italic;
    margin-left:20px;
}
div.logobild
{
    height:175px;
    background-image: url(http://www.heliskihemavan.se/pics/logo_0809.gif);
    background-position:center;
    background-repeat:no-repeat;
}

img
{
    border-width: 1px;
    border-color: #EAF4F3;
    border-style: groove;
    margin: 10px;
    float: left;
}
img.hoger
{
    float: right;
}
img.cent
{
    float:none;
    border-width: 3px;
}
img.spec
{
    border-style:none;
    border-width: 0;
    float:none;
}
img.vader
{
    background: #FFFFFF;
}
img.logo
{
    position: relative;
    top:25px;
    width:120px;
    height:173px;
    margin-left:0px;
    border-style:none;
}
img.spons
{
    width:100px;
    height:324px;
    border-style:none;
}

H1
{
    font-size: 22px;
    font-weight:bolder;
    font-style:italic;
    text-align:center;
}
H2
{ 
    font-size: 18px;
    font-weight: bold;
}  
H3
{
    font-size: 16px;
    text-align: center;
}
H4
{
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
H4.pres
{
    text-align:left;
}
H5
{
    font-size: 9px;
    text-align:center;
}
H6
{
    font-size: 9px;
    text-align:right;
}
H6.spec
{
    font-size: 1px;
    color:#800000;
}

UL
{
    margin-left:135px;
}
LI.or
{
    margin-left:-70px;
    list-style : url(pics/flinga2.gif);
}
LI.ior
{
    margin-left:-100px;
    list-style : url(pics/flinga2.gif);
}
HR
{
	width: 50%;
}

Table 
{
    border-width: 1px;
    border-color: #EAF4F3;
    border-style: groove;
}
Table.bo
{
	border-style: none;
}

TH
{
	text-align: center;
	font-size: 13px;
}
TD
{
    border-width: 1px;
    border-color: #EAF4F3;
    border-style: groove;
    padding:5px;
    text-align:right;
	font-size: 13px;
}
TD.kal
{
    text-align: center;
    background: #41a62a;
}

TD.booked
{
	text-align: center;
    background: #FF0000;
}

TD.byte
{
	text-align: center;
    background: yellow;
	background-image : url(http://www.heliskihemavan.se/pics/byte.gif);
}

/* Navigering - Meny*/
#navcontainer{  background: #369;
  border-top: 1px solid #9CC;  font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;  margin-left:8px;
}
#navlist{  list-style: none outside none;  margin: 0;  padding: 0;}
@media all 
{  #navlist {    text-align: center  }}
#navlist li{
  bottom: 11px;  display: inline;  line-height: 1.2em;  margin: 0;  padding: 0;  position: relative;}
html>body #navlist li{  /* background: #000; */  margin: 0 2px 0 0;  padding:1px 0px 1px 0;}
#navlist a, #navlist a:link{  background: #900;  border: 1px solid #FFF;  bottom: 1px;  color: #FFF;  cursor: pointer;  display: inline;  height: 1em;  margin: 0;  padding: 3px 5px 3px 5px;  position: relative;  right: 1px;  text-decoration: none;}

#navlist a:visited{  background: #C00;  bottom: 1px;  color: #FFF;  position: relative;}
#navlist a:hover
{
  background: #C00;
  bottom:2px;
  color: #FFF;
  position: relative;
  left: 2px;
}

/*#navlist a:hover{  background: #C00;  color: #FFF;  position: relative;  margin-bottom: -1px;
  margin-right: -1px;
}*/

#navlist a:active{/*  background: #999;*/  color: #FFF;  position: relative;}

#navlist li#active
{  bottom: 13px;  display: inline;  margin: 0 3px 0 0;  padding: 0;  position: relative;}
html>body #navlist li#active{/*  background: #000;*/  margin: 0 2px 0 2px;}
#navlist #active a, #navlist #active a:link, #navlist #active a:visited, #navlist #active a:hover
{
  background: #369;
  border-bottom: none;
  border-left: 1px solid #9CC;
  border-right: 1px solid #9CC;
  border-top: 1px solid #9CC;
  bottom: 0;
  color: #FFF;
  cursor: text;
  margin: 0;
  padding: 2px 5px 0 5px;
  position: relative;
  right: 0;
}