/* dies ist eine kommentarzeile */
/* Angabe von Fontsize in ABSOLUTwerten (pt) und Angabe der Navbar Dimensionen in RELATIVwerten (em, px)geht schief! */

  body {
    height:100%; /*needed for fixed menu: set the page body to use the full height of the window (only needed for IE)*/
    margin: 0; /*needed for fixed menu: set the page body margins to zero (only needed for IE)*/
    /* scrollbar-styling from earlier versions is dropped, it's an IE only gimmick anyway */
    /*     quote: "scrollbar-face-color is not a legal style property in either CSS1 or CSS2.1." */
    /*     quote: "scrollbar-face-color is a no-go with Firefox/Mozilla/Netscape." */
    /*     quote: "1) don't mess with user's browser, 2) use standard css - scrollbar-face-color is not" */
    padding-left: 20em;
    padding-right: 2em;
    padding-top: 2em;
    font-family: Verdana, Helvetica, Geneva, Arial,
          sans-serif;
    font-size: 12px;
    color: #F5F5F5; /* almost white */
    background-color: #282828; /* dark gray, almost black */
    background-image: url("racPix/marcelloRac3Fix.jpg");
    background-attachment: fixed;
    background-position: 0% 98%;
    background-repeat: no-repeat;
    text-align: justify;  /* new 09/2016! */
    width: 70%;  /* new 09/2016! */
    margin: 60px auto;  /* new 09/2016! */
    padding: 20px auto;  /* new 09/2016! */
}

/* Comment, 04/06:                                                            */
/* The code to generate a printer-friendly page, which was here in an         */
/* earlier version has been deleted since it (unintentionally) used code      */
/* ("@media..."), which gave a garbled page under mozilla and opera.          */
/* a "printer-friendly" functionality will be generated through a             */
/* separate style-sheet                                                       */
/* used code ("@media..."), which gave a garbled page under mozilla and opera */


.fixed_menu { /* fixed menu settings */
    padding:11px;
    text-align:left;
    font-family: Verdana, Helvetica, Geneva, Arial,
          sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    padding:4px;
    margin: 4px;
    border-right: 0px;
    border-left: 0px;
    border-top: 0px;
    border-bottom: 0px;
    border-style: solid;
    border-color: gray;
    border:0px;  /* set to 1px (or whatever) if you want a border */
    list-style-type: none;
    top: 2em;
    left: 2em;
    width:15em;
    position:fixed;  /* IMPORTANT! */
}

.fixed_menu a {
     display: block; /*This puts each link in the menu on a new line, remove if you want a horizontal menu*/
}


* html .fixed_menu {position:absolute;} /*IE only change the position mode of the menu*/

 hr.hs {
   padding-right:10px;
  }

  img {
   border:none;
   vertical-align:middle
  }

  ul.navbar {
    font-family: Verdana, Helvetica, Geneva, Arial,
          sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    list-style-type: none;
    padding:4px;
    margin: 4px;
    position: absolute;
    border-right: 0px;
    border-left: 0px;
    border-top: 0px;
    border-bottom: 0px;
    border-style: solid;
    border-color: gray;
    top: 2em;
    left: 1em;
    width: 20em
  }

  ul.newP1 {
    font-family: Verdana, Helvetica, Geneva, Arial,
          sans-serif;
    font-size: 12px;
    color: #F5F5F5; /* almost white */
    background-color:  #282828; /* dark gray, almost black */
    list-style-type: none;}

  ul.newP2 {
    font-family: Verdana, Helvetica, Geneva, Arial,
          sans-serif;
    font-size: 12px;
    color: #F5F5F5; /* almost white */
    background-color:  #282828; /* dark gray, almost black */
    list-style-type: circle;}

  h1 {
    font-family: Verdana, Georgia, "Times New Roman",
          Times, serif;
    font-size: 16px}

  h2 {
    font-family: Verdana, Helvetica, Geneva, Arial,
          sans-serif;
    font-size: 12px}

  h3 {
    font-family: "Courier New",
          Courier, monospace;
    font-size: 10px}

  ul.navbar li {
    background:  #282828; /* dark gray, almost black */
    margin: 0.5em 0;
    padding: 0.3em 0;
    list-style: none;
    border-right: 0}

  ul.navbar a {
    text-decoration: none }

  a:link {
    text-decoration: none;
    color: #C0C0C0}

  a:active {
    text-decoration: none;
    color: #FF0000}

  a:visited {
    text-decoration: none;
    color: #C0C0C0}

/* The hover style is not supported by Netscape browsers prior to version 6 */
/* but since it does no harm, you can still use it */
  a:hover {
    font-weight: bold;
        font-style: italic;
    color: #FFFFFF}

  address {
    margin-top: 1em;
    padding-top: 1em;
    font-size: small;
    border-top: thin solid gray}

/*                  ... settings for user defined "disclaimer"-class*/
  p.disclaimer {
    color: #C0C0C0;
    font-family: "Courier New",
                  Courier, monospace;
    font-size:  11px}

  p.ownP1 {
    color: white;
    font-family: "Courier New",
                  Courier, monospace;
    font-size: 13px}

  div.USOrightPic {
   padding-left:25px;
   border-width: 0px;
   float: right; /* to replace your align="right" */ }

  div.rightPic {
   border-width: 2px;
   border-style: solid;
   border-color: gray;
   float: right; /* to replace your align="right" */ }

  div.leftPic {
   border-width: 2px;
   border-style: solid;
   border-color: gray;
   float: left; /* to replace your align="left" */ }

  div.arrowRPic { /* rightadjust back arrow */
   border-width: 0px;
   border-style: solid;
   border-color: gray;
   float: right;}

/*                      .......Probenplan-Table Properties */
  table.pPlan
   {text-align: center;
   font-family: Verdana, Helvetica, Geneva, Arial,
          sans-serif;
   font-weight: normal;
   font-size:  12px;
   color: #fff;
   width: 475px;
   background-color: #666;
   border: 1px #282828 solid;
   border-collapse: collapse;
   border-spacing: 0px;}

  table.pPlan th
   {background-color: #CCC;
   font-family: Verdana, Helvetica, Geneva, Arial,
          sans-serif;
   font-size: 11px;
   text-align: left;
   color: #000;
   border: 1px #282828 solid;}

  table.pPlan td
   {background-color: #CCC;
   font-family: Verdana, Helvetica, Geneva, Arial,
          sans-serif;
   color: #000;
   padding: 4px;
   text-align: left;
   font-size: 11px;
   border: 1px #282828 solid;}

  table.pPlan td.hed
   {background-color: #CCC;
   font-family: Verdana, Helvetica, Geneva, Arial,
          sans-serif;
   color:  #282828; /* dark gray, almost black */
   padding: 4px;
   text-align: center;
   border-bottom: 2px #282828 solid;
   font-size: 12px;
   font-weight: bold;}

  table.pPlan caption
   {background-color:  #282828; /* dark gray, almost black */
   text-align: center;
   font-family: Verdana, Helvetica, Geneva, Arial,
          sans-serif;
   font-size: 13px;
   color: #F5F5F5; /* almost white */
   padding: 6px;
   border-bottom: 0px #fff solid;
   font-weight: bold;}

{
        border: 0;
        margin: 0;
        padding: 0;
}

/* =Basic HTML, Non-essential
----------------------------------------------------------------------*/

a
{
        text-decoration: none;
}

body
{
        background: #282828; /* dark gray, almost black */
        color: #F5F5F5; /* almost white */
        margin: 0 auto;
        padding: 50px;
        padding-left: 100px;
        position: relative;
        width: 730px;
        height: relative;
    background-image: url("racPix/marcelloRac3Fix.jpg");
    background-attachment: fixed;
    background-position: 0% 98%;
    background-repeat: no-repeat;
}


p
{
        clear: both;
        font: 11px Verdana, sans-serif;
        padding: 20px 0;
}

p a
{
        background: inherit;
        color: #777;
}



/* =Hoverbox Code .... for Pictures
----------------------------------------------------------------------*/

.hoverbox
{
        cursor: default;
        list-style: none;
}

.hoverbox a
{
        cursor: default;
}

.hoverbox a .preview
{
        display: none;
}

.hoverbox a:hover .preview
{
        display: block;
        position: absolute;
        top: -33px;
        left: -45px;
        z-index: 1;
}

.hoverbox img
{
        background: #fff;
        border-color: #aaa #ccc #ddd #bbb;
        border-style: solid;
        border-width: 1px;
        color: inherit;
        padding: 2px;
        vertical-align: top;
        width: 200px;
        height:150px;
}

.hoverbox li
{
        background: #eee;
        border-color: #ddd #bbb #aaa #ccc;
        border-style: solid;
        border-width: 1px;
        color: inherit;
        display: inline;
        float: left;
        margin: 2px;
        padding: 2px;
        position: relative;
}

.hoverbox .preview
{
        border-color: #000;
        width: 400px;
        height: 300px;
}


/* =Hoverbox Code .... for pictures, flexible: only widths is set!
----------------------------------------------------------------------*/

.hoverbox_fixW
{
        cursor: default;
        list-style: none;
}

.hoverbox_fixW a
{
        cursor: default;
}

.hoverbox_fixW a .preview
{
        display: none;
}

.hoverbox_fixW a:hover .preview
{
        display: block;
        position: absolute;
        top: -33px;
        left: -45px;
        z-index: 1;
}

.hoverbox_fixW img
{
        background: #282828;
        border-color: #aaa #ccc #ddd #bbb;
        border-style: solid;
        border-width: 1px;
        color: inherit;
        padding: 5px;
        vertical-align: top;
        width: 200px;
        height: relative;
}

.hoverbox_fixW li
{
        background: #282828;
        border-color: #ddd #bbb #aaa #ccc;
        border-style: solid;
        border-width: 1px;
        color: inherit;
        display: inline;
        float: left;
        margin: 2px;
        padding: 2px;
        position: relative;
}

.hoverbox_fixW .preview
{
        border-color: #000;
        width: 350px;
        height: relative;
}

/* Tooltip text */
.hoverbox_fixW .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    font-family: "Courier New",
                  Courier, monospace;
    font-size:  11px;
    padding: 5px 5px;
    border-radius: 5px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

.hoverbox_fixW :hover .tooltiptext {
    visibility: visible;
}