html
{
  margin:                         0px;
  padding:                        0px;
}

body
{
  background-color:               white;
  color:                          black;
  font-family:                    Arial, Helvetica, sans-serif;
  font-size:                      13px;
  margin:                         0px;
  padding:                        0px;
}


/**
 * heading
 */
h1
{
  font-family:                    Arial, Helvetica, sans-serif;
  font-size:                      2.4em;
  line-height:                    1em;
  margin-top:                     30px;
  margin-bottom:                  25px;
}

h1 sup.registered
{
  font-size:                      .4em;
}

h1.index
{
  font-size:                      1.1em;
  margin-top:                     0px;
  margin-bottom:                  1em;
}

h1 .subheading
{
  color:                          #8B8B8B;
  font-size:                      .6em;
  font-weight:                    bold;
  line-height:                    100%;
  text-transform:                 none;
}

h2
{
  color:                          #D8015B;
  font-size:                      1.1em;
  margin-bottom:                  .25em;
}

h2 + *
{
  margin-top:                     .25em;
}


/**
 * form
 */

form
{
  margin:                         0px;
}

input,
select,
optgroup,
option,
textarea
{
  font-family:                    Verdana, Arial, Helvetica, sans-serif;
  font-size:                      100%;
}

/**
 * list
 */
ul
{
  margin-left:                    0px;
  padding-left:                   0px;
}

ul li
{
  background-image:               url(img/bg.submenu-item.selected.gif);
  background-position:            0px 7px;
  background-repeat:              no-repeat;
  list-style-type:                none;
  margin:                         0px;
  padding:                        0px 0px 0px 10px;
}

/**
 * links
 */
a
{
  color:                          #D8015B;
  text-decoration:                none;
}

a:hover,
a:active
{
  color:                          #D8015B;
  text-decoration:                underline;
}

a[name],
a[name]:hover
{
  text-decoration:                none;
}

a[href]
{
  text-decoration:                none;
}

a[href]:hover
{
  text-decoration:                underline;
}

a.forward
{
  background-image:               url(img/bg.link.gif);
  background-position:            100% 50%;
  background-repeat:              no-repeat;
  font-weight:                    bold;
  padding-right:                  13px;
}

a.forward-inline
{
  background-image:               url(img/bg.link.gif);
  background-position:            10px 50%;
  background-repeat:              no-repeat;
  padding-left:                   23px;
}

img
{
  border:                         0px;
  vertical-align:                 bottom;
}


/**
 * structure
 */
#canvas
{
  background-color:               white;
  border-right:                   #E7E7E7 solid 1px;
  border-left:                    #E7E7E7 solid 1px;
  color:                          black;
  margin:                         0px auto;
  padding:                        0px 0px;
/*  position:                       relative;*/
  width:                          985px;
}

#header
{
  position:                       relative;
}

#body
{
}

#wolff-logo
{
  position:                       absolute;
  right:                          50px;
  top:                            15px;
}

#index-content
{
  background-position:            0% 0%;
  background-repeat:              no-repeat;
  font-size:                      .9em;
  min-height:                     180px;
  overflow:                       hidden;
  padding:                        40px 550px 20px 55px;
  width:                          380px;
}


#content-area
{
  background-image:               url(img/bg.gif);
  background-position:            0px 0px;
  background-repeat:              repeat-y;
  overflow:                       hidden;
  width:                          100%;
}

#impression
{
  height:                         120px;
  overflow:                       hidden;
  position:                       absolute;
  top:                            153px;
  width:                          233px;
  z-index:                        1;
}

#column-left
{
  float:                          left;
  font-size:                      12px;
  min-height:                     200px;
  width:                          233px;
}

#submenu-wrapper
{
  border-top:                     white solid 83px;
}

#column-center
{
  float:                          left;
  padding:                        0px 30px 0px 35px;
  width:                          436px;
}

.full-width#column-center
{
  width:                          570px;
}

#column-right
{
  float:                          left;
  padding-top:                    40px;
  width:                          206px;
}

#footer
{
  color:                          #ADADAD;
  font-size:                      .85em;
  overflow:                       hidden;
  padding:                        3px 0px;
  text-align:                     center;
}


/**
 * sitemenu
 */
#sitemenu
{
  font-size:                      .9em;
  margin:                         0px;
  overflow:                       hidden;
  padding:                        0px;
  position:                       absolute;
  right:                          165px;
  top:                            20px;
}

#sitemenu li
{
  background-image:               none;
  float:                          left;
  list-style-type:                none;
  margin:                         0px;
  padding:                        0px 5px;
}

#sitemenu li a
{
  color:                          #8F8F8F;
  display:                        block;
  text-decoration:                none;
}

#sitemenu li img
{
  float:                                left;
  vertical-align:                       middle;
}

#sitemenu li.flag a
{
  float:                                left;
}

#sitemenu li.flag img
{
  margin:                               3px 5px 4px 0px;
}


/**
 * mainmenu
 */
#mainmenu
{
  background-color:               #D8015B;
  background-image:               url(img/bg.mainmenu.gif);
  background-position:            710px 0px;
  background-repeat:              no-repeat;
  font-size:                      15px !important;
  margin:                         0px;
  overflow:                       hidden;
  padding:                        0px 36px;
  width:                          913px;
}

.default #mainmenu
{
  border-bottom:                  #F5BED5 solid 5px;
}

#mainmenu li
{
  background-image:               none;
  float:                          left;
  font-weight:                    bold;
  list-style-type:                none;
  margin:                         0px;
  padding:                        2px 14px 0px;
}

#mainmenu li a
{
  color:                          white;
  display:                        block;
  text-decoration:                none;
}

#mainmenu li a span
{
  display:                        block;
  padding:                        3px 6px 5px;
}

#mainmenu li a:hover,
#mainmenu li a:active,
#mainmenu li a.selected,
#mainmenu li.sfHover a
{
  background-image:               url(img/tab.right.gif);
  background-position:            100% 0%;
  background-repeat:              no-repeat;
  color:                          #CC0066;
  text-decoration:                none;
}

#mainmenu li a:hover span,
#mainmenu li a:active span,
#mainmenu li a.selected span,
#mainmenu li.sfHover a span
{
  background-image:               url(img/tab.left.gif);
  background-position:            0% 0%;
  background-repeat:              no-repeat;
}

#mainmenu ul
{
  background-color:               #F5BED5;
  display:                        none;
  font-size:                      12px !important;
  margin:                         0px;
  padding:                        0px;
  position:                       absolute;
  z-index:                        1001;
}

#mainmenu ul li
{
  border-top:                     white solid 1px;
  float:                          none;
  font-weight:                    bold;
  height:                         auto;
  list-style-type:                none;
  margin:                         0px;
  padding:                        2px 0px;
}

#mainmenu li.sfHover ul li a
{
  background-color:               transparent;
  background-image:               none;
  border:                         0px;
  color:                          black;
  display:                        block;
  padding:                        2px 7px;
}

#mainmenu li.sfHover ul li a:hover,
#mainmenu li.sfHover ul li a:active,
#mainmenu li.sfHover ul li a.selected
{
  background-color:               transparent;
  background-image:               none;
  border:                         0px;
  color:                          #D8015B;
}

#mainmenu ul ol
{
  font-size:                      11px;
  margin:                         0px;
  padding:                        0px;
}

#mainmenu ul ol li
{
  border-top:                     0px;
  margin:                         0px;
  padding:                        0px;
}

#mainmenu li.sfHover ul ol li a
{
  background-image:               url(img/bg.submenu-item.default.gif);
  background-position:            7px 7px;
  background-repeat:              no-repeat;
  display:                        block;
  font-weight:                    normal;
  padding-left:                   17px;
}

#mainmenu li.sfHover ul ol li a:hover,
#mainmenu li.sfHover ul ol li a:active,
#mainmenu li.sfHover ul ol li a.selected
{
  background-image:               url(img/bg.submenu-item.selected.gif);
  color:                          #D8015B;
}


/**
 * submenu
 */
#submenu
{
  margin:                         0px;
  padding:                        37px 0px 0px;
  width:                          100%;
}

#submenu li
{
  background-image:               none;
  border-top:                     white solid 1px;
  list-style-type:                none;
  margin:                         0px;
  padding:                        0px 10px 0px 56px;
}

#submenu li:first-child
{
  border-top:                     0px;
}

#submenu li a
{
  color:                          black;
  display:                        block;
  font-weight:                    bold;
  padding:                        2px 0px;
}

#submenu li a:link,
#submenu li a:visited
{
  text-decoration:                none;
}

#submenu li a:hover,
#submenu li a:active,
#submenu li a.selected
{
  color:                          #D8015B;
  text-decoration:                none;
}

#submenu li a.selected
{
  font-weight:                    bold;
}

#submenu ul
{
  font-size:                      11px;
  margin:                         0px;
  padding:                        0px;
}

#submenu ul li
{
  border-top:                     0px;
  list-style-type:                none;
  margin:                         0px;
  padding:                        0px;
}

#submenu ul li a
{
  background-image:               url(img/bg.submenu-item.default.gif);
  background-position:            0px 7px;
  background-repeat:              no-repeat;
  font-weight:                    normal;
  padding-left:                   10px;
}

#submenu ul li a:hover,
#submenu ul li a:active,
#submenu ul li a.selected
{
  background-image:               url(img/bg.submenu-item.selected.gif);
}


/**
 * footer menu
 */
#footer a:link,
#footer a:visited
{
  color:                          #ADADAD;
}


/**
 * fontmenu
 */
#fontmenu
{
  margin:                         0px;
  overflow:                       hidden;
  padding:                        0px;
  position:                       absolute;
  right:                          12px;
  top:                            165px;
}

#fontmenu li
{
  background-image:               none;
  float:                          left;
  list-style-type:                none;
  margin:                         0px;
  padding:                        2px;
}

#fontmenu li a img
{
  vertical-align:                 bottom;
}


/**
 * sitemap
 */
#sitemap ul
{
  margin:                         0px;
  padding:                        0px;
}

#sitemap li
{
  background-image:               none;
  list-style-image:               none;
  list-style-type:                none;
  margin:                         0px 0px 0px 15px;
  padding:                        1px 0px;
}

#sitemap img,
#sitemap a
{
  vertical-align:                 middle;
}

#sitemap a
{
  padding-left:                   4px;
}


/**
 * contact form
 */
.contact-form
{
  font-size:                      .9em;
}

.float-wrapper
{
  overflow:                       hidden;
  width:                          436px;
}

.hilite-box
{
  background-color:               #FFDDDD;
  border:                         #CC0000 solid 1px;
  color:                          #CC0000;
  padding:                        3px 5px;
}

p.input
{
  float:                          left;
  margin-right:                   5px;
  width:                          213px;
}

p.input img
{
  margin-left:                    5px;
  vertical-align:                 top;
}

input.text,
textarea
{
  border:                         #999999 solid 1px;
  width:                          188px;
}

input.text:focus,
textarea:focus
{
  background-color:               #F6F6F6;
}


p.message textarea,
textarea#rating_reason
{
  width:                          406px;
}

p.button-bar
{
  text-align:                     right;
  width:                          406px;
}

#captcha-box
{
  width:                          410px;
}

#captcha-box p.input,
#captcha_code
{
  float:                          none;
  width:                          auto;
}

input.submit
{
  background-color:               transparent;
  background-image:               url(img/bg.link.gif);
  background-position:            10px 50%;
  background-repeat:              no-repeat;
  border:                         0px;
  color:                          #999999;
  padding:                        0px 0px 0px 23px;
  text-align:                     left;
  width:                          auto;
}


/**
 * index boxes
 */
#index-boxes
{
  background-image:               url(img/bg.index-boxes.gif);
  background-position:            300px 0px;
  background-repeat:              repeat-y;
  margin:                         20px 40px 15px;
  overflow:                       hidden;
  width:                          905px;
}

.index-box
{
  float:                          left;
  font-size:                      1em;
  margin-right:                   1px;
  padding:                        0px 15px;
  width:                          270px;
}

.index-box h2
{
  color:                          #D8015B;
  font-size:                      21px;
  font-weight:                    normal;
  margin:                         0px 0px 10px;
}

.index-box-link
{
  margin:                         1.5em 0px 0px;
}


/**
 * accordeon
 */
dl.accordeon
{
  font-size:                      .9em;
}

dl.accordeon dt
{
  background-color:               #E7E7E7;
  font-weight:                    bold;
  margin:                         10px 0px 1px;
  padding:                        4px;
}

dl.accordeon dt .toggler
{
  background-image:               url(img/button.dl.gif);
  background-position:            0px 0px;
  background-repeat:              no-repeat;
  display:                        block;
  float:                          left;
  height:                         14px;
  width:                          14px;
}

dl.accordeon dt .heading
{
  display:                        block;
  margin-left:                    20px;
}

dl.accordeon dt.opened,
dl.accordeon dt.closed
{
  cursor:                         pointer;
}

dl.accordeon dt.opened .toggler
{
  background-position:            0px -14px;
}

dl.accordeon dd
{
  background-color:               #F6F6F6;
  margin:                         0px;
  padding:                        4px 25px;
}


/**
 * feature box
 */
.feature-box
{
  border:                         #E7E7E7 solid 1px;
  font-size:                      .85em;
  margin-bottom:                  15px;
}

.feature-box h2
{
  background-color:               #E7E7E7;
  font-size:                      1em;
  margin:                         0px;
  padding:                        4px 8px;
}

.feature-box-content
{
  padding:                        0px 8px;
}

.feature-box-content a
{
  background-image:               url(img/bg.link.gif);
  background-position:            0px 50%;
  background-repeat:              no-repeat;
  padding-left:                   13px;
}


/**
 * faq box
 */
.feature-box-content ul.faq-items
{
  margin:                         0px;
  padding:                        0px;
}

.feature-box-content ul.faq-items li
{
  background-image:               none;
  list-style-type:                none;
  margin:                         0px 0px 1em;
  padding:                        0px;
}

.feature-box-content ul.faq-items li a
{
  background-image:               none;
  color:                          black;
  padding-left:                   0px;
}


/**
 * tip-items
 */
#tip-wrapper
{
}

table.tip-items
{
  margin-left:                    -2px;
}

table.tip-items td
{
  font-size:                      13px !important;
  font-weight:                    bold;
  height:                         107px;
  width:                          107px;
}

table.tip-items td a
{
  background-color:               #E7E7E7;
  color:                          black;
  display:                        block;
  height:                         87px;
  padding:                        10px 8px;
  width:                          91px;
}

table.tip-items td a:hover,
table.tip-items td a:active,
table.tip-items td a:visited,
table.tip-items td a.visited
{
  background-color:               #D8015B;
  background-image:               url(img/bg.tip.gif);
  background-position:            100% 0%;
  background-repeat:              no-repeat;
  color:                          white;
  text-decoration:                none;
}

#tip-detail
{
  border:                         #E7E7E7 solid 1px;
  padding:                        10px;
  width:                          412px;
}

#tip-detail-wrapper
{
  background-color:               white;
}

#tip-detail-closer
{
  margin:                         0px;
  text-align:                     right;
}

#tip-detail-closer a
{
  background-image:               url(img/button.close.gif);
  background-position:            100% 50%;
  background-repeat:              no-repeat;
  color:                          black;
  font-size:                      .85em;
  padding-right:                  14px;
}

.tip-detail-table
{
  width:                          100%;
}

.tip-detail-table th.tip-detail-left,
.tip-detail-table th.tip-detail-right
{
  background-color:               #D8015B;
  color:                          white;
  margin:                         0px;
  padding:                        5px 20px;
  text-align:                     left;
  vertical-align:                 top;
  width:                          205px;
}

.tip-detail-table th.tip-detail-left,
.tip-detail-table td.tip-detail-left
{
  border-right:                   white solid 1px;
}

.tip-detail-table th.tip-detail-right,
.tip-detail-table td.tip-detail-right
{
  border-left:                    white solid 1px;
}


.tip-detail-table td.tip-detail-left,
.tip-detail-table td.tip-detail-right
{
  background-color:               #E7E7E7;
  padding:                        5px 10px 5px 20px;
  vertical-align:                 top;
}


/**
 * tip2-items
 */
#tip2-wrapper
{
}

table.tip2-items
{
  margin-left:                    -2px;
}

table.tip2-items td
{
  font-weight:                    bold;
  height:                         175px;
  padding:                        3px;
  text-align:                     center;
  width:                          175px;
}

table.tip2-items td.tip2-item
{
  cursor:                         pointer;
}

table.tip2-items td.tip2-item a
{
  text-decoration:                none;
}

table.tip2-items td .subtitle
{
  font-size:                      90%;
  font-weight:                    normal;
}

table.tip2-items td.green
{
  background-color:               #F2F4C0;
  color:                          #669966;
}

table.tip2-items td.green a
{
  color:                          #669966;
}

table.tip2-items td.green:hover,
table.tip2-items td.green.visited,
table.tip2-items td.green:hover a,
table.tip2-items td.green.visited a
{
  background-color:               #C6BD2A; /*#E4DF7F;*/
  color:                          white;
}

table.tip2-items td.pink
{
  background-color:               #F7CCDE;
  color:                          #CC0066;
}

table.tip2-items td.pink a
{
  color:                          #CC0066;
}

table.tip2-items td.pink:hover,
table.tip2-items td.pink.visited,
table.tip2-items td.pink:hover a,
table.tip2-items td.pink.visited a
{
  background-color:               #E56DA2; /*#F1A6C6;*/
  color:                          white;
}

#tip2-detail
{
  border-style:                   solid;
  border-width:                   5px;
  overflow:                       hidden;
  padding:                        25px 25px 10px;
  width:                          487px;
}

#tip2-detail h1
{
  font-size:                      180%;
  margin:                         0px;
}


.green#tip2-detail
{
  border-color:                   #CBD500;
}

.green#tip2-detail h1,
.green#tip2-detail h2
{
  color:                          #669966;
}

.pink#tip2-detail
{
  border-color:                   #D8015B;
}

.pink#tip2-detail h1,
.pink#tip2-detail h2
{
  color:                          #CC0066;
}

#tip2-detail-wrapper
{
  background-color:               white;
  z-index:                        100;
}

#tip2-detail-closer
{
  margin:                         -15px -15px 0px 0px;
  text-align:                     right;
}

#tip2-detail-closer a
{
  background-image:               url(img/button.close.gif);
  background-position:            100% 50%;
  background-repeat:              no-repeat;
  color:                          black;
  font-size:                      .85em;
  padding-right:                  14px;
}

#tip2-detail-content
{
  background-position:            100% 100%;
  background-repeat:              no-repeat;
  margin-right:                   -10px;
  padding-right:                  250px;
}

#tip2-detail h2
{
  font-size:                      1em;
  margin:                         2em 0px 1em;
}

#tip2-items-footer
{
  font-size:                      .85em;
  margin:                         .5em 0px 1em;
}


/**
 * downloads
 */
ul.downloads li
{
  margin-bottom:                  .5em;
}

ul.downloads a
{
  font-weight:                    bold;
}


/**
 * faq
 */
ol.toggle-list
{
  margin:                         1em 0px;
  padding:                        0px;
}

ol.toggle-list li
{
  margin:                         0px 0px .5em 20px;
  padding:                        0px;
}

ol.toggle-list li h3
{
  cursor:                         pointer;
  font-size:                      1em;
  font-weight:                    normal;
  margin:                         0px;
}

ol.toggle-list li h3:hover
{
  color:                          #D8015B;
}

ol.toggle-list li h3.open
{
  font-weight:                    bold;
}

ol.toggle-list li div.faq-answer
{
  background-color:               white;
  border:                         #D8015B solid 2px;
  margin:                         .5em 0px 1em;
  padding:                        0px 10px;
}

ol.toggle-list li.open div.faq-answer
{
}

dl.toggle-list dd p
{
  margin:                         0px 0px 5px;
}


/**
 * questionnaire
 */
.questionnaire-wrapper
{
  background-color:               #E7E7E7;
  padding:                        20px;
}

.questionnaire
{
  width:                          100%;
}

.questionnaire th
{
  font-weight:                    normal;
  padding:                        2px 0px;
  text-align:                     left;
}

.questionnaire th.separator
{
  padding-top:                    1em;
}

.questionnaire td
{
  padding:                        1px 0px;
  width:                          22px;
}

.questionnaire td.label
{
}

.questionnaire td input
{
}

.questionnaire-footer p
{
  font-size:                      90%;
  margin-bottom:                  0px;
}


/**
 * misc
 */
.hilite
{
  color:                          #CC0000;
}

p.hilite,
fieldset.hilite
{
/*  background-color:               #FFDDDD;*/
}

p.hilite input,
fieldset.hilite input
{
  border-color:                   #CC0000;
}

.float-wrapper
{
  overflow:                       hidden;
  width:                          100%;
}

.data-protection
{
  border-top:                     #999999 solid 1px;
  border-bottom:                  #999999 solid 1px;
}