/* body {background-color:#40c0c0; color:#000000; font-family:'Helvetica';} */
@media screen {
  *.desc { background-color:#E0E0FF; }
  *.data{ letter-spacing:0px; }
  input.number { border:0pt }
  input.text { text-align:left; border:0pt }
  td{border-width:1px; border-color:black;font-family:'Helvetica';}
  td.grade {text-align:right; vertical-align:top; color:red; font-weight:bold;}
  td.number {text-align:right;vertical-align:top; color:black;}
  td.exercise {text-align:left;vertical-align:top}

  div.extra {margin: 5em 5em 10em 5em; padding: 10px;
             color: black; font-family: Arial, sans-serif; 
             border: solid #444488;}
  div.extra img {border-width: 0px}
  
/*  body {position: relative; margin: 0; padding: 0;} */

  code, pre {color: #446; font-family: monospace;}
  code {font-size: 110%;}

  body {background: white url(images/logo_OvG.png) 0 0 no-repeat fixed; background-position: center}

  h1.header {font: bold 250% serif; vertical-align: middle; text-align: center;
    color: red; font-style: italic; letter-spacing: 0.2em;}

  h1 { font: bold 200% serif; vertical-align: middle; text-align: center;
    color: red; font-style: italic; letter-spacing: 0.1em;}
  h2 { font: bold 150% serif; vertical-align: middle; text-align: center;
       color: red; font-style: italic; letter-spacing: 0.1em;}
  hr{color:#444488}
  dt {font-weight: bold;}
  dd {margin-bottom: 0.66em;}

  div.content {margin: 5em 5em 5em 5em; padding: 10px;
    color: black; font-family: Arial, sans-serif; border: solid #444488;}
  div.content p {margin: 0 1em 1em; padding: 0; line-height: 1.3;}
  div.content a:link {color: black;}
  div.content a:visited {color: purple;}
  div.content a:link:hover {color: red;}
  div.content a:visited:hover {color: maroon;}
  div.content {background: white url(images/logo_OvG2.png) 0 0 no-repeat fixed;background-position: center  }
}