@charset "utf-8";

/**
-------------------------------------------------------------
	Print-Stylesheet für http://paulus-sound.com/
------------------------------------------------------------- */

@page a4-hoch { size: 21cm 29.7cm }

/**
-------------------------------------------------------------
	Regeln für allgemeine Elemente
------------------------------------------------------------- */

/* Alle kritischen Werte mit 0 instanziieren */
* {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
  vertical-align: top;
}

body {
  orphans: 2;
  widows: 2;
}

/* Schriftgröße kontrollieren */
body, td, th {
  font: normal 9pt/150% Georgia, serif;
}
td, th {
  f\ont-size: 100%;
}

/* Farben setzen */
html,
body {
  color: black;
  background-color: white;
}

/* Links und Anker */
a {
  color: black;
  background-color: white;
}
a:link img, a:visited img, a:hover img, a:focus img, a:active img {
  border: 0;
}

a[href^="http://"]::after,
a[href^="https://"]::after {
  content: " [" attr(href) "]";
}


/* Überschriften */
h1, h2, h3, h4, h5, h6 {
  color: black;
  background-color: transparent;
  margin: 1.5em 0 1em 0;
  font-family: Georgia, "Times New Roman", Times, serif;
  line-height: 140%;
}
h1 {
  font-size: 1.8em;
  margin: 0 0 1em 0;
}
h2 {
  margin: 1.7em 0 1em 0;
  font-size: 1.5em;
}
h3 {
  font-size: 1.3em;
}
h4 {
  margin: 2em 0 1em 0;
  font-size: 1.2em;
}
h5, h6 {
  margin: 1.5em 0 .5em 0;
  font-size: 1.1em;
}

/* Präformatierter und Quelltext */
pre {
  font-family: "Courier New", monospace;
  line-height: 1.2;
  margin: 1.5em 0;
}
code {
  font-family: "Courier New", monospace;
  font-style: normal;
  vertical-align: baseline;
}
div.code {
  margin: 1.5em 0;
}
div.code pre {
  margin: 0;
  padding: 7px 10px;
  line-height: 1.4;
}
div.code-unterschrift {
  margin: 1.5em 0;
  border-top: 1px solid black;
}
div.code-unterschrift div.code,
div.code-unterschrift div.code pre {
  margin: 0;
}
div.code-unterschrift div.anzeigen {
  display: none;
}
div.code-unterschrift div.unterschrift {
  font-size: .9em;
  padding: 7px 10px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  line-height: 170%;
}
* html div.code-unterschrift div.unterschrift {
  border-bottom: 1px solid #9AA7AE;
}

var {
  font-family: "Courier New", monospace;
  font-style: normal;
  vertical-align: baseline;
}


/* Zitate */
blockquote {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  margin: 1em 0 2em 2em;
}
* html blockquote {
  font-style: normal;
}
#sidebar blockquote {
  margin: 1em 0 1em 0;
  font-size: 1.1em;
  line-height: 170%;
}
blockquote p {
  margin: 0;
}
blockquote p.cite,
blockquote p.cite cite {
  font-style: normal;
  text-align: right;
}


/* Abkürzungen, Akronyme und Erläuterungen */


/* Sprachauszeichnung */
span[lang] {
  font-style: italic;
}


/* Absätze */
p {
  margin: .8em 0;
}
p.illustration {
  float: left;
  padding: 0;
  margin: 5px 10px 10px 0;
  border: 1px solid black;
}
#sidebar p.illustration {
  float: none;
  padding: 1px;
  margin: 0;
  border: 1px solid black;
}


/* Bilder */
img {
  vertical-align: bottom;
  page-break-inside: avoid;
}


/* Listen */
ul, ol {
  margin-left: 2em;
}
dl {
  margin: 2em 0;
}
dt {
  margin-top: .5em;
  padding: 3px 10px;
  clear: left;
  font-weight: bold;
}
dd {
  margin: 0;
  padding: 0 0 0 30px;
}
dd p {
  margin: .4em 0;
}

/* Formulare */
form {
  display: none;
}

/* Tabellen */
th {
  font-weight: bold;
  text-align: center;
}


/* Textauszeichung */
ins {
  text-decoration: none;
  font-weight: bold;
}
dfn {
  font-style: normal;
}
kbd {
  font-family: "Courier New", monospace;
  font-size: 110%;
  font-style: normal;
}

font {
  display: none;
}

/**
-------------------------------------------------------------
	Regeln für besondere Bereiche
------------------------------------------------------------- */

#logo {
  position: absolute;
  top: 0;
  left: 0;
}

#logo * {
  margin: 0;
  padding: 0;
}

#headBg {
  display: none;
}


/** Skiplinks
------------------------------------------------------------- */
#skiplinks
  display: none;
}


/** Navigation
------------------------------------------------------------- */
#nav {
  display: none;
}



/** Ariadne-Faden
------------------------------------------------------------- */
#ariadne {
  clear: both;
  font-size: .9em;
  margin: 0 0 30px 60px;
}
#ariadne li {
  display: inline;
  list-style: none;
}
#ariadne li::before {
  content: " > ";
}

/** Content
------------------------------------------------------------- */
#content {
  margin: 0 40px 20px 60px;
}

/** News
------------------------------------------------------------- */
#news {
  /* TODO */
}

/** Boxen
------------------------------------------------------------- */
.box {
  /* TODO */
}

/** Fußzeile
------------------------------------------------------------- */
#footer {
  margin: 50px 0 0 0;
  border-top: 2px solid black;
  clear: both;
  padding: 0 15px 5px 15px;
}
#footer p {
  margin: 10px 0;
  padding: 0;
  text-align: center;
}
#footer #footerNav {
  display: none;
}

/** Randspalte
------------------------------------------------------------- */
#sidebar {
  display: none;
}


/** Teaser
------------------------------------------------------------- */
div.teasers {
  column-width: 300px;
  column-gap: 20px;
  -moz-column-width: 300px;
  -moz-column-gap: 20px;
}

div.teaser {
  /* TODO */
}


/**
-------------------------------------------------------------
	Regeln für spezielle Elemente
------------------------------------------------------------- */
.unsichtbar {
  display: none;
}

.clearLeft {
  clear: left;
}

p.more {
  text-align: right;
}
p.more a {
  background: url(/images/arrows/right.gif) left center no-repeat;
  padding: 0 0 2px 15px;
}

.jendryschik {
  font-weight: bold;
  font-style: italic;
  color: #003359;
  background-color: transparent;
}

.hinweis, .warnung, .definition {
  padding: 10px;
  margin: .3em 1em 1em 0;
  border: 1px solid black;
  line-height: 155%;
}
.hinweis, .warnung {
  float: left;
  width: 253px; /* Nicht vergrößern (800x600) */
}
.hinweis p, .warnung p, .definition p {
  margin: 0 0 1em 0;
  padding: 0;
}
.hinweis::before {
  content: "Hinweis:\A";
}
.definition::before {
  content: "Definition:\A";
}
.warnung::before {
  content: "Warnung:\A";
}

.definition pre {
  margin: 1em 0 0 0;
}

/** Favicon-Links auf der Startseite
------------------------------------------------------------- */
#faviconLinks {
  /* TODO */
}


/** Bild mit Unterschrift
------------------------------------------------------------- */
p.bild-unterschrift,
p.bild-unterschrift-rechts,
p.bild {
  float: left;
  padding: .5em;
  text-align: center;
  margin: 0 1em 1.5em 0;
  font-size: .9em;
  border: 2px solid white;
  page-break-inside: avoid;
}
p.bild-unterschrift-rechts {
  float: right;
  margin: 0 0 1.5em 1em;
}
p.bild {
  margin: 0 1em 1em 0;
  padding: .5em 0 0 0;
}
p.bild-unterschrift img,
p.bild-unterschrift-rechts img {
  margin-bottom: .5em;
}

/** Link zum Seitenanfang
------------------------------------------------------------- */
.top {
  clear: both;
}
.top * {
  display: none;
}

/** gestaltete Tabellen
------------------------------------------------------------- */
table.decoration {
  /* TODO */
}

table.data {
  caption-side: bottom;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 1em 0 .5em 0;
}
table.data td,
table.data th {
  border: 1px solid black;
  text-align: left;
  color: black;
  background-color: white;
  padding: 5px 10px;
}
table.data tbody th {
  font-weight: normal;
}
table.data caption {
  font-style: italic;
  font-weight: bold;
  text-align: left;
  margin: 0 0 1em .5em;
}


/** Sidebox
------------------------------------------------------------- */
div.sidebox {
  border: 1px dotted black;
  margin: 1.5em 0;
  padding: .5em 1em;
}
div.sidebox h3 {
  margin: 1em 0;
  padding: 0;
}


/**
-------------------------------------------------------------
	Regeln für spezielle Dokumente
------------------------------------------------------------- */

/* TODO */

/** /wsdev/einfuehrung/*
------------------------------------------------------------- */

table.selectors {
  width: 100%;
}
.selectors .selector code {
  white-space: nowrap;
  width: 20%;
}
.selectors .name {
  width: 20%;
}
.selectors .meaning {
  width: 60%;
}


table.farbnamen td {
  font-weight: bold;
}
.farbnamen td code {
  font-weight: normal;
}


dt.initial::after {
  content: " (Initialwert)";
}

dl.browser {
  margin-top: 0;
}
dl.browser dt {
  border: 0;
  line-height: 27px;
  margin: 7px 0 3px 0;
}