html
{
}

body
{
  background-color:               #92908e;
  background-image:               url(img/bg.body.png);
  background-repeat:              repeat-y;
  background-position:            50% 0;
  margin-left:                    auto;
  margin-right:                   auto;
  margin-top:                     0px;
  margin-bottom:                  0px;
  width:                          992px;
  padding:                        0px;
  color:                          #666666;
  font-family:                    Verdana, Arial, Helvetica, sans-serif;
  font-size:                      .75em;
  height:                         100%;
}

body.index
{
  background-image:               url(img/bg.body.index.png);
  background-repeat:              fixed;
  background-position:            50% 0;
}

img
{
  border:                         0px;
}

/**
 * headings
 */

h1
{
  font-size:                      1.2em;
  margin:                         0px;
  padding:                        0px;
  position:                       absolute;
  right:                          195px;
  top:                            15px;
}

h2
{
  color:                          #ff3333;
  font-size:                      1.25em;
  margin:                         0em 0px 0.6em 0px;
  padding:                        0em;
}

h2 .subtitle
{
  color:                          #666666;
  font-size:                      0.8em;
}

h2.index
{
  margin-left:                    25px;
  margin-top:                     15px;
}

h3
{
  border-left:                    4px solid #336699;
  font-size:                      1em;
  font-weight:                    normal;
  margin:                         2.5em 0px 1.5em 0px;
  padding:                        0em 0em 0em 6px;
}

h4
{
  color:                          #ff3333;
  font-weight:                    normal;
  font-size:                      0.9em;
  margin:                         5px 0px 5px 18px;
  padding:                        0px;
  text-transform:                 uppercase;
}

/**
 * blocks
 */
p
{
  margin-top:                     0px;
  margin-bottom:                  .75em;
}

.fBox p
{
  font-size:                      0.9em;
  margin:                         2px 0px 2px 18px;
  padding:                        0px;
}

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

input,
label,
select,
option,
textarea
{
  font-family:                    Verdana, Arial, Helvetica, sans-serif;
  font-size:                      0.8em;
  vertical-align:                 middle;
}

input.text,
textarea
{
  border-width:                   1px;
}

input.submitButton
{
  background-color:               #CCCCCC;
  border-color:                   #CCCCCC;
  border-width:                   1px;
  color:                          #666666;
}


/**
 * links
 */
a:link,
a:visited
{
  color:                          #999999;
  text-decoration:                none;
}

a:active,
a:hover
{
  color:                          #666666;
  text-decoration:                none;
}

.index #quicklinks a:link,
.index #quicklinks a:visited
{
  color:                          white;
  text-decoration:                none;
}

.index #quicklinks a:active,
.index #quicklinks a:hover
{
  color:                          #cccccc;
  text-decoration:                none;
}

/**
 * structure
 */

#header
{
  background-color:               white;
  padding:                        15px 0px 0px 0px;
  height:                         128px;
  position:                       relative;
}

#NavBar
{
  background-color:               #dff2fb;
  border-bottom:                  1px solid white;
}

#teaser
{
  background-color:               #004494;
  background-repeat:              no-repeat;
  background-position:            100% 100%;
  border-bottom:                  1px solid white;
  height:                         100px;
}

#teaser div
{
  background-color:               #dff2fb;
  background-image:               url(img/bg.teaser.png);
  background-repeat:              no-repeat;
  background-position:            100% 100%;
  border-right:                   1px solid white;
  float:                          left;
  width:                          693px;
  height:                         100px;
}

#content
{
  overflow:                       hidden;
  width:                          100%;
}

#leftCol
{
  float:                          left;
  width:                          200px;
}

#centerCol
{
  float:                          left;
  margin:                         30px 15px;
  width:                          450px;
  padding:                        0px 0px 20px 0px;
}

#rightCol
{
  float:                          right;
  width:                          298px;
}

/*
 * Index
 */

.index #quicklinks h3
{
  border:                         none;
  color:                          #cccccc;
  margin:                         0px 0px 0px 0px;
  padding:                        60px 0px 0px 30px;
  text-transform:                 uppercase;
}

.index #header
{
  background-image:               url(img/bg.header.png);
  background-repeat:              no-repeat;
  background-position:            190px 100%;
}

.index #centerCol
{
  border-left:                    1px solid white;
  margin:                         0px;
}

#quicklinks
{
  border-bottom:                  1px solid white;
  font-size:                      0.9em;
  background-color:               #e53533;
  height:                         200px;
}

#quicklinks ul
{
  margin:                         10px 0px 0px 30px;
}

.index .fBox
{
  border-bottom:                  1px solid white;
  border-left:                    1px solid white;
}

.index .fBox img
{
  float:                          right;
}

/**
 * link bar
 */
#linkBar
{
  background-color:               white;
  color:                          #cccccc;
  font-size:                      .9em;
  overflow:                       hidden;
  padding:                        0px;
  margin:                         0px 0px 0px 50px;
  vertical-align:                 middle;
}

#linkBar *
{
  border:                         0px;
  display:                        block;
  float:                          left;
  margin:                         0px;
  padding:                        0px;
  vertical-align:                 middle;
}

/**
 * lang nav
 */
#langNav
{
  margin:                         0px;
  padding:                        0px;
}

#langNav li
{
  list-style-type:                none;
  margin:                         0px 10px 0px 0px;
  padding:                        1px 0px;
}

/**
 * lang nav
 */
#siteNav
{
  margin:                         0px 0px 0px 50px;
  padding:                        0px;
}

#siteNav li
{
  list-style-type:                none;
  margin:                         0px 10px 0px 0px;
  padding:                        1px 0px;
}

/**
 * mainmenu
 */

#mainmenu
{
  background-color:               #dff2fb;
  padding-left:                   200px;
  width:                          500px;
}

#mainmenu ul
{
  border-left:                    1px solid white;
  margin:                         0px 0px 0px 0px;
  overflow:                       hidden;
  padding:                        0px;
  width:                          500px;
}

#mainmenu li
{
  display:                        block;
  float:                          left;
  list-style-type:                none;
  margin:                         0px;
  overflow:                       hidden;
  padding:                        0px;
}

#mainmenu li a
{
  background-color:               #dff2fb;
  border-right:                   1px solid white;
  color:                          #999999;
  display:                        block;
  font-size:                      1em;
  font-weight:                    bold;
  padding:                        6px 6px 6px 6px;
  margin:                         0px;
  text-decoration:                none;
}

#mainmenu li a:hover,
#mainmenu li a.selected
{
  color:                          #336699;
  text-decoration:                none;
}

/*
 *  breadCrumbs
 */
#breadCrumbs
{
  border-left:                    1px solid white;
  background-color:               #eff9fd;
  border-bottom:                  1px solid white;
  padding:                        6px 0px 6px 7px;
  margin-left:                    200px;
  font-size:                      0.9em;
}

/**
 * submenu
 */

#submenu
{
  border-top:                     1px solid white;
  margin:                         0px;
  padding:                        0px;
}

#submenu ul
{
  margin:                         0px;
  padding:                        0px;
}

#submenu ul ul
{
  font-size:                      .9em;
  margin:                         0px;
  padding:                        0px;
}

#submenu ul ul ul
{
  margin:                         .3em 0px 10px 10px;
}

#submenu ul li
{
  border-bottom:                  1px solid white;
  list-style-type:                none;
  margin:                         0px;
  padding:                        0px;
}

#submenu ul li li
{
  border-bottom:                  1px solid #eff9fd;
  border-top:                     1px solid white;
  margin:                         0px;
}

#submenu ul li a
{
  background-color:               #dff2fb;
  color:                          #666666;
  display:                        block;
  padding:                        3px 0px 4px 20px;
  text-decoration:                none;
  margin:                         0px;
}

#submenu ul li a:hover,
#submenu ul li a.selected
{
  background-repeat:              no-repeat;
  background-position:            0 0;
  background-image:               url(img/bg.submenu.png);
  color:                          #336699;
  font-weight:                    bold;
}

#submenu ul li li a
{
  background-color:               #eff9fd;
}

#submenu ul li li a:hover,
#submenu ul li li a.selected
{
  background-image:               none;
  font-weight:                    normal;
}

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

div.fmMenu.topLevel
{
  margin:                         0px;
  padding:                        0px;
}

/*
div.fmMenu a.fmMenuItem:link,
div.fmMenu a.fmMenuItem:active,
div.fmMenu a.fmMenuItem:visited,
div.fmMenu a.fmMenuItem:hover
*/
div.fmMenu a
{
  color:                          #999999;
  cursor:                         pointer;
  border-top:                     1px solid white;
  display:                        block;
  font-family:                    Verdana, Arial, Helvetica, sans-serif;
  font-size:                      11px;
  font-style:                     normal;
  font-weight:                    normal;
  height:                         14px;
  margin:                         0px;
  padding:                        2px 10px 2px 6px;
  text-decoration:                none;
  white-space:                    nowrap;
  width: auto;
}

div.fmMenu a.fmMenuItem:hover,
div.fmMenu a.fmMenuItemHighlight,
div.fmMenu.topLevel a.fmMenuItem:hover,
div.fmMenu.topLevel a.fmMenuItemHighlight
{
  color:                          #336699;
  text-decoration:                none;
}

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


/*
 * Kunden-Login
 */


.index #customerLogin h3
{
  border:                         none;
  color:                          #e53533;
  text-transform:                 uppercase;
  padding:                        0px;
  margin:                         20px 0px 10px 30px;
}

.index #customerLogin .input
{
  color:                          #999999;
  margin:                         0px 0px 0px 30px;
  width:                          140px;
}

.index #customerLogin .submitButton
{
  background-color:               #fa5b59;
  border:                         1px solid #996666;
  color:                          white;
  float:                          right;
  margin:                         0px 27px 0px 0px;
  text-transform:                 uppercase;
}

#customerLogin a
{
  color:                          #cccccc;
  display:                        block;
  padding:                        10px 0px 8px 20px;
}

#customerLogin a:hover
{
  color:                          #336699;
}


/*
 * searchBar
 */

#searchBar
{
  float:                          right;
  width:                          275px;
  padding:                        5px 0px 0px 0px;
}

#searchBar .input
{
  width:                          175px;
  color:                          #999999;
  font-size:                      0.8em;
  margin:                         0px;
}

/*
 * Feature Box
 */

.fBox
{
  overflow:                       hidden;
}

/**
 * footer
 */

#footer
{
  clear:                          both;
  background-color:               white;
  bottom:                         0px;
  font-size:                      0.8em;
  float:                          left;
  padding:                        4px 0px;
  position:                       fixed;
  width:                          992px;

}

#footerContent
{
  color:                          #cccccc;
  padding:                        0px 0px 0px 210px;
}

#footer ul,
#footer li
{
  display:                        inline;
  list-style-type:                none;
  margin:                         0px 0px 0px 10px;
  padding:                        0px;
}

#footer ul
{
  margin-left:                    0px;
}

#footer li
{
  padding:                        0px 0px 0px 1px;
}

#footer a
{
  color:                          #cccccc;
  padding:                        0px 0px 0px 6px;
  text-decoration:                none;
}

#footer a:hover
{
  color:                          #999999;
}


/*
 * newsItem
 */

.newsItem
{
  overflow:                       hidden;
  margin:                         0px 0px 20px 0px;
}

.newsItem img
{
  margin-right:                  10px;
}

.newsItem h3
{
  border:                         none;
  font-weight:                    bold;
  padding:                        0px;
  margin:                         0px;
}

.newsItem h3 .date
{
  font-weight:                    normal;
  font-size:                      0.8em;
}

.newsItem h3 .hilite
{
  font-weight:                    normal;
}


/**
 * misc
 */

#quicklinks ul,
.quicklinks ul,
#centerCol ul
{
  list-style-type:                none;
  padding:                        0px;
}

#quicklinks ul li,
.quicklinks ul li,
#centerCol ul li
{
  border-left:                    4px solid #cccccc;
  margin:                         0px 0px 3px 0px;
  padding:                        0px 0px 0px 10px;
  color:                          #666666;
}

.quicklinks ul li
{
  margin:                         0px 0px 3px 20px;
}

.defaultBox
{
  margin:                         20px;
}

.hilite
{
  color:                          #ff3333;
}


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

#sitemap li
{
  list-style-type:                none;
  margin:                         0px 0px 0px 15px;
  padding:                        1px 0px;
  border-left:                    0px !important;
}

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

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




/*
 * Downloads
 */

.downloads h3
{
  border:                       0px;
  font-size:                    0.9em;
  font-weight:                  bold;
  margin-bottom:                2px;
  padding:                      0px;
}

/**
 * contact form
 */
.contactForm th,
.dealerForm th
{
  font-weight:                    normal;
  text-align:                     left;
}

.contactForm td
{
}

.contactForm td .text,
.contactForm td textarea,
.dealerForm td .text,
.dealerForm td textarea
{
  width:                          250px;
}

.contactForm td .text#zipCode,
.dealerForm td .text#zipCode
{
  float:                          left;
  width:                          40px;
}

.contactForm td .text#city,
.dealerForm td .text#city
{
  float:                          right;
  width:                          125px;
}

#confirm-data-security
{
  float:                          left;
  vertical-align:                 middle;
}

.dealerForm td .text
{
  width: 175px
}

.dealerForm td textarea
{
  width:435px;
  height:60px;
}