body { background-color: #eee; display: table; }

.leftbar { display: table-cell; width: 20%;
}
.rightbar { display: block; float: right; width: 25%; 
  max-width: 14em; min-width: 11em; margin-left: 1em;
}
.leftbar, .rightbar {
  background: #ffffdd; color: #442200;
  border: solid #885500; border-width: 1px 1px 1px 1ex;
  font-family: sans-serif; font-size: 90%;
}
.leftbar h2, .rightbar h2, .leftbar .topleft {
  background: #ffddaa; color: black;
}
.leftbar h2, .rightbar h2 {
  margin: 0; padding: 0.1em 0.2em 0.1em 1em;
}
.leftbar .topleft { margin: 0; text-indent: 0; padding: 0.1em; 
  text-align: center;
}

.leftbar p, .rightbar p { margin: 0.5em 0.2em 0.5em 1.2em; text-indent: -1em; }

h2#arkiv { background-image: url(pic/litenkaffekopp.png);
  background-position: 0% 30%; background-repeat: no-repeat;
}
h2#search { background-image: url(pic/litenfglas.png);
  background-position: 0% 50%; background-repeat: no-repeat;
}
h2#kontakt { background-image: url(pic/litentp.png);
  background-position: 0% 80%; background-repeat: no-repeat;
}
h2#redaktion { background-image: url(pic/litenkermit.png);
  background-position: 0% 30%; background-repeat: no-repeat;
}

hr { background:  #ffddaa; border: 0 none; height: 0.2em; margin: 1ex 0 0 0; }
hr.right { background: #885500; margin: 1ex -2em 0 10%; }

.mainbar {
  display: table-cell; vertical-align: top; padding: 1ex;
}

.mainblock {
  background: white; padding: 0 3px;
  border-bottom: dashed 2px #ffddaa; margin-top: 0.5em; margin-bottom: 0.5em;
}
.mainblock h2 {
  background: #ffffdd; margin: 0 -3px 3px -3px; padding: 2px 1ex;
  border-top: solid 1px #ffddaa;
}
.mainblock h2 .sidrubrik {
  font-style: italic; font-size: 60%;
  letter-spacing: 0.15em; color: #444444;
}

.leftbar :link, .rightbar :link { color: #990000; }
.leftbar :visited, .rightbar :visited { color: #884400; }

:link { color: #770044; }
:visited { color: 662200; }

p.center { margin: 0.2em; text-indent: 0; text-align: center; }
p.readmore { text-align: right; margin: 0.2em; font-size: 90%; }
p.readmore img { vertical-align: top; }

h2 { font-family: sans-serif; font-weight: bold; font-size: 140%; }

p.ruta { border-top: solid 1px #ffddaa; padding-top: 0.2em; 
  font-size: 80%;
}

p { margin: 0.3em 0; }
p.ingress { font-style: italic; }