body
{
  background-color:           white;
  color:                      #5e5e5e;
  font-family:                Verdana, Arial, Helvetica, sans-serif; 
  font-size:                  .7em;
  margin:                     0px auto;
  padding:                    0px;
  width:                      900px;
}

/*
 *  fonts
 */
 
h1,
h2,
h3
{
  color:                      #e20020;
  font-size:                  1.4em;
  margin:                     0px 0px 0px 0px;
  padding:                    0px;
}

h2
{
 font-size:                   1em;
 margin:                      0px 0px 10px 0px;
 padding:                     0px;                    
}

h3
{
 font-size:                   1em;
 margin:                      0px 0px 10px 0px;
}

p
{
 font-size:                   1em;
}

.index-bg p
{
  color: white;
}

.hilite
{
  color:                      red;
}


/*
 *  pseudo
 */ 
 
a:link,
a:visited,
a:hover,
a:active
{
  color:                      #e20020; 
  font-style:                 normal; 
  text-decoration:            none; 
} 

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

a img
{
  border:                     0px;
}


.index-bg a:link,
a:hover
{
  color: white;
}

.default-block a:hover
{
  color:                      #5e5e5e;
  text-decoration:            underline;
}
/*
 *  structure
 */
 
#head
{
  background-image:           url(img/teaser.default.jpg);
  background-repeat:          no-repeat;
  height:                     298px;
  overflow:                   hidden;
  width:                      900px;
}

#logo
{
  float:                      left;
  overflow:                   hidden;
  margin:                     7px 0 0 35px;
  width:                      147px;
}

#main-menu
{
  float:                      left;
  overflow:                   hidden;
  margin:                     50px 0 0 90px;
  width:                      600px;
}

#sub-menu
{
  margin:                     250px 0 0 35px;
}

#col-case
{
  background-color:           #f4f4f4;
  border-left:                1px solid #ababab;
  border-right:               1px solid #ababab;
  overflow:                   hidden;
  width:                      828px;
  padding:                    0 35px 2em 35px;
}

.index-bg
{
  color: white;
  background-image:           url(img/index.background.jpg);
  background-repeat:          no-repeat;
}

#center-col
{
  float:                      left;
  margin-top:                 20px;
  padding-bottom:             30px;
  width:                      828px;
  overflow:                   hidden;
}

#footer
{
  background-image:           url(img/bg.footer.png);
  background-color:           #f4f4f4;
  border-left:                1px solid #ababab;
  border-right:               1px solid #ababab;
  font-size:                  10px;
  height:                     12px;
  overflow:                   hidden;
  width:                      828px;
  padding:                    3px 35px;
}

#footer-txt
{
  float:                      left;
  margin-right:               10px;
}

/*
 * feature
 */

div.fair img
{
  float:                      left;
  margin:                     0px 5px;
}


/*
 * Misc Content Styles
 */
 

.index-block
{
  font-size: 1.2em;
  margin:                     110px 0 0 0;
  padding:                    0px;
  width:                      828px;
} 


.index-block h1
{
  font-size:                  1.5em;
}


.default-block
{
  margin:                     0 0 1em 0px;
} 

.vip-intro,
.vip-image
{
  float:                      left;
  width:                      400px;
  margin:                     0px 8px 1em 0;
  height:                     180px;
}

.vip-image
{
  width:                      127px;
}

.default-txt
{
  width:                      390px;
}

.image-right
{
  border:                     1px solid #cccccc;
  float:                      right;
  margin:                     0 0 20px 30px;
}

.image-col-right
{
  float:                      right;
  margin:                     0px 0px 1em 30px;
  width:                      288px;
  overflow:                   hidden;
}

.image-col-right img
{
  border:                     1px solid #cccccc;
  margin:                     0 0 20px 0;
}


.product-overview-block
{
  border-top:                 1px solid #f29400;
  width:                      710px;
  overflow:                   hidden;
  padding:                    7px 0px 7px 33px;
}

.product-overview-block h2
{
  font-size:                  1.4em;
}

.product-overview-block .image-left
{
  float:                      left;
  margin-right:               50px;
}

.product-item-block
{
  margin:                     0 0 1em 30px;
}

.product-item-block h1 span
{
  font-size:                  .9em;
}

.product-item-block .col-right
{
  float:                      right;
  margin:                     0px 0px 0 30px;
  width:                      216px;
  overflow:                   hidden;
}

.product-item-block .col-right img
{
  margin-bottom:              1em;
}

.searchResults
{
  margin-top:                 1em;
}

/*
 * contact-form
 */
form.contact-form fieldset
{
  margin-bottom:              10px;
  width:                      475px;
}

form.contact-form legend
{
  padding:                    0 2px;
  font-weight:                bold;
} 

form.contact-form label
{
  display:                    inline-block;
  line-height:                1.5;
  vertical-align:             top;
}

form.contact-form input.fullsize,
form.contact-form textarea.fullsize
{
  width:                      250px;
}

form.contact-form input.plz
{
  width:                      50px;
}

form.contact-form fieldset ol
{
  margin:                     0;
  padding:                    0;
} 

form.contact-form fieldset li
{
  list-style:                 none;
  padding:                    2px;
  margin:                     0;
}

form.contact-form fieldset fieldset
{
  border:                     none;
  margin:                     3px 0 0;
}

form.contact-form fieldset fieldset legend
{
  padding:                    0 0 5px;
  font-weight:                normal;
}

form.contact-form fieldset fieldset label
{
  display:                    block;
  width:                      auto;
}

form.contact-form em
{
  font-weight:                bold;
  font-style:                 normal;
  color:                      #f00;
}

form.contact-form label
{
  width:                      120px; /* Width of labels */
}

form.contact-form fieldset fieldset label
{
  margin-left:                123px; /* Width plus 3 (html space) */
}

/*
 * main-menu
 */
 
#main-menu ul
{
  width:                      100%;
  margin:                     0px 0px 0px 0px;
  padding:                    0px 0px 0px 0px;
  overflow:                   hidden;
}

#main-menu ul li
{
  border-left:                1px solid white;
  display:                    block;
  float:                      left;
  list-style-type:            none;
  margin:                     0px;
  overflow:                   hidden;
  padding:                    0px 18px;
}

#main-menu ul li a
{

  color:                      white;
  display:                    block;
  font-weight:                bold;
  font-size:                  1em;
  margin:                     0px;
  padding:                    0px;
  text-decoration:            none; 
}

#main-menu ul li.first
{
  border:                     none;
  padding:                    0 18px 0 0;
}

#main-menu ul li a:hover,
#main-menu ul li a.selected
{
  color:                      black;
}

/*
 * sub-menu
 */
 
#sub-menu ul.lvl-0
{
  font-size:                  0.9em;
  float:                      left;
  margin:                     30px 0 0 0;
  padding:                    0;
}

#sub-menu ul.lvl-1
{
  font-size:                  0.95em;
  margin:                     0;
  padding:                    0 0 0 10px;
}

#sub-menu ul.lvl-0 li
{
  border-left:                1px solid white;
  float:                      left;
  list-style-type:            none;
  margin:                     0;
  padding:                    0 10px;
}

#sub-menu ul.lvl-0 li.first
{
  border:                     none;
  padding:                    0 10px 0 0;
}

#sub-menu ul.lvl-1 li
{
  border-bottom:              none;
}

#sub-menu ul.lvl-0 li a
{
  color:                      white;
  font-weight:                bold;
  display:                    block;
  text-decoration:            none;
}

#sub-menu ul.lvl-1 li a
{

}

#sub-menu ul li a:hover,
#sub-menu ul li a.selected
{
  color:                      black;
}

/*
 * news overview
 */

.news-items
{
  overflow:                   hidden;
  width:                      100%;
  margin-top:                 1em;
}

/*
 * news item
 */

.news-item
{
  margin-top:                 1em;
}

.news-item h2
{
  color:                      #e20020;
  font-weight:                bold;
}

.news-item p
{
  text-align: justify; 
}

.news-item .image-right
{
  float:                      right;
  margin-left:                 10px;
}

/*
 * footer-txt
 */
 
#footer ul
{
  margin:                     0 10px 0 0;
  padding:                    0;
  float:                      left;
  overflow:                   hidden;
}

#footer ul li
{
  border-left:                1px solid #5e5e5e;
  display:                    block;
  float:                      left;
  list-style-type:            none;
  margin:                     0px;
  padding:                    0px 5px;
}

#footer ul li a
{

  color:                      #5e5e5e;
  display:                    block;
  font-weight:                normal;
  font-size:                  1em;
  margin:                     0px;
  padding:                    0px;
  text-decoration:            none; 
}

#footer ul li a:hover,
#footer ul li a.selected
{
  color:                      #5e5e5e;
  text-decoration:            underline; 
  
}
