/* ======== styleya ======== */
/* ======== espresso stazione ======== */



      body        { background-image:url(./sys/bg4.gif);
                   background-repeat:repeat;
                   font-family:verdana, sans-serif;
                  font-size:9pt;
                   font-weight:normal;
                   line-height:1.6;
                  color:#422B1E;
                   margin:0px 0px;
                   padding:0px 0px; }

      #topbalken        { position:relative;
                        top:0px;
                   left:0px;
                        width:900px;
                    height:75px;
                   margin:0px 0px;
                   padding:0px 0px;
                   border:0px solid #422B1E;
                   background-image:url(./sys/topbalken3.gif);
                   background-repeat:no-repeat; }

      #logo        { position:relative;
                        top:4px;
                   left:360px;
                        width:200px;
                    height:71px;
                   margin:0px 0px;
                   padding:0px 0px;
                   border:0px solid #422B1E;
                   background-image:url(./sys/logo.gif);
                   background-repeat:no-repeat; }

     #head        { position:relative;
                   left:0px;
                        width:900px;
                    height:333px;
                   margin:0px 0px;
                   padding:0px 0px;
                   border-right:0px solid silver;
                   background-image:url(./sys/pic.jpg);
                   background-repeat:no-repeat;}

     #head_em        { position:relative;
                   left:0px;
                        width:900px;
                    height:333px;
                   margin:0px 0px;
                   padding:0px 0px;
                   border-right:0px solid silver;
                   background-image:url(./sys/bg_em4.jpg);
                   background-repeat:no-repeat;}

      #pflanze        { position:relative;
                        top:-225px;
                   left:0px;
                        width:126px;
                    height:191px;
                   margin:0px 0px;
                   padding:0px 0px;
                   border-right:0px solid silver;
                   background-image:url(./sys/pflanze2.gif);
                   background-repeat:no-repeat; }

     #tablett        { position:relative;
                        padding-top:5px;
                   left:0px;
                        width:900px;
                   border-right:0px solid silver;
                   background-color:white; }

     #screen        { position:relative;
                       min-height:270px;
                   height:auto !important;  /* für moderne Browser */
                   height:270px;  /*für den IE */
                   left:330px;
                        width:560px;
                   margin:0px 0px;
                   padding-bottom:10px;
                   border:0px solid silver;
                   background-color:white; }

     #recht        { position:absolute;
                        top:60px;
                   left:600px;
                        width:290px;
                    height:255px;
                   margin:0px 0px;
                   padding:0px 0px;
                   border:0px solid silver;
                   background-color:white;
                   font-size:7pt; }

     #menue        { position:absolute;
                        top:400px;
                   left:84px;
                   margin:0px 0px;
                   padding:0px 0px;
                   border:0px solid silver;
                   background-color:white;}

     #footer        { position:relative;
                        width:900px;
                    height:40px;
                   margin:0px 0px;
                   padding:0px 0px;
                   border-right:0px solid silver;
                   background-color:#422B1E; }

     a                { text-decoration:none;
                   font-family:verdana, sans-serif;
                  font-size:9pt;
                   font-weight:normal;
                  color:#964826; }

     a:hover        { font-weight:normal;
                    color:#964826;
                   text-decoration:underline; }

     img                { border:0px; }


     .ueberschrift        { margin-left:320px;
                               margin-top:37px; }

     .es                        { font-family:verdana, courier new;
                               font-weight:bold;
                               /* color:#BD0318; */ }

     .album                { position:relative;
                               top:20px;
                           left:45px;
                           width:500px;
                           height:150px;
                           padding:1px;
                               border:0px solid silver; }

     .border                { border:1px solid silver; }

     .weiter                { position:relativ;
                           padding-top:10px;
                               font-size:7pt;
                               padding-left:230px; }

     .bold                { font-weight:bold; }

     .italic                { font-style:italic; }

     .seitenzahl                { font-weight:bold; }

     a.seitenzahl        { font-size:7pt;
                               font-weight:bold; }

     a:hover.seitenzahl  { font-size:7pt;
                               font-weight:bold; }

     .litverz                { margin-top:5px;
                               margin-bottom:5px; }




/* Menü-Navigation */

  .bar { margin-top:0px; }
  .bar a { background: url(./sys/nav_bar_act.gif) no-repeat; width:73px; display:block; }
  .bar img { width:73px; height:15px; border:0; display:block; }
  .bar a:hover img { visibility: hidden; display:block; }
  .bar a:hover { /* Workaround fuer IE 5.5 und 6 */ border:0; display:block; }
  * html .bar a { margin-right:1px; }
  * html .bar a:hover { width:74px; margin-right:0; /* Workaround fuer IE 5.01 */ }

  .angebot { margin-top:7px; }
  .angebot a { background: url(./sys/nav_angebot_act.gif) no-repeat; width:113px; display:block; }
  .angebot img { width:113px; height:15px; border:0; display:block; }
  .angebot a:hover img { visibility: hidden; display:block; }
  .angebot a:hover { /* Workaround fuer IE 5.5 und 6 */ border:0; display:block; }
  * html .angebot a { margin-right:1px; }
  * html .angebot a:hover { width:114px; margin-right:0; /* Workaround fuer IE 5.01 */ }

  .kaffee { margin-top:7px; }
  .kaffee a { background: url(./sys/nav_kaffee_act.gif) no-repeat; width:177px; display:block; }
  .kaffee img { width:177px; height:15px; border:0; display:block; }
  .kaffee a:hover img { visibility: hidden; display:block; }
  .kaffee a:hover { /* Workaround fuer IE 5.5 und 6 */ border:0; display:block; }
  * html .kaffee a { margin-right:1px; }
  * html .kaffee a:hover { width:178px; margin-right:0; /* Workaround fuer IE 5.01 */ }

  .tostino { margin-top:7px; }
  .tostino a { background: url(./sys/nav_tostino_act.gif) no-repeat; width:154px; display:block; }
  .tostino img { width:154px; height:15px; border:0; display:block; }
  .tostino a:hover img { visibility: hidden; display:block; }
  .tostino a:hover { /* Workaround fuer IE 5.5 und 6 */ border:0; display:block; }
  * html .tostino a { margin-right:1px; }
  * html .tostino a:hover { width:155px; margin-right:0; /* Workaround fuer IE 5.01 */ }

  .kunst { margin-top:7px; }
  .kunst a { background: url(./sys/nav_kunst_act.gif) no-repeat; width:150px; display:block; }
  .kunst img { width:150px; height:15px; border:0; display:block; }
  .kunst a:hover img { visibility: hidden; display:block; }
  .kunst a:hover { /* Workaround fuer IE 5.5 und 6 */ border:0; display:block; }
  * html .kunst a { margin-right:1px; }
  * html .kunst a:hover { width:151px; margin-right:0; /* Workaround fuer IE 5.01 */ }

  .baristakurs { margin-top:7px; }
  .baristakurs a { background: url(./sys/nav_baristakurs_act.gif) no-repeat; width:167px; display:block; }
  .baristakurs img { width:167px; height:15px; border:0; display:block; }
  .baristakurs a:hover img { visibility: hidden; display:block; }
  .baristakurs a:hover { /* Workaround fuer IE 5.5 und 6 */ border:0; display:block; }
  * html .baristakurs a { margin-right:1px; }
  * html .baristakurs a:hover { width:168px; margin-right:0; /* Workaround fuer IE 5.01 */ }

  .em { margin-top:7px; }
  .em a { background: url(./sys/nav_em_act.gif) no-repeat; width:143px; display:block; }
  .em img { width:143px; height:15px; border:0; display:block; }
  .em a:hover img { visibility: hidden; display:block; }
  .em a:hover { /* Workaround fuer IE 5.5 und 6 */ border:0; display:block; }
  * html .em a { margin-right:1px; }
  * html .em a:hover { width:144px; margin-right:0; /* Workaround fuer IE 5.01 */ }










/* Footer Links */

  .kontakt        { float:right;
                       margin-top:14px;
                   margin-right:7px; }
  .kontakt a { background: url(./sys/kontakt_act.gif) no-repeat; width:39px; display:block; }
  .kontakt img { width:39px; height:8px; border:0; display:block; }
  .kontakt a:hover img { visibility: hidden; display:block; }
  .kontakt a:hover { /* Workaround fuer IE 5.5 und 6 */ border:0; display:block; }
  * html .kontakt a { margin-right:1px; }
  * html .kontakt a:hover { width:40px; margin-right:0; /* Workaround fuer IE 5.01 */ }

  .impressum        { float:right;
                       margin-top:14px;
                   margin-right:10px; }
  .impressum a { background: url(./sys/impressum_act.gif) no-repeat; width:47px; display:block; }
  .impressum img { width:47px; height:8px; border:0; display:block; }
  .impressum a:hover img { visibility: hidden; display:block; }
  .impressumt a:hover { /* Workaround fuer IE 5.5 und 6 */ border:0; display:block; }
  * html .impressum a { margin-right:1px; }
  * html .impressum a:hover { width:48px; margin-right:0; /* Workaround fuer IE 5.01 */ }


/* Weitere Links */