body       {font-family: "Verdana", "Tahoma", "Arial", "Helvetica", sans-serif;
            font-size: small;
            color: #000000;}
a:link, a:visited           {text-decoration: none;
                             color: #006600;}
a:focus, a:hover, a:active  {text-decoration: none; outline:1px solid #006600;
                             background-color: #bbbbbb;}
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;}
.grau        {background-color: #dcdcdc;}
.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;}
.lightborder {border: 1px #eeeeee solid;}
.name        {font-variant: small-caps;}
table.pretty td {background-color: #dcdcdc; vertical-align:top;}

input:focus {border: 2px solid #006600;}

/* 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: #bbbbbb url(external.gif) center right no-repeat;
                       padding-right: 13px;}
  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: #bbbbbb url(pdf-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: #bbbbbb url(rtf-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: #bbbbbb url(doc-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: #bbbbbb url(odt-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: #bbbbbb url(zip-icon.gif) center right no-repeat;
                       padding-right: 20px;}
  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: #bbbbbb url(mail_icon.gif) center right no-repeat;
                       padding-right: 17px;}
}

/* Hier stehen Modifikationen für die Druckausgabe */
@media print {
  body             {color:black;
                    font-family: "Garamond", "Times New Roman", "Times", serif; font-size: 13px;}
  a:link, a:visited, a:focus, a:hover, a:active {text-decoration: none; font-weight: bold; color: #888888; background:#ffffff;}
  a[href^="http://"]:after {content: " <" attr(href) "> "; font-size: 90%; font-weight: normal;}
  a[href^="/"]:after {content: " <http://www.suedslavistik-online.de" attr(href) "> "; font-size: 90%; font-weight: normal;}
  a[href^="mailto:"]:after {content: " <" attr(href) "> "; font-size: 90%; font-weight: normal;}
  a.explicit[href^="http://"]:after {content: "";}
  a.explicit[href^="mailto:"]:after {content: "";}
  a.explicit[href^="/"]:after {content: "";}
}
