html {
  height: 100%;
}

body {
  height: 100%;
  background: #C4B3B3;
  font-family: "Times New Roman", Times, Serif;
}

div.inside {   /* padding-quirk */
  margin: 2ex;
  overflow: visible;
}

div.hide {
  display: none;
}


/*** MAIN ***/

div.border {
  border: 1px solid black;
  position: absolute;

  top: 6.5%;
/*  bottom: 12%; */
  height: 81.5%;

  left: 5%;
/*  right: 5%; */
  width: 90%;
}

div.main {
  border: 1px solid black;
  background: white;

  position: absolute;
  top: 1.0%;
  bottom: 1.4%;
  height: 97.6%;
  left: 0.5%;
  right: 0.5%;
  width: 99%;

  overflow: hidden;
}


/*** Länkar ***/

div.lankar {
  position: absolute;
  top: 3.5%;
  bottom: 1.5%;
  right: 0;
  width: 23%;

  border-left: 1px solid black;
  padding: 0;
  margin: 0;
  z-index: 15;
  font-size: small;
}

img.lankar {
  margin-top: 2ex;
  margin-bottom: 0.5em;

  width: 90%;
}

a.lankar {
  line-height: 2.2em;
  vertical-align: bottom;
}

a.lankar:link {
  color: black;
  text-decoration: none;
}

a.lankar:visited {
  color: #737575;
  text-decoration: none;
}

/*** Bakgrund ***/

div.bakgrund {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  height: 100%;
}

img.bakgrund {
  height: 100%;
}


/*** Innehåll ***/

div.content {
  position: absolute;
  top: 2em;
  bottom: 2em;
/*  height: 90%; */
  left: 0;
  width: 77%;
  overflow: auto;

  margin: 0;

  padding: 0;
  z-index: 10;
}

a:link {
  color: #C39595;
  text-decoration: none;
}

a:visited {
  color: #737575;
  text-decoration: none;
}



/*** Välkommen ***/

img#anfang {
  height: 5ex;
}


/*** Adress ***/

address {
  position: absolute;

  z-index: 20;

  bottom: 1ex;
  left: 3ex;
}

address a, address a:link, address a:visited {
  font-size: small;
  color: #C39595;
  text-decoration: none;
}


/*** Önskelista ***/

li {
  margin-top: 1ex;
}


/*** Länkar ***/

ul.lankar li {
  list-style-type: none;
}