body {
  background: #FFF;
  color: #111;
  font-size: 16px; /* 14,_16_,19,22 */
  font-family: Verdana, sans-serif;
  text-align: center;
}
* {font-size: 1em;}

header, footer, nav, article, main {display:block;}

h1 {
  font-size: 145%; /*19px*/
  color: #A693B9;
}
h2 {
  font-size: 130%; /*17px*/
  color: #8C9F79;
}
h3 {
  font-size: 115%; /*15px*/
  color: #7D8D9D;
}
h4 {
  font-size: 108%; /*14px*/
  color: #B993B9;
}

small {
  font-size: 85%;
}

blockquote {
  font-style: italic;
}

dt {
  font-weight: bold;
}

.hoverhighlight:hover {
  background: #FFA;
}

a.plbutton {
  background:transparent url(/icons16x16/22.gif) no-repeat scroll 0px;
  padding:1px 5px 5px 20px;
}
a.kombutton {
  background:transparent url(/icons16x16/28.gif) no-repeat scroll 0px;
  padding:1px 5px 5px 20px;
}

.postdata {
  font-size: 85%; /*11px(85%af13)*/
  font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal;
  white-space: nowrap;
  color: #444;
}
h2 .postdata {font-size: 65%;} /*11px(65%af17)*/
.small {font-size: 85%;} /*11px*/

table.skema tr {background: #DDF;}
td.yes {background: #AFA;}
td.no {background: #F99;}
td.maybe {background: #FF9;}

/* a:link {color: #93A6B9;} */
/* a:link {color: #8495A7;} */
a:link {color: #7D8D9D;}
/* a:visited, a:active {color: #B993A6;} */
/* a:visited, a:active {color: #A78495;} */
a:visited, a:active {color: #9D7D8D;}

h2 a:link, h2 a:visited, h2 a:active {
  color: #8C9F79;
  text-decoration: none;
}

div.ads {
  width:468px;
  padding:0;
  border:none;
  margin:1em 27px 0 27px;
}

#all {
  width: 980px;
  margin: auto;
  text-align: left;
}
#main, #siteheader {
  width: 690px;
}
#title {
  position: relative;
  height: 130px;
  padding-right: 4px;
  margin-bottom: 1em;
}
#logo {
  width: 170px;
  height: 129px;
  float: left;
  border: 0;
}
#h1a {
  position: absolute;
  left: 170px;
  top: 0;
  margin: 3px 0 0 3px;
}
#h1b {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0 0 3px 0;
  text-align: right;
}
#notes {float: right;}
.note {
  color: #FFF;
  padding: 7px;
  width: 267px;
  margin-bottom: 6px;
  border-radius: 7px;
}
.note img {
  border:1px solid; /* #FFF */
  max-width: 240px;
  max-height: 240px;
  width: auto;
  height: auto;
}
.note a:link, .note a:visited, .note a:active {
  color: #FFF;
  font-weight: bold;
}
.note h1 {
  font-size: 108%; /*14px*/
  color: #FFF;
  font-weight: bold;
}
.note ul {
  margin: 1em 0 1em 0;
  padding: 0 0 0 1.8em;
}
.note ul.feedlinks {
  margin: 0.5em 0 0.5em 1em;
  padding-left: 0;
  /* list-style-type: none; */
}
.note ul.feedlinks a {
  font-weight: normal;
}

a#f11 {font-size: 14px;} /* 11 */
a#f13 {font-size: 16px;} /* 13 */
a#f15 {font-size: 19px;} /* 15 */
a#f17 {font-size: 22px;} /* 17 */
#note0, #note3 {background: #8C9F79;}
#note1, #note4 {background: #93A6B9;}
#note2, #note5 {background: #B993A6;}

#note2 {overflow:hidden;}

div.ikoner {font-size: 85%;} /*11px*/
div.ikoner a:link, div.ikoner a:visited, div.ikoner a:active {
  font-weight: normal;
  text-decoration: none;
  border: 1px solid; /* #FFF */
  margin: 0.5em 0.1em 0 0;
  padding: 0 0.1em 0 0.1em;
}

/* Nye blog-overskrifter: */

.btitle {
  position: relative;
  border-bottom: 1px solid #8C9F79;
  margin-top: 2em;
}

h2.btt {
  margin: 0 7em 0 0;
}
h2.btd {
  margin: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}

/* andet nyt */

div.posting img {
  display: block;
  float: right;
  margin: 0 0 0.2em 0.2em;
  border: 0;
}
#topnavi {
  text-align:center;
  margin:1.9em 0 -0.5em 0;
}
#bundnavi {
  text-align:center;
  margin:5em;
  font-weight: bold;
}

ul.nomarker {
  list-style:none;
}



 /* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted;
}
/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  background: #8C9F79;
  color: #fff;
  font-weight: normal;
  text-align: center;
  padding: 5px 8px;
  border-radius: 7px;
  white-space: nowrap;
  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 95%;
  left: 50%;
  margin-left: -60px;
  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}
.tooltip .tooltiptext .asign {
  /* filter: invert(1); */
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 1.1em; 
  height:1.1em;
  border: none;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
} 




/* Dark mode (very simple quick implementation) */

@media (prefers-color-scheme: dark) {
  body {
    background: #222; /* #8C9F79: 140, 159, 121 -> 47 (2F), 53 (35), 40 (28) */
    color: #EEE;
  }
  .postdata {
    color: #999;
  }
  #logo {
    filter: invert(100%) brightness(120%) grayscale(30%);
  }
  .note {
    color: #333;
  }
  .note a:link, .note a:visited, .note a:active {
    color: #333;
  }
  .note h1 {
    color: #333;
  }
  .invertwhendark {
    filter: invert(100%)
  }
}


/* Quick print fix */

@media print {
 #notes {display:none;}
 #all {
  width: 80%;
  margin: auto;
  text-align: left;
 }
 #main, #siteheader {width: 80%;}
}