/* --- lodret_menu.css ---*/

#lodret_menu {
  display:block;
  padding: 0px;
  margin: 0px; 

  font-weight: bold;
  width:300px;
  height:790px;
  position:absolute;
  top: 0px;
  left: 0px; 
  border:0px solid red; 
}

#lodret_menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border: 1px solid black;
}

#lodret_menu li a {
  display: block;
  color: black; /* menu rammefarve */
  padding: 10px 0px; /*knap pad x,y*/
  text-decoration: none;
  font-size: 14px; /*font-size i knap*/
  height:14px; /*højde af knap*/
}

#lodret_menu li {
  text-align: center; /*vandret*/
  border-bottom: 1px solid black;
}
/* ------ link farver --------*/

#lodret_menu li a:link {
  text-decoration: none;
  background-color: lightgreen;
}

#lodret_menu li a:visited {
  text-decoration: none;
  background-color: lightgreen;
  color:black;
}

#lodret_menu li a:hover {
  background-color: orange;
  color: black;
}

#lodret_menu li a:active {
  background-color: red;
  color: black;
}
/* ------ menulist --------*/
#lodret_menu li a.list {
  background-color: ligtgreen;
  color: black;
  }

#lodret_menu li a.list:hover {
  background-color:  orange;
  color: black;
  }

#lodret_menu li a.list:active {
  background-color: red;
  color: black;
}

/* ------ menukort --------*/
#lodret_menu li a.kort {
  background-color:  lightblue;
  color: black;
  }
#lodret_menu li a.kort:hover {
  background-color:  orange;
  color: black;
  }

#lodret_menu li a.kort:active {
  background-color: red;
  color: black;
}

/* ------ menunavn --------*/
#lodret_menu li a.navn {
  background-color: cyan;
  color: black;
}

#lodret_menu li a.navn:hover {
  background-color: orange;
  color: black;
}

#lodret_menu li a.navn:active {
  background-color: red;
  color: black;
}

/* ------ menuvalg --------*/
#lodret_menu li a.valg {
  background-color: yellow;
  color: black;
}

#lodret_menu li a.valg:hover {
  background-color: orange;
  color: black;
}

#lodret_menu li a.valg:active {
  background-color: red;
  color: black;
}

/* ------  --------*/
#lodret_menu li a.spec {
  background-color: lightblue;
  color: yellow;
}

#lodret_menu li a.spec:hover {
  background-color: orange;
  color: black;
}

#lodret_menu li a.spec:active {
  background-color: red;
  color: black;
}

/* ------ info --------*/
#lodret_menu li a.info {
  background-color: blue;
  color: yellow;
}

#lodret_menu li a.info:hover {
  background-color: orange;
  color: black;
}

#lodret_menu li a.info:active {
  background-color: red;
  color: black;
}
/* ------  --------*/