body       {font-family: "Verdana", "Tahoma", "Arial", "Helvetica", sans-serif;
            font-size: small;
            color: navy;
            scrollbar-face-color:#DCDCDC;
            scrollbar-highlight-color:#FFFFFF;
            scrollbar-3dlight-color:#DCDCDC;
            scrollbar-darkshadow-color:#000080;
            scrollbar-shadow-color:#808080;
            scrollbar-arrow-color:#0000FF;
            scrollbar-track-color:#DCDCDC;}
a:link, a:visited           {text-decoration: none;
                             color: blue;}
a:focus, a:hover, a:active  {text-decoration: none; outline:1px solid navy;
                             background-color: #dcdcdc;}
a:focus img, a:active img {outline:2px solid navy;}

img.icon {width:16px; height:16px; vertical-align:middle;}

/* nur für den Bildschirm Link-Icons hinzufügen */
@media screen {
  a[href ^="http://"] {background: url(external.gif) center right no-repeat;
                       padding-right: 13px;}
  a:focus[href ^="http://"], a:hover[href ^="http://"], a:active[href ^="http://"]
                      {background: #dcdcdc url(external.gif) center right no-repeat;
                       padding-right: 13px;}
  a[href ^="mailto:"] {background: url(mail_icon.gif) center right no-repeat;
                       padding-right: 17px;}
  a:focus[href ^="mailto:"], a:hover[href ^="mailto:"], a:active[href ^="mailto:"]
                      {background: #dcdcdc url(mail_icon.gif) center right no-repeat;
                       padding-right: 17px;}
  a[href $=".pdf"]    {background: url(pdf-icon.gif) center right no-repeat;
                       padding-right: 20px;}
  a:focus[href $=".pdf"], a:hover[href $=".pdf"], a:active[href $=".pdf"]
                      {background: #dcdcdc url(pdf-icon.gif) center right no-repeat;
                       padding-right: 20px;}
  a[href $=".doc"]    {background: url(doc-icon.gif) center right no-repeat;
                       padding-right: 20px;}
  a:focus[href $=".doc"], a:hover[href $=".doc"], a:active[href $=".doc"]
                      {background: #dcdcdc url(doc-icon.gif) center right no-repeat;
                       padding-right: 20px;}
  a[href $=".rtf"]    {background: url(rtf-icon.gif) center right no-repeat;
                       padding-right: 20px;}
  a:focus[href $=".rtf"], a:hover[href $=".rtf"], a:active[href $=".rtf"]
                      {background: #dcdcdc url(rtf-icon.gif) center right no-repeat;
                       padding-right: 20px;}
  a[href $=".zip"]    {background: url(zip-icon.gif) center right no-repeat;
                       padding-right: 20px;}
  a:focus[href $=".zip"], a:hover[href $=".zip"], a:active[href $=".zip"]
                      {background: #dcdcdc url(zip-icon.gif) center right no-repeat;
                       padding-right: 20px;}
  a[href $=".odt"]    {background: url(odt-icon.gif) center right no-repeat;
                       padding-right: 20px;}
  a:focus[href $=".odt"], a:hover[href $=".odt"], a:active[href $=".odt"]
                      {background: #dcdcdc url(odt-icon.gif) center right no-repeat;
                       padding-right: 20px;}
}

.grau a:focus, .grau a:hover, .grau a:active 
                      {background-color: #ffffff;}


/* Hierfür müsste man erst die Fußzeilen ausschließen:
a[href ^="#"] {background: url(chapter.gif) center right no-repeat;
                     padding-right: 13px;}
*/

ul         {list-style-type: disc}
.sans      {font-family: "Verdana", "Tahoma", "Arial", "Helvetica", sans-serif;}
.serif     {font-family: "Georgia", "Garamond", "Baskerville", "Times New Roman", serif;}
.lit       {margin-top: 0em;}
sup        {font-size: x-small;}

.greyframe {  border: #dcdcdc; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;}
.underrule {  border-color: black black #000066; border-bottom-width: thin;}
.grau      {background-color: #dcdcdc;}
.lightborder {  border: 1px #eeeeee solid;}
.grauborder {background-color: #dcdcdc; border: 1px #eeeeee solid;}

/* Hier stehen Modifikationen für die Druckausgabe */

@media print {
  body             {color:black;
                    font-family: "Garamond", "Times New Roman", "Times", serif; font-size: 13px;
                    margin-left:0px; margin-right:0px;}
  a, a:hover       {text-decoration: none; font-weight: bold; color: #888888;
                    background-image: none; padding-right: 0px;}
  a[href^="http://"]:after {content: " <" attr(href) "> "; font-size: 90%; font-weight: normal;}
  a[href^="/"]:after {content: " <http://www.daniel.buncic.de" attr(href) "> "; font-size: 90%; font-weight: normal;}
}