#Askim{
    top: 127px;
    left: 255px;
    z-index: 10;
    border:  5px solid rgb(0, 0, 0);
    height: 30px;
    width: 60px;
    position: absolute;
}
 
#Orje{
    top: 237px;
    left: 435px;
    z-index: 10;
    border:  5px solid rgb(0, 0, 0);
    height: 30px;
    width: 60px;
    position: absolute;
}
 
#Halden{
    top: 497px;
    left: 330px;
    z-index: 10;
    border:  5px solid black;
    height: 30px;
    width: 60px;
    position: absolute;
}
 
#Fredrikstad{
    top: 450px;
    left: 165px;
    z-index: 10;
    border:  5px solid black;
    height: 30px;
    width: 90px;
    position: absolute;
}
 
#Moss{
    top: 237px;
    left: 25px;
    z-index: 10;
    border:  5px solid black;
    height: 25px;
    width: 50px;
    position: absolute;
}

#orje{
    top: -10px;
    left: 15px;
    z-index: 10;
    height: 30px;
    width: 60px;
    position: absolute;
}

/* Generelle stiler for tekst og knapper */
body {
  background-color: #e6b66f;
  color: #333;
}

/* Tekst for sykkelruten og total avstand */
#sykkelrute {
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
}

#totalAvstand {
  font-size: 16px;
  font-weight: bold;
  color: #007bff;
  margin-top: 5px;
}

/* Knappestil */
button {
  padding: 10px 20px;
  background-color: #28a745;
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  cursor: pointer;
  margin-top: 15px;
}

button:hover {
  background-color: #218838;
}