body{ overflow: auto; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.center{ text-align: center !important; }

div#container{ padding-bottom: 20px; width: 890px; position: relative; top: 60px; left: 80px;  }
div#menu{ margin-right: 10px; width: 136px; float: left; }
div#menu a{ display: block; width: 136px; height: 23px; text-decoration: none; 
background-repeat: no-repeat; background-position: 0 0; }

a{ color: black; font-weight: bold; text-decoration: underline; }

  div#menu a:hover{ background-position: 0 -23px; }

  a.button_home{ margin-bottom: 42px; background: url(/img/menu/home.gif); }
  a.active_home{ background: url(/img/menu/home_active.gif); margin-bottom: 42px; }
   
  a.button_furWen{ background: url(/img/menu/fur_wen.gif); }
  a.active_furWen{ background: url(/img/menu/fur_wen_active.gif); }
  
  a.button_test{ background: url(/img/menu/test.gif); }
  a.active_test{ background: url(/img/menu/test_active.gif); }
  
  a.button_faq{ background: url(/img/menu/faq.gif); }
  a.active_faq{ background: url(/img/menu/faq_active.gif); }
  
  a.button_reson{ background: url(/img/menu/reson.gif); }
  a.active_reson{ background: url(/img/menu/reson_active.gif); }
  
  a.button_person{ background: url(/img/menu/person.gif); }
  a.active_person{ background: url(/img/menu/person_active.gif); }
  
  a.button_kontakt{ background: url(/img/menu/kontakt.gif); }
  a.active_kontakt{ background: url(/img/menu/kontakt_active.gif); }
  
  a.button_impre{ background: url(/img/menu/impre.gif); }
  a.active_impre{ background:  url(/img/menu/impre_active.gif); }

  /* css dla images rollover */
  
  div#button{  width: 100%; }
  
  div#button a{ display: block; width: 128px; height: 134px; text-decoration: none; 
background-repeat: no-repeat; background-position: 0 0; float: left; }

  div#button a:hover{ background-position: 0 -134px; }
  
  a.button_glas{ margin-right: 8px; background: url(/img/glas.jpg); }
  a.button_mikro{ margin-right: 8px; background: url(/img/mikro.jpg); }
  a.button_stuehle{ background: url(/img/stuehle.jpg); }
  
  div#position-tests{ position: relative; top: 56px; left: 20px; }
  /* end css for images rollover */

div#center{ width: 400px; float: left; padding-bottom: 20px; }
div.background{ width: 100%; height: 422px; background-color: #e9e3c8; margin-bottom: 15px; }
div#logo{ width: 340px; height: 422px; float: left; position: relative; }
div#logo img{ position: absolute; bottom: 0px; margin: 0; }

  /* css dla testow */
  
  a.button_tests{ display: block; width: 319px; height: 44px; text-decoration: none; 
background-repeat: no-repeat; background-position: 0 0; margin-left: 15px !important; }

  a.auswertung_up{ display: block; width: 319px; height: 44px;
  text-decoration: none; background: url(/img/auswertung_up.gif) 0 0 no-repeat; 
  position: absolute; bottom: 88px; margin: 0 0 0 15px;} 
  
  a.auswertung_up:hover{ background-position: 0 -44px !important; }
  
  a.button_tests:hover{ background-position: 0 -44px !important; }
  
  a#button_test1{ background: url(/img/tests/selbsttest1.gif); }
  a#button_test2{ background: url(/img/tests/selbsttest2.gif); }
  a#button_test3{ background: url(/img/tests/selbsttest3.gif); }
  
  a.test_more1{ display: block; width: 319px; height: 44px; text-decoration: none; 
background-repeat: no-repeat; background-position: 0 0; position: absolute; bottom: 0px; margin: 0; 
background-image: url(/img/tests/more1.gif); margin-left: 15px; }

  a.test_more1:hover{ background-position: 0 -44px; }  
  
  a.test_more3{ display: block; width: 360px; height: 44px; text-decoration: none; 
background-repeat: no-repeat; background-position: 0 0; position: absolute; bottom: 0px; margin: 0; 
background-image: url(/img/tests/more3.gif);  margin-left: 15px; }

  a.test_more3:hover{ background-position: 0 -44px; }  
  
  a.test_more2{ display: block; width: 360px; height: 44px; text-decoration: none; 
background-repeat: no-repeat; background-position: 0 0; position: absolute; bottom: 0px; margin: 0; 
background-image: url(/img/tests/more2.gif);   margin-left: 15px; }

  a.test_more2:hover{ background-position: 0 -44px; }  
  
  div.test1{ position: relative;  background: url(/img/tests/show_1_3.gif); width: 100%; height: 422px; } 
  div.test2{ position: relative;  background: url(/img/tests/show_2.gif); width: 100%; height: 422px; }
  
  a.drucken_gray{ display: block; width: 319px; height: 44px; text-decoration: none; 
background-repeat: no-repeat; background-position: 0 0;  position: absolute; bottom: 0; margin: 0;  
background-image: url(/img/druken_gray.gif); margin-left: 15px; }

  a.drucken_gray:hover{ background-position: 0 -44px; }    
  
  a.zuruck{ display: block; width: 319px; height: 44px; text-decoration: none; 
background-repeat: no-repeat; background-position: 0 0;  position: absolute; bottom: 0; margin: 0;  
background-image: url(/img/zuruck.gif); margin-left: 15px; }

  a.zuruck:hover{ background-position: 0 -44px; }    
  
  a.drucken_white{ display: block; margin-top: 10px; width: 354px; height: 29px; text-decoration: none; 
background-repeat: no-repeat; background-position: 0 0;  background-image: url(/img/druken_white.gif); }

  a.drucken_white:hover{ background-position: 0 -29px; }    
  
  div.test1_morebg{ position: relative;  background: url(/img/tests/more1_bg.gif); width: 100%; height: 422px; }
  div.test2_morebg{ position: relative;  background: url(/img/tests/more2_bg.gif); width: 100%; height: 422px; }
  div.test3_morebg{ position: relative;  background: url(/img/tests/more3_bg.gif); width: 100%; height: 422px; }
  
  div.test1_morebg a{ position: absolute; bottom: 0px; margin: 0; }
  div.test2_morebg a{ position: absolute; bottom: 0px; margin: 0; }
  div.test3_morebg a{ position: absolute; bottom: 0px; margin: 0; }
  
  div.sprech1{ position: relative;  background: url(/img/sprech2.gif); width: 100%; height: 422px; }
  
  /* koniec css dla testow 
  
    css dla home */
    
   a.button_home1{ display: block; width: 298px; background-repeat: no-repeat;
   background-position: 0 0; text-decoration: none; height: 44px; 
   background-image: url(/img/home/but1.gif); }
   
   a.button_home1:hover{ background-position: 0 -44px; }
   
   a.button_home2{ display: block; width: 298px; background-repeat: no-repeat;
   background-position: 0 0; text-decoration: none; height: 70px; 
   background-image: url(/img/home/but2.gif); }
    
   a.button_home2:hover{ background-position: 0 -70px; }
   
   a.button_home3{ display: block; width: 298px; background-repeat: no-repeat;
   background-position: 0 0; text-decoration: none; height: 70px; 
   background-image: url(/img/home/but3.gif); }
    
   a.button_home3:hover{ background-position: 0 -70px; }
   
   a.button_home4{ display: block; width: 298px; background-repeat: no-repeat;
   background-position: 0 0; text-decoration: none; height: 44px; 
   background-image: url(/img/home/but4.gif); }
   
   a.button_home4:hover{ background-position: 0 -44px; }
    
  /* koniec css for home 
  
    big buttony - images */
  
  a.big_button1{ display: block; width: 400px; background-repeat: no-repeat;
   background-position: 0 0; text-decoration: none; height: 422px; 
   background-image: url(/img/banner/banner1.jpg); }
   
  a.big_button1:hover{ background-position: 0 -422px; }
  
  a.big_button2{ display: block; width: 400px; background-repeat: no-repeat;
   background-position: 0 0; text-decoration: none; height: 422px; 
   background-image: url(/img/banner/banner2.jpg); }
   
  a.big_button2:hover{ background-position: 0 -422px; }
  
  a.big_button3{ display: block; width: 400px; background-repeat: no-repeat;
   background-position: 0 0; text-decoration: none; height: 422px; 
   background-image: url(/img/banner/banner3.jpg); }
   
  a.big_button3:hover{ background-position: 0 -422px; }
  
  a.url-image img{ border: 0; }
  a.url-image{ text-decoration: none; }
  
  div#banner1_2_bg{ position: relative;  background: url(/img/banner/banner1_2.gif); width: 100%; height: 422px; }
  div#banner2_1_bg{ position: relative;  background: url(/img/banner/banner2_1.gif); width: 100%; height: 422px; }
  div#banner3_1_bg{ position: relative;  background: url(/img/banner/banner3_1.gif); width: 100%; height: 422px; }

  /*  div.test-odp{ margin-bottom: 15px !important; } */
  div.test-left{ float: left; width: 50px; }
  div.test-left input{ margin-right: 5px; float: left; }
  div.test-right{ width: 345px; float: left; }

  table.test{ font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }

  div.auswertung_bg{ position: relative;  background: url(/img/auswertung_bg.gif); width: 100%; height: 422px; }