*{          /* reset all CSS */
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
#wrapper{  /* width of all web pages */
    width: 1000px;
    margin: 0 auto;
}
#header2{  /* Header, except on front page */
    width: 100%; height: 70px;
    float: left;
    background-color:beige;
    margin-top: 5px; 
    border-bottom: solid 1px black;
}
#vallisti{  /* item list on each page */
    width: 150px; height: 700px;
    float: right;
    background-color:beige; 
    margin: 1px 0px 1px 0; padding: 0px 10px 0 0;    
}
#efnissida{ /* main data area */
    width: 840px; height: 700px;
    float: left;
 /*   margin: 1px 0px 1px 0px; */
}
#footer{
    width: 100%; height:40px;
    clear: both;
    background-color:beige;
    border-top: solid 1px black;
}
h1 { /* Main headers */
    font-family: "Lobster", "Arial";
    font-size: 36px;
  /*  display:inline;  */
    text-align:center;
}
h2 {  /* Header fyrir vallista */ 
    font: bold 20px "sans-serif";
    color: darkblue;
    margin: 5px 0 0 10px;
}
h3 {  /* Header fyrir Efnissíðu */ 
    font: bold 32px "calibri";
    color: darkblue;
    text-align: center;
}

/* CSS fyrir lista */
.liststyle {
    margin: 2px 10px;
    list-style: square;
    list-style-position: inside;
    list-style-type: none;  
}
.liststyle li a {
   text-decoration: none; 
   font: bold 14px "calibri";
   color:blue;
}
.liststyle li a:active{
/*    background-color: #d7d1d8;  */
    color: #2fe617; 
}
.liststyle li a:hover{
 /*   background-color: #ed2d14;  */
    color: darkblue;
}

.BackButton {
    border: 3px solid blue; 
    border-radius: 5px;
    background-color: #aff5f5;
    font: bold 14px "Arial Black";
    text-decoration: none;
    position: absolute;
    margin: -35px 0 0 10px; padding: 5px 5px 5px 5px;
}

.BackArrow {
    font: bold 40px "Arial";
    font: blue;
    text-decoration: none;
    position: absolute;
    margin: -40px 0 0 10px; 
}