body {
  background-color: teal;
  font-size: 80%;
}
h1.boomeroverskrift {
  color: yellow;
  text-shadow: 2px 2px white;
}
p {
  margin-left: 20px;
  text-align: center;
  font-family: "Comic Sans MS", "Comic Sans", cursive;
  color: #00ff00;
}
button {
  width: 100px;
  height: 10px;
}
ul {
list-style: square;
}
ol {
list-style: upper-roman;
}
* {
margin: 0;
padding: 0;
border: 0;
ul {
list-style:none; /* fjerner prikker fra listen */
}
ul li {
float: left; /* elementerne flyder op på linje */
}
li ul {
display: none; /* skjuler under-listen*/
}
ul li a {
text-decoration: none; /* fjerner streg under link */
color: #ffffff; /* hvid farve til link-tekst */
padding: 5px 15px 5px 15px; /* laver luft omkring link-tekst-større kasser */
background: orangered; /* baggrundsfarve på link-laver kasser */
margin-left: 1px; /* mellemrum mellem "kasser" */
}
ul li a:hover {
background: orange; /* ny baggrundsfarve når hover */
}
li:hover ul {
display: block; /* det skjulte vises */
position: absolute; /* når det skjulte vises skal det ikke rykke med det andet */
}
li:hover li {
margin-top: 10px; /* lidt afstand til hovedmenu */
float: none; /* undermenuen skal være lodret */
}
li:hover a {
background: orange; /* samme baggrundsfarve som hover på hovedmenu */
}
#opgave1 #linkopgave1,
#opgave2 #linkopgave2,
#opgave3 #linkopgave3,
#index #linkindex {
background-color:green;
cursor: default;
}