*
{
  font-family:                    Verdana, Arial, Helvetica, sans-serif;
}

html
{
  height:                         100%;
  margin:                         0px;
  padding:                        0px;
}

body
{
  background-color:               white;
  background-image:               url(img/bg.2006.png);
  background-position:            0px 47px;
  background-repeat:              repeat-y;
  font-size:                      11px;
  height:                         100%;
  margin:                         0px;
  padding:                        0px;
}

body.calculator
{
  background-image:               none;
}

#body
{
  position:                       relative;
}

#logo
{
  left:                           36px;
  position:                       absolute;
  top:                            23px;
}


/**
 * Forms
 */
form
{
  margin:                         0px;
  padding:                        0px;
}

textarea,
input,
select,
option
{
  font-family:                    Verdana, Arial, Helvetica, sans-serif;
  font-size:                      11px;
}


/**
 * Headings
 */
h1
{
  font-size:                      16px;
  margin-top:                     0px;
  margin-bottom:                  10px;
  padding:                        0px;
}

h2
{
  font-size:                      14px;
  margin-bottom:                  .5em;
}

h2 .releaseDate,
h2 small
{
  font-size:                      11px;
}

h2.productHeading
{
  padding-top:                    12px;
  margin-top:                     0px;
  margin-bottom:                  12px;
}

h3
{
  font-size:                      11px;
  margin-bottom:                  0px;
}

p
{
  font-size:                      11px;
  line-height:                    1.35em;
  margin-top:                     0px;
  margin-bottom:                  .75em;
}

ol,
ul,
dl
{
  font-size:                      11px;
}


/**
 * Links
 */
a
{
  color:                          black;
  text-decoration:                underline;
}

a:hover
{
  color:                          #FD0014;
}

a img
{
  border:                         0px;
}


/**
 * permnav
 */
#permNav
{
  background:                     white;
  height:                         47px;
}

#permNav form
{
  position:                       relative;
  width:                          100%;
}

#permNav ul
{
  list-style:                     none;
  margin:                         0px;
  padding:                        0px;
  position:                       absolute;
  right:                          5px;
  top:                            4px;
}

#permNav ul li
{
  display:                        inline;
  margin:                         0px;
  padding:                        0px 0px 0px 17px;
}

#permNav select
{
  border:                         #CCCCCC solid 1px;
  color:                          red;
  font-size:                      11px;
  margin:                         0px;
  width:                          125px;
}

#permNav .goButton
{
  background:                     transparent;
  border:                         #CCCCCC solid 1px;
  color:                          #666666;
  font-size:                      11px;
}

#permNav a:link,
#permNav a:hover,
#permNav a:active,
#permNav a:visited
{
  color:                          #999999;
  text-decoration:                none;
}

/**
 * mainmenu
 */
#mainmenu
{
  background-color:               #FE0014;
  background-image:               url(img/bg.2006.mainmenu.png);
  background-position:            0px 0px;
  background-repeat:              repeat-y;
  height:                         25px;
  padding-left:                   197px;
}

#mainmenu ul
{
  list-style:                     none;
  margin:                         0px;
  overflow:                       hidden;
  padding:                        0px;
  width:                          800px;
}

#mainmenu ul li
{
  display:                        block;
  float:                          left;
  margin:                         0px;
  padding:                        6px 0px;
}

#mainmenu ul li a
{
  background-image:               url(img/bg.mainmenu.item.gif);
  background-position:            0% 50%;
  background-repeat:              no-repeat;
  display:                        inline;
  padding:                        6px 8px 6px 7px;
  font-weight:                    bold;
  text-decoration:                none;
  white-space:                    nowrap;
}

#mainmenu ul li a#fm_index
{
  background-image:               none;
  padding:                        6px 8px 6px 0px;
}

#mainmenu ul li a:link,
#mainmenu ul li a:visited
{
  color:                          #FFCCCC;
}

#mainmenu ul li a:hover,
#mainmenu ul li a:active,
#mainmenu ul li a.selected,
#mainmenu ul li a:link.selected,
#mainmenu ul li a:visited.selected
{
  color:                          white;
}


/**
 * JS Menu
 */
div.fmMenu
{
  background-color:               white;
  border-color:                   #FF0000;
  border-style:                   solid;
  border-width:                   1px;
  color:                          black;
  font-family:                    Verdana, Arial, Helvetica, sans-serif;
  font-size:                      1em;
  font-style:                     normal;
  font-weight:                    normal;
  left:                           0px;
  padding:                        2px 0px;
  position:                       absolute;
  top:                            0px;
  visibility:                     hidden;
  z-index:                        101;
}

div.fmMenu.topLevel
{
  border-width:                   0px 1px 1px;
}

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:                          black;
  cursor:                         pointer;
  display:                        block;
  font-family:                    Verdana, Arial, Helvetica, sans-serif;
  font-size:                      11px;
  font-style:                     normal;
  font-weight:                    normal;
  padding:                        2px 7px 2px 8px;
  text-decoration:                none;
  white-space:                    nowrap;
}

div.fmMenu a.fmMenuItem:hover,
div.fmMenu a.fmMenuItemHighlight
{
  color:                          #FF0000;
}

div.fmMenu a.fmMenuItem span.fmMenuItemArrow
{
  margin-right:                   .5em;
}


/**
 * Submenu
 */
#submenu
{
  left:                           0px;
  position:                       absolute;
  top:                            0px;
  width:                          193px;
}

#submenu ul
{
  font-size:                      12px;
  list-style:                     none;
  margin:                         85px 10px 0px 53px;
  padding:                        0px;
}

#submenu ul li
{
  background-image:               url(img/bg.2006.submenu.gif);
  background-position:            0px 4px;
  background-repeat:              no-repeat;
  margin:                         0px;
  padding:                        0px 0px .4em 10px;
}

#submenu ul li.selected
{
  background-image:               url(img/bg.2006.submenu.selected.gif);
}

#submenu ul li a:link,
#submenu ul li a:hover,
#submenu ul li a:active,
#submenu ul li a:visited
{
  color:                          black;
  text-decoration:                none;
}

#submenu ul li a.selected:link,
#submenu ul li a.selected:hover,
#submenu ul li a.selected:active,
#submenu ul li a.selected:visited
{
  color:                          #603030;
  font-weight:                    bold;
}

#submenu ul ul
{
  font-size:                      11px;
  margin:                         .5em 0px 0px;
}


/**
 *
 */
#content
{
  padding:                        60px 20px 20px 250px;
  width:                          600px;
}

.fb#content
{
  width:                          450px;
}

/**
 * Footer
 */
#footer
{
  clear:                          both;
  padding:                        0px 0px 5px 250px;
}


/**
 * Feature boxes
 */
.featureBox
{
  border:                         #D6D6D6 solid 1px;
  left:                           705px;
  padding:                        9px;
  position:                       absolute;
  top:                            100px;
  width:                          120px;
}

.featureBox h3
{
  font-size:                      11px;
  margin-top:                     0px;
  margin-bottom:                  1em;
}

.featureBox h4
{
  font-size:                      11px;
  font-weight:                    normal;
  margin-top:                     1em;
  margin-bottom:                  0px;
}

.featureBox p
{
  margin-top:                     .5em;
}


/**
 * misc. styles
 */
.hilite
{
  color:                          #FD0014;
}

/*
 * contactForm
 */

table.contactForm th
{
  text-align:                      left;
}

table.anfahrtTable
{
  margin-bottom:                  20px;
  width:                          597px;
}

table.anfahrtTable th
{
  font-weight:                    normal;
  text-align:                     left;
  vertical-align:                 top;
}

table.anfahrtTable th.hilite
{
  font-weight:                    bold;
  width:                          150px;
}

table.anfahrtTable th
{
  text-align:                     left;
  vertical-align:                 top;
}

table.anfahrtTable td
{
  vertical-align:                 top;
  padding-bottom:                  1em;
  padding-right:                  10px;
}

/**
 * Calculator
 */
div.calcIntroDE,
div.calcIntroEN,
div.calcIntroCZ,
div.calcIntroHU,
div.calcIntroPL
{
  background-position:            left top;
  background-repeat:              no-repeat;
  margin:                         20px auto 0px auto;
  padding-top:                    156px;
  width:                          696px;
}

div.calcIntro20051118
{
  background-image:               url(img/glatzenrechner/bg.20051118.jpg);
  background-position:            0px 64px;
  background-repeat:              no-repeat;
  margin:                         0px auto 0px auto;
  overflow:                       hidden;
  position:                       relative;
  width:                          701px;
}

div.calcIntro20051118 h1,
div.calcIntro20051118 h2
{
  margin:                         0px;
}

div#calcIntroSlogan20051118
{
  left:                           230px;
  position:                       absolute;
  top:                            75px;
}

div.calcIntroBox20051118
{
  margin-left:                    300px;
  margin-top:                     130px;
  width:                          350px;
}

div.calcIntroBox20051118 h3
{
  margin:                         0em 0em 1em;
}

div.calcIntroBox20051118 p
{
  margin:                         0em 0em 1em;
}

div.calcIntroBox20051118 .footer
{
  font-size:                      85%;
}

div.calcIntroDE
{
  background-image:               url(de/img/glatzenrechner/intro.png);
}

div.calcIntroEN
{
  background-image:               url(en/img/balding-calculator/intro.png);
}

div.calcIntroCZ
{
  background-image:               url(cz/img/balding-calculator/intro.png);

}

div.calcIntroHU
{
  background-image:               url(hu/img/kopaszodas-kalkulator/intro.png);
}

div.calcIntroPL
{
  background-image:               url(pl/img/balding-calculator/intro.png);

}

div.calcIntroDE table,
div.calcIntroEN table,
div.calcIntroCZ table,
div.calcIntroHU table,
div.calcIntroPL table
{
  margin-left:                    68px;
}

td.calculator#leftCol
{
  background-color:               white;
  vertical-align:                 top;
  width:                          auto;
}

table.calculator
{
  margin-top:                     20px;
  margin-left:                    auto;
  margin-right:                   auto;
}

table.calculator th.top
{
  background-image:               url(img/glatzenrechner/bg.top.png);
  height:                         74px;
  width:                          701px;
}

table.calculator td.left
{
  background-image:               url(img/glatzenrechner/bg.left.png);
  width:                          30px;
}

table.calculator td.center
{
  font-size:                      13px;
  height:                         320px;
  width:                          637px;
}

table.calculator td.right
{
  background-image:               url(img/glatzenrechner/bg.right.png);
  width:                          34px;
}

table.calculator td.bottom
{
  background-image:               url(img/glatzenrechner/bg.bottom.png);
  height:                         67px;
  text-align:                     center;
  width:                          701px;
}

table.calculator td.center h2
{
  color:                          #F40403;
  font-size:                      20px;
  text-align:                     center;
}

table.calculator td.center p
{
  text-align:                     center;
}

table.calculator td.center .result
{
  background-image:               url(img/glatzenrechner/bg.result.png);
  background-position:            left bottom;
  background-repeat:              no-repeat;
  height:                         290px;
  padding:                        10px 30px 20px 30px;
}

table.calculator td.center .result h2
{
  color:                          black;
  font-size:                      17px;
  margin-top:                     0px;
  text-align:                     center;
}

table.calculator td.center .result p
{
  font-size:                      11px;
  margin:                         0px;
  padding:                        10px 15px;
}

table.calculator td.center .result p.box
{
  background-color:               #EAEAEA;
  font-size:                      13px;
  font-weight:                    bold;
}

table.calculator td.center p.link
{
  font-size:                      11px;
  font-weight:                    bold;
  margin:                         0px 0px .5em 0px;
  padding:                        0px;
  text-align:                     left;
}

table.calculator td.center .recommendationTop
{
  font-size:                      11px;
  font-weight:                    bold;
  height:                         25px;
  margin:                         0px;
  padding-top:                    10px;
  padding-left:                   30px;
  text-align:                     left;
}

table.calculator td.center .recommendationMiddle
{
  height:                         304px;
  overflow:                       auto;
}

td.productImg
{
  padding-top:                    5px;
  padding-bottom:                 5px;
  text-align:                     right;
  vertical-align:                 bottom;
  width:                          132px;
}

td.productDscr
{
  padding:                        0px 20px 0px 20px;
  text-align:                     left;
  vertical-align:                 middle;
}

table.calculator td.center td.productDscr p
{
  font-size:                      11px;
  text-align:                     left;
}

table.calculator td.center .recommendationBottom
{
  border-top:                     black solid 1px;
  font-size:                      9px;
  height:                         16px;
  margin:                         0px 10px 0px 152px;
  text-align:                     left;
}

table.calculator td.center .recommendationTop a,
table.calculator td.center p.link a
{
  color:                          #FD0014;
  text-decoration:                none;
}

ul.arrow
{
  margin-left:                    10px;
  padding-left:                   0px;
}

ul.arrow li
{
  background-position:            0px 4px;
  background-repeat:              no-repeat;
  background-image:               url(img/bg.arrow.f40403.png);
  color:                          #666666;
  font-weight:                    bold;
  list-style:                     none;
  margin-bottom:                  .75em;
  margin-left:                    0px;
  padding-left:                   10px;
}

ul.arrow li a
{
  color:                          #666666;
  font-weight:                    bold;
  text-decoration:                none;
}


/**
 * Product items
 */
.productItems
{
  margin-top:                     30px;
}

.productItems h2
{
  font-size:                      12px;
}

.productItem
{
  margin-top:                     30px;
}

.productItem h2
{
  margin-top:                     0px;
}

.productItem .productDescription
{
  margin-left:                    427px;
  width:                          500px;
}

.productItem .productImage,
.productItems .productImage
{
  background-image:               url(img/produkte/rotbalken_kopfhaut_links.gif);
  background-position:            left top;
  background-repeat:              no-repeat;
  padding-bottom:                 0px;
  padding-left:                   48px;
  margin-left:                    197px;
}

.productItem .productImage
{
  background-position:            left bottom;
  float:                          left;
}

.productItems
{
  margin-top:                     0px;
  margin-bottom:                  1em;
  margin-left:                    -53px;
  width:                          597px;
}

.productItems .productImage
{
  vertical-align:                 top;
}


/**
 * FAQ
 */
ol.faqTitles
{
  margin-bottom:                  2em;
}

ol.faqTitles li
{
  margin-bottom:                  .5em;
}

ol.faqTitles li a
{
  font-weight:                    bold;
}

span.subtitle
{
  font-weight:                    normal;
}

h3.faqItem
{
  margin-bottom:                  .25em;
}


/**
 * TV spot
 */
.fb_tvSpot
{
  background-color:               white;
  border:                         #CCCCCC solid 1px;
  margin:                         20px 25px 0px 25px;
  width:                          142px;
}

.fb_tvSpot img
{
  margin:                         13px 14px;
}

.fb_tvSpot p
{
  margin:                         0px 14px 10px 14px;
}



/**
 * Misc
 */
.hilite
{
  color:                          #FF0000;
}

.grey
{
  color:                          #666666;
}

.hidden
{
  display:                        none;
}