
    body 
        {
         background-color:#FFFFFF;
         background:url(../pics/grau_.jpg) 0 170px repeat-x;
         margin:0;
         padding:0;
         border:0px dotted #FF6666;
        } 
/*ohne Untermenues*/
  a.link:link,
  a.link:visited   {text-decoration:none; margin:auto 25px auto 25px; font:700 11pt arial; color:#666666; border:0px dotted #999999}
  a.link:hover     {text-decoration:none; margin:auto 25px auto 25px; font:700 11pt arial; color:#CCFFCC; border:0px dotted #999999}

  a.linkon:link,
  a.linkon:visited {text-decoration:none; margin:auto 25px auto 25px; font:700 11pt arial; color:#CCFFCC; border:0px dotted #CCCCCC}
  a.linkon:hover   {text-decoration:none; margin:auto 25px auto 25px; font:700 11pt arial; color:#CCFFCC; border:0px dotted #CCCCCC}

  a.info:link,
  a.info:visited {text-decoration:none; margin:25px auto auto 0; font:700 10pt arial; color:#AAFFAA; width:75px; display:block; border:0px dotted #999999}
  a.info:hover   {text-decoration:none; margin:25px auto auto 0; font:700 10pt arial; color:#999999; width:75px; display:block; border:0px dotted #999999}

  a.back:link,
  a.back:visited  {text-decoration:none; margin:15px auto auto 0; font:500 10pt arial; width:150px; display:block; color:#99FF99; border:0px dotted #999999}
  a.back:hover    {text-decoration:none; margin:15px auto auto 0; font:500 10pt arial; width:150px; display:block; color:#999999; border:0px dotted #999999}

  a.real:link,
  a.real:visited {text-decoration:none;      margin:50px auto auto auto; text-align:center; letter-spacing:.06125em; font:10pt arial; color:#999999; width:225px; display:block; border:0px dotted #999999}
  a.real:hover   {text-decoration:underline; margin:50px auto auto auto; text-align:center; letter-spacing:.06125em; font:10pt arial; color:#CCFFCC; width:225px; display:block; border:0px dotted #999999}

  a.mail:link,
  a.mail:visited {text-decoration:underline; margin:50px auto auto 0; text-align:left; letter-spacing:0.1em; font:8pt arial; color:#999999;                width:100px; display:block; border:0px dotted #999999}
  a.mail:hover   {text-decoration:underline; margin:50px auto auto 0; text-align:left; letter-spacing:0.1em; font:8pt arial; color:#CCFFCC; color:#777777; width:100px; display:block; border:0px dotted #999999}

  a.copy:link,
  a.copy:visited  {text-decoration:none; margin:5px auto 25px 0; font:700 10pt arial; color:#99FF99; width:125px; display_:block; border:0px dotted #999999}
  a.copy:hover    {text-decoration:none; margin:5px auto 25px 0; font:700 10pt arial; color:#CCCCCC; width:125px; display:block; border:0px dotted #666666}

  a.key:link,  /*** angebot*/
  a.key:visited  {text-decoration:none; margin:50px auto auto auto; font:7pt arial; color:#DDDDDD; text-align:left; width:75px; display:block; border:0px dotted #666666}
  a.key:hover    {text-decoration:none; margin:50px auto auto auto; font:7pt arial; color:#AAAAAA; text-align:left; width:75px; display:block; border:0px dotted #666666}


 .content   /***  chekk  ***/
        {
         margin:0 auto auto auto;
         padding:0;
         height:auto;
         width:900px;
         border:0px dotted #FF9999;
        }
    .www
        {
         background:url(../pics/bg_keys3_75-25.jpg);
         padding-top:55px;
         text-align:center;
         letter-spacing:0.5em;
         font:500 40pt arial;
         color:#CCFFCC;
         margin:auto;
         height:115px;
         width:900px;
         border:0px dotted #999999;
        }

/***** menu ohne Untermenues*/
    .links
        {
         background:url(../pics/bg_keys3_25-25.jpg) 0 -170px no-repeat;
         margin:auto;
         margin:auto auto 150px auto;
         padding:2.5px 0 2.5px 0;
         text-align:right;
         height:auto;
         height:20px;
         width:900px;
         border:0px dotted #999999;
        }

/* mit Untermenues
  #links ul li a:link,
  #links ul li a:visited        {text-decoration:none; margin:auto; padding:2.5px 0 0 7.5px; font:900 11pt arial; color:#666666; _width:100px; height:22.5px; display:block; border:0px dotted #999999}
  #links ul li a:hover          {text-decoration:none; margin:auto; padding:2.5px 0 0 7.5px; font:900 11pt arial; color:#CCFFCC; _width:100px; height:22.5px; display:block; border:0px dotted #999999}

  #links ul li a.linkon:link,
  #links ul li a.linkon:visited,
  #links ul li a.linkon:hover   {#CCFFCC 0 -170px no-repeat; text-decoration:none; margin:auto; padding:2.5px 0 0 0; font:900 12pt arial; color:#CCFFCC; display:block; border:0px dotted #999999}

  #links ul ul li a:link,
  #links ul ul li a:visited     {background-color:#DDFFDD; text-decoration:none; margin:auto; padding_:2.5px 0 0 15px; font:10pt/1.5em arial; color:#999999; height_:22.5px; width:106.5px; display:block; border-top:1px solid #DDDDDD}
  #links ul ul li a:hover       {background-color:#EEFFEE; text-decoration:none; margin:auto; padding_:2.5px 0 0 15px; font:10pt/1.5em arial; color:#333333; height_:22.5px; width:106.5px; display:block; border-top:1px solid #DDDDDD}

  #links
        {
         background:url(../pics/bg_keys3_25-25.jpg) #CCFFCC 0 -170px no-repeat;
         margin:0;
         padding:0;
         height:25px;       /* opera, saf,.. für anzeige bg_pic, ie wenn hover - s. hidden
         width:900px;
        _overflow:hidden;   /* ie nächstes element -ul- ist block
         border:0px dotted #99FF99;
        }
  #links ul
        {
         float:right;
         margin:0;
         padding:0;
         list-style:none;
         width:100px;       /* ie ohne angabe kein floating
         border:0px dotted #FF9999;
        }
  #links ul li
        {
         position:relative;
         margin:0;
         padding:0;
        border:0px dotted #666666;
        }
  #links ul ul
        {
         display:none;
         position:absolute;
         top:auto; /* top wg hover ul li, oder height ul li angeben
         left:0;
         margin:0;
         padding:0;
         border:0px dotted #FF9999;
        }
  #links ul ul li
        {
         margin:0;
         padding:0;
         border:0px dotted #FF6666;
        }
  #links ul li:hover ul
        {
         display:block;
        }
***** menu ende*/


    .fly
        {
         display_:none; /***** wenn ein: margin-top, höhe anpassen *****/
         margin_:50px auto auto 0;
         height:auto;
         width:16px;
         border:0px dotted #99CC99;
        }
    .col        /***** angebot real*/
        {
         margin:50px auto auto auto;
         margin:75px auto auto auto;
         background:url(../pics/grau_.jpg) transparent repeat-x;
         background:url(../pics/grau.jpg) rgb(241, 241, 241) repeat-x;
         padding:0;
         height:475px;
         width:425px;
         overflow:hidden;
         scrollbar-base-color:#CCCCCC;
         scrollbar-track-color:#EFFFEF;
         scrollbar-arrow-color:#CCFFCC;
             scrollbar-face-color:;
             scrollbar-shadow-color:;
             scrollbar-darkshadow-color:;
             scrollbar-3dlight-color:;
             scrollbar-highlight-color:;
          border:0px dotted #999999;
        }
    .block      /***** angebot real*/
        {
         background-color:transparent;
         margin:auto;
         padding:0 25px 0 25px;
         text-align:left;
         font:10pt arial;
         color:#666666;
         height:475px;
         width:375px;
         border:0px dotted #FF9999;
        }
    .keyw
        {
         margin:auto auto 25px 0;
         padding-top_:25px;
         letter-spacing:0.25em;
         font:500 17pt arial;
         color:#AAFFAA;
         height:auto;
         width:150px;
         border:0px dotted #999999;
        }
    .font13,
    .font15
        {
         margin:5px auto auto auto;
         letter-spacing:0;
         font:700 13pt arial;
         color:#999999;
         width:275px;
         border:0px dotted #666666;
        }
    .font15
        {
         font:700 15pt arial;
        }
   .img_real
        {
         display:block;
         margin:auto auto 15px auto;
         height:auto;
         width:225px;
         border:1px solid #CCCCCC;
        }
    .html_only
        {
         display:none;
         border:0px dotted #999999;
        }
