/* page structure */

body {
  background-color: #000;
}

div.all {
  display: table;
  width: 100%;
  background-color: #000;
}

div.top {
  width: 100%;
  background-color: #000;
}

div.left {
  display: table-cell;
  width: 200px;
  background-color: #ccc;
  padding: 0.5em;
}

div.right {
  display: table-cell;
  right:0;
  background-color: #fff;
  padding:0.5em;
}

/*Articles*/
h1 {font-size:180%; text-decoration: underline ; font-family: sans-serif;}
h2 {font-size:160%; font-family: sans-serif;}
h3 {font-size:130%; font-style: italic;  font-family: sans-serif;}
h4 {font-size:110%; font-style: italic; font-family: sans-serif; }
p.subtitle {font-style:italic;font-family: sans-serif;}
p.note {font-style:italic;font-size:75%;font-family: sans-serif;color:#666;}
* {
  text-align:justify;
  font-family: serif;
}
a {text-decoration: none; }
a:hover {text-decoration: underline;}
tt {font-family: monospace;background-color:#f0f0f0;}

p.footnote {
  font-family: serif;
  text-align:justify;
  font-size:75%;
  color:#555;
  margin-left: 20%;
  margin-right: 5%;
}
p.footnote a {
  color:#c4c;
  font-weight:bold;
}
table {
  border-width:1;
  border-style:solid;
  border-collapse: collapse;
}

td {
  padding:1mm;
  border-width: 1;
  border-style: solid;
  border-collapse: collapse;
}

pre {
  background-color:#f0f0f0;
  border-style:dashed;
  border-width:1;
  margin:5mm;
  margin-right:20mm;
  padding:1mm;
  font-family: monospace;
}

div.illustrate {
  float: right;
  border-width:1;
  border-style:solid;
  border-color:#ccc;
  margin:3mm;
  padding:1mm;
  font-size:50%;
  color:#555;
}

/* Menu, Left */
div.left * { font-family: sans-serif; }
ul.left {
  /*list-style-type: none;*/
  list-style-image: url(/http/silmor.de/files/menu-li.png);
  list-style-position: inside;
  padding-left: .5em;
  padding-top: 0px;
}
ul.left li {
  padding-top: 5px;
  text-align: left;
  font-family: sans-serif;
}