BODY { background-color: #eeeeee; margin: 0; padding: 5px; }
DIV.left { width: 120px; float: left; }
DIV.left P { margin: 0 0 1em 0; }
DIV.right { background-color: #eeeeff; width: 9em; float: right;
  border: thin #aaaaff outset; 
}
H1, H2, DIV.bild P { font-family: Avant-Garde, sans-serif; }
DIV.nrtop { padding-top: 3em; padding-left: 125px; }
H1 { font-size: 360%; font-weight: normal; 
  margin: 0;
}
H1 SMALL { font-size: 50%; }
DIV.right H2 { margin: 0 0 1ex 0; padding: 0.5ex 1ex; font-size: 110%;
  border: none;
  color: black; background: #aaaaff;
}
DIV.right P  { margin: 1ex; font-size: 90%; }
DIV.right HR { display: none; /* margin: 0; font-size: 50%; height: 1.1em; color: black; background: #aaaaff; border: none; */ }
/* Ugly hack to work around netscape bug; just hide this from netscape */
@media all {
  DIV.main { padding: 0 9.5em 0 125px; }
}
DIV.artsum { border: solid thin #888888; color: black; background: white;
  padding: 1ex 1em; margin: 1ex 0;
}
DIV.artsum H2 { margin: 0; padding: 0; font-size: 140%; }
DIV.artsum HR { display: none; }
DIV.artsum P { margin: 1ex 0; padding: 0; }
DIV.artsum P.link { text-align: right; font-style: italic; }
DIV.artsum IMG.a { margin-top: -0.5ex; margin-right: -0.7em; float: right; }
BODY.artikel, BODY.artikel DIV.sidrubrik { background-color: white; }
DIV.artikel { padding: 3em 7em 2em 5em; }

DIV.sidrubrik { position: fixed; background-color: #eeeeee; margin: -5px; }
DIV.sidrubrik P { margin: 1ex 7em -0.5ex 4em; padding: 0; 
  font-size: 120%; font-weight: bold; font-style: italic;
}
DIV.sidrubrik HR { margin: 0; padding: 0; border: none; height: 1em;
  /* background-color: white; */ background-image: url(emline.png);
  background-repeat: no-repeat; background-position: 100% 20%;
}
DIV.trailer HR { margin: 0 0 0 -10px; padding: 0; border: none; height: 1ex;
  /* background-color: white; */ background-image: url(emline2.png);
  background-repeat: no-repeat; background-position: 0% 20%;
}

DIV.artikel P.ingress { margin: 1ex 4em 1em 2em;
  font-size: 120%; font-style: italic; 
}
P { margin: 0; }
P.in { text-indent: 2em; }
DIV.artikel H1 { margin: 0 0 1ex 0; padding: 0; font-size: 240%; }
DIV.artikel H2 { margin: 1ex 0 0 0; padding: 0; font-size: 120%; }
DIV.artikel H3 { margin: 1ex 0 0 0; padding: 0; font-size: 100%; }
STRONG.start { font-variant: small-caps; letter-spacing: 0.1em; }
ADDRESS.signatur { font-weight: bold; font-style: italic; text-align: right; 
  margin-top: 1ex; clear: both;
}

DIV.bild, P.teaser { float: right; clear: right; }
DIV.bild { padding: 1ex; width: 14em; }
DIV.bild P { font-style: oblique; }
P.teaser { font-size: 120%; font-style: italic; width: 10em; 
  text-align: center; 
}
P.center { text-align: center; text-indent: 0; margin: 1em; }

@media all {
  DIV.teaser { float: right; clear: right; max-width: 33%; }
  P.teaser, DIV.teaser { padding: 10px 15px;  margin: 1em;
    background-image: url(teaser.png);
    background-repeat: no-repeat; background-position: 0% 0%;
  }
}
SMALL { font-size: 80%; }


@media all {
  SPAN.anfang {
    font-size: 450%; float: left; line-height: 0.7;
    position: relative; top: -0.1em; margin-bottom: -0.1em;
  }
}

DIV.ruta {  margin: 1em 1ex; padding: 1ex; font-size: 80%;
  background: #eeddcc;
}

P.rykte { margin-left: 2.4ex; text-indent: -2.4ex; }