/*@media screen, projection { */

p#top {
  position            : absolute;
  top                 : -2em;
  left                : -2em;
  height              : 0px;
  overflow            : hidden;
  font-size           : 0px;
}

@media screen {
html {
  background-color    : #AAF;
  margin              : 0px;
  padding             : 1em;
  font-family         : Fixedsys, monospace;
  font-size           : 20px;
}



p {
  margin              : 0px;
  padding             : 0px;
  border              : none;
}

body, head:before, head:after, body:before, title {
  display : block;
  margin              : 0px auto;
  padding             : 0px;
  background-color    : #252879;
  color               : #87C;
  max-width           : 40em;
}

head:before {
  content : "*** Website for 8 bit computers ***";
  text-align   : center;
  padding      : 0.5em 0px;
}
head:after {
  content : "READY."
}
body:before {
  padding-top : 0.5em;
  content : "RUN";
}

title:before {
  content: 'LOAD "';
}
title:after {
  content: '",8,1\ALOADING';
}


em, strong {
  color               : #FF0;
  font-weight         : normal;
  font-style          : normal;
}

a, a:link, a:active {
  color               : white;
  padding             : 0px;
  text-decoration     : underline;
}

a.offsite:before {
  content             : "\2197";
} 

a:hover {
  color               : #0A0; 
}

a[hreflang]:after {
  content             : " [" attr(hreflang) "]"; 
  font-size           : smaller;
  font-weight         : 300;
  text-decoration     : none;
}

div.menu {
  padding             : 5px;
  margin              : 0px;
  background-color    : brown;
  color               : yellow;
}

div.menu dl.update {
  margin              : 1ex 0px;
  padding             : 0px 1ex 1ex 1ex;
  font-size           : 90%;
}

dl.update dd, dl.update dt {
  display : inline;
}

dl.update dt:before {
  display : block;
  height  : 1px;
  content : " ";
}

div.menu dd {
  margin-left         : 1ex;
  text-indent         : 0px;
}

div.menu hr {
  display             : none;
}


img {
  border              : 2px solid #999900;
  margin              : 0px;
  padding             : 0px;
}

img.bg {
  padding             : 2px;
}

a img  {
  border              : 2px solid #2222FF !important;
  padding             : 0px;
  background-image    : none;
}

a img:hover {
  border-color        : #0A0 !important;
}

img.flag {
  border              : none; 
  padding             : 1px;
  margin              : 1px;
}


div#content p {
  margin              : 0px 0px 2ex 0px;
  padding             : 0px 1em;
}

div#content p.navbar { 
  padding             : 4px 0px 4px 22px;
  color               : white;
  text-indent         : 0px;
  text-align          : left;
  border-bottom       : 2px solid white;
  background-color    : green;
}

div#content p.impressum {
  font-size           : 90%;
  margin              : 0px;
  padding             : 1ex 1em;
  color               : gray;
  border-top          : 4px dashed #AAF;
  clear               : both;
}

p.badges {
  padding             : 0px;
  margin              : 0px;
  float               : right;
  width               : 80px;
  text-align          : center;
  vertical-align      : middle;
  border              : 2px dotted #FF0000;
  background-color    : #FFFFFF;
}

div#content p.sitenav {
  margin              : 0px 0px 1ex 0px;
  padding             : 2px 3px;
  text-align          : right;
  background-color    : inherit; 
  color               : #FF2222;
  border-bottom       : 2px solid #6C5EB5;
  clear               : both;
}

p.sitenav a, p.sitenav a:visited, p.sitenav a:active  {
  text-decoration     : underline;
}

p.sitenav a:hover {
  text-decoration     : none;
  background-color    : inherit;
}

h1, h2, h3 {
  font-variant        : small-caps;
  background-color    : yellow;
  text-align          : left;
  text-decoration     : none;
  color               : #000000;
  margin              : 0px 0px 1em 0px;
  padding             : 2px;
}

h1 {
  font-size           : 1.4em;
  padding-left        : 1ex;
}

h2 {
  font-size           : 1.4em;
  padding-left        : 2em;
}

h3 {
  font-size           : 1.2em;
  text-align          : right;
  margin-left         : 3em;
}

h4, h5, h6 {
  margin-left         : 15em;
  background-color    : #E8E8BB;
  font-size           : 1em;
  text-align          : right;
}

h2.head, h3.head, h4.head, h5.head, h6.head {
  margin              : 5px 1em 2px 10px;
  font-size           : 1em;
  padding             : 5px;
  float               : right;
  clear               : right;
  width               : 35%;
  background-color    : #EEE;
  color               : black;
}

h4.head, h5.head, h6.head {
  /* inherits from above! */
  font-weight         : normal;
  text-align          : right;
  width               : 25%;
  text-decoration     : none;
}

div#content .fright {
  border-left         : 2px solid #86C;
  border-bottom       : 2px solid #86C; 
  margin              : 0px 0px 1ex 1ex;
  padding-top         : 0px;
  float               : right;
  clear               : right;
  text-indent         : 0px;
}

div#content img.fright {
  border              : 2px solid #999900;
}


div#content .fleft {
  margin              : 0px 1ex 1ex 0px;
  padding             : 0px;
  float               : left;
  text-indent         : 0px;
}

*[title] {
  border-bottom       : 1px dotted green;
  cursor              : help;
}
li[title]:after {
  content             : " [" attr(title) "]";
  font-size           : smaller;
  font-weight         : lighter;
}

}
















/*
 MEDIA_PRINT
*/
@media print {
html {
  margin              : 0px;
  padding             : 0px;
}

body {
  font-family         : Arial, sans-serif;
  font-size           : 10pt;
  margin              : 0px;
  padding             : 0px;
  background-image    : none;
  background          : transparent;
  max-width           : 100%;
  width               : auto;
}

hr {
  width               : 1px;
  margin              : 0px;
  border              : 0px solid #FFE;
  clear               : both;
  background-color    : #FFE;
  color               : #FFE;
}

p {
  padding             : 0px;
  margin              : 0px;
}

a, a:link, a:active {
  color               : blue;
  text-decoration     : underline;
}

table {
  border              : none;
  margin              : 0px;
}

td {
  border              : 1px solid black;
}

th {
  border              : 1px solid black;
  text-align          : left;
  font-weight         : bold;
  vertical-align      : top;
}

thead td {
  font-family         : "Courier New", Courier, serif;
  font-weight         : bold;
  text-align          : center;
}

pre {
  border-left         : dotted 2px gray;
  border-top          : dotted 2px gray;
  white-space         : pre;
  margin              : 2em;
  padding             : 5px 1em;
}

blockquote {
  font-family         : "Bookman Old Style", serif;
  border-left         : dotted 2px gray;
  border-right        : dotted 2px gray;
  white-space         : pre;
  display             : block;
  margin              : 2em;
  padding             : 5px 1em;
  font-style          : italic;
}

blockquote pre {
  font-family         : inherit;
  border              : none;
  margin              : 0px;
  padding             : 0px;
}

ul {
  margin              : 8px 2em;
  padding             : 0px;
}

li {
  margin              : 1px 0px;
  list-style-position : inside;
  padding             : 0.5ex 0.5em 0.5ex 1em;
}

dl {
  margin              : 0px 0px 0px 1em;
  padding-left        : 1em;
}

dt {
  text-decoration     : underline;
  margin-top          : 0.5ex;
}

dd {
  text-indent         : 0px;
  margin-left         : 1em;
}

div.menu {
  display             : none;
}

div#content {
  margin-left         : 1em;
  padding             : 0px;
}

div#content img {
  border              : 1px solid black;
  margin              : 0px;
  padding             :0px;
}

div#content a img {
  border              : 2px solid blue;
}

div#content p {
  margin              : 0ex 0px 1em 0px;
  padding             : 0px 0.2em;
  text-indent         : 2em;
  text-align          : left;
}

div#content p.navbar {
  display             : none;
}

div#content p.impressum {
  margin              : 2ex 0px;
  padding             : 1em;
  font-size           : 10pt;
  border-top          : 1px solid black;
  border-bottom       : double black;
  text-indent         : 0px;
  text-align          : center;
  clear               : both;
}

p.impressum a {
  color               : blue;
}

div#content p.sitenav {
  display: none;
}

div#content p.fright {
  float               : right;
  clear               : right;
  text-indent         : 0em;
}

div#content .fleft {
  float               : left;
  clear               : left;
  text-indent         : 0em;
}

/* andere */
h1, h2 {
  font-family         : Helvetica, sans-serif;
  text-align          : center;
  text-decoration     : none;
  color               : black;
  margin              : 0px;
  padding             : 2px;
}

h1 {
  border              : double #000000;
}

h2 {
  border              : 1px solid #000000;
}


h3, h4, h5, h6 {
  font-family         : Helvetica, sans-serif;
  border-bottom       : 1px solid #000000;
  text-align          : right;
  text-decoration     : none;
}

h2.head, h3.head, h4.head, h5.head, h6.head {
  margin              : 0px 0px 2px 10px;
  font-size           : 1em;
  padding             : 5px;
  float               : right;
  clear               : right;
  width               : 35%;
  border              : 1pt inset black;
}

h4.head, h5.head, h6.head {
  /* inherits from above! */
  border              : 1px inset black;
  font-weight         : normal;
  text-align          : right;
  width               : 25%;
  text-decoration     : none;
}


}

/*** imported from menu.css ***/


.hnav {
  padding             : 2px 5px;
  text-decoration     : none;
} 

a.hnav, a.hnav:active, a.hnav:visited {
  color               : #FFE;
  padding             : 2px 5px;
}

a.hnav:hover {
  color               : #FFE;
  background-color    : #555;
  text-decoration     : none;
}


ul.submenu {
  background-color    : gray;
  margin              : 1ex 1em;
  padding             : 2px;
}

ul.submenu li {
  list-style-type     : none;
  padding-left        : 1px;
  padding-top         : 0px;
  border              : none;
}

ul.submenu li img {
  border              : none;
  margin-right        : 0.5em;
}