html
{
  background-color:               #5B5E6E;
  height:                         100%;
  margin:                         0px;
  padding:                        0px;
}

body
{
  background-image:               url(img/bg.gif);
  background-position:            50% 0px;
  background-repeat:              repeat-y;
  font-family:                    Verdana, Arial, Helvetica, sans-serif;
  font-size:                      12px;
  margin:                         0px auto;
  min-height:                     100%;
  padding:                        0px;
  position:                       static;
  width:                          948px;
}


/**
 * heading
 */
div.logo
{
  left:                           36px;
  margin:                         0px;
  position:                       absolute;
  top:                            30px;
  z-index:                        10;
}

h1
{
  background-color:               transparent;
  color:                          #003399;
  font-size:                      1em;
  margin-top:                     0px;
}

h2
{
  background-color:               transparent;
  clear:                          both;
  color:                          #003399;
  font-size:                      1em;
  margin-top:                     1em;
  margin-bottom:                  0px;
}

h2 + p,
h2 + ul,
h2 + ol
{
  margin-top:                     .25em;
}

h2 span.date
{
  color:                          #333333;
  font-weight:                    normal;
}

h2 em
{
  font-style:                     normal;
}

h3 em
{
  color:                          #666666;
  font-style:                     normal;
}

h3,
h4
{
  color:                          #333333;
  font-size:                      1em;
  margin-bottom:                  0px;
}

h3 + p,
h4 + p
{
  margin-top:                     0px;
}


/**
 * link
 */
a
{
  color:                          #003399;
  text-decoration:                none;
}

a:hover
{
  color:                          #666666;
  text-decoration:                underline;
}

a img
{
  border:                         0px;
}


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

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

textarea,
input.text,
select
{
  background:                     #FCFCFC;
  border-width:                   1px;
}

input[type=text]
{
  background:                     #FCFCFC;
  border-width:                   1px;
}

input[type=submit]
{
  cursor:                         pointer;
}


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

li
{
  margin-left:                    20px;
  padding-left:                   0px;
}


/**
 * layout
 */
#header
{
  background-color:               white;
  height:                         170px;
  position:                       relative;
}

#teaser
{
  background-image:               url(img/bg.teaser.jpg);
  background-position:            100% 0%;
  background-repeat:              no-repeat;
  border-top:                     #6699CC solid 30px;
  bottom:                         0px;
  height:                         100px;
  left:                           0px;
  position:                       absolute;
  width:                          948px;
}

#teaser img
{
  margin:                         17px 0px 0px 276px;
}

#content
{
  overflow:                       hidden;
  width:                          948px;
}

#body
{
  background-color:               #EBECEE;
  float:                          left;
  padding:                        33px 0px 2em;
  overflow:                       hidden;
  position:                       relative;
  width:                          688px;
}

#contentCol
{
  float:                          left;
  padding:                        0px 14px 0px 24px;
  overflow:                       hidden;
  width:                          406px;
}

.spanning#contentCol
{
  width:                          640px;
}


/**
 * linkbar
 */
#permmenu
{
  background-color:               #EBECEE;
  color:                          #003399;
  font-size:                      .9em;
  height:                         40px;
  overflow:                       hidden;
  position:                       relative;
  margin-left:                    260px;
  width:                          688px;
}

#permmenu[id]
{
  display:                        table;
  position:                       static;
}

#permmenuMiddle
{
  position:                       absolute;
  top:                            50%;
}

#permmenuMiddle[id]
{
  display:                        table-cell;
  position:                       static;
  vertical-align:                 middle;
}

#permmenuInner
{
  padding-right:                  8px;
  position:                       relative;
  top:                            -50%;
}

#permmenuInner[id]
{
  position:                       static;
}

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

#permmenu ul
{
  float:                          right;
  margin:                         0px;
  overflow:                       hidden;
  padding:                        0px;
}

#permmenu li
{
  border-left:                    #003399 solid 1px;
  display:                        block;
  float:                          left;
  margin:                         0px;
  padding:                        0px 10px;
}

#permmenu li.first
{
  border:                         0px;
}

#permmenu li a
{
  text-decoration:                none;
}


/**
 * mainmenu
 */
#mainmenu
{
  background-image:               url(img/bg.mainmenu.gif);
  background-position:            0% 0%;
  background-repeat:              no-repeat;
  float:                          left;
  width:                          260px;
}

#mainmenu ul
{
  margin:                         0px 0px 2em;
  padding:                        1px 0px 0px;
}

#mainmenu li
{
  background-image:               url(img/bg.mainmenu.gif);
  background-position:            0% 100%;
  background-repeat:              no-repeat;
  list-style-type:                none;
  margin:                         0px;
  padding:                        1px 0px;
}

#mainmenu li a
{
  display:                        block;
  font-size:                      1.1em;
  font-weight:                    bold;
  padding:                        .3em 10px .3em 38px;
  text-decoration:                none;
  width:                          211px;
}

#mainmenu li a:hover,
#mainmenu li a.selected
{
  background-image:               url(img/bg.mainmenuitem.gif);
  background-position:            21px .55em;
  background-repeat:              no-repeat;
  color:                          #666666;
}

#mainmenu p
{
  padding-left:                   38px;
}

/**
 * submenu
 */
#mainmenu ul.submenu
{
  background-image:               none;
  margin:                         4px 0px 13px 38px;
  padding:                        0px;
}

#mainmenu ul.submenu li
{
  background-image:               none;
}

#mainmenu ul.submenu li a
{
  color:                          #666666;
  font-size:                      .9em;
  font-weight:                    normal;
  padding:                        .2em 9px;
  width:                          auto;
}

#mainmenu ul.submenu li a:hover,
#mainmenu ul.submenu li a.selected
{
  background-image:               url(img/bg.submenuitem.gif);
  background-position:            0px .45em;
  background-repeat:              no-repeat;
}

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

#mainmenu ul.submenu ul
{
  background-image:               none;
  margin:                         0px 0px 0px 9px;
  padding:                        0px;
}

#mainmenu ul.submenu ul li a
{
  color:                          #003399;
}


/**
 * teaserBox
 */
#teaserBox
{
  height:                         110px;
  overflow:                       hidden;
  white-space:                    nowrap;
  width:                          420px;
}


/**
 * feature column
 */
#featureCol
{
  font-size:                      .9em;
  float:                          left;
  width:                          244px;
}

#featureCol h2
{
  background:                     white;
  margin:                         0px;
  padding:                        4px 0px 4px 9px;
}

#featureContent
{
  margin:                         0px 9px;
  padding:                        13px 0px;
}

.featureBox.default
{
  background-image:               url(img/bg.mainmenu.gif);
  background-position:            0% 100%;
  background-repeat:              repeat-x;
  margin-bottom:                  1em;
  overflow:                       hidden;
  padding-bottom:                 1.25em;
  width:                          100%;
}

.featureBox.default h3,
.featureBox.default p
{
  margin-top:                     0px;
  margin-bottom:                  0px;
}

.featureBox.default a
{
  color:                          #999999;
  text-decoration:                none;
}

.featureBox.default a:hover
{
  color:                          #666666;
}


/**
 * footer
 */
#footer
{
  background:                     white;
  bottom:                         0px;
  color:                          #666666;
  font-size:                      .9em;
  padding:                        5px 0px 5px 260px;
  position:                       fixed;
  text-align:                     center;
  width:                          688px;
}

#footer a
{
  color:                          #666666;
  text-decoration:                none;
}


/**
 * index
 */
#indexBanner
{
  left:                           326px;
  position:                       absolute;
  top:                            20px;
}

#productRanges
{
  margin-top:                     2em;
  margin-bottom:                  1em;
  overflow:                       hidden;
  width:                          416px;
}

.productRange
{
  float:                          left;
  margin:                         8px 8px 0px 0px;
  width:                          199px;
}

.productRange h4
{
  background-color:               #003399;
  background-image:               url(img/bg.heading.gif);
  background-position:            100% 0%;
  background-repeat:              no-repeat;
  color:                          white;
  margin:                         0px;
  width:                          199px;
}

.productRange h4 a,
.productRange h4 a:hover
{
  color:                          white;
  display:                        block;
  padding:                        3px 22px 3px 10px;
  text-decoration:                none;
  width:                          167px;
}

.productRange p
{
  background-color:               #94B8DB;
  background-position:            100% 0%;
  background-repeat:              no-repeat;
  color:                          #000066;
  font-size:                      .9em;
  height:                         78px;
  margin:                         0px;
  padding:                        6px 60px 6px 12px;
  width:                          127px;
}

.productRange#lagereinrichtungen p
{
  background-image:               url(img/bg.productRange.lagereinrichtungen.gif);
}

.productRange#ladeneinrichtungen p
{
  background-image:               url(img/bg.productRange.ladeneinrichtungen.gif);
}

.productRange#betriebseinrichtungen p
{
  background-image:               url(img/bg.productRange.betriebseinrichtungen.gif);
}

.productRange#industriebedarf p
{
  background-image:               url(img/bg.productRange.industriebedarf.gif);
}


/**
 * news
 */
.newsItem
{
  overflow:                       hidden;
  width:                          100%;
}

.newsItem h3
{
  margin-top:                     0px;
}

img.newsItemImage
{
  float:                          right;
  margin-bottom:                  .25em;
  margin-left:                    10px;
}

.newsItemGallery
{
  width:                          226px;
}

.newsItemGallery p
{
  margin-left:                    16px;
  width:                          200px;
}

.newsItemGallery p.newsItemGalleryImage
{
  background-color:               #E3E4E6;
  border:                         #666666 outset 1px;
  margin:                         0px auto .25em 16px;
  padding:                        7px 20px;
  text-align:                     center;
  width:                          150px;
}

.newsItemGallery p.newsItemGalleryImage img
{
  border:                         #666666 inset 1px;
}

#featureContent .featureBox.downloadItem
{
  overflow:                       hidden;
  width:                          226px;
}

/*
.gallery#featureContent .featureBox.downloadItem
{
  padding-left:                   16px;
  width:                          210px;
}
*/

.downloadItem h3,
.downloadItem p
{
  clear:                          none;
  padding-left:                   40px;
}

.downloadIcon
{
  float:                          left;
}


/**
 * history
 */
#historyGallery
{
  background-color:               #EBECEE;
  background-image:               url(img/bg.history.png);
  background-position:            159px 0px;
  background-repeat:              no-repeat;
  height:                         550px;
  position:                       relative;
  width:                          218px;
}


/**
 * contact form
 */
table.contactForm
{
  margin:                         0px;
}

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

table.contactForm input.text,
table.contactForm textarea
{
  width:                          250px;
}

table.contactForm input.text#zipCode,
table.contactForm input.text.zipCode
{
  float:                          left;
  width:                          50px;
}

table.contactForm input.text#city,
table.contactForm input.text.city
{
  float:                          right;
  width:                          190px;
}

.contactFormSelection
{
  margin-top:                     1em;
  overflow:                       hidden;
  width:                          641px;
}

.contactFormSelection h3
{
  margin-top:                     0px;
  margin-bottom:                  1em;
}

.contactFormSelectionBox
{
  float:                          left;
  width:                          33%;
}

.contactFormSelectionBox h4
{
  margin:                         0px;
}

.contactFormSelectionBox ul
{
  margin-top:                     .25em;
  margin-bottom:                  0px;
}

.contactFormSelectionBox li
{
  list-style-type:                none;
  margin-left:                    0px;
  padding-right:                  10px;
  padding-left:                   20px;
  text-indent:                    -20px;
}


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

#sitemap li
{
  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;
}


/**
 * misc
 */
hr
{
  background-color:               transparent;
  background-image:               url(img/bg.mainmenu.gif);
  border:                         0px;
  color:                          #003399;
  height:                         1px;
  padding:                        0px;
}

b,
strong
{
  color:                          #003399;
}

.hilite
{
  color:                          #C00000;
  font-weight:                    bold;
}

input.text.hilite
{
  background:                     #FFC0CC;
  color:                          #333333;
}

input.text.hilite:focus
{
  background:                     #FCFCFC;
}

.forward
{
  background-color:               transparent;
  background-image:               url(img/bg.forward.gif);
  background-position:            100% 50%;
  background-repeat:              no-repeat;
  border:                         0px;
  padding-right:                  20px;
  padding-left:                   0px;
  text-align:                     right;
  width:                          auto;
}

.backward
{
  background-color:               transparent;
  background-image:               url(img/bg.backward.gif);
  background-position:            0% 50%;
  background-repeat:              no-repeat;
  border:                         0px;
  padding-right:                  0px;
  padding-left:                   20px;
  text-align:                     left;
  width:                          auto;
}

.linkBar
{
  margin-top:                     1em;
}

.linkBar a
{
  color:                          black;
  text-decoration:                none;
}

.icon
{
  vertical-align:                 bottom;
}

.submitButton
{
  text-align:                     right;
}

.submitButton input
{
  color:                          #003399;
  font-weight:                    bold;
}

div.hr
{
  background-image:               url(img/bg.mainmenu.gif);
  height:                         1px;
  margin:                         1em 0px;
}

div.hr hr
{
  display:                        none;
}