<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Sidans namn</title>
<style type="text/css">
<!--
h1 { font-size: 24px; }
-->
</style>
</head>
<body>
<h1>Rubrik</h1>
</body>
</html>


/* Listan <UL> med knapparna */
ul {
margin: 30px 0 30px 0;
padding: 0;
}

/* Listelementen <LI> med knapparna */
#meny li {
display: inline;
list-style: none;
}

#meny li a {
margin: 0 5px 0 0;
padding: 5px 20px 5px 20px;
text-align: center;
white-space: nowrap;
line-height: 50px;
font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
font-size: 20px;
color: rgba(44, 130, 44);
border-radius: 5px;
border: 1px solid rgba(105,181,50,1);
background: rgba(44, 130, 44);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3), 0 2px 3px rgba(0,0,0,0.70);
}

#meny li a:hover {
cursor: pointer;
background: rgba(178,232,139,1);
color: rgba(0,0,0,1);
}

#meny a:link, #meny a:visited {
color: rgba(255,255,255,1);
text-decoration: none;
}

#meny a:active {
color: rgba(250,191,12,1);
}

#meny a#current {
background: rgba(85,137,48,1);
}


body
{
background-image: url(background.jpg);
background-position: center;
background-repeat: repeat;
}

body {
  color: rgba(44, 130, 44);
}

h1 {
  color: rgba(44, 130, 44);
}


/* unvisited link */
a:link {
  color: rgba(44, 130, 44);
}

/* visited link */
a:visited {
  color: green;
}

/* mouse over link */
a:hover {
  color: white;
}

/* selected link */
a:active {
  color: rgba(105,181,50,1);
}
