@font-face {
  font-family: LMRoman10;
  font-style: normal;
  font-weight: normal;
  src: url(lmroman10-regular.otf) format("opentype");
}
@font-face {
  font-family: LMRoman10;
  font-style: normal;
  font-weight: bold;
  src: url(lmroman10-bold.otf) format("opentype");
}
@font-face {
  font-family: LMRoman10;
  font-style: italic;
  font-weight: normal;
  src: url(lmroman10-italic.otf) format("opentype");
}
@font-face {
  font-family: LMRoman10;
  font-style: italic;
  font-weight: bold;
  src: url(lmroman10-bolditalic.otf) format("opentype");
}
@font-face {
  font-family: LMMono10;
  src: url(lmmono10-regular.otf) format("opentype");
}

body { font-family: Latin Modern Roman, LMRoman10, serif; font-size: 16px; max-width: 780px; margin: auto;}
.up { float: left; text-decoration: none; width: 24px; }
.down { float: right; text-decoration: none; width: 24px; }
table#flyer { border-collapse: collapse; border: none; margin: auto; background-image: url(background.jpg); }
table#flyer col#left { width: 280px; min-width: 280px; }
table#flyer col#middle { width: 200px; min-width: 200px; }
table#flyer col#right { width: 300px; min-width: 300px; }
table#flyer tr:nth-child(1) td { padding-top: 20px; }
table#flyer tr:nth-child(10) td { padding-bottom: 20px; }
table#flyer td { padding: 0; padding-top: 5px; padding-bottom: 5px; margin: 0; }
table#flyer td:nth-child(1) { text-align: right; padding-left; 20px; padding-right: 20px; background: rgba(255, 255, 255, 35%); }
table#flyer td:nth-child(2) { text-align: left; padding-left: 20px; padding-right: 20px; background: rgba(255, 255, 255, 45%); }
table#flyer td:nth-child(3) { text-align: center; padding-left: 20px; padding-right: 20px; }
table#flyer tr.spaceabove { border-top: 40px solid transparent; }
table#flyer tr.spacebelow { border-bottom: 40px solid transparent; }
table#flyer td#logos { vertical-align: bottom; }
table#flyer td#logos a { display: inline-block; line-height: 0; } 
table#flyer td#logos a:nth-child(1) { margin-bottom: 40px; }
table#flyer td#logos a:nth-child(3) { margin-bottom: 40px; }
table#flyer td#logos a:nth-child(5) { margin-bottom: 20px; background: rgba(255, 255, 255, 35%); }
img#ace { width: 260px; height: 70px; background: transparent; }
img#ct20 { width: 112px; height: 66px; }
img#iklectik { width: 150px; height: 49px; }
/*
img#ace { width: 350px; height: 94px; }
img#hop { width: 164px; height: 247px; }
img#iklectik { width: 350px; height: 114px; }
*/
div.h2, div.h3 { text-align: center; margin-top: 80px; }
div.h2 { font-weight: bold; font-size: 150%; }
div.h3 { font-weight: bold; font-size: 120%; }
h1 { font-weight: bold; font-size: 200%; }
h1, h2, h3 { display: inline; }
p.img, p.imgwide { text-align: center; }
p a.img img { max-width: 480px; width: 100%; }
p a.imgwide img { max-width: 780px; width: 100%; }
.event { font-weight: bold; font-size: 200%; }
* { color: black; background-color: transparent; }

a { text-decoration: overline; }
table#flyer a { text-decoration: none; }
table#flyer td a:hover, a:hover { background-color: orange; }
table#flyer td#logos a:nth-child(1):hover { background-color: transparent; }
p a.img { text-decoration: none; display: block; max-width: 480px; width: 100%; margin: auto; }
p a.imgwide { text-decoration: none; display: block; max-width: 780px; width: 100%; margin: auto; }
a.img:hover, a.imgwide:hover { background-color: transparent; }
a.url { text-decoration: none; font-family: Latin Modern Mono, LMMono10, monospace; font-size: 16px; }
#footer { text-align: center; }
#footer a { display: inline-block; padding: 20px; }
hr { margin-top: 80px; }