/*   G r u n d s t r u k t u r   */

  html {
    font:100.01% / 150% "Bitstream Vera Sans", "Lucida Grande", "Trebuchet MS",
    Verdana, Sans-Serif; background:#000; color:#aaa; padding:4em 0 2em 0;
} body {
    width:42em; padding:300px 0.5em 2em 0.5em; margin:0 auto;
    background:url("../graphiken/kanwulf") top center no-repeat;
} html > body {
    width:auto; max-width:48em; min-width:487px;
}

/*   A b s a e t z e   */

  p {
    margin:1.5em 0;
} p + p, p + p.image + p {
    text-indent:3em;
} p.Zeichen + p, p.image, p.image + p {
    text-indent:0;
} p.Zeichen {
    margin:0 0 2em 3em;
} .rechts {
    text-align:right; padding-right:3em;
} #top-border {
    border-top:1px solid #ccc; padding-top:3em; margin-top:0;
} #Fuss {
    padding:0; margin:1.5em 0; text-align:right; font-style:normal;
}

/*   Z i t a t e   */

  q {
    color:#888; font-style:oblique;
} html > body q {
    color:inherit; font-style:inherit;
} blockquote, blockquote p {
    margin:1.5em 0 0.5em 0;
} blockquote {
    padding:0 0 0 3em; color:#888;
} cite {
    font-style:normal; color:#fafafa;
}

/*   H y p e r l i n k s   */

  a:link {
    color:#ccc; text-decoration:underline;
} a:visited {
    color:#aaa;
} a:hover, a:focus {
    color:#fff;
} a:active {
    background:#fafafa; color:#000;
} a.footnote {
    text-decoration:none;
}

/*   I l l u s t r a t i o n   */

  .image {
    font-size:75%; text-align:center; float:right; margin:0 0 0.5em 0.5em;
    padding:0.5em; background:#090909; color:#888; line-height:120%;
    border:1px solid #333;
} .image a[title] {
    border:0;
} .image img {
    border:1px solid #333; margin-bottom:0.25em;
} #wanna-be-varg {
    width:219px;
} #sonja-bildschirmphoto {
    width:202px;
} #mystic-circus-t-shirt {
    width:177px;
}

/*   L i s t e n   */

  ul {
    list-style:circle outside;
} dt {
    margin:0;
} dd {
    margin:0; padding:0 0 0 3em;
} dd > p:first-child {
    margin-top:0;
}

/*   W e i t e r e   B l o c k - L e v e l - E l e m e n t e   */

  hr {
    background:url("../graphiken/rule") center no-repeat;
    padding:0; margin:2.5em 0 0 0; border:0;
}

/*   W e i t e r e   I n l i n e - L e v e l - E l e m e n t e   */

  ins {
    text-decoration:none;
} strong {
    color:#fafafa;
}

/*   U e b e r s c h r i f t e n   */

  h1 {
    margin:3em 0; font-size:1em; text-align:center; background-repeat:no-repeat;
    background-position:top center;
} h1 a {
    display:none;
} h2, h3 {
    font-size:1em; background-repeat:no-repeat; background-position:top left;
    margin:4em 0 1em 0;
} h4 {
    font:bold 1em "Bitstream Vera Sans", "Lucida Grande", "Trebuchet MS",
    Verdana, Sans-Serif; color:#fafafa; margin:1.5em 0;
} h2 a, h3 a {
    font:0.75em "Bitstream Charter", "Bitstream Vera Serif", Georgia, Serif;
    color:#555; border-top:1px dotted #333;
} h2 a:before, h3 a:before {
    content:"(";
} h2 a:after, h3 a:after {
    content:")";
} h2 > a:hover:before, h3 > a:hover:before,
  h2 > a:hover:after, h3 > a:hover:after {
    content:"";
} h2 > a:hover, h3 > a:hover {
    font-size:1em; font-family:inherit; line-height:75%; color:#aaa;
    letter-spacing:0.1em; border-top:1px solid #ccc; white-space:nowrap;
}

/*   S o n s t i g e s   */

  .hidden {
    display:none;
}

/*   G e b r o c h e n e   S c h r i f t   */

  h2 {
    padding-top:28px;
} #Hauptseite h3, #Zwiegespraech h3 {
    padding-top:18px;
} #Hauptseite-en h3 {
    padding-top:24px;
} #Hauptseite h1 {
    height:23px; background-image:url("../graphiken/ueberschriften/h1-hauptseite");
} #Zwiegespraech h1 {
    height:49px; background-image:url("../graphiken/ueberschriften/h1-interview");
} #Video h1 {
    height:23px; background-image:url("../graphiken/ueberschriften/h1-talkshow");
} #Hauptseite-en h1 {
    background-image:url("../graphiken/ueberschriften/h1-hauptseite-en");
    height:27px;
} #Video-en h1 {
    background-image:url("../graphiken/ueberschriften/h1-talkshow-en");
    height:27px;
} #Vorrede {
    background-image:url("../graphiken/ueberschriften/h2-vorrede");
} #Foreword {
    background-image:url("../graphiken/ueberschriften/h2-vorrede-en");
} #Uebersicht {
    background-image:url("../graphiken/ueberschriften/h2-luegen");
} #Overview {
    background-image:url("../graphiken/ueberschriften/h2-luegen-en");
} #Schlusswort {
    background-image:url("../graphiken/ueberschriften/h2-schlusswort");
} #Closing-Words {
    background-image:url("../graphiken/ueberschriften/h2-schlusswort-en");
} #Info {
    background-image:url("../graphiken/ueberschriften/h2-info");
} #Hauptseite-en #Info {
    background-image:url("../graphiken/ueberschriften/h2-info-en");
} #Siehe {
    background-image:url("../graphiken/ueberschriften/h2-siehe-auch");
} #Einleitung {
    background-image:url("../graphiken/ueberschriften/h2-geist");
} #Jahreszahlen {
    background-image:url("../graphiken/ueberschriften/h3-daten");
} #Release-Dates {
    background-image:url("../graphiken/ueberschriften/h3-daten-en");
} #Vikernes {
    background-image:url("../graphiken/ueberschriften/h3-vikernes");
} #Hauptseite-en #Vikernes {
    background-image:url("../graphiken/ueberschriften/h3-vikernes-en");
} #Sonja {
    background-image:url("../graphiken/ueberschriften/h3-sonja");
} #Hauptseite-en #Sonja {
    background-image:url("../graphiken/ueberschriften/h3-sonja-en");
} #Darken {
    background-image:url("../graphiken/ueberschriften/h3-darken");
} #Hauptseite-en #Darken {
    background-image:url("../graphiken/ueberschriften/h3-darken-en");
} #Kultbands {
    background-image:url("../graphiken/ueberschriften/h3-kultbands");
} #Cult-Acts {
    background-image:url("../graphiken/ueberschriften/h3-kultbands-en");
} #Kleinkriege {
    background-image:url("../graphiken/ueberschriften/h3-kleinkrieg");
} #Bashing {
    background-image:url("../graphiken/ueberschriften/h3-kleinkrieg-en");
} #Eternity {
    background-image:url("../graphiken/ueberschriften/h3-eternity");
} #Hauptseite-en #Eternity {
    background-image:url("../graphiken/ueberschriften/h3-eternity-en");
} #Chronik {
    background-image:url("../graphiken/ueberschriften/h3-chronik");
} #Interview {
    background-image:url("../graphiken/ueberschriften/h3-interview");
}
