/*	******************************
	BeZeT - Biuro Zaopatrzenia Technicznego
  layout.css - struktura witryny
	autor: Piotr Delawski
	******************************	*/
  
/* ****************************** */
/* Common styles
/* ****************************** */
  #intro,
  #content,
  #footer {
    width: 100%; min-width: 750px;
    text-align: center;
  }
  #intro .inner,
  #content .inner,
  #footer .inner {
    width: 750px;
    margin: 0 auto;
    text-align: left;
  }
  #intro .rcol,
  #content .lcol {
    float: left; position: relative;
    width: 500px;
  }
  
  #intro .lcol,
  #content .rcol {
    float: left; position: relative;
    width: 250px;
  }
  
  #page-home #content .rcol {
    width: 500px;
  }
  #page-home #content .lcol {
    width: 250px;
  }
  
  .button {
    text-align: center;
  }
  .button a {
    display: block;
    margin: 0.14em auto 0;
    text-indent: -9999px;
  }
  .button a:link, .button a:visited {
    background-position: 0 0;
  }
  
  .large-button {
    margin: 1.79em 0 0; padding: 0;
  }
  .large-button p {
    margin: 0; padding: 0;
  }
  .large-button a {
    display: block;
    margin: 0; padding: 0;
    text-indent: -9999px;
  }
  
/* ****************************** */
/* Sidebox
/* ****************************** */
  .sidebox {
    position: relative;
    background: #0495d4 url(../images/layout/bg_sidebox.gif) repeat-x top;
    color: #f7f7f0;
    margin: 2.79em 5px 0; padding-bottom: 10px;
    border: 1px solid #02577e;
  }
  #page-home #content .sidebox .lcol {
    width: 25%;
    margin-top: 3.29em;
  }
  #page-home #content .sidebox .rcol {
    width: 74.99%;
    margin-top: 2.29em;
  }
  
  .sidebox p,
  .sidebox ul  {
    padding-left: 10px; padding-right: 10px;
  }
  
/* ****************************** */
/* Branding
/* ****************************** */
  #branding {
    background: #f6f6f0 url(../images/layout/bg_branding.gif) repeat-x top;
    width: 100%; min-width: 750px;
    text-align: center;
    border-bottom: 1px solid #ffffff;
  }
  #branding h1 {
    width: 722px;
    margin: 0 auto; padding: 14px 0 5px;
    font-size: 10%; text-align: left;
  }
  #branding h1 a {
    display: block;
    background: url(../images/layout/h1_branding.gif) no-repeat;
    width: 350px; height: 79px;
    text-indent: -9999px;
  }
  
/* ****************************** */
/* Navbar
/* ****************************** */
  #nav {
    background: #191919 url(../images/layout/bg_footer.gif) repeat-x top;
    width: 100%; min-width: 750px;
    text-align: center;
    border-bottom: 1px solid #000000;
  }
  #nav ul {
    background: url(../images/layout/ul_nav.gif) no-repeat;
    width: 710px; height: 46px;
    margin: 0 auto; padding: 0;
    text-align: left;
  }
  #nav ul li {
    float: left;
    padding: 0;
  }
  #nav ul li a {
    display: block;
    background: url(../images/layout/ul_nav.gif) no-repeat;
    height: 46px;
    text-indent: -9999px;
  }
    #nav-about a { width: 84px; }
    #nav-about a:link, #nav-about a:visited { background-position: 0 0; }
    #nav-about a:hover, #nav-about a:focus,
      #page-o-firmie #nav-about a { background-position: 0 -46px; }
    
    #nav-products a { width: 224px; }
    #nav-products a:link, #nav-products a:visited { background-position: -84px 0; }
    #nav-products a:hover, #nav-products a:focus,
      #page-oferta #nav-products a { background-position: -84px -46px; }
    
    #nav-schmersal a { width: 219px; }
    #nav-schmersal a:link, #nav-schmersal a:visited { background-position: -308px 0; }
    #nav-schmersal a:hover, #nav-schmersal a:focus,
      #page-schmersal #nav-schmersal a { background-position: -308px -46px; }
    
    #nav-contact a { width: 145px; }
    #nav-contact a:link, #nav-contact a:visited { background-position: -527px 0; }
    #nav-contact a:hover, #nav-contact a:focus,
      #page-kontakt #nav-contact a { background-position: -527px -46px; }

/* ****************************** */
/* Intro
/* ****************************** */
  #intro {
    background: #0495d4 url(../images/layout/bg_intro.gif) repeat-x top;
    color: #f7f7f0;
    padding: 1.71em 0 1.14em;
    border-bottom: 1px solid #024c71;
  }
  
  #intro h3 {
    color: #ffd940;
    margin: 1.33em 10px 0.50em;
  }
  #intro h4 {
    display: none;
  }
  #intro p {
    padding-left: 20px; padding-right: 20px;
  }
  
  #intro a#wiecej-o-naszej-firmie {
    background: url(../images/layout/a_wiecej-o-naszej-firmie.gif) no-repeat 0 0;
    width: 150px; height: 28px;
  }
  #intro a#wiecej-o-naszej-firmie:hover, #intro a#wiecej-o-naszej-firmie:focus {
    background-position: 0 -28px;
  }

  /* *** Homepage *** */
  #page-home #intro {
    padding: 0;
  }
  #page-home #intro .rcol ul {
    width: 480px; height: 213px;
    margin: 0 auto; padding: 0;
  }
  #page-home #intro .rcol ul li {
    margin: 12px 0; padding: 0;
  }
  #page-home #intro .rcol ul li a {
    display: block;
    width: 480px; height: 189px;
    text-indent: -9999px;
  }
  
  #page-home #intro h3,
  #page-o-firmie #intro h3 {
    background: transparent url(../images/layout/h3_o-hurtowni.gif) no-repeat;
    width: 166px; height: 25px;
    margin-top: 1.25em; margin-bottom: 0.17em;
    text-indent: -9999px;
  }
  #page-home #intro_oferta-oprawy { background: #191919 url(../images/layout/li_intro_oprawy.jpg) no-repeat; display: none; }
  #page-home #intro_oferta-przewody { background: #191919 url(../images/layout/li_intro_przewody.jpg) no-repeat; display: none; }
  #page-home #intro_oferta-schmersal { background: #191919 url(../images/layout/li_intro_schmersal.jpg) no-repeat; display: none; }
  #page-home #intro_oferta { background: #191919 url(../images/layout/li_intro_oferta.jpg) no-repeat; }
  #page-home #intro_oferta-aparatura { background: #191919 url(../images/layout/li_intro_aparatura.jpg) no-repeat; display: none; }
  
  /* *** O firmie *** */
  #page-o-firmie #intro .inner {
    background: transparent url(../images/layout/bg_intro_2-1cols.gif) repeat-y;
  }
  #page-o-firmie #intro .lcol {
    width: 500px;
  }
  #page-o-firmie #intro .rcol {
    width: 250px;
  }
  #page-o-firmie #intro h3 {
    margin-top: 0; margin-bottom: 0.17em;
  }
  #page-o-firmie #intro .rcol p {
    padding: 0; margin: 10px 5px;
  }
  #page-o-firmie #intro .rcol a {
    display: block;
    background:transparent url(../images/layout/h4_schmersal.gif) no-repeat center center;
    width: 237px; height: 70px;
    text-indent: -9999px;
  }
  
  /* *** Schmersal *** */
  #page-schmersal #intro .inner {
    background: transparent url(../images/layout/bg_intro_3cols.gif) repeat-y;
  }
  #page-schmersal #intro p {
    padding-top: 0.57em;
  }
  #page-schmersal #intro .lcol {
    width: 500px;
  }
  #page-schmersal #intro .lcol p {
    background:transparent url(../images/layout/h4_schmersal.gif) no-repeat 10px center;
    padding-left: 270px;
  }
  #page-schmersal #intro .rcol {
    width: 250px;
  }
  #page-schmersal #intro h3 {
    float: left;
    text-indent: -9999px;
  }
  
  /* *** Oferta *** */
  #page-oferta #intro .inner {
    background: transparent url(../images/layout/bg_intro_2-1cols.gif) repeat-y;
  }
  #page-oferta #intro .lcol  {
    width: 500px;
  }
  #page-oferta #intro h3 {
    background: transparent url(../images/layout/h3_oferta-produktow.gif) no-repeat;
    width: 353px; height: 26px;
    margin-top: 0; margin-bottom: 0.17em;
    text-indent: -9999px;
  }
  #page-oferta #intro .rcol {
    width: 250px;
  }
  #page-oferta #intro #schmersal-small {
     margin-left: 18px; margin-top: -0.64em; padding: 0;
  }
  #page-oferta #intro #schmersal-small a {
    display: block;
    background: transparent url(../images/layout/a_schmersal-small.png) no-repeat;
    width: 232px; height: 55px;
    margin-top: 0;
    text-indent: -9999px;
  }
  #page-oferta #intro ul {
    margin-left: 10px;
  }
  #page-oferta #intro ul a:link, #page-oferta #intro ul a:visited {
    color: #ffffff;
  }
  #page-oferta #intro ul a:hover, #page-oferta #intro ul a:focus {
    color: #fff799;
  }
  
  /* *** Kontakt *** */
  #page-kontakt #intro li {
    background-image: none;
    padding-left: 0; padding-top: 0.27em; padding-bottom: 0.27em;
    border-bottom: 1px solid #4fb3dd;
  }
  #page-kontakt #intro li.address1,
  #page-kontakt #intro li.phone,
  #page-kontakt #intro li.nip {
    padding-bottom: 0;
    border-bottom: none;
  }
  #page-kontakt #intro h3 {
    background: transparent url(../images/layout/h3_kontakt.gif) no-repeat;
    width: 169px; height: 49px;
    margin-top: 0; margin-bottom: 0.17em;
    text-indent: -9999px;
  }
  #page-kontakt #intro iframe {
    border: 1px solid #036691;
  }

/* ****************************** */
/* Content
/* ****************************** */
  #content {
    background: #f7f7f0 url(../images/layout/bg_content.gif) repeat-x top;
    color: #191919;
    padding: 0.86em 0 1.71em;
    border-bottom: 1px solid #ffffff;
  }
  #page-home #content .lcol {
    margin-top: 1.14em;
  }
  #page-oferta #intro .rcol {
    width: 250px;
  }
  
  /* *** Left column - Homepage *** */
  #page-home h4#produkty-elektrotechniczne {
    background: transparent url(../images/layout/h4_produkty-elektrotechnicz.gif) no-repeat;
    width: 222px; height: 20px;
    text-indent: -9999px;
  }
  #page-home a#pelna-oferta-produktow {
    background: url(../images/layout/a_pelna-oferta-produktow.gif) no-repeat 0 0;
    width: 167px; height: 30px;
  }
  #page-home a#pelna-oferta-produktow:hover, #page-home a#pelna-oferta-produktow:focus {
    background-position: 0 -30px;
  }
  
  /* *** Left column - O firmie *** */
  #page-o-firmie #content .lcol h4 {
    width: 441px; height: 20px;
    text-indent: -9999px;
  }
  #page-o-firmie h4#ofirmie-bezet {
    background: transparent url(../images/layout/h4_ofirmie-bezet.gif) no-repeat;
  }
  #page-o-firmie h4#ofirmie-schmersal {
    background: transparent url(../images/layout/h4_ofirmie-schmersal.gif) no-repeat;
  }
  
  /* *** Left column - Oferta *** */
  #oferta-introduction h4 {
    background: url(../images/layout/h4_lista-producentow.gif) no-repeat 0 0;
    width: 290px; height: 20px;
    text-indent: -9999px;
  }
  #oferta-list {
    clear: both;
    margin: 0.57em 10px; padding: 0;
    border-top: 1px solid #e1e1da;
  }
  #oferta-list li.oferta-item {
    position: relative; clear: both; overflow: hidden;
    background-image: none;
    margin: 8px 0; padding-left: 115px;
    border-bottom: 1px solid #e1e1da;
  }
  #oferta-list li.oferta-item img {
    float: left;
    margin: 0; margin-left: -115px;
  }
  #oferta-list li.oferta-item h6 {
    margin-top: 0;
  }
  
  /* *** Left column - Schmersal *** */
  .javascript #bezpieczenstwo-maszyn-introduction,
  .javascript #automatyka-przemyslowa-introduction {
    float: left;
    color: #898987;
    width: 250px;
    margin: 1.14em 0 0;
  }
  .javascript #automatyka-przemyslowa-introduction {
    width: 249px;
    border-left: 1px solid #e3e3de;
  }
  #bezpieczenstwo-maszyn-introduction h4 {
    background: url(../images/layout/h4_bezpieczenstwo-maszyn.png) no-repeat 0 0;
    width: 192px; height: 21px;
    text-indent: -9999px;
  }
  #automatyka-przemyslowa-introduction h4 {
    background: url(../images/layout/h4_automatyka-przemyslowa.png) no-repeat 0 0;
    width: 209px; height: 21px;
    text-indent: -9999px;
  }
  #bezpieczenstwo-maszyn-introduction.active,
  #automatyka-przemyslowa-introduction.active,
  #bezpieczenstwo-maszyn-introduction.hover,
  #automatyka-przemyslowa-introduction.hover {
    color: #111b22;
  }
  .javascript #bezpieczenstwo-maszyn-introduction h4,
  .javascript #automatyka-przemyslowa-introduction h4 {
    background-position: 0 -21px;
  }
  #bezpieczenstwo-maszyn-introduction.active h4,
  #automatyka-przemyslowa-introduction.active h4,
  #bezpieczenstwo-maszyn-introduction.hover h4,
  #automatyka-przemyslowa-introduction.hover h4 {
    background-position: 0 0;
  }
  #bezpieczenstwo-maszyn-introduction a,
  #automatyka-przemyslowa-introduction a {
    display: block;
    background: url(../images/layout/bg_button_wiecej.png) no-repeat 0 0;
    width: 77px; height: 30px;
    text-indent: -9999px;
  }
  #bezpieczenstwo-maszyn-introduction.hover .button a,
  #automatyka-przemyslowa-introduction.hover .button a {
    background-position: 0 -30px;
  }
  
  .javascript #arrow {
    clear: both;
    background: url(../images/layout/schmersal_intro_arrow.png) no-repeat 25% bottom;
    width: 99%; height: 15px;
    margin: 0; padding: 0;
  }
  .javascript #arrow.right {
    background-position: 75% bottom;
  }
  
  #bezpieczenstwo-maszyn,
  #automatyka-przemyslowa {
    clear: both;
    width: 500px;
    background: #ffffff url(../images/layout/bg_inner-content.png) no-repeat bottom center;
    margin: 1.14em 0;
  }
  .javascript #bezpieczenstwo-maszyn,
  .javascript #automatyka-przemyslowa {
    margin-top: 0;
  }
  #bezpieczenstwo-maszyn h5,
  #automatyka-przemyslowa h5 {
    margin: 0; padding: 0.40em 10px 0.30em;
  }
  #bezpieczenstwo-maszyn ul,
  #automatyka-przemyslowa ul {
    clear: both;
    padding-left: 0; padding-right: 0;
  }
  #bezpieczenstwo-maszyn li,
  #automatyka-przemyslowa li {
    position: relative;
    background-image: none;
    /*margin: 8px 10px;*/ padding-left: 125px;
    border-bottom: 1px solid #e1e1da;
  }
  #bezpieczenstwo-maszyn li p,
  #automatyka-przemyslowa li p {
    clear: both;
    padding-right: 10px;
  }
  #bezpieczenstwo-maszyn li p.types,
  #automatyka-przemyslowa li p.types {
    color: #898987;
  }

  #bezpieczenstwo-maszyn .schmersal-links /*ul ul*/,
  #automatyka-przemyslowa .schmersal-links /*ul ul*/ {
    padding: 0 10px 0 20px;
  }
  #bezpieczenstwo-maszyn .schmersal-links li /*li li*/,
  #automatyka-przemyslowa .schmersal-links li /*li li*/ {
    position: relative;
    background: none;
    margin: 0; padding: 0 0 0.57em;
    font-size: 0.79em;
    border: 0;
  }
  
  #bezpieczenstwo-maszyn .first,
  #automatyka-przemyslowa .first  {
    background: transparent url(../images/layout/top_inner-content.gif) no-repeat top center;
    padding-top: 0.80em;
  }
  #bezpieczenstwo-maszyn ul.first {
    position: relative;
    background: transparent url(../images/layout/top_schmersal_add-menu.png) no-repeat left top;
    width: 500px;
    margin: 0; padding: 13px 10px 0;
  }
  #bezpieczenstwo-maszyn ul.first li {
    display: block; float: left; position: relative;
    background-image: none;
    width: 80px; height: 102px;
    margin: 0; padding: 0;
    border: 0;
  }
  #bezpieczenstwo-maszyn ul.first li.active {
    background: transparent url(../images/layout/ul_schmersal_add-menu-arrow.png) no-repeat center 74px;
  }
  
  #bezpieczenstwo-maszyn ul.first li a {
    display: block;
    background: transparent url(../images/layout/ul_schmersal_add-menu.png) no-repeat;
    width: 80px; height: 71px;
    margin: 0; padding: 0;
  }

  #bezpieczenstwo-maszyn li #a-shbezA { background-position: 0 0; }
  #bezpieczenstwo-maszyn li.active #a-shbezA,
  #bezpieczenstwo-maszyn li.hover #a-shbezA { background-position: 0 -71px; }

  #bezpieczenstwo-maszyn li #a-shbezB { background-position: -80px 0; }
  #bezpieczenstwo-maszyn li.active #a-shbezB,
  #bezpieczenstwo-maszyn li.hover #a-shbezB { background-position: -80px -71px; }

  #bezpieczenstwo-maszyn li #a-shbezC { background-position: -160px 0; }
  #bezpieczenstwo-maszyn li.active #a-shbezC,
  #bezpieczenstwo-maszyn li.hover #a-shbezC { background-position: -160px -71px; }

  #bezpieczenstwo-maszyn li #a-shbezD { background-position: -240px 0; }
  #bezpieczenstwo-maszyn li.active #a-shbezD,
  #bezpieczenstwo-maszyn li.hover #a-shbezD { background-position: -240px -71px; }
  
  #bezpieczenstwo-maszyn li #a-shbezE { background-position: -320px 0; }
  #bezpieczenstwo-maszyn li.active #a-shbezE,
  #bezpieczenstwo-maszyn li.hover #a-shbezE { background-position: -320px -71px; }
  
  #bezpieczenstwo-maszyn li #a-shbezF { background-position: -400px 0; }
  #bezpieczenstwo-maszyn li.active #a-shbezF,
  #bezpieczenstwo-maszyn li.hover #a-shbezF { background-position: -400px -71px; }
  
  
  /* *** Left column - Kontakt *** */
  h4#osoby-kontaktowe {
    clear: both;
    background: transparent url(../images/layout/h4_osoby-kontaktowe.gif) no-repeat;
    width: 148px; height: 20px;
    text-indent: -9999px;
  }
  h4#osoby-kontaktowe-schmersal {
    clear: both;
    background: transparent url(../images/layout/h4_osoby-kontaktowe-schmers.gif) no-repeat;
    width: 282px; height: 20px;
    text-indent: -9999px;
  }
  #page-kontakt #content .lcol .col {
    float: left;
    width: 250px;
    padding-bottom: 0.63em;
  }
  
  
  /* *** Sidebox - homepage *** */
  #page-home .sidebox h4 {
    position: absolute;
    background: transparent url(../images/layout/h4_sidebox_schmersal.png) no-repeat;
    top: -36px; left: 3px;
    width: 232px; height: 70px;
    padding: 0; margin: 0;
    text-indent: -9999px;
  }
  
  #page-home .sidebox a#oferta-schmersal {
    background: url(../images/layout/a_oferta-schmersal.gif) no-repeat 0 0;
    width: 91px; height: 44px;
  }
  #page-home .sidebox a#oferta-schmersal:hover, #page-home .sidebox a#oferta-schmersal:focus {
    background-position: 0 -44px;
  }
  
  #page-home .sidebox #schmersal-automatyka h5 a {
    display: block;
    background: transparent url(../images/layout/h5_sidebox_automatyka.gif) no-repeat;
    width: 209px; height: 24px;
    text-indent: -9999px;
  }
  #page-home .sidebox #schmersal-bezpieczenstwo h5 a {
    display: block;
    background: transparent url(../images/layout/h5_sidebox_bezpieczenstwo.gif) no-repeat;
    width: 193px; height: 24px;
    text-indent: -9999px;
  }
  #page-home .sidebox #schmersal-automatyka ul,
  #page-home .sidebox #schmersal-bezpieczenstwo ul {
    background: transparent url() no-repeat 16px 0;
    padding-left: 125px; min-height: 90px;
  }
  #page-home .sidebox #schmersal-automatyka ul {
    background-image: url(../images/layout/ul_schmersal_automatyka.jpg);
  }
  #page-home .sidebox #schmersal-bezpieczenstwo ul {
    background-image: url(../images/layout/ul_schmersal_bezpieczenstwo.jpg);
  }

  /* *** Sidebox - Schmersal & Oferta *** */
  #page-schmersal .sidebox h4,
  #page-oferta .sidebox h4 {
    position: absolute;
    background: transparent url(../images/layout/h4_sidebox_wiecej-info.png) no-repeat;
    top: -16px; left: 3px;
    width: 232px; height: 44px;
    padding: 0; margin: 0;
    text-indent: -9999px;
  }
  .sidebox .col,
  .sidebox .col {
    margin-top: 2.57em;
  }
  .sidebox h6,
  .sidebox h6 {
    color: #f7f7f0;
    font-size: 1em; font-style: normal;
  }
  
  #katalog-schmersal a {
    background: transparent url(../images/layout/a_skrocony-katalog.jpg) no-repeat;
    width: 250px; height: 215px;
  }
  
  /* *** Sidebox - O firmie *** */
  #page-o-firmie .sidebox h4 {
    position: absolute;
    background: transparent url(../images/layout/h4_sidebox_wspolpraca.png) no-repeat;
    top: -16px; left: 3px;
    width: 232px; height: 44px;
    padding: 0; margin: 0;
    text-indent: -9999px;
  }
  
  /* *** Sidebox - Kontakt *** */
  #page-kontakt .sidebox h4 {
    position: absolute;
    background: transparent url(../images/layout/h4_sidebox_formularz.png) no-repeat;
    top: -16px; left: 3px;
    width: 232px; height: 44px;
    padding: 0; margin: 0;
    text-indent: -9999px;
  }
  
/* ****************************** */
/* Footer
/* ****************************** */
  #footer {
    clear: both;
    background: #191919 url(../images/layout/bg_footer.gif) repeat-x top;
    height: 150px;
    color: #ccc6ad;
    border-top: 1px solid #000000;
  }
  #footer .inner {
    padding: 1.14em 0 1.71em;
  }
  #footer strong,
  #footer .caps  {
    color: #f7f7f0;
    font-weight: bold;
  }
  #footer ul {
    padding-left: 30px;
  }
  #footer li.address,
  #footer li.phone {
    float: left;
  }
  
  #footer .address span {
    background: url(../images/layout/icon_address.gif) no-repeat 0.18em 0.18em;
    padding-left: 1.09em;
  }
  #footer .email span {
    background: url(../images/layout/icon_email.gif) no-repeat 0.18em 0.36em;
    margin-left: 0.25em; padding-left: 1.36em;
  }
  #footer .phone span {
    background: url(../images/layout/icon_phone.gif) no-repeat 0.18em 0.27em;
    padding-left: 1.36em;
  }
  #footer .fax span {
    background: url(../images/layout/icon_fax.gif) no-repeat 0.18em 0.27em;
    margin-left: 0.25em; padding-left: 1.18em;
  }
  
  #footer a:link, #footer a:visited {
    color: #ccc6ad;
    text-decoration: none;
  }
  #footer a:hover, #footer a:focus {
    color: #f7f7f0;
    text-decoration: underline;
  }
  
/* ****************************** */
/* Staff box
/* ****************************** */
  #content .staff {
    background-color: #191919;
    color: #ffffff;
    margin: 0.57em 10px 1.71em; padding: 0 0 0.57em;
    font-size: 0.79em;
    border: 2px solid #0f0f0f;
  }
  #content .staff h5 {
    font-size: 1.45em;
  }
  #content .staff li {
    background-image: none;
  }
  #content .staff li.name {
    background: url(../images/layout/staff_tan2.gif) no-repeat left center;
    padding: 0.36em 10px 0.73em 64px;
    text-align: center;
  }
  #content .staff .name span {
    display: block;
    margin-top: -0.18em;
    border-top: 1px solid #d1b338;
  }

  #content .staff .email {
    margin-left: 10px; padding-left: 0;
  }
  #content .staff .email a {
    background: url(../images/layout/icon_email_bright.gif) no-repeat 0.18em 0.36em;
    padding-left: 1.36em;
  }
  #content .staff a:link, #content .staff a:visited {
    color: #f7f7f0;
    text-decoration: none;
  }
  #content .staff a:hover, #content .staff a:focus {
    color: #ffd940;
    text-decoration: underline;
  }  

  #content .staff .phone {
    background: url(../images/layout/icon_phone_bright.gif) no-repeat 0.18em 0.27em;
    margin-left: 10px; padding-left: 1.36em;
  }
  #content .staff .mobile {
    background: url(../images/layout/icon_mobile_bright.gif) no-repeat 0.18em 0.09em;
    margin-left: 10px; padding-left: 1.36em;
  }
  #content .staff .fax {
    background: url(../images/layout/icon_fax_bright.gif) no-repeat 0.18em 0.27em;
    margin-left: 10px; padding-left: 1.36em;
  }
  
/* ****************************** */
/* Contact form
/* ****************************** */
  #content .sidebox form li {
    background-image: none;
    padding: 0 0 0.29em;
  }
  #content .sidebox form li input {
    width: 190px;
    margin: 0.29em 0 0 0.14em;
  }
  #content .sidebox form li textarea {
    width: 190px;
    margin: 0.29em 0 0 0.14em;
  }
  #content .sidebox form li.submit {
    text-align: center;
  }
  #content .sidebox form li.submit input {
    width: 5em;
    margin: 0 auto;
  }
  #content .sidebox form li small {
    display: block;
    margin: 0.14em 0 0 0.14em;
    font-size: 0.71em;
  }
  #content .sidebox .error {
    background: transparent url(../images/layout/icon_error_blue.gif) no-repeat 15px 0.18em;
    padding-left: 60px;
  }
  #content .sidebox .sent {
    background: transparent url(../images/layout/icon_sent_blue.gif) no-repeat 15px 0.18em;
    padding-left: 60px;
  }
  #content .sidebox label {
    display: block;
    padding-right: 20px;
  }
  #content .sidebox .invalid {
    background: transparent url(../images/layout/icon_invalid_blue.gif) no-repeat right 1.57em;
  }
  #content .sidebox .valid {
    background: transparent url(../images/layout/icon_valid_blue.gif) no-repeat right 1.57em;
  }
  #content .sidebox .invalid input,
  #content .sidebox .invalid textarea {
    background-color: #f4c7c8;
  }
  #content .sidebox .valid input,
  #content .sidebox .valid textarea {
    background-color: #ebf4cf;
  }
  #content .sidebox .invalid small {
    color: #f4c7c8;
    font-weight: bold;
  }
  
/* ****************************** */
/* Images on Schmersal page
/* ****************************** */
  #content #shaut1 { background: url(../images/layout/schmersal/shaut1.jpg) no-repeat 10px top; min-height: 121px; }
  #content #shaut2 { background: url(../images/layout/schmersal/shaut2.jpg) no-repeat 10px top; min-height: 119px; }
  #content #shaut3 { background: url(../images/layout/schmersal/shaut3.jpg) no-repeat 10px top; min-height: 121px; }
  #content #shaut4 { background: url(../images/layout/schmersal/shaut4.jpg) no-repeat 10px top; min-height: 104px; }
  #content #shaut5 { background: url(../images/layout/schmersal/shaut5.jpg) no-repeat 10px top; min-height: 108px; }
  #content #shaut6 { background: url(../images/layout/schmersal/shaut6.jpg) no-repeat 10px top; min-height: 94px; }
  #content #shbez1 { background: url(../images/layout/schmersal/shbez1.jpg) no-repeat 10px top; min-height: 121px; }
  #content #shbez2 { background: url(../images/layout/schmersal/shbez2.jpg) no-repeat 10px top; min-height: 121px; }
  #content #shbez3 { background: url(../images/layout/schmersal/shbez3.jpg) no-repeat 10px top; min-height: 85px; }
  #content #shbez4 { background: url(../images/layout/schmersal/shbez4.jpg) no-repeat 10px top; min-height: 109px; }
  #content #shbez5 { background: url(../images/layout/schmersal/shbez5.jpg) no-repeat 10px top; min-height: 106px; }
  #content #shbez6 { background: url(../images/layout/schmersal/shbez6.jpg) no-repeat 10px top; min-height: 121px; }
  #content #shbez7 { background: url(../images/layout/schmersal/shbez7.jpg) no-repeat 10px top; min-height: 121px; }
  #content #shbez8 { background: url(../images/layout/schmersal/shbez8.jpg) no-repeat 10px top; min-height: 87px; }
  #content #shbez9 { background: url(../images/layout/schmersal/shbez9.jpg) no-repeat 10px top; min-height: 97px; }
  #content #shbez10 { background: url(../images/layout/schmersal/shbez10.jpg) no-repeat 10px top; min-height: 116px; }
  #content #shbez11 { background: url(../images/layout/schmersal/shbez11.jpg) no-repeat 10px top; min-height: 101px; }
  #content #shbez12 { background: url(../images/layout/schmersal/shbez12.jpg) no-repeat 10px top; min-height: 121px; }
  #content #shbez13 { background: url(../images/layout/schmersal/shbez13.jpg) no-repeat 10px top; min-height: 121px; }
  #content #shbez14 { background: url(../images/layout/schmersal/shbez14.jpg) no-repeat 10px top; min-height: 93px; }
  #content #shbez15 { background: url(../images/layout/schmersal/shbez15.jpg) no-repeat 10px top; min-height: 104px; }
  #content #shbez16 { background: url(../images/layout/schmersal/shbez16.jpg) no-repeat 10px top; min-height: 114px; }
  #content #shbez17 { background: url(../images/layout/schmersal/shbez17.jpg) no-repeat 10px top; min-height: 121px; }
  #content #shbez18 { background: url(../images/layout/schmersal/shbez18.jpg) no-repeat 10px top; min-height: 121px; }
  #content #shbez19 { background: url(../images/layout/schmersal/shbez19.jpg) no-repeat 10px top; min-height: 121px; }