html {
  background-color:#ffffff;
  font-family:sans-serif,verdana;
  margin:0px;
  padding:0px;
}
            
body {
  margin:0px;
  padding:0px;
}

img { border:0px }

/* ----------------------------------------------------- */

a, a:visited, a:active, a:focus { color:#6767cc;text-decoration:none } 
a:hover { text-decoration:underline;color:#2020ff }

a[href^="https://"]:after { content:url(img/external.png);padding-left:2px }
a[href^="http://"]:after { content:url(img/external.png);padding-left:2px }
a[href^="http://merkert.org"]:after { content:"" }
/* a[href$="\.pdf"]:after { content:url(img/pdf.png);padding-left:2px } */

/* ----------------------------------------------------- */

#header {
  background:#c2d2e0;
  text-align:left;
  color:#f8f8f8;
  font-family:verdana,arial,sans-serif;
  margin-bottom:1.2em;
}

/* merkert.de */
#sn {
  position:relative;
  left:2px;
  bottom:-0.22em;
  font-size:3.4em;
  color:#f8f8f8;  
}

/* breadcrumb */
#bc {
  position:absolute;  
  left:20em;
  top:1.4em;
}

#bc a { color:#f8f8f8; }

/* breadcrumb.parent */
#bcpa {
  font-size:0.6em;  
}


form#g {
  position:absolute;
  right:6px;
  top:16px;
}

form#g input {
 font-size:0.6em;
 vertical-align:middle;
}

#nav {
  position:absolute;
  top:0.6em;
  right:0.5em;
  padding:0.01em 0.4em 0.2em 0.4em;
  color:#1f1f1f;
  
  margin-top:2.8em;
  background:#818B94; /* a2b2c0 */
  border:1px #bbbbbb solid;
  border-bottom:white;
}

#nav a {
  color:#f0f0f0;
  font-size:0.89em;
}

#nav a:hover, #nav a:active { 
  color:#d0d0d0;  
} 

/* ----------------------------------------------------- */

/* frame for #text (left/middle) + #photos (right) */
#content {}

#photos {
  float:right;
  width:250px;
  margin:20px 5px 12px 0px;
}

#photos img { margin:0px 2px 0px 2px }

#text {
  margin:0px 300px 20px 10px;
  line-height:1.5em;
}

h1 {
  font-weight:normal;
  font-size:1.4em;
  color:#818B94;
  border-bottom:1px #E0E0E0 solid;
}

h2 {
  font-weight:normal;
  font-size:1.2em;
  color:#818B94;  
}

ul li {
  margin:6px 30px 6px 0px;
  line-height:1.5em;
}

p { margin:0.5em 0.1em 0.5em 0.1em }

pre {
  background:#f0f0f0;
  font-size:1.1em;
  border:1px #bbbbbb solid;
  padding:0px;
}

dt { font-size:1.1em;margin-left:8px;font-family:courier }
dd { margin-bottom:6px }

/* ----------------------------------------------------- */

#footer {
  clear:both;
  background-color:#c2d2e0;
  font-size:11px;
  padding:2px 2px 5px;
}

#footer #vx { 
  float:right;
  margin-top:1px;
}

#footer a:after { content:"" }

/* ----------------------------------------------------- */

/* list of sub headings within current document on right */

.topics {
  clear:both;
  position:absolute;
  right:12px;
  background:#c2d2e0;
  border:1px solid #bbbbbb;
}

.topics ul { margin:4px 12px 4px 12px }
.topics li { list-style-type:none }
.topics a, .topics a:visited { color:#ffffff }
.topics a:hover { color:#515b94 }

.topics .h {
  background:#818B94;
  color:#f0f0f0;
  padding:2px 4px 2px 4px;
}

/* ----------------------------------------------------- */

.tlb { vertical-align:top;width:10em; }
table td { vertical-align:top }
table td p { margin-top:0px }

/* ----------------------------------------------------- */

.con h1 {
  /* color:#818B94; */
  background:#c2d2e0;
  color:#f8f8f8;
  
  border-bottom:1px solid #bbbbbb;
  margin:0px;
  padding:0px 4px 0px 4px;
  font-size:1.1em;
}

.con {
  margin:0.3em;
  border:1px solid #818B94;
  padding-bottom:0px;
}

p, li, td { font-size:0.9em; }