html, body, table  { padding: 0; margin: 0; font: 13px "Trebuchet MS" }


a { text-decoration: none }
a img { border: none }

div.banner { 
  z-index: 2;
  position: absolute; left: 0px; top: 0px; width: 100%; height: 130px; 
  padding: 10px 20px 0; background: #030; color: white; margin: 0 
}

div.banner h1 { 
  padding: 0; margin: 35px 0 0;
  font-size: 80px;
}

div.banner span { font-size: 40%; padding: 6px; }
div.banner em { font-style: normal; color: orange }
div.banner { width: 1000px }

div.nav {
  position: absolute; top: 5px; right: 0px; background: #030; z-index: 2;
}

div.nav a { 
  font-size: 13px; font-weight: bold; padding: 0.1em 0.3em; 
  margin: 0 0.2em 0 0; background-color: #090; color: white; 
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

div.nav a:hover {
/*  background-color: white; 
  color: #090; */
  color: black; background: orange
}

#epost {
  position: absolute; top: 40px; left: 362px; xbackground: #030; z-index: 2;
}

#epost + h1, div.epost + h2 { border: none } 


h1.top { padding: 40px 200px; margin: 0; background: red; font-size: 35px }

div.boikott { 
/*  border-top: solid green 1px; */
  position: absolute; top: 140px; right: 0px; width: 200px; 
  color: black;
  background: #eFb; 
}

div.skrekk {
  position: absolute; 
  top: 140px; left: 0px; width: 200px;
}

div.skrekk p {
  margin: 0 0.3em 1em;
}

div.boikott img { display: block; background: white; border: none }
div.boikott p { 
  margin: 0 0.5em; padding: 0.5em 0em; 
/*  border-bottom: 5px white solid;  */
  border-bottom: thin dotted black;
  border-top: none; 
}

div.boikott a { color: black }

div.innhold { padding: 140px 220px 0px 220px; background: white }
div.innholdb { padding: 140px 20px 20px 20px; background: white }

div.innhold h1, div.innhold h2, div.innhold h3 { padding-top: 10px; border-top: thin dotted black; clear: both }

div.innhold h1:first-child, div.innhold h2:first-child { border: none } 

h1, h2, h3 { 
  font-weight: bold;
  padding: 0; margin: 1em 0 0.1em 
}

h1 { font-size: 2em; font-style: normal }
h1 a { color: black }

li { padding: 0; margin: 0 }
ul { padding: 0; margin: 0.4em 0 0.4em 1.4em; }
ul.dato { margin-left: 4em; list-style-type: none }
ul.dato li { text-indent: -4em }

blockquote { font-style: italic; margin: 1em }
blockquote em { font-style: normal }

div.opprop { background: #EEE; padding: 10px; margin: 10px 0 }
div.opprop table, div.opprop textarea { width: 100% }

dt { font-weight: bold; margin: 0.8em 0 0.1em 0 }
dd { margin: 0.1em 0 0.8em 0 }

p { padding: 0; margin: 0.5em 0 0.5em }

p.oppdatert { font-style: italic }

p.album2 img, p.album3 img { float: right; margin: 0; border: none }
p.album2, p.album3 { xfloat: left }

p.adresse { margin: 1em }

table.sign { border-collapse: collapse; width: 95%; }
table.sign td { border: 1px solid black; padding: 0.2em; }
table.sign th { text-align: left; padding: 0.2em; }
td.name { width: 15% }
td.address { width: 30% }
td.comment { width: 40% }

table.bilder td { width: 205px; vertical-align: top; background }

.siste {
  background: #EEE; padding: 0.5em;
}

div.innhold div h2 {
  margin-top: 0;
}

q:before { content: "\201C" }
q:after { content: "\201D" }
q { font-style: italic }

.prent {
  display: none;
}

@page {
  margin: 10%;
}

@media print {
  body { font: 11pt "Gentium Basic", "Liberation Serif" }
/*  p { margin: 0; padding: 0; text-indent: 2em } */
  .nav, .banner, .boikott, .skrekk { display: none }
  div.innhold, div.innholdb { padding: 0; margin: 0 }
  li { page-break-inside: avoid }
  div.prent { display: block }
  span.prent { display: inline }
  .nprent { display: none }
  h1 { font-size: 1.3em }
  h2 { font-size: 1.2em }
  h3 { font-size: 1.1em; font-style: italic }
}