
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<style>
div.menuBar,
div.menuBar a.menuButton {
  font-family: Verdana, Arial, sans-serif;
  font-size: 8pt;
  color: #663300;
}

div.menuBar {
  background-color: transparent;
  padding: 6px 2px 6px 2px;
  text-align: center;
  margin-left:10px;
}

div.menuBar a.menuButton {
  background-color: #cccc99;
  border: 2px solid;
  border-color: #f0f0f0 #996666 #996666 #f0f0f0;
  color: #660000;
  cursor: pointer;
  left: 0px;
  margin: 1px;
  padding: 2px 6px 2px 6px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
}

div.menuBar a.menuButton:hover {
  background-color: #ffffcc;
  border-color: #996666 #f0f0f0 #f0f0f0 #996666;
  color: #660000;
}

</style>


<STYLE TYPE="text/css">
<!--
body
{
scrollbar-base-color: #cccc99;
scrollbar-track-color: #ffffcc;
scrollbar-arrow-color: #996666;
}

A:link {
font-family: Times New Roman, Verdana, 'Arial';
font-size: 11pt;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #660000;
}

A:visited {
font-family: Times New Roman, Verdana, 'Arial';
font-size: 11pt;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #660000;
}

A:hover  {
font-family: Times New Roman, Verdana, 'Arial';
font-size: 11pt;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #996666;
}

A:active {
font-family: Times New Roman, Verdana, 'Arial';
font-size: 11pt;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #996666;
}

body {
background-color: #ded2af;
font-family:Verdana, Arial, 'San-Serif';
font-size: 10pt;
font-weight: bold;
text-align: center;
color: #663300;
}

.text {
font-family:Times New Roman, Arial, 'San-Serif';
font-size:8pt;
font-weight: bold;
color: #663300;
text-align: center;
}

.text1 {
font-family:Times New Roman, Arial, 'San-Serif';
font-size:10pt;
font-weight: bold;
color: #663300;
text-align: left;
}

.text2 {
font-family:Times New Roman, Arial, 'San-Serif';
font-size:14pt;
font-weight: bold;
color: #663300;
text-align: center;
}

.text3 {
font-family:Times New Roman, Arial, 'San-Serif';
font-size:12pt;
font-weight: bold;
color: #663300;
text-align: center;
}

.text4 {
font-family:Times New Roman, Arial, 'San-Serif';
font-size:10pt;
font-weight: bold;
color: #663300;
text-align: center;
}

.text5 {
font-family:Times New Roman, Arial, 'San-Serif';
font-size:8pt;
font-weight: bold;
color: #663300;
text-align: left;
}

.text6 {
font-family:Times New Roman, 'San-Serif';
font-size:10pt;
font-weight: bold;
color: #663300;
text-align: left;
font-style: italic;
}

.text7 {
font-family:Times New Roman, 'San-Serif';
font-size:10pt;
font-weight: bold;
color: #663300;
text-align: left;
}

.text8 {
font-family:Times New Roman, Arial, 'San-Serif';
font-size:10pt;
font-style: italic;
font-weight: bold;
color: #663300;
text-align: left;
}

.bygg1 { background-image: url(bilder/hbf_vy_mini.jpg); 
background-repeat: no-repeat; 
font-size:8pt;
font-weight: bold;
color: #663300;
text-align: left;
}

.shadow {font-size: 18px; font-weight: bold; 
filter: Shadow(Color=c0c0c0, direction=120); 
width: 100%; height: 60px;}

.shadow1 {font-size: 25px; font-weight: bold; 
font-family:times new roman;
color: #ff3300;
filter: Shadow(Color=000000, direction=30); 
width: 100%; height: 20px;}

.helg{
font-size: 25px;
color: #ff0000;
filter: Glow(Color=00ff33, Strength=3);
width: 200px;
height: 15px;
font-weight: bold;
}

.helg1{
font-size: 15px;
color: #ff0000;
filter: Glow(Color=00ff33, Strength=3);
width: 200px;
height: 15px;
font-weight: bold;
}

.floatright{
float:right;
margin: 10px 0px 10px 0px;
border: 0;
padding: 2px;
}

.floatleft{
float:right;
margin: 10px 0px 10px 0px;
border: 0;
padding: 2px;
}

.ruta {
background-color: #ffffff; 
height: 400px; 
width: 450px; 
padding: 5px;
border: 1px solid #663300; 
}

.ruta1 {
 background-color: #cccc99; 
height: 60px; 
width: 150px; 
padding: 4px;
border: 1px solid #663300;
}

.ruta2 {
 background-color: #ffffff; 
height:200px; 
width: 150px; 
padding: 4px;
border: 1px solid #663300;
}

.ruta3 {
 background-color: #cccc99; 
height:200px; 
width: 300px; 
padding: 4px;
border: 1px solid #663300;
}

.ruta4 {
 background-color: #cccc99; 
height:50px; 
width: 460px; 
padding: 4px;
border: 1px solid #663300;
}

.ruta5 {
 background-color: #cccc99; 
height:400px; 
width: 400px; 
padding: 4px;
border: 1px solid #663300;
}

.ruta6 {
 background-color: #ffffff; 
height:150px; 
width: 200px; 
padding: 4px;
border: 1px solid #663300;
}

.ruta7 {
 background-color: #cccc99; 
height:300px; 
width: 250px; 
padding: 4px;
border: 1px solid #663300;
}

.ruta8 {
 background-color: #ffffff; 
height:100px; 
width: 400px; 
padding: 4px;
border: 1px solid #663300;
}

.ruta9 {
 background-color: #ded2af; 
height:432px; 
width: 592px; 
padding: 4px;
border: 0px solid #663300;
}

#navigator {
background-color: #ccff99;  /*samma bakgrundsfärg som på sidan*/
border: none;
width: 140px;
margin-top: 100px;
margin-left: 0px;
margin-right: auto;
padding: 2px;
text-align: center;
}

.housebutton {
font-weight: bold;
text-align: center;
margin-bottom: 3px;
margin-top: 3px;
}

.housebutton a {
padding: 4px;
text-decoration: none;
width: 100px;
display: block;
color: #999966;     /*textfärg på button*/
background-color: #cccc99;
border-top: 2px #ffffcc solid;
border-left: 2px #ffffcc solid;
border-bottom: 2px #666600 solid;
border-right: 2px #666600 solid;
}

.housebutton a:hover {
background-color: #ccffcc;
border-top: 2px #666600 solid;
border-left: 2px #666600 solid;
border-bottom: 2px #ffffcc solid;
border-right: 2px #ffffcc solid;
}

.gunnar {
font-style: italic;
font-weight: bold;
text-align: center;
}

-->
</style>
 







