html
{
  height:                         100%;
  margin:                         0px;
  padding:                        0px;
}

body
{
  background-color:               white;
  background-image:               url(img/bg.default.gif);
  background-position:            0px 0px;
  background-repeat:              repeat-y;
  color:                          #333333;
  font-family:                    Verdana, Arial, Helvetica, sans-serif;
  font-size:                      .75em;
  height:                         100%;
  margin:                         0px;
  min-width:                      875px;
  padding:                        0px;
}

form
{
  margin:                         0px;
}

p
{
  line-height:                    1.3em;
}

a
{
  color:                          #666666;
  text-decoration:                none;
}

a:hover
{
  color:                          #FE0000;
  text-decoration:                underline;
}

a.glossary
{
  border-bottom:                  #FE0000 dashed 1px;
  cursor:                         help;
}

a.glossary:hover
{
  text-decoration:                none;
}

a img
{
  border:                         0px;
}

strong
{
  color:                          #666666;
}

#permNav
{
  background-image:               url(img/bg.permnav.png);
  background-position:            100% 0%;
  background-repeat:              no-repeat;
  height:                         20px;
  position:                       absolute;
  right:                          0px;
  text-align:                     right;
  top:                            0px;
  width:                          100%;
  z-index:                        100;
}

#permNav ul
{
  list-style:                     none;
  margin-top:                     0px;
  margin-right:                   15px;
  margin-bottom:                  0px;
  margin-left:                    auto;
  overflow:                       hidden;
  padding:                        0px 0px;
}

#permNav li
{
  font-size:                      11px ! important;
  display:                        inline;
  margin:                         0px;
  padding:                        0px;
}

#permNav li a
{
  background-image:               url(img/permnav.arrow.png);
  background-position:            0% 50%;
  background-repeat:              no-repeat;
  display:                        inline;
  padding:                        2px 15px 2px 7px;
}

#permNav li a:hover
{
  text-decoration:                none;
}

#permNav li#lang-menu
{
  margin:                         0px;
  padding:                        0px 15px 0px 0px;
}

#permNav li#lang-menu select,
#permNav li#lang-menu option,
#permNav li#lang-menu input
{
  font-size:                      11px ! important;
  padding:                        0px;
}


h1
{
  background-color:               white;
  margin:                         0px;
  padding:                        0px 0px 0px 30px;
  z-index:                        111;
}

#slogan
{
  left:                           0px;
  margin:                         0px;
  position:                       absolute;
  text-align:                     center;
  top:                            85px;
  width:                          100%;
  z-index:                        99;
}

#slogan img
{
  margin-left:                    500px;
}

h2
{
  font-size:                      1.2em;
  margin-top:                     0px;
  margin-bottom:                  18px;
  padding:                        0px;
}

body.haaroskop h2
{
  border-bottom:                  #D9EDBB solid 1px;
  margin:                         0px;
  width:                          640px;
}

h3
{
  font-size:                      1.2em;
  margin-top:                     2em;
  margin-bottom:                  1em;
  padding:                        0px;
}

h3.inline
{
  font-size:                      1em;
  margin-top:                     0em;
  margin-bottom:                  0em;
}

h4
{
  font-size:                      1.0em;
  margin:                         0px;
  padding:                        0px;
}

p
{
  margin-top:                     .25em;
  margin-bottom:                  1em;
}


#mainmenu
{
  background-color:               #7FC41C;
  font-size:                      1.05em;
  clear:                          both;
  color:                          #6F5D52;
  overflow:                       hidden;
}

#mainmenu ul
{
  list-style:                     none;
  margin-top:                     0px;
  margin-bottom:                  0px;
  margin-left:                    178px;
  padding:                        2px 0px;
  text-align:                     left;
  white-space:                    nowrap;
}

#mainmenu li
{
  display:                        inline;
  margin:                         0px;
  padding:                        2px 0px;
}

#mainmenu li a
{
  background-position:            0% 50%;
  background-repeat:              no-repeat;
  color:                          #FCFCFC;
  font-weight:                    bold;
  display:                        inline;
  padding:                        2px 28px;
  text-decoration:                none;
  white-space:                    nowrap;
}

#mainmenu li a:hover,
#mainmenu li a.selected,
#mainmenu li a.fmMenuButtonActive
{
  color:                          #FE0000;
}

/**
 * Deutsch
 */
#fm_unternehmen
{
  padding-left:                   25px;
  padding-right:                  29px;
}
#fm_unternehmenMenu
{
  padding-left:                   17px;
}

#fm_forschung
{
  padding-left:                   28px;
  padding-right:                  28px;
}
#fm_forschungMenu
{
  padding-left:                   20px;
}

#fm_produkte
{
  padding-left:                   28px;
  padding-right:                  28px;
}
#fm_produkteMenu
{
  padding-left:                   20px;
}

#fm_haaroskop
{
  padding-left:                   28px;
  padding-right:                  28px;
}
#fm_haaroskopMenu
{
  padding-left:                   20px;
}

#fm_kontakt
{
  padding-left:                   29px;
  padding-right:                  25px;
}
#fm_kontaktMenu
{
  padding-left:                   21px;
}

#fm_forschung,
#fm_produkte,
#fm_haaroskop,
#fm_kontakt
{
  background-image:               url(img/bg.mainmenu.default.png);
}

/**
 * English
 */
#fm_company
{
  padding-left:                   25px;
  padding-right:                  33px;
}
#fm_companyMenu
{
  padding-left:                   17px;
}

#fm_research
{
  padding-left:                   34px;
  padding-right:                  34px;
}
#fm_researchMenu
{
  padding-left:                   26px;
}

#fm_products
{
  padding-left:                   34px;
  padding-right:                  34px;
}
#fm_productsMenu
{
  padding-left:                   26px;
}

#fm_hairoscope
{
  padding-left:                   34px;
  padding-right:                  34px;
}
#fm_hairoskopMenu
{
  padding-left:                   26px;
}

#fm_contact
{
  padding-left:                   33px;
  padding-right:                  25px;
}
#fm_contactMenu
{
  padding-left:                   25px;
}

#fm_research,
#fm_products,
#fm_hairoscope,
#fm_contact
{
  background-image:               url(img/bg.mainmenu.default.png);
}


/**
 * Litauisch
 */
#fm_imone
{
  padding-left:                   25px;
  padding-right:                  29px;
}
#fm_imoneMenu
{
  padding-left:                   17px;
}

#fm_tyrinejimai
{
  padding-left:                   28px;
  padding-right:                  28px;
}
#fm_tyrinejimaiMenu
{
  padding-left:                   20px;
}

#fm_produktai
{
  padding-left:                   28px;
  padding-right:                  28px;
}
#fm_produktaiMenu
{
  padding-left:                   20px;
}

#fm_plaukoskopas
{
  padding-left:                   28px;
  padding-right:                  28px;
}
#fm_plaukoskopasMenu
{
  padding-left:                   20px;
}

#fm_kontaktai
{
  padding-left:                   29px;
  padding-right:                  25px;
}
#fm_kontaktMenu
{
  padding-left:                   21px;
}

#fm_tyrinejimai,
#fm_produktai,
#fm_plaukoskopas,
#fm_kontaktai
{
  background-image:               url(img/bg.mainmenu.default.png);
}

/**
 * cz
 */
#fm_produkty,
#fm_vyzkumy
{
  background-image:               url(img/bg.mainmenu.default.png);
}

/**
 * ee
 */
#fm_firmast
{
  padding-left:                   25px;
  padding-right:                  29px;
}
#fm_firmastMenu
{
  padding-left:                   17px;
}

#fm_teadustoo
{
  padding-left:                   28px;
  padding-right:                  28px;
}
#fm_teadustooMenu
{
  padding-left:                   20px;
}

#fm_tooted
{
  padding-left:                   28px;
  padding-right:                  28px;
}
#fm_tootedMenu
{
  padding-left:                   20px;
}

#fm_juuksetest
{
  padding-left:                   28px;
  padding-right:                  28px;
}
#fm_juuksetestMenu
{
  padding-left:                   20px;
}

#fm_firmast,
#fm_teadustoo,
#fm_tooted,
#fm_juuksetest
{
  background-image:               url(img/bg.mainmenu.default.png);
}

/**
 * lv
 */
#fm_uznemums
{
  padding-left:                   25px;
  padding-right:                  29px;
}
#fm_uznemumsMenu
{
  padding-left:                   17px;
}

#fm_petnieciba
{
  padding-left:                   28px;
  padding-right:                  28px;
}
#fm_petniecibaMenu
{
  padding-left:                   20px;
}

#fm_produkti
{
  padding-left:                   28px;
  padding-right:                  28px;
}
#fm_produktiMenu
{
  padding-left:                   20px;
}

#fm_matu_stavokla_noteiksana
{
  padding-left:                   28px;
  padding-right:                  28px;
}
#fm_kontakti
{
  padding-left:                   28px;
  padding-right:                  28px;
}
#fm_matu_stavokla_noteiksanaMenu
{
  padding-left:                   20px;
}

#fm_uznemums,
#fm_petnieciba,
#fm_produkti,
#fm_matu_stavokla_noteiksana,
#fm_kontakti
{
  background-image:               url(img/bg.mainmenu.default.png);
}

/**
 * sr
 */
#fm_kompanija
{
  padding-left:                   25px;
  padding-right:                  29px;
}
#fm_kompanijaMenu
{
  padding-left:                   17px;
}

#fm_istrazivanja
{
  padding-left:                   28px;
  padding-right:                  28px;
}
#fm_istrazivanjaMenu
{
  padding-left:                   20px;
}

#fm_proizvodi
{
  padding-left:                   28px;
  padding-right:                  28px;
}
#fm_proizvodiMenu
{
  padding-left:                   20px;
}

#fm_hairoscope
{
  padding-left:                   28px;
  padding-right:                  28px;
}
#fm_hairoscopeMenu
{
  padding-left:                   20px;
}

#fm_kontakt
{
  padding-left:                   29px;
  padding-right:                  25px;
}
#fm_kontaktMenu
{
  padding-left:                   21px;
}

#fm_istrazivanja,
#fm_proizvodi,
#fm_hairoscope,
#fm_kontakt
{
  background-image:               url(img/bg.mainmenu.default.png);
}

/**
 * it
 */
#fm_azienda
{
  padding-left:                   25px;
  padding-right:                  33px;
}
#fm_aziendaMenu
{
  padding-left:                   17px;
}

#fm_ricerca
{
  padding-left:                   34px;
  padding-right:                  34px;
}
#fm_ricercaMenu
{
  padding-left:                   26px;
}

#fm_prodotti
{
  padding-left:                   34px;
  padding-right:                  34px;
}
#fm_prodottiMenu
{
  padding-left:                   26px;
}

#fm_capello-scopio
{
  padding-left:                   34px;
  padding-right:                  34px;
}
#fm_capello-scopioMenu
{
  padding-left:                   26px;
}

#fm_contatto
{
  padding-left:                   33px;
  padding-right:                  25px;
}
#fm_contattoMenu
{
  padding-left:                   25px;
}

#fm_ricerca,
#fm_prodotti,
#fm_capello-scopio,
#fm_contatto
{
  background-image:               url(img/bg.mainmenu.default.png);
}

/**
 * hu
 */
#fm_company
{
  padding-left:                   25px;
  padding-right:                  33px;
}
#fm_companyMenu
{
  padding-left:                   17px;
}

#fm_kutatas
{
  padding-left:                   34px;
  padding-right:                  34px;
}
#fm_kutatasMenu
{
  padding-left:                   26px;
}

#fm_termekek
{
  padding-left:                   34px;
  padding-right:                  34px;
}
#fm_termekekMenu
{
  padding-left:                   26px;
}

#fm_hairoscope
{
  padding-left:                   34px;
  padding-right:                  34px;
}
#fm_hairoskopMenu
{
  padding-left:                   26px;
}

#fm_kapcsolat
{
  padding-left:                   33px;
  padding-right:                  25px;
}
#fm_kapcsolatMenu
{
  padding-left:                   25px;
}

#fm_kutatas,
#fm_termekek,
#fm_hairoscope,
#fm_kapcsolat
{
  background-image:               url(img/bg.mainmenu.default.png);
}

/**
 * nl
 */
#fm_company
{
  padding-left:                   25px;
  padding-right:                  33px;
}
#fm_companyMenu
{
  padding-left:                   17px;
}

#fm_onderzoek
{
  padding-left:                   34px;
  padding-right:                  34px;
}
#fm_onderzoekMenu
{
  padding-left:                   26px;
}

#fm_producten
{
  padding-left:                   34px;
  padding-right:                  34px;
}
#fm_productenMenu
{
  padding-left:                   26px;
}

#fm_haaroscoop
{
  padding-left:                   34px;
  padding-right:                  34px;
}
#fm_haaroscoopMenu
{
  padding-left:                   26px;
}

#fm_contact
{
  padding-left:                   33px;
  padding-right:                  25px;
}
#fm_contactMenu
{
  padding-left:                   25px;
}

#fm_onderzoek,
#fm_producten,
#fm_haaroscoop,
#fm_contact
{
  background-image:               url(img/bg.mainmenu.default.png);
}

/**
 * be
 */
#fm_company
{
  padding-left:                   25px;
  padding-right:                  33px;
}
#fm_companyMenu
{
  padding-left:                   17px;
}

#fm_recherche
{
  padding-left:                   34px;
  padding-right:                  34px;
}
#fm_rechercheMenu
{
  padding-left:                   26px;
}

#fm_produits
{
  padding-left:                   34px;
  padding-right:                  34px;
}
#fm_produitsMenu
{
  padding-left:                   26px;
}

#fm_capilloscope
{
  padding-left:                   34px;
  padding-right:                  34px;
}
#fm_capilloscopeMenu
{
  padding-left:                   26px;
}

#fm_contact
{
  padding-left:                   33px;
  padding-right:                  25px;
}
#fm_contactMenu
{
  padding-left:                   25px;
}

#fm_recherche,
#fm_produits,
#fm_capilloscope,
#fm_contact
{
  background-image:               url(img/bg.mainmenu.default.png);
}


/**
 * JS Menu
 */
div.fmMenu
{
  background-color:               white;
  color:                          #333333;
  font-family:                    Verdana, Arial, Helvetica, sans-serif;
  font-size:                      1em;
  font-style:                     normal;
  font-weight:                    normal;
  left:                           0px;
  margin-top:                     0px;
  padding-top:                    4px;
  padding-bottom:                 6px;
  position:                       absolute;
  top:                            -20px;
  visibility:                     hidden;
  white-space:                    nowrap;
}

div.fmMenu a.fmMenuItem:link,
div.fmMenu a.fmMenuItem:active,
div.fmMenu a.fmMenuItem:visited,
div.fmMenu a.fmMenuItem:hover
{
  background-color:               transparent;
  background-position:            4px 60%;
  background-repeat:              no-repeat;
  color:                          #333333;
  cursor:                         pointer;
  display:                        inline;
  font-family:                    Verdana, Arial, Helvetica, sans-serif;
  font-size:                      1em;
  font-style:                     normal;
  font-weight:                    normal;
  padding:                        4px 8px 6px;
  text-decoration:                none;
  white-space:                    nowrap;
}

div.fmMenu a.fmMenuItem:hover,
div.fmMenu a.fmMenuItemHighlight
{
  background-color:               transparent;
  color:                          #FE0000;
}

div.fmMenu a.fmMenuItem span.fmMenuItemArrow
{
  margin-right:                   -.5em;
}

#content
{
  margin-bottom:                  1em;
  overflow:                       visible;
  padding-bottom:                 1em;
  position:                       relative;
}

#leftCol
{
  border-top:                     #A2D459 solid 1px;
  font-size:                      1em;
  left:                           0px;
  position:                       absolute;
  top:                            0px;
  width:                          178px;
}

#leftCol ul
{
  background-color:               #F5F3F2;
  border-top:                     #DEDEDE solid 1px;
  border-right:                   #DEDEDE solid 1px;
  font-weight:                    bold;
  list-style:                     none;
  margin:                         42px 0px 0px;
  padding:                        0px;
  text-align:                     right;
}

#leftCol li
{
  border-bottom:                  #DEDEDE solid 1px;
  display:                        block;
  margin:                         0px;
  padding:                        0px;
}

#leftCol li a
{
  color:                          #999999;
  display:                        block;
  padding:                        8px 25px 8px 0px;
  width:                          152px;
}

#leftCol li a:hover,
#leftCol li a.selected
{
  background-image:               url(img/bg.submenu.png);
  background-position:            100% 50%;
  background-repeat:              no-repeat;
  color:                          #FE0000;
  text-decoration:                none;
}

#centerCol
{
  margin-right:                   50px;
  padding:                        45px 25px 25px 234px;
}

#rightCol
{
  overflow:                       visible;
  padding:                        42px 0px 2em 0px;
  position:                       absolute;
  left:                           650px;
  top:                            0px;
}

#footer
{
  bottom:                         0px;
  clear:                          both;
  min-width:                      875px;
  position:                       fixed;
  white-space:                    nowrap;
  width:                          100%;
}

#footer address
{
  background:                     white;
  color:                          #666666;
  display:                        block;
  font-size:                      .9em;
  font-style:                     normal;
  margin-bottom:                  0px;
  margin-left:                    204px;
  padding:                        .2em 0px;
}

a.arrow
{
  background-image:               url(img/pfeil.gif);
  background-position:            0% 50%;
  background-repeat:              no-repeat;
  padding:                        0px 10px;
}

p.topLink
{
  margin-top:                     1em;
}

p.topLink a
{
  background-image:               url(img/oben.gif);
  background-position:            0% 50%;
  background-repeat:              no-repeat;
  color:                          #333333;
  font-size:                      .9em;
  padding:                        0px 10px;
}

table.contactForm th
{
  text-align:                     right;
}

.hilite
{
  color:                          #FE0000;
}

p.intro
{
  color:                          #666666;
  font-weight:                    bold;
}

div.tooltip
{
  background-color:               white;
  border:                         #333333 outset 1px;
  color:                          #333333;
  font-size:                      .9em;
  padding:                        10px;
  width:                          300px;
}

div.productInfoBox
{
  background:                     #F5F3F2;
  bottom:                         1em;
  font-weight:                    bold;
  margin-bottom:                  1.2em;
  overflow:                       hidden;
/*  position:                       absolute;*/
  width:                          360px;
}

div.productInlineBox
{
  background:                     #F5F3F2;
  font-weight:                    bold;
  margin:                         2em 0em;
  overflow:                       hidden;
  width:                          360px;
}

div.productInfoBox p.priceInfo,
div.productInlineBox p.priceInfo
{
  display:                        block;
  float:                          left;
  line-height:                    1em;
  margin:                         0px;
  padding:                        3px 5px;
}

div.productInfoBox p.priceInfo small,
div.productInlineBox p.priceInfo small
{
  color:                          #999999;
  font-weight:                    normal;
}

div.productInfoBox a.productLinks,
div.productInlineBox a.productLinks
{
  background-image:               url(img/pfeil.gif);
  background-position:            0% 50%;
  background-repeat:              no-repeat;
  display:                        block;
  float:                          right;
  line-height:                    1em;
  margin:                         0px;
  padding:                        3px 10px;
}

div.infoBox
{
  background-color:               #F5F4F2;
  font-size:                      .9em;
  margin-top:                     60px;
  padding:                        10px 0px;
  width:                          266px;
}


dl
{
}

dt
{
  background-color:               #F5F4F2;
  font-weight:                    bold;
  padding:                        2px 5px;
}

dt a,
dt a:hover
{
  color:                          #333333;
  text-decoration:                none;
}

dd
{
  margin:                         0em 0em 1em 0em;
  padding:                        2px 5px;
}


hr
{
  display:                        none;
}

div.hr
{
  border-top:                     #CCCCCC solid 1px;
  margin-bottom:                  1em;
}

#survey,
#hourglass
{
  border-bottom:                  #D9EDBB solid 1px;
  overflow:                       hidden;
  padding:                        21px 0px 0px;
  width:                          640px;
}

.survey#survey
{
  padding-bottom:                 4px;
}

#survey .teaser
{
  float:                          left;
  padding:                        0px 14px 21px;
}

.haaroskopContent
{
  float:                          left;
  font-size:                      1.1em;
  padding:                        14px 14px 0px;
  width:                          320px;
}

.haaroskopContent h3
{
  margin:                         0px;
}

.haaroskopContent h3 img
{
  margin-bottom:                  14px;
}

.haaroskopContent .category
{
  color:                          #666666;
  font-size:                      1em;
  margin:                         0em;
  padding:                        0px 5px 6px;
}

.haaroskopContent .query
{
  background:                     #7EC41C;
  color:                          white;
  font-size:                      1em;
  margin-top:                     0em;
  padding:                        3px 5px;
}

.haaroskopContent p.intro
{
  font-weight:                    normal;
  margin:                         0px;
  padding:                        3px 5px;
}

.haaroskopContent p.error
{
  color:                          #CC0033;
  font-weight:                    bold;
}

.haaroskopContent p.buttonBar
{
  margin-bottom:                  0px;
  text-align:                     right;
}

.haaroskopContent p.answer
{
  margin:                         2em 0px;
  padding:                        3px 5px;
}

.haaroskopContent p.error + .answer
{
  margin-top:                     1em;
}

.haaroskopContent div.hr
{
  border-top:                     #7EC41C solid 1px;
  margin:                         0em 0em 1em;
}

.haaroskopContent table.answer
{
  margin-top:                     .5em;
  margin-bottom:                  .5em;
  width:                          100%;
}

.haaroskopContent p.error + table.answer
{
  margin-top:                     .5em;
}

.haaroskopContent td
{
  padding:                        3px 0px;
}

.haaroskopContent td.radio
{
  width:                          25px;
}

.haaroskopContent tr.even td
{
  background-color:               #F3F2F0;
}

#statusBar
{
  color:                          #999999;
  font-weight:                    bold;
  padding:                        7px 0px;
  position:                       relative;
  text-align:                     center;
  width:                          640px;
}

#progressBar
{
  position:                       absolute;
  right:                          25px;
  top:                            11px;
}

#analysis
{
  position:                       relative;
  width:                          640px;
}

#analysis h3
{
  background-color:               #7FC41C;
  color:                          white;
  margin:                         4em 0em 0em;
  padding:                        5px 10px;
}

#analysis h4
{
  background-color:               #F3F2F0;
  color:                          #333333;
  font-size:                      1em;
  margin:                         2em 5px .5em;
  padding:                        3px 5px;
  text-transform:                 uppercase;
}

#analysis p
{
  margin:                         5px;
  padding:                        3px 5px;
}

#analysis table.phase1,
#analysis table.phase2,
#analysis table.phase3,
#analysis table.phase4,
#analysis table.phase5
{
  background-position:            0px;
  background-repeat:              no-repeat;
  height:                         179px;
  margin:                         3em 130px 0px;
  padding:                        0px;
  text-align:                     center;
  width:                          379px;
}

#analysis table.phase1 td,
#analysis table.phase2 td,
#analysis table.phase3 td,
#analysis table.phase4 td,
#analysis table.phase5 td
{
  color:                          #7EC41C;
  font-size:                      19px !important;
  padding:                        0em 130px 0em 30px;
}

#analysis table.phase1 td
{
  background-image:               url(img/haaroskop/phase-1.gif);
}

#analysis table.phase2 td
{
  background-image:               url(img/haaroskop/phase-2.gif);
}

#analysis table.phase3 td
{
  background-image:               url(img/haaroskop/phase-3.gif);
}

#analysis table.phase4 td
{
  background-image:               url(img/haaroskop/phase-4.gif);
}

#analysis table.phase5 td
{
  background-image:               url(img/haaroskop/phase-5.gif);
}

#analysis .result
{
  border:                         #FE0000 solid 1px;
  margin:                         2em 5px 0em;
  overflow:                       hidden;
  padding:                        18px;
}

#analysis .result h5,
#analysis .result p
{
  font-size:                      1.2em;
  padding:                        0px;
  margin:                         0em;
}

#analysis table.tips
{
  font-size:                      inherit;
  margin:                         0px 5px;
}

#analysis table.tips tr
{
  font-size:                      inherit;
  vertical-align:                 top;
}

#analysis table.tips td
{
  font-size:                      inherit;
  padding:                        3px 0px;
}

#analysis table.tips td p
{
  padding-left:                   0px;
}

#analysis table.tips .img
{
  padding:                        3px 5px 3px 10px;
  white-space:                    nowrap;
}

#analysis .tips a
{
  font-weight:                    bold;
}

.fb_tvSpot
{
  border:                         1px solid #CCCCCC;
  background-color:               white;
  margin:                         20px 0px 0px 14px;
  width:                          142px;
}

.fb_tvSpot img
{
  margin:                         13px 14px;
}

.fb_tvSpot p
{
  margin:                         0px 14px 10px 14px;
}

