
 /* Cascading-Style-Sheet "Link-Sign", Bildschirmausgabe     */
 /* http://Coding.binon.net/Link-Sign                        */

 body.Content      { background-color:#EEEEEE; color:#000000; margin-left:20px; margin-right:20px; margin-top:20px; margin-bottom:20px; }

 /* Link-Kennzeichnung Bildschirm/Papier                     */
 .onScreen         { display:inline; }
 .onPaper          { display:none; }

 /* Allgemeines Aussehen der Links                           */
 a:link            { color:#DD0000; font-style:normal; font-weight:bold; text-decoration:none; }
 a:visited         { color:#990000; font-style:normal; font-weight:bold; text-decoration:none; }
 a:active          { color:#000000; text-decoration:none; }
 a:focus           { text-decoration:underline; }
 a:hover           { text-decoration:underline; }

 /* Link-Icons nach CSS Version 2 (Pseudoklasse :before)     */
 a.css:before      { content:url(img/css.gif); border:0px; }
 a.dhtml:before    { content:url(img/dhtml.gif); border:0px; }
 a.html:before     { content:url(img/html.gif); border:0px; }
 a.gfabas:before   { content:url(img/gfabas.gif); border:0px; }
 a.jscript:before  { content:url(img/jscript.gif); border:0px; }
 a.server:before   { content:url(img/server.gif); border:0px; }
 a.file:before     { content:url(img/file.gif); border:0px; }
 a.de:before       { content:url(img/de.gif); border:0px; }
 a.en:before       { content:url(img/en.gif); border:0px; }
 a.mail:before     { content:url(img/mail.gif); border:0px; }

 a.blue:link       { color:#cc0000; background-color:#cccccc; font-style:normal; text-decoration:none; }
 a.blue:visited    { color:#cc0000; background-color:#cccccc; font-style:normal; text-decoration:none; }
 a.blue:active     { color:#cc0000; background-color:#cccccc; text-decoration:none; }
 a.blue:focus      { color:#cc0000; background-color:#cccccc; text-decoration:none; }
 a.blue:hover      { color:#cc0000; background-color:#cccccc; text-decoration:none; }
 

 /* Nicht fuer alten Navigator */
 @media screen {
  a.violet:link    { padding-left:0.2em; padding-right:0.2em; }
  a.violet:visited { padding-left:0.2em; padding-right:0.2em; }
  a.violet:active  { padding-left:0.2em; padding-right:0.2em; }
  a.violet:focus   { padding-left:0.2em; padding-right:0.2em; }
  a.violet:hover   { padding-left:0.2em; padding-right:0.2em; }
  a.pink:link      { padding-left:0.2em; padding-right:0.2em; }
  a.pink:visited   { padding-left:0.2em; padding-right:0.2em; }
  a.pink:active    { padding-left:0.2em; padding-right:0.2em; }
  a.pink:focus     { padding-left:0.2em; padding-right:0.2em; }
  a.pink:hover     { padding-left:0.2em; padding-right:0.2em; }
  a.blue:link      { padding-left:0.2em; padding-right:0.2em; }
  a.blue:visited   { padding-left:0.2em; padding-right:0.2em; }
  a.blue:active    { padding-left:0.2em; padding-right:0.2em; }
  a.blue:focus     { padding-left:0.2em; padding-right:0.2em; }
  a.blue:hover     { padding-left:0.2em; padding-right:0.2em; }
  a.azure:link     { padding-left:0.2em; padding-right:0.2em; }
  a.azure:visited  { padding-left:0.2em; padding-right:0.2em; }
  a.azure:active   { padding-left:0.2em; padding-right:0.2em; }
  a.azure:focus    { padding-left:0.2em; padding-right:0.2em; }
  a.azure:hover    { padding-left:0.2em; padding-right:0.2em; }
  a.green:link     { padding-left:0.2em; padding-right:0.2em; }
  a.green:visited  { padding-left:0.2em; padding-right:0.2em; }
  a.green:active   { padding-left:0.2em; padding-right:0.2em; }
  a.green:focus    { padding-left:0.2em; padding-right:0.2em; }
  a.green:hover    { padding-left:0.2em; padding-right:0.2em; }
  a.yellow:link    { padding-left:0.2em; padding-right:0.2em; }
  a.yellow:visited { padding-left:0.2em; padding-right:0.2em; }
  a.yellow:active  { padding-left:0.2em; padding-right:0.2em; }
  a.yellow:focus   { padding-left:0.2em; padding-right:0.2em; }
  a.yellow:hover   { padding-left:0.2em; padding-right:0.2em; }
  a.orange:link    { padding-left:0.2em; padding-right:0.2em; }
  a.orange:visited { padding-left:0.2em; padding-right:0.2em; }
  a.orange:active  { padding-left:0.2em; padding-right:0.2em; }
  a.orange:focus   { padding-left:0.2em; padding-right:0.2em; }
  a.orange:hover   { padding-left:0.2em; padding-right:0.2em; }
 }
