p, li { color: #0a0a0a; }

div.akapit, p.akapit, td.akapit, p.lowerbar, ul.akapit, div.akapit p { 
  font-family:   Sans-serif;
  font-weight:   normal;
  text-indent:   0em;
  text-align:    justify; 
  margin-top:    3ex;
  margin-bottom: 3ex;
}

ul, ul.akapit, li {
  list-style: disc; 
}

em {
  font-style: italic;
  font-weight: normal;
}

dt {
  font-weight: bold;
}

a {
  text-decoration: none; 
  color: #303099; 
  font-weight: normal; 
} 

table a, .messagetight a {color: #ffffff; }

a.inv, a.author, a.title {color: black; font-weight: normal;}
a.inv:hover, a.author:hover, a.title:hover {text-decoration: underline; }

h1 {font-size: 140%}
h2 {font-size: 125%}
h3 {font-size: 110%}
a h1, h2, h3, h2 a, h3 a { 
  font-family: Sans-serif;
  font-weight: bold; 
  color: black
}

html { background-color: #eeeeee; }

body {
  text-align: left; 
  margin-left: 6%; 
  margin-right: 6%; 
  margin-top: 2em; 
  background-color: #eeeeee; 
  font-family: Sans-serif; 
  font-size: 1rem;
}

body.photo { background-color: white }

*.tinyprint, div.tinyprint p { 
  font-size: .80em;
}

table.simple, table.boxed { 
  background-color: #8f8f8f;
  empty-cells: show; 
  padding: 3pt; 
}

th.simple, td.simple { 
  border-style: none; 
}

.messagetight { 
  overflow:      hidden;
  text-overflow: ellipsis; 
}

*.boxed { 
  margin: 1em 1em 1em 1em;
  background-color: #8f8f8f;
  text-align: left; 
}

.container {
  display: flex;
}

.column {
  background-color: #8f8f8f;
  padding: 2.3ex;
}

.right {
  flex: 1;
  vertical-align: text-bottom;
  text-align: right; 
  font-size: 0.9em;
  white-space: nowrap;
}

.left {
  flex: 3;
  margin-right: 0.4%;
  text-align: left; 
}

@media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2) {
  .left {
    flex: 1; 
  }
  .right {
    flex: 1; 
  }
} 

.fullwidth { 
  text-align: left; 
  clear: both;
}

.responsive-image {
  height: 15em;
  width: auto;
}