/*
  The HIBIKE eShop Cascading Style Sheets.
  (c) copyright 1999-2010 HIBIKE GmbH, 65719 Hofheim
*/
body{
  font:                 8pt "Verdana", "Arial";
  color:                black;
  /* background:           blue url(../img/background.jpg) top center no-repeat fixed; */ 
  background:           white; 
  text-align:           center; 
  margin:               0px;
  width:                100%;
  overflow:             -moz-scrollbars-vertical;
}
.satzspiegel {
  position:             relative; 
  margin-left:          auto; 
  margin-right:         auto; 
  text-align:           left;
  width:                780px;
  /* background-color: #E5E6FB; */
  background-color:     white;
}
.containall {
  margin:               0;
  text-align:           center;
  background-color:     white;
}

#backgroundFilter {
  position:             fixed;
  top:                  0;
  left:                 0;
  overflow:             hidden;
  padding:              0;
  margin:               0;
  background-color:     #000000;
  filter:               alpha(opacity=60);
  opacity:              0.5;
  display:              none;
  width:                100%;
  height:               100%;
  z-index:              99995;
}

#popupwin{
  position:            fixed;
  top:                 50%;
  left:                50%;
  margin-left:         -512px;
  margin-top:          -300px;
  display:             none;
  background:          white;
  border-top:          1px solid #000000;
  border-left:         1px solid #000000;
  border-right:        3px solid #DDDDDD;
  border-bottom:       3px solid #DDDDDD;
  width:               1024px;
  height:              600px;
  z-index:             99999;
}

/*#############
  ### LINKS ###
  #############*/
a {
  font:                 8pt "Verdana", "Arial";
  color:                black;
  font-weight:          normal;
}
a:active {
  outline:              none;
}

a:focus {
  -moz-outline-style:   none;
}
a.emp {
  font:                 8pt "Verdana", "Arial";
  color:                blue;
  font-weight:          bold;
}
a.small {
  font:                 8pt "Verdana", "Arial";
  color:                #0066CB;
  font-weight:          normal;
}
a.L1 {
  font:                 8pt "Verdana", "Arial";
  color:                black;
  font-weight:          normal;
}
a.L2 {
  font:                 7pt "Verdana", "Arial";
  color:                black;
  font-weight:          normal;
}
a.L3 {
  font:                 7pt "Verdana", "Arial";
  color:                black;
  font-weight:          normal;
}
a.L4 {
  font:                 7pt "Verdana", "Arial";
  color:                black;
  font-weight:          normal;
}
a.L5 {
  font:                 7pt "Verdana", "Arial";
  color:                black;
  font-weight:          normal;
}
p {
  font:                 8pt "Verdana", "Arial";
  color:                black;
  text-align:           left; 
}

.sysmsg {
  font:                 9pt "Verdana", "Arial";
  color:                red;
  background-color:     #FFEEEE;
  border:               2px dotted #FF0000;
  margin:               10px 10px 10px 10px;
  padding:              10px 10px 10px 10px;
}

/*#################
  ### HEADLINES ###
  #################*/
h1 {
  font:                 bold small-caps 16pt "Verdana", "Arial";
  color:                #0066CB;
}
h2 {
  font-size:            12pt;
  color:                #0066CB;
  font-family:          Verdana, Arial;
  font-variant:         small-caps;
}
h3 {
  font-size:            10pt;
  color:                #7777f0;
  font-family:          Verdana, Arial;
  font-variant:         small-caps;
  font-weight:          bold;
}

/*#############
  ### LISTS ###
  #############*/
ul {
  font:                 8pt "Verdana", "Arial";
  color:                black;
}
li {
  font:                 8pt "Verdana", "Arial";
  color:                black;
}
li.error {
  font:                 bold 8pt "Verdana", "Arial";
  color:                red;
}
ol {
  font:                 bold 8pt "Verdana", "Arial";
  color:                red;
  text-align:           left;
}
ol.error {
  font:                 bold 8pt "Verdana", "Arial";
  color:                red;
}

/*##############
//### TABLES ###
/ ##############*/
td {
  font:                 8pt "Verdana", "Arial";
  color:                black
}
td.price {
  font:                 11pt "Verdana", "Arial";
  color:                red;
  font-weight:          bold;
}
td.shaded {
  background-color:     #F0F0F0;
  border-bottom:        black dotted 1px;
}
td.shaded_green {
  background-color:     #C8F678;
  border-bottom:        black dotted 1px;
}
td.cat_toggle {
  font:                 11pt "Verdana", "Arial";
  color:                red;
  font-weight:          bold;
  text-align:           left;
}
td.checkout {
  font:                 8pt "Verdana", "Arial";
  height:               35px;
  text-align:           left;
  vertical-align:       top;
}
th {
  font:                 bold 8pt "Verdana", "Arial";
  color:                white;
  background-color:     #7DC0FF;
}
tr.cartrow_type0 {
  background-color:     #7DC0FF;
}
tr.cartrow_type1 {
  background-color:     #B9DDFF;
}

/*#############
  ### FORMS ###
  #############*/
input {
  font:                 bold 9pt "Courier New";
  color:                black
}
input.admin {
  font:                 8pt "Courier New";
  color:                #222222;
}
input.admin_can {
  background-color:     #FFDB95;
}
input.admin_must {
  background-color:     #E3FF97;
}
input.button {
  font:                 bold 8pt Verdana, Arial;
  width:                150px;
  height:               20px;
  color:                black;
  background-color:     #B9DDFF;
  text-align:           center
}
button {
  font:                 bold 8pt Verdana, Arial;
  width:                150px;
  height:               35px;
  color:                black;
  background-color:     #0066CB;
  text-align:           center;
}
button.mainmenu {
  font:                 bold 8pt Verdana, Arial;
  width:                85px;
  height:               85px;
  color:                black;
  background-color:     #0066CB;
  text-align:           center;
}

/*#######################
  ### CATALOG CONTENT ###
  #######################*/
.toccontainer {
  width:                565px;
  text-align:           center;
  margin:               0px 0px 0px 0px;
  padding:              0px 0px 0px 0px;
}

.toc1 {
  position:             static;
  display:              block;
  float:                left;
  width:                184px;
  height:               134px;
  margin:               1px 1px 1px 1px;
  overflow:             hidden;
  text-align:           center;
  border:               1px dotted #B9DDFF;
}

.toc2 {
  position:             static;
  margin:               1px 1px 1px 1px;
  display:              block;
  float:                left;
  width:                184px;
  height:               134px;
  overflow:             hidden;
  text-align:           center;
  border:               1px dotted #7DC0FF;
}

.toc3 {
  position:             static;
  margin:               1px 1px 1px 1px;
  display:              block;
  float:                left;
  width:                120px;
  height:               85;
  overflow:             hidden;
  text-align:           center;
  padding-top:          10px;
  margin-left:          10px;
  margin-top:           10px;
  border-right:         1px dotted #AAAAAA;
  border-bottom:        1px dotted #AAAAAA;
}
.price {
  font:                 11pt "Verdana", "Arial";
  color:                red;
  font-weight:          bold;
  text-align:           right;
}

.warning {
  font:                 8pt "Verdana", "Arial";
  color:                red;
  font-weight:          bold;
  text-align:           left;
}

.AdBlockTeaser
{
  position:             static;
  width:                145px;
  border:               1px dotted blue; 
/*  background-color: #FFC0FF;  */
  background-color:     white;
  font:                 12pt "Arial";
  font-weight:          bold;
  text-align:           center; 
  color:                red;
}

div.adboardFOW {
  border:               none;
  position:             relative;
  top:                  5px;
  left:                 10px;
  clear:                none;
  float:                left;
  width:                540px; 
  height:               150px;
  overflow:             hidden;
  padding:              0px 0px 0px 0px;
  background-image:     url(../img/adboardFOW.gif);
  background-repeat:    no-repeat;
}
div.adboardHOT {
  border:               none;
  position:             relative;
  top:                  5px;
  left:                 10px;
  clear:                none;
  float:                left;
  width:                540px; 
  height:               150px;
  overflow:             hidden;
  padding:              0px 0px 0px 0px;
  background-image:     url(../img/adboardHOT.gif);
  background-repeat:    no-repeat;
}
div.adboard01 {
  border:               none;
  position:             relative;
  top:                  5px;
  left:                 10px;
  clear:                none;
  float:                left;
  width:                540px; 
  height:               150px;
  overflow:             hidden;
  padding:              0px 0px 0px 0px;
  background-image:     url(../img/adboard01.gif);
  background-repeat:    no-repeat;
}
div.adboard01_header {
  border:               none;
  position:             relative; 
  top:                  3px; 
  left:                 10px; 
  width:                520px; 
  height:               33px; 
  text-align:           left; 
  font:                 Italic 14pt "Arial black", "Arial", "Sans-Serif"; 
  color:                white;
}
div.adboard01_headline {
  border:               none;
  position:             relative; 
  top:                  -75px; 
  left:                 85px; 
  width:                445px; 
  height:               17px; 
  text-align:           left; 
  font:                 bold 12pt "Arial", "Sans-Serif"; 
  color:                black;
}
div.adboard01_image {
  border:               none;
  position:             relative; 
  top:                  15px; 
  left:                 5px; 
  width:                80px; 
  height:               80px; 
  text-align:           left; 
  font:                 8pt "Arial", "Sans-Serif"; 
  color:                black;
}
div.adboard01_body {
  border:               none;
  position:             relative; 
  top:                  -70px; 
  left:                 85px; 
  width:                445px; 
  height:               57px; 
  text-align:           left; 
  font:                 8pt "Arial", "Sans-Serif"; 
  color:                black;
}
div.adboard01_teaser {
  border:               none;
  position:             relative; 
  top:                  -70px; 
  left:                 80px; 
  width:                450px; 
  height:               30px;
  letter-spacing:       -1px; 
  text-align:           right;
  white-space:          nowrap; 
  font:                 Italic 16pt "Arial", "Ssans-serif"; 
  color:                red;
  margin:               0px 0px 0px 0px;
  /* background-image:  url(../img/pricemarker_120.gif); */
}
div.adboard01_spacer {
  border:               none;
  position:             relative;
  clear:                none;
  float:                left;
  width:                540px; 
  height:               10px;
  padding:              0px 0px 0px 0px;
}
div.adv_brands {
  font:                 7pt Verdana, Arial;
  position:             relative;
  left:                 3px;
  clear:                none;
  float:                center; 
  width:                175px; 
  height:               250px;
  margin:               0px 0px 0px 0px; 
  padding:              0px 0px 0px 0px;
  background-color:     #B9DDFF; 
  background-image:     url(../img/brands.gif);
  background-position:  top left; 
  background-repeat:    no-repeat; 
  border:               none; 
}
div.adv_brands_innerbox {
  position:             relative;
  left:                 3px;
  top:                  50px;
  clear:                none;
  float:                center; 
  width:                167px;
  border:               none; 
}

div.adv_narrow {
  font:                 7pt Verdana, Arial;
  position:             relative;
  left:                 2px;
  clear:                none;
  float:                left; 
  width:                175px; 
  height:               225px;
  margin:               4px 0px 4px 0px; 
  padding:              0px 0px 0px 0px;
  background-color:     #B9DDFF; 
  background-image:     url(../img/adv_narrow.gif);
  background-position:  top left; 
  background-repeat:    no-repeat; 
  border:               none; 
}
div.adv_text {
  font:                 8pt "Arial";
  color:                black;
  overflow:             hidden;
  width:                150px;
  height:               150px;
}
div.adv_medium {
  font:                 7pt Verdana, Arial;
  position:             static;
  clear:                none;
  float:                left; 
  width:                330px; 
  height:               200px;
  margin:               10px 10px 10px 5px; 
  padding:              0px 5px 5px 5px;
  background-color:     #EEEEEE; 
  background-image:     url(../img/adblockcorner.gif);
  background-position:  bottom right; 
  background-repeat:    no-repeat; 
  border-top:           2px solid gray; 
  border-right:         solid 2px gray; 
  border-bottom:        1px solid #0066CB; 
  border-left:          1px solid #0066CB; 
}
div.adv_textmedium {
  font:                 8pt "Arial";
  color:                black;
  overflow:             hidden;
  width:                330px;
  height:               170px;
}
div.adv_big {
  font:                 7pt Verdana, Arial;
  position:             static;
  clear:                none;
  float:                left; 
  width:                515px; 
  height:               200px;
  margin:               10px 10px 10px 10px; 
  padding:              0px 5px 5px 5px;
  background-color:     #EEEEEE; 
  background-image:     url(../img/adblockcorner.gif);
  background-position:  bottom right; 
  background-repeat:    no-repeat; 
  border-top:           2px solid gray; 
  border-right:         solid 2px gray; 
  border-bottom:        1px solid #0066CB; 
  border-left:          1px solid #0066CB; 
}
div.adv_textbig {
  font:                 8pt "Arial";
  color:                black;
  overflow:             hidden;
  width:                495px;
  height:               190px;
}
div.cat_chapter {
  position:             static;
  width:                565px;
  clear:                both;
  float:                none; 
  font:                 10pt "Verdana", "Arial";
  color:                white;
  font-weight:          bold;
  font-style:           oblique;
  border-top:           2px solid #CCCCCC; 
  border-left:          2px solid #CCCCCC; 
  margin:               10px 0px 5px 0px;
  padding:              2px 0px 2px 2px;
  background-color:     #0066CC;
}
div.cat_chapter_intro {
  position:             static;
  width:                270px;
  height:               306px;
  float:                right;
  overflow:             auto;
  border:               1px dotted blue;
  padding:              3px 3px 3px 3px;
  background-color:     #EEEEEE; 
}

div.cat_chapter:first-letter {
	font:                 16pt "Verdana", "Arial";
	font-weight:          bold;
	color:                #CCCCCC;
}

div.cat_content {
  position:             static;
  clear:                both;
  float:                none; 
  font:                 8pt "Arial";
  font-weight:          bold;
  color:                #FFFFF0;
}
div.titlepage {
  font:                 8pt Verdana, Arial;
  position:             static;
  clear:                both;
  float:                none; 
  width:                560px; 
  margin:               0px 0px 0px 0px; 
  padding:              0px 0px 0px 0px;
  background-color:     #FFFFFF; 
}
.permalink {
  font:                 7pt Verdana, Arial;
  font-weight:          normal;
  color:                #AAAAAA;
  width:                580px;
}
div.quote {
  font:                 7pt Verdana, Arial;
  position:             static;
  clear:                none;
  float:                left; 
  width:                100px; 
  margin:               10px 10px 10px 10px; 
  padding:              10px 10px 10px 10px;
  background-color:     #B9DDFF; 
}
div.quote_r {
  font:                 7pt Verdana, Arial;
  position:             static;
  clear:                none;
  float:                right; 
  width:                100px; 
  margin:               10px 10px 10px 10px; 
  padding:              10px 10px 10px 10px;
  background-color:     #E2E2F0; 
}
div.adv_one {
  position:             static;
  clear:                none;
  float:                left; 
  width:                180px; 
  margin:               10px 10px 10px 10px; 
  padding:              0px 5px 5px 5px;
  background-color:     #EEEEEE; 
  border-top:           2px solid gray; 
  border-right:         solid 2px gray; 
  border-bottom:        1px solid #0066CB; 
  border-left:          1px solid #0066CB; 
}
div.adv_image {
  position:             static;
  clear:                both;
}
div.adv_wide {
  clear:                both;
  position:             static;
  margin:               5px 5px 5px 5px; 
  padding:              0px 5px 5px 5px;
  background-color:     #FFFFFF; 
  border-top:           2px solid gray; 
  border-right:         solid 2px gray; 
  border-bottom:        1px solid #0066CB; 
  border-left:          1px solid #0066CB; 
}
div.shaded_doc {
  background-color:     #EEEEEE;
  border-top:           2px solid gray;
  border-right:         2px solid gray;
  border-bottom:        1px solid #0066CB;
  border-left:          1px solid #0066CB;
  padding:              10px 10px 10px 10px;
}
div.extrasmall {
  font:                 7pt "Arial";
  color:                black;
  font-weight:          normal;
}
.extrasmallbold {
  font:                 7pt "Arial";
  color:                black;
  font-weight:          bold;
}
.centeredtext {
  text-align:           center;
}
.menu_centeredtext_white {
  font:                 9pt "Arial";
  color:                white;
  font-weight:          bold;
  text-align:           center;
}
.menu_centeredtext_grey {
  font:                 8pt "Arial";
  color:                #DDDDDD;
  font-weight:          normal;
  text-align:           center;
}
.menu_centeredtext_dark {
  font:                 8pt "Arial";
  color:                #333333;
  font-weight:          normal;
  text-align:           center;
}
.shadedbackground {
  background-color:     #0066CB;
}
.shadedbackground_bright {
  background-color:     #B9DDFF;  
  display:              block;
}
.shadedbackground_normal {
  background-color:     #4040F0;
  display:              block;
}
.shadedbackground_dark {
  background-color:     #7DC0FF;  
  display:              block;
}
.fontnormalbold {
  font:                 8pt "Arial";
  color:                black;
  font-weight:          bold;
}
.fontbigger {
  font:                 10pt "Arial";
  color:                black;
}
.fontbiggerbold {
  font:                 10pt "Arial";
  color:                black;
  font-weight:          bold;
}
.bordertopwhite {
  border-top:           1px solid white;
}
.borderbottomwhite {
  border-bottom:        1px solid white;
}
div.menupath {
  font:                 8pt "Arial";
  color:                black;
  font-weight:          normal;
  width:                575px; 
}
div.spacer_horizontal {
  clear:                both;
  height:               4px;
  width:                570px;
  border:               none;
}
div.spacer_vertical {
  height:               4px;
  border:               none;
}
div.tabbedcard_container {
  clear:                both;
  margin:               0px 0px 0px 0px;
  padding:              0px 5px 0px 5px; 
  border:               none;
  width:                570px;
  height:               auto;
}
div.tabbedcard_card {
  position:             static; 
  clear:                both; 
  background-color:     white; 
  background:           url(../img/tabbedcardtopleftcorner.png) no-repeat top left;
  padding:              5px 5px 5px 5px; 
  border-color:         #0066CB; 
  border-width:         2px; 
  border-style:         solid;
}
div.tab {
  background-color:     #B9DDFF; 
  position:             static; 
  float:                left; 
  clear:                none;
  height:               18px;
  padding:              3px 5px 0px 5px;
  margin:               3px 3px 2px 3px;
  text-decoration:      none;
  vertical-align:       bottom;
  overflow:             hidden;
  border-right:         1px solid grey;
  border-bottom:        2px solid grey;
  background-image:     url(../img/tab_blue_body.gif);
  background-repeat:    repeat-x;
}
a.tab {
  color:                blue;
  font:                 8pt "Arial";
  font-weight:          bold;
  cursor:               pointer;
}
a.tab:hover {color: white; text-decoration: underline; background-color: lightgrey;}
a.tab:link {color: blue; text-decoration: none; }
a.tab:visited {color: blue; text-decoration: none; }
asa.tab:active {color: blue;  }

span {
  font:                 7pt "Arial";
  color:                black;
}
span.catSRPstrikethrough {
  font:                 8pt "Arial";
  color:                #555555;
}
span.boldtext {
  font-weight:          bold;
}
span.eins {
  position:             relative; 
  padding:              2px 5px 2px 5px;
  left:                 -10px; 
  top:                  -10px; 
  background-color:     #0066CB;
  color:                #FFFFFF;
  font-weight:          bold;
  font-size:            12pt;
  border-top:           2px solid gray; 
  border-right:         solid 2px gray; 
}
span.eins_red {
  position:             relative; 
  padding:              2px 5px 2px 5px;
  left:                 -10px; 
  top:                  -10px; 
  background-color:     #F01414;
  color:                #FFFFFF;
  font-weight:          bold;
  font-size:            12pt;
  border-top:           2px solid gray; 
  border-right:         solid 2px gray; 
}
span.link {
    font:               8pt "Verdana", "Arial";
    color:              blue;
    text-decoration:    underline;
}
span.tabbedcard_on {
  font:                 7pt "Arial";
  color:                black;
  font-weight:          bold;
}
span.tabbedcard_off {
  font:                 7pt "Arial";
  color:                black;
  font-weight:          bold;
  background-image:     url(../img/btn-textbase.gif);
}
span.tabbedcard_disabled {
  font:                 7pt "Arial";
  color:                grey;
  font-weight:          normal;
}
div.adv_headline {
  font:                 8pt "Arial";
  clear:                both;
  color:                black;
  font-weight:          bold;
}
span.headline {
  font:                 8pt "Arial";
  clear:                both;
  color:                black;
  font-weight:          bold;
}
span.zwei {
  position:relative; 
  left:-10px; 
  top:-10px; 
  background-color:#0066CB;
  color:black;
  font-weight:bold;
}

img.titlepage
{
  position:static;
  clear:both;
  float:none; 
}

img.splash
{
  position:relative; 
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  left:80px; 
  top:-10px;
}

img.splashleft
{
  position:relative; 
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  left:-80px; 
  top:-10px;
}

img.pricetag
{
  position:relative; 
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  left:100px; 
  top:-10px;
}

#dragbar{
  /* cursor:              hand; */
  cursor:              pointer;
  background-color:    #0066CB;
  min-width:           100px; /*NS6 style to overcome bug*/
  z-index:             999;
}

#dragbar #closetext{
  color: white;
  font-weight: bold;
  font-size: 9pt;
  margin-right: 1px;
}

#dragbar #popupheadline
{
  font-weight:         bold;
}

.cat_prod_container_blow {
  position:            static;
  width:               140px;
  height:              170px;
  background-color:    #FFFFFF;
  border:              none;
  float:               left;
  margin:              1px 1px 1px 1px;
  padding:             0px 0px 0px 0px;
  overflow:            hidden;
  display:             block;
  background-image:    url(../img/productcard_blow-140x170.gif);
  background-position: top left; 
  background-repeat:   no-repeat; 
}

.cat_prod_container_hot {
  position:            static;
  width:               140px;
  height:              170px;
  background-color:    #FFFFFF;
  border:              none;
  float:               left;
  margin:              1px 1px 1px 1px;
  padding:             0px 0px 0px 0px;
  overflow:            hidden;
  display:             block;
  background-image:    url(../img/productcard_hot-140x170.gif);
  background-position: top left; 
  background-repeat:   no-repeat; 
}

.cat_prod_container {
  position:            static;
  width:               140px;
  height:              170px;
  background-color:    #FFFFFF;
  border:              none;
  float:               left;
  margin:              1px 1px 1px 1px;
  padding:             0px 0px 0px 0px;
  overflow:            hidden;
  display:             block;
  background-image:    url(../img/productcard_norm-140x170.gif);
  background-position: top left; 
  background-repeat:   no-repeat; 
  
}

.cat_prod_image {
  position:            relative;
  left:                  2px;
  width:               130px;
  height:               70px;
  overflow:            hidden;
  padding:             8px 2px 2px 4px;
}

.cat_prod_description {
  position:            relative;
  left:                  1px;
  width:               138px;
  height:              53px;
  margin:              0px;
  padding:             0px;
  overflow:            hidden;
  vertical-align:      bottom;
  font:                8pt "Arial";
  color:               black;
  font-weight:         normal;
  padding:             1px 2px 1px 2px;
}
a.cat_prod_description:link {color: black; text-decoration: none; }
a.cat_prod_description:visited {color: purple; text-decoration: none; }
a.cat_prod_description:hover {color: blue; text-decoration: none; }
a.cat_prod_description:active {color: blue;  }


.cat_prod_price {
	border:              none;
  position:            static;
  width:               135px;
  overflow:            hidden;
  height:              20px;
  margin:              0px 5px 0px 0px;
  padding:             0px;
  vertical-align:      bottom;
  font:                10pt "Verdana", "Arial";
  font-weight:         bold;
  color:               red;
  text-align:          right;
  z-index:             10;
}
a.cat_prod_price:link {color: red; text-decoration: none; }
a.cat_prod_price:visited {color: red; text-decoration: none; }
a.cat_prod_price:hover {color: blue; text-decoration: none; }
a.cat_prod_price:active {color: blue;  }

.cat_prod_price_percentage {
  border:              none;
  position:            relative;
  top:                 -135px;
  left:                6px;
  height:              30px;
  width:               50px;
  overflow:            hidden;
  margin:              0px;
  padding:             6px 0px 0px 1px;
  vertical-align:      bottom;
  font:                10pt "Verdana", "Arial";
  font-weight:         bold;
  font-style:          italic;
  color:               red;
  text-align:          center;
  background-image:    url(../img/pricetag-50x30.gif);
  background-position: top left; 
  background-repeat:   no-repeat; 
}
.cat_prod_price_was {
  border:              none;
  position:            static;
  width:               135px;
  overflow:            hidden;
  height:              15px;
  margin:              0px;
  padding:             0px;
  vertical-align:      bottom;
  font:                7pt "Verdana", "Arial";
  font-weight:         normal;
  color:               #999999;
  text-align:          right;
  z-index:             10;
}

.cat_prod_list_headline {
  width:               100%;
  background-color:    #EEEEEE;
  color:               black;
  text-align:          left;
  font-weight:         bold;
  font:                10pt "Verdana", "Arial";
}
a.cat_prod_list_headline:link {color: black; text-decoration: none; }
a.cat_prod_list_headline:visited {color: purple; text-decoration: none; }
a.cat_prod_list_headline:hover {color: blue; text-decoration: none; }
a.cat_prod_list_headline:active {color: blue;  }

.cat_prod_textbox {
  border:             1px solid lightblue;
  margin:             5px 5px 5px 5px;
  padding:            5px 5px 5px 5px;
  float:              left;
  clear:              none;
  width:              150px;
  height:             150px;
  overflow:           hidden;
}
.cat_prod_textbox_double {
  width:              310px;
}

.miningheader {
  font:               8pt "Verdana", "Arial";
  color:              black;
  font-weight:        normal;
  text-align:         left;
  background-color:   #EEEEEE;
}
.miningheaderTD {
  float: left;
  padding: 3px;
  width: 175px;
}
.miningheaderTDdouble {
  width: 350px;
}

div.miningheader {
  background-color:   #F5F5F5;
  border:             1px dotted black;
  margin:             5px 5px 5px 5px;
  padding:            5px 5px 5px 5px;
}
input.miningheader
{
  font-weight:        normal;
  text-align:         left;
  background-color:   #DDDDDD;
}
select.miningheader
{
  font-weight:        normal;
  text-align:         left;
  background-color:   #DDDDDD;
  width:              100%;
}

.pageNavbar
{
  font:                8pt "Arial";
  font-weight:         bold;
  color:               black;
  text-align:          left;
}
a.pageNavbar:link {color: black; text-decoration: none; }
a.pageNavbar:visited {color: black; text-decoration: none; }
a.pageNavbar:hover {color: white; background-color:blue; text-decoration: none; }
a.pageNavbar:active {color: blue;  }
select.pageNavbar
{
  font:                8pt "Arial";
  font-weight:         normal;
  color:               black;
  background-color:    #FFFFFF;
  text-align:          right;
}

/*####################
  ### PRODUCT.TPL  ###
  ####################*/
.tabber {
  cursor:            pointer;
  overflow:          hidden;
  float:             left;
  height:            25px;
  width:             135px;
  maximum-width:     135px;
  border-spacing:    0px 0px;
  background-image:  url(../img/tabber_140.gif);
  background-position: top left;
  background-repeat: no-repeat;
  margin:            0px 0px 0px 0px; 
  padding:           5px 0px 0px 5px;
}


/*####################
  ### BLUE BOX 175 ###
  ####################*/
div.box_175_blue_body {
  position:          relative;
  top:               -2px;
  left:              2px;
  clear:             none;
  float:             center; 
  width:             170px; 
  margin:            0px 0px 0px 0px; 
  padding:           0px 0px 0px 5px;
  background-color:  #B9DDFF; 
  background-image:  url(../img/box_175_body.gif);
  background-position: top left; 
  background-repeat: repeat-y; 
  border:            none;
  overflow:          hidden; 
}

div.box_175_blue_foot {
  position:          relative;
  top:               -2px;
  left:              2px;
  clear:             none;
  float:             center; 
  width:             170px; 
  height:            20px;
  margin:            0px 0px 0px 0px; 
  padding:           0px 0px 0px 5px;
  background-color:  #B9DDFF; 
  background-image:  url(../img/box_175_foot.gif);
  background-position: top left; 
  background-repeat: no-repeat; 
  border:            none; 
}

div.box_175_blue_head {
  font:              8pt "Arial", "Sans-Serif"; 
  color:             white;
  position:          relative;
  left:              2px;
  clear:             none;
  float:             center; 
  width:             170px; 
  height:            36px;
  margin:            0px 0px 0px 0px; 
  padding:           2px 0px 0px 5px;
  background-color:  #B9DDFF; 
  background-position: top left; 
  background-repeat: no-repeat; 
  border:            none;
  overflow:          hidden; 
}
div.box_175_blue_head_innerbox {
  width:             155px;
  height:            29px;
  padding:           0px 5px 0px 5px;  
  overflow:          hidden;
  border:            none;
}
a.box_175_blue_head:hover {color: white; text-decoration: none; background-color: red;}
a.box_175_blue_head:link {color: white; text-decoration: none; }
a.box_175_blue_head:visited {color: white; text-decoration: none; }
a.box_175_blue_head:active {color: blue;  }

div.box_175_blue_head_blank {
  background-image:  url(../img/box_175_head_blank.gif);
}
div.box_175_blue_head_cart_de {
  background-image:  url(../img/box_175_head_cart_de.gif);
  height:            79px;
}
div.box_175_blue_head_cart_en {
  background-image:  url(../img/box_175_head_cart_en.gif);
  height:            79px;
}
div.box_175_blue_head_cart_it {
  background-image:  url(../img/box_175_head_cart_it.gif);
  height:            79px;
}
div.box_175_blue_head_choice_de {
  background-image:  url(../img/box_175_head_choice_de.gif);
}
div.box_175_blue_head_choice_en {
  background-image:  url(../img/box_175_head_choice_en.gif);
}
div.box_175_blue_head_choice_it {
  background-image:  url(../img/box_175_head_choice_it.gif);
}
div.box_175_blue_head_info_de {
  background-image:  url(../img/box_175_head_info_de.gif);
}
div.box_175_blue_head_info_en {
  background-image:  url(../img/box_175_head_info_de.gif);
}
div.box_175_blue_head_info_it {
  background-image:  url(../img/box_175_head_info_de.gif);
}
div.box_175_blue_head_navigation_de {
  background-image:  url(../img/box_175_head_navigation_de.gif);
}
div.box_175_blue_head_navigation_en {
  background-image:  url(../img/box_175_head_navigation_en.gif);
}
div.box_175_blue_head_navigation_it {
  background-image:  url(../img/box_175_head_navigation_it.gif);
}
div.box_175_blue_head_search_de {
  background-image:  url(../img/box_175_head_search_de.gif);
}
div.box_175_blue_head_search_en {
  background-image:  url(../img/box_175_head_search_en.gif);
}
div.box_175_blue_head_search_it {
  background-image:  url(../img/box_175_head_search_it.gif);
}

/*####################
  ### BLUE BOX 580 ###
  ####################*/
div.box_580_blue_body {
  position:          static;
  top:               0px;
  left:              0px;
  clear:             both;
  float:             center; 
  width:             580px; 
  margin:            0px 0px 0px 0px; 
  padding:           0px 0px 0px 0px;
  background-color:  #FFFFFF; 
  background-image:  url(../img/box_580_body.gif);
  background-position: top left; 
  background-repeat: repeat-y; 
  border:            none; 
}
div.box_580_blue_body_innerbox {
  width:             570px;
  height:            auto;
  padding:           0px 0px 0px 5px;  
  overflow:          hidden; 
}

div.box_580_blue_foot {
  position:          static;
  top:               0px;
  left:              0px;
  clear:             both;
  float:             center; 
  width:             580px; 
  height:            21px;
  margin:            0px 0px 0px 0px; 
  padding:           0px 0px 0px 0px;
  background-color:  #FFFFFF; 
  background-image:  url(../img/box_580_foot.gif);
  background-position: top left; 
  background-repeat: no-repeat; 
  border:            none; 
}

div.box_580_blue_head {
  position:          static;
  top:               0px;
  left:              0px;
  font:              8pt "Arial", "Sans-Serif"; 
  color:             white;
  clear:             none;
  float:             center; 
  width:             580px; 
  height:            34px;
  margin:            0px 0px 0px 0px; 
  padding:           0px 0px 0px 0px;
  background-color:  #FFFFFF;
  background-image:  url(../img/box_580_head_blank.gif); 
  background-position: top left; 
  background-repeat: no-repeat; 
  border:            none;
  overflow:          hidden; 
}
div.box_580_blue_head_innerbox {
  width:             570px;
  height:            36px;
  padding:           5px 0px 0px 10px;  
  overflow:          hidden; 
}
a.box_580_blue_head:hover {color: white; text-decoration: none; background-color: red;}
a.box_580_blue_head:link {color: white; text-decoration: none; }
a.box_580_blue_head:visited {color: white; text-decoration: none; }
a.box_580_blue_head:active {color: blue;  }

/*##################
  ### SEARCH BOX ###
  ##################*/
.searchbutton {
	align:            center;
	font:             8pt "Arial";
	font-weight:      normal;
	background-color: #0C70D3;
	color:            white;
	width:            160px;
	margin:           5px 0px 0px 0px;
}
.searchoptions {
	align:            left;
  font:             8pt "Arial";
  background-color: #FFFFFF;
  width:            160px;
  text-align:       left;
  font-weight:      normal;
}

/*################
  ## VIEW AREAS ##
  ################*/
div.companylogo {
  position:          absolute; 
  z-index:           1; 
  left:              5px; 
  top:               0px; 
  width:             180px; 
  height:            110px; 
  padding:           0px 0px 0px 0px; 
  margin:            0px 0px 0px 0px; 
  background-color:  #4040FF;
}
div.headerbar {
  position:          absolute; 
  z-index:           1; 
  left:              185px; 
  top:               0px; 
  width:             590px; 
  height:            109px; 
  padding:           0px 0px 0px 0px; 
  margin:            0px 0px 0px 0px; 
  border-top:        1px solid #4040FF;
  overflow:          hidden;
  background-image:  url(../img/header.jpg);
}
div.mainarea {
  position:          absolute;
  background:        white; 
  z-index:           1; 
  left:              190px; 
  top:               110px; 
  width:             580px; 
  height:            auto; 
  padding:           0px 0px 0px 0px; 
  margin:            0px 0px 0px 0px; 
}
div.sidebarleft {
  position:          absolute; 
  z-index:           1; 
  left:              5px; 
  top:               110px; 
  width:             180px; 
  height:            auto; 
  overflow:          auto; 
  overflow-x:        hidden; 
  padding:           0px 0px 0px 0px; 
  margin:            0px 0px 0px 0px; 
  background-color:  white;
}
div.sidebarright {
  position:          absolute; 
  z-index:           1; 
  left:              775px; 
  top:               0px; 
  width:             180px; 
  height:            auto; 
  overflow:          none; 
  padding:           0px 0px 0px 0px; 
  margin:            0px 0px 0px 0px; 
  background-color:  #B9DDFF;  
  border-top:        2px solid #4040FF;
}