/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */


/* html Selektoren */
  body, p, h1, h2, h3, h4, h5, h6, table, td, th, li, ul, ol, a { font-family: "Arial", "Helvetica", sans-serif;
    }

  body { margin: 15px 0px 20px;
    padding: 0px;
    color: rgb(51, 51, 51);
    background-color: rgb(0, 153, 0);
    text-align: center;
    background-image: url(tile_bac_5.gif);
    }

  h1 { border-bottom: 1px solid rgb(51, 0, 0);
    font-weight: bold;
    color: rgb(0, 102, 0);
    font-size: 150%;
    }

  h2 { border-top: 1px dashed rgb(204, 0, 0);
    border-bottom: 1px dashed rgb(204, 0, 0);
    text-align: left;
    color: rgb(255, 102, 0);
    font-size: 120%;
    }

  h3 { margin: 10px 0px 5px;
    font-size: 110%;
    }

  body, p, td, a { font-size: 10pt;
    }

  li, ul, ol { font-size: 10pt;
    }

  p { text-align: justify;
    }

  a { color: rgb(255, 102, 0);
    text-decoration: none;
    }

  a:hover { text-decoration: underline;
    color: rgb(204, 0, 0);
    }

/* ID's */

  #rightarea { float: right;
    }

  #news { border: 1px solid rgb(0, 102, 0);
    padding: 5px;
    color: rgb(51, 51, 51);
    height: auto;
    background-color: rgb(255, 255, 225);
    margin-left: 15px;
    margin-bottom: 15px;
    display: block;
    width: 200px;
    }

  #feed { border: 1px solid rgb(0, 102, 0);
    padding: 5px;
    color: rgb(51, 51, 51);
    height: auto;
    background-color: rgb(255, 255, 225);
    margin-left: 15px;
    margin-bottom: 15px;
    display: block;
    width: 725px;
    }
				    
  #paypal { border: 1px solid rgb(0, 102, 0);
    padding: 5px;
    background-color: rgb(255, 255, 225);
    text-align: justify;
    width: 200px;
    margin-left: 15px;
    margin-bottom: 15px;
    display: block;
    height: auto;
    }

/*  #inhalt { border: 1px dashed rgb(204, 0, 0);
    }*/

  #archive { margin: 0px;
    padding: 0px;
    border: none;
    }

  #foot { border-top: 1px solid rgb(0, 0, 0);
/*    line-height: 13pt;*/
    font-size: 10pt;
    font-family: Arial,Helvetica,sans-serif;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 25px;
    }

  #logobox {
  }

/* Klassen */

  .hint { border: 2px dotted rgb(153, 51, 0);
    margin: 7px 20px 10px;
    padding: 7px;
    text-align: center;
    background-color: rgb(255, 153, 0);
    }

  .screenshot { text-align: center;
    }

  .command { border: 1px dotted rgb(255, 102, 0);
    margin: 5px 50px;
    padding: 2px 7px;
    background-color: rgb(255, 255, 225);
    font-family: Courier New,Courier,monospace;
    }

  .logobox { border: 1px solid rgb(0, 102, 0);
    padding: 5px;
    text-align: center;
    display: block;
    width: 200px;
    margin-left: 15px;
    margin-bottom: 15px;
    background-color: rgb(255, 255, 225);
    }

  .toc { border: 1px solid rgb(0, 102, 0);
    font-size: 100%;
    color: rgb(51, 51, 51);
    background-color: rgb(255, 255, 225);
    margin-bottom: 15px;
    float: right;
    display: block;
    width: 160px;
    margin-left: 15px;
    padding-bottom: 10px;
    }

/* Komplexe Selektoren nach Bereichen sortiert */

/* Rahmen */
  div#frame { border: 1px solid rgb(0, 102, 0);
    margin: 0px auto;
    padding: 10px;
    background-color: rgb(255, 255, 153);
    text-align: left;
    width: 800px;
    }


/* Navigations-Menü */
  div#menu ul { margin: 0pt;
    padding: 0pt;
    text-align: center;
    z-index:10000;
    }

  div#menu ul li > ul { display: none;
    }

  div#menu ul li:hover > ul { display: block;
    }

  div#menu ul a { border: 1px solid rgb(0, 102, 0);
    display: block;
    text-decoration: none;
    background-position: left top;
    color: rgb(0, 102, 0);
    background-image: url(menu_bac.gif);
    height: 20px;
    font-size: 10pt;
    }

  div#menu ul a:hover { background-position: left center;
    background-image: url(tile_bac.gif);
    }

  div#menu ul ul a { font-size: 8pt;
    height: 16px;
    padding-top: 2px;
    }

  div#menu a.activelink { background-image: url(menu_bac.gif);
    background-position: left bottom;
    }

  div#menu > div { clear: left;
    }

  div#credits li { font-size: 12pt; list-style-image: url(BongoSurfer16x16.png);
    }


/* Inhalt */
  div#inhalt ul { list-style-image: url(BongoSurfer22x22.png);
    line-height:16pt;
    } 

  div#inhalt ul ul li { list-style-image: url(BongoSurfer16x16.png);
    }

/* News */
  div#news h3 { color: rgb(0, 102, 0);
    }

  div#news ul li { font-size: 8pt;
    list-style-image: url(BongoSurfer16x16.png);
    line-height:10pt;
    margin-bottom:5px;
    }

  div#news ul li a { font-size: 8pt;
    }

  div#news li:first-line { font-size: 10pt;
    color: rgb(0, 102, 0);
    line-height:14pt;
    }

/* Kästen die Logos enthalten */
  div.logobox img { margin-top: 3px;
    margin-bottom: 3px;
    }

/* TOC - Table Of Contents */
  div.toc h3 { color: rgb(0, 102, 0);
    text-align: center;
    }

  div.toc ul li { list-style-type: none;
    list-style-image: url(none);
    line-height:120%;
    }

  div.toc li:first-line { font-size: 10pt;
    color: rgb(0, 102, 0);
    }

/* Archiv */
  div.archive > ul > li:first-line { font-size: 10pt;
    color: rgb(0, 102, 0);
    font-weight: bold;
    }

  div.toc.archive { border: 1px solid rgb(0, 102, 0);
    font-size: 100%;
    color: rgb(51, 51, 51);
    background-color: rgb(255, 255, 225);
    float: right;
    width: 110px;
    margin-left: -100px;
    display: block;
    padding-left: 0px;
    }

  div.toc.archive li:first-line { font-weight: normal;
    }

/* Pfeilesymbole für die Links/Rechts-Navigation */

  span.l_arrow a { background-image: url(left.png);
    line-height:22px;
    padding-left:25px;
    padding-right:25px;
    background-position:left;
    background-repeat:no-repeat;
    }

  span.l_arrow a:hover { background-image: url(left_hover.png);
    }

  span.r_arrow a { background-image: url(right.png);
    line-height:22px;
    padding-left:25px;
    padding-right:25px;
    background-position:right;
    background-repeat:no-repeat;
    }

  span.r_arrow a:hover { background-image: url(right_hover.png);
    }

/* Pfeilesymbole für die Up-Navigation */

  span.up_arrow a { background-image: url(up.png);
    line-height:22px;
    padding-left:25px;
    padding-right:25px;
    background-position:right;
    background-repeat:no-repeat;
    }

  span.up_arrow a:hover { background-image: url(up_hover.png);
    }