html
{
  height:                           100%;
}

body
{
  background-color:                 white;
  background-image:                 url(img/bg.body.png);
  background-position:              top center;
  background-repeat:                repeat-y;
  font-family:                      arial;
  font-size:                        0.75em;
  color:                            #666666;
  padding:                          0px;
  margin:                           0px;
}

body#index
{
  background-image:                 url(img/bg.index.body.png);
}

p
{
  padding:                          0px;
  margin:                           0px 0px .75em 0px;
}

h1
{
  float:                            right;
  padding:                          0px;
  margin:                           0px;                    
}

h2.default
{
  color:                            #666666;
  font-size:                        1.5em;
  padding:                          0px;
  margin:                           20px 0px 0px 0px;
}
/*
 * index
 */ 

#index h2
{
  margin:                           0px 0px 10px 0px;
  padding:                          0px;
}

#index #left
{
  float:                            left;
  margin:                           39px 0px 0px 0px;
  width:                            300px;
  overflow:                         hidden;
}

#index #right
{
  float:                            left;
  margin:                           39px 0px 0px 15px;
  width:                            600px;
  overflow:                         hidden;
}

#index #right .col
{
  overflow:                         hidden;
  border-top:                       1px dotted #e2001a;
  padding:                          10px 0px;
}

#index #right .col .newsItem,
#index #right .col .featureItem
{
  float:                            left;
  padding:                          0px 10px;
  width:                            280px;
}

#index #right .col .newsItem h3,
#index #right .col .featureItem h3
{
  font-size:                        12px;
  padding:0px;
  margin:0px;
}

#index #right .col .featureItem img
{
  float:right;
}

#index #contentCol
{
  width:                            990px;
}

/**
 * pseudo
 */
a:link,
a:visited
{
  color:                            #666666;
  text-decoration:                  underline;
}

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

a img
{
  border:                           none;
}

/*
 *  strukture
 */ 

#base
{
  width:                            990px;
  margin:                           0px auto;
  overflow:                         hidden;
}

#header
{
  width:                            990px;
  background-color:                 white;
  background-image:                 url(img/bg.head.png);
  background-position:              0px 0px;
  background-repeat:                repeat-x;
  height:                           115px;
}

#teaser
{
  width:                            990px;
  background-color:                 white;
  background-image:                 url(img/teaser.jpg);
  background-position:              0px 0px;
  background-repeat:                no-repeat;
  border-bottom:                    14px solid #afb8be;
  height:                           144px;
}

#search
{
  width:                            990px;
  overflow:                         hidden;
  background-color:                 #cc0000;
  background-image:                 url(img/slogan.png);
  background-position:              100% 0%;
  background-repeat:                no-repeat;
  height:                           35px;
}

#content
{
  background-color:                 #cc0000;
  overflow:                         hidden:
  width:                            990px;
}

#contentCol
{
  float:                            left;
  padding:                          0px 0px 30px 31px;
  margin-right:                     30px;
  width:                            600px;
}

#submenuCol
{
  float:                            left;
  width:                            329px;
}

/*
 * mainmenu
 */

#mainmenu
{
  overflow:                         hidden;
}

#mainmenu ul
{
  margin:                           71px 0px 0em 10px;
  padding:                          0px 0px 0px;
}

#mainmenu li
{
  background-image:                 url(img/bg.mainmenu.stripe.png);
  background-repeat:                no-repeat;
  background-position:              0px 4px;
  float:                            left;
  list-style-type:                  none;
  margin:                           0px;
  padding:                          0px 0px;
}

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

#mainmenu li a
{
  color:                            white;
  float:                            left;
  display:                          block;
  font-size:                        1.1em;
  font-weight:                      bold;
  padding:                          5px 0px 20px 25px;
  text-decoration:                  none;
  width:                            83px;
}

#mainmenu li a:hover,
#mainmenu li a.selected,
#mainmenu li a.fmMenuButtonActive
{
  background-image:                 url(img/bg.mainmenu.png);
  background-position:              8px 8px;
  background-repeat:                no-repeat;
  border-bottom:                    4px solid #cc0000;
  color:                            #cc0000;
}

#mainmenu li.selected ul
{
  clear:                            both;
  position:                         absolute;
  margin:                           40px 0px 0px 0px;
  background:                       white;
  border-top:                       4px solid #cc0000;
  font-size:                        1em;
  font-style:                       normal;
  font-weight:                      normal;
  height:                           134px;
  overflow:                         hidden;
  padding:                          5px 0px 5px 0px;
  opacity:                          0.9;
  filter:                           alpha(opacity=90);
  width:                            160px;
}

#mainmenu li.selected ul li
{
  background-image:                 none;
  clear:                            both;
  display:                          inline;
  overflow:                         hidden;
  padding:                          0px;
  margin:                           0px;
}

#mainmenu li.selected ul li a:link,
#mainmenu li.selected ul li a:visited
{
  width:130px;
  display:                          block;
  border:                           0px;
  margin:                           0px;
  padding:                          0px 18px 1px 18px;
}

#mainmenu li.selected ul li a.selected,
#mainmenu li.selected ul li a:hover,
#mainmenu li.selected ul li a:active
{
  background-image:                 url(img/bg.jsmenu.png);
  background-position:              8px 4px;
  background-repeat:                no-repeat;
  color:                            black;
  text-decoration:                  none;
  border:                           0px;
  margin:                           0px;
}

/*
 * JS Menu
 */ 

div.fmMenu
{
  background:                       white;
  border-top:                       4px solid #cc0000;
  font-size:                        1em;
  font-style:                       normal;
  font-weight:                      normal;
  height:                           139px;
  left:                             0px;
  margin:                           0px;
  position:                         absolute;
  top:                              0px;
  opacity:                          0.9;
  filter:                           alpha(opacity=90);
  visibility:                       hidden;
  z-index:                          101;
  width:                            160px;
}

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

#mainmenu li.selected ul li a,
div.fmMenu a
{
  color:                            #666666;
  display:                          block;
  font-size:                        11px;
  font-style:                       normal;
  font-weight:                      normal;
  line-height:                      14px;
  margin:                           0px;
  padding:                          0px 18px 1px 18px;
  text-decoration:                  none;
  white-space:                      nowrap;
}

div.fmMenu a.fmMenuItem:hover,
div.fmMenu a.fmMenuItemHighlight,
div.fmMenu.topLevel a.fmMenuItem:hover,
div.fmMenu.topLevel a.fmMenuItemHighlight
{
  background-image:                 url(img/bg.jsmenu.png);
  background-position:              8px 4px;
  background-repeat:                no-repeat;
  color:                            black;
  text-decoration:                  none;
}

div.fmMenu a.fmMenuItem span.fmMenuItemArrow
{
  display:                          none;
}

/*
 * Submenu
 */
 
#submenuCol ul
{
  margin:                           40px 0px 0px 0px;
  padding:                          0px;
}

#submenuCol ul li
{
  list-style-type:                  none;
  margin:                           0px;
  overflow:                         hidden;
  padding:                          0px 0px;
}

#submenuCol ul li a
{
  color:                            #999999;
  display:                          block;
  padding:                          1px 0px 1px 34px;
  text-decoration:                  none;
}

#submenuCol ul li a:hover,
#submenuCol ul li a.selected
{
  background-image:                 url(img/bg.submenu.png);
  background-position:              15px 4px;
  background-repeat:                no-repeat;
  color:                            black;
}

/**
 * breadcrumbs
 */

#breadcrumbs
{
  margin-top:                       5px;
  overflow:                         hidden;
  width:                            630px;
}

#breadcrumbs a
{
  background-image:                 url(img/arrow.breadcrumbs.png);
  background-position:              0px 4px;
  background-repeat:                no-repeat;
  color:                            #cccccc;
  display:                          block;
  float:                            left;
  padding:                          0px 13px 0px 8px;
  text-decoration:                  none;
}

/*
 * searchBar
 */

#search div
{
  padding:                          6px 0px 0px 30px;
}

#search form
{
  padding:                          0px;
  margin:                           0px;
}

#search .input
{
  border:                           1px solid #cccccc;
  width:                            175px;
  color:                            #999999;
  font-size:                        0.75em;
  margin:                           0px;
  padding:0px;
}

/*
 * default template
 */ 

.defaultContent
{
  margin-top:                       20px;
}

/*
 * Product overview
 */ 

.productOverview
{
  margin-top:                       0px;
}

.productOverview .item
{
  background-color:                 #e6e8e9;
  border:                           1px solid #e5e5e5;
  color:                            #666666;
  float:                            left;
  padding:                          0px 0px 7px 0px;
  margin:                           0px 5px 0px 0px;
  text-align:                       center;
  width:                            193px;
}

.productOverview .item img
{
  padding:                          0px 0px 7px 0px;
}

.productOverview .row
{
  overflow:                         hidden;
  width:                            100%;
  margin-bottom:                    5px;
}

/*
 * Product item
 */ 

.productItem
{
  margin-top:                       20px;
}

.productItem .imgBox
{
  float:                            left;
  margin:                           0px 18px 0px 0px;
  width:                            195px;
}

.productItem .imgBox .logo
{
  margin:                           0px 0px 0px 0px;
  text-align:                       center;
}

.productItem .imgBox .logo img
{
  border:                           1px solid #e5e5e5;
}

.productItem .imgBox .gallery
{
  margin:                           18px 0px 0px 0px;
}

.productItem .imgBox .gallery .slide
{
  margin:                           10px 0px 0px 0px;
}

.productItem .txtBox
{
  float:                            left;
  width:                            375px;
}

/*
 * Product item block
 */ 

.block
{
  overflow:                         hidden;
  margin-bottom:                    10px;
  width:                            100%;
}

.block .logo
{
  float:                            left;
  margin:                           0px 18px 0px 0px;
  width:                            195px;
}

.block .logo img
{
  border:                           1px solid #e5e5e5;
}

.block .logo .link
{
  text-align:center;
  width:                            180px;  
}

.block .logo .link a
{
  background-image:                 url(img/bg.submenu.png);
  background-position:              0px 3px;
  background-repeat:                no-repeat;
  font-size:                        11px;
  padding:                          0px 0px 0px 15px;
  text-decoration:                  none;
}

.block .txt
{
  float:                            left;
  width:                            375px;
}

.block .txt h3
{
  margin:                           0px;
  padding:                          0px;
}

/*
 * News
 */

h3 span.date
{
  font-size:                        12px;
  font-weight:                      normal;
} 
/**
 * footer
 */
#footer
{
  clear:                            both;
  background-color:                 white;
  bottom:                           0px;
  color:                            #666666;
  font-size:                        11px;
  padding-top:                      0px;
  position:                         fixed;
  width:                            990px;
}

#footerContent
{
  padding:                          8px 0px 7px 10px;
}

#footer ul
{
  display:                          inline;
  float:                            right;
  margin:                           0px 40px 0px 6px;
  padding:                          0px;
}

#footer ul li
{
  border-left:                      1px solid #666666;
  display:                          inline;
  list-style-type:                  none;
  margin:                           0px;
  overflow:                         hidden;
  padding:                          0px 6px;
}

#footer ul li.first
{
  border-left:                      none;
}

#footer ul li a
{
  color:                            #666666;
}

.hilite
{
 color:                             #e2001a;
}