/*
        File:           gesundes-nordic-walking.css
        Project:        Gesundes Nordic Walking
        Description:    Single Cascading Style Sheet
                        Works with ALL browsers (inc Netscape 4). Based
        Authors:        Uwe Olschewski
        $Revision: 1.1 $
*/


<style type="text/css">
body {
    font: normal 100.01% Helvetica, Arial, sans-serif;
    color: black; background-color: #ffc800;
    margin-top: 0px;
    padding: 0;
    overflow: auto;
  }

  div#Top  {
    position: absolute; 
    z-index: 3;
    widht: 800px;
    max-widht: 800px;
    margin-left: 10%;
    margin-right: 10%;
    text-align: center;
    margin-top: 0px;
    padding: 0px;
    top: 0px;
    background-image: url(images/background.jpg);
    border-top: 3px outset #f9f2ac;
    border-left: 3px outset #f9f2ac;
    border-right: 3px outset #f9f2ac;
    overflow:visible;
  }

  div#Hintergrund  {
    position: absolute;
    z-index: 0;
    widht: 100%;
    left: 0px;
    top: 0px;
    height: 110%;
    background-color: #ffffff;
  }

  div#Hintergrundtext  {
    position: absolute;
    z-index: 0;
    widht: 100%;
    left: 0px;
    top: 0px; 
    height: 110%;
    background-color: #ffffff;
}

  div#Content  {
    position: absolute;
    z-index: 2:
    widht: 80%;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 120px;
    padding: 10px;
    background-image: url(images/background.jpg);
    border-left: 3px outset #f9f2ac;
    border-right: 3px outset #f9f2ac;
    border-bottom: 3px outset #f9f2ac;
    font: normal 100.01% Helvetica, Arial, sans-serif; font-weight: normal; font-size: 12pt;
  }

  div#Content h1 {
    font: normal 100.01% Helvetica, Arial, sans-serif; 
    font-weight: bold; 
    font-size: 16pt;
    font-style: italic;
    text-align: center;
  }
      
    
  ul#Navigation {
    margin: 0; padding: 0;
    text-align: center;
  }

  ul#Navigation li {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin: 0.0em; padding: 0;
  }
  * html ul#Navigation li {  /* Korrektur fuer den IE 5 und 6 */
    margin-bottom: -0.0em;
  }
  *:first-child+html ul#Navigation li {  /* Korrektur fuer den IE 7 */
    margin-bottom: -0.0em;
  }

  ul#Navigation li ul {
    margin: 0; padding: 0;
    position: absolute;
    top: 1.9em; left: -0.0em;
    display: none;  /* Unternavigation ausblenden */
  }
  * html ul#Navigation li ul {  /* Korrektur fuer IE 5.x */
    left: -0.4em;
    lef\t: -0.0em;
  }
  *:first-child+html ul#Navigation ul {  /* Workaround fuer den IE 7 */
    padding-bottom:0.0em;
  }
  ul#Navigation li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
  }
  ul#Navigation li ul li {
    float: none;
    display: block;
    background-image: url(images/Tube-button.jpg);
  }

  ul#Navigation a, ul#Navigation span {
    display: block;
    width: 121px;  /* Breite den in li enthaltenen Elementen zuweisen */
    height: 21px;  /* Breite den in li enthaltenen Elementen zuweisen */
    padding-top: 10px;
    padding-left: 1em;
    padding-botton: 0px;
    text-decoration: none; 
    font: normal 100.01% Helvetica, Arial, sans-serif; font-weight: normal; font-size: 9pt;
    background-image: url(images/Tube-button.jpg);
    border: none;
    border-left-color: white; border-top-color: white;
    color: white; 
  }
  * html ul#Navigation a, * html ul#Navigation span {
    width: 133px;   /* Breite nach altem MS-Boxmodell für IE 5.x */
    height: 32px;
    w\idth: 133px;  /* korrekte Breite fuer den IE 6 im standardkonformen Modus */
    height: 32px;
  }
  ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
    border-color: white;
    padding-top: 10px;
    padding-left:  1em;
    padding-botton: 0px;
    border-left-color: black; border-top-color: black;
    color: #ffc800; 
  }
  li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
    color: #ffc800;
  }
  ul#Navigation li ul span {  /* aktuelle Unterseite kennzeichnen */
    background-color: white;
  }

  table#news {
    margin-left: 0%; padding: 1em;
  }
  table#news span, table#news td {
    vertical-align:middle;
    margin: 0.0em; padding-bottom: 2em;
    text-decoration: none; font: normal 100.01% Helvetica, Arial, sans-serif; font-weight: normal; font-size: 9pt;  
  }

  table#news span {
    background-image: url(images/logo-xxs.gif);
  }