html {
  margin:0px;padding:0px;border:0px;width:100%;height:100%;
}
body {
  margin:0px;padding:0px;border:0px;width:100%;height:100%;
  background-color: #012571;
  background-image: url(img/background.png);
  background-repeat: repeat-x;
}
* {
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 11px;
}
a {
  text-decoration: none;
  border: 0px;
  }

.contentStyle {
  /*padding-left: 20px;*/ 
}

/* aeussere Layout-Tabelle */
#mainoutertable {
  width:100%;
  height:100%;
  padding:0px;
  margin:0px;
}

td.mainoutertable_top {
  background-image: url(img/top_background.png);
  background-repeat: repeat-x;
  text-align: center;
}

#mainoutertable_top {
  color: white;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}

.i18n-button {
  vertical-align: middle;
  margin: 0px;
  padding: 0px;
}

.search-button {
  vertical-align: middle; 
}

/* Login-Button inaktiv */
.login-button {
   color: #283959;
   border: 0px;
   margin: 0px;
   padding: 0px;
   background-image: url(img/button_login_bkg_inaktiv.png);
   background-color: transparent;
   width: 63px;
   height: 18px;
   line-height: 18px;
   text-align: left;
   cursor: pointer;
   font-size: 10px;
   font-weight: bold;
   vertical-align: middle;
}
 
/* Login-Button hover */
.login-button-aktiv {
   color: #283959;
   border: 0px;
   margin: 0px;
   padding: 0px;
   background-image: url(img/button_login_bkg_aktiv.png);
   background-color: transparent;
   width: 63px;
   height: 18px;
   line-height: 18px;
   text-align: left;
   cursor: pointer;
   font-size: 10px;
   vertical-align: middle;
   font-weight: bold;
}



/* Suche Texteingabefeld */
input.search-input {
   color: #283959;
   border: 0px;
   margin: 0px;
   padding: 2px 0px 0px 2px;
   background-image: url(img/search_background_inaktiv.png);
   background-color: transparent;
   width: 156px;
   height: 18px;
   text-align: left;
   vertical-align: middle;
}
/* Suche Texteingabefeld */
input.search-input-aktiv {
   color: #283959;
   border: 0px;
   margin: 0px 0px 0px 10px;
   padding: 2px 0px 0px 2px;
   background-image: url(img/search_background_aktiv.png);
   background-color: transparent;
   width: 126px;
   height: 18px;
   text-align: left;
   vertical-align: middle;
}

/* innere Layout-Tabelle */
#maininnertable {
  height: 100%;
  /*background-color: white;*/
  
}
#maininnertable td {
  border:0px solid black;
}

img.banner-image {
  margin:0px;
  padding:0px;
  display:block; 
}

/* Banner */
td.maininnertable_banner {
}

/* Scrolltext */
.scrollfield-container {
  background-image:url(img/newsticker_background.jpg);
  background-repeat:repeat-x;
  height:19px;
  width:950px;
  vertical-align: bottom;
  text-align: center;
}

#scrollfield {
  color:black;
  border:0px;
  height:17px;
  width:946px;
  text-align:left;
  font-family:Monospace;
  margin:0px;
  padding:2px 0px 0px 0px;
  cursor:pointer;
  background-color: transparent;
}


/* Buttons und Menu oben */
#maininnertable_buttons {
  background-image:url(img/button_background.png);
  background-repeat:repeat-x;
}

#maininnertable_buttons td {
  vertical-align: middle;
}

.topbutton {
  display: block;
  height: 29px;
  vertical-align: middle;
  text-align: center;
  padding: 0px;
  margin: 0px;
  text-decoration: none;
  color: #283859;
  font-weight: bold;
}

a.topbutton:hover {
  text-decoration: none;
}

.dropdownmenu-hidden {
    background-image: url(img/button_unterstrich.png);
    background-repeat: no-repeat;
    background-position: 50% 20px;

}

.dropdownmenu {
    background-image: url(img/button_unterstrich_aktiv.png);
    background-repeat: no-repeat;
    background-position: 50% 20px;

}

.dropdownmenu-itemcontainer {
  white-space: nowrap;
  z-index: 100;
  position: absolute;
  /*text-align: left;*/
  background-color: #2a3553;
  border-left: 1px solid #91a2cd;
  border-right: 1px solid #91a2cd;
  border-bottom: 1px solid #91a2cd;
}
.dropdownmenu-hidden .dropdownmenu-itemcontainer {
  visibility: hidden;
  }

.dropdownmenu .dropdownmenu-itemcontainer {
}


.dropdownmenu-item {
  text-decoration: none;
  color: white;
  display:block;
}

.dropdownmenu-item .menu-arrow {
  visibility: hidden;
  position: relative;
  top: 3px;
}

.dropdownmenu-item:hover {
  color: #e7a43d;
  text-decoration: none;
}

.dropdownmenu-item:hover .menu-arrow {
  visibility: visible;
}

/* Steg zwischen Menuitems */
.menu-steg {
  border: 0px;
}

/* transparenter Rand links (fuer Zentrierung der Tabelle notwendig) */
td.maininnertable-border-left {
  background-color: transparent;
}
td.maininnertable-border-topleft {
  background-color: transparent;
}

/* Schatten rechts */
td.maininnertable-border-right {
  background-image: url(img/shadow_right.gif);
  background-repeat:repeat-y;
}

/* transparente Ecke rechts oben */
td.maininnertable-border-topright {
  background-color: transparent;
}

/* Schatten ueber Farbverlauf rechts oben */
td.maininnertable-border-topright2 {
  background-image: url(img/shadow_topright.gif);
  background-repeat:no-repeat;
}

td.maininnertable-border-bottom {
  background-image: url(img/shadow_bottom.gif);
  background-repeat:repeat-x;
}

/* Navigationsbereich */
td.maininnertable_navleft {
  background-color: #2a3553;
  background-image: url(img/nav_background.png);
  background-repeat: no-repeat;
  vertical-align: top;
  text-align: left;
}

/* Navigationsbereich Schatten rechts */
td.maininnertable_navborder {
}


/* Content-Bereich */
td.maininnertable_content {
  padding-left: 20px;
  padding-right: 15px;
  background-color: white;
  vertical-align: top;
  text-align: left;
  background-image: url(img/nav_shadow.png);
  background-repeat: repeat-y;
}

/* Bereich unten */
#maininnertable_bottom {
  width:100%;
  height:100%;
  color: white;
}


#maininnertable-right {
/*
  background-image: url(img/bild_rechts.jpg);
*/
  background-repeat: no-repeat;
  background-color: #a9b0c2;
  vertical-align: top;
}

td.maininnertable_bottom-border-top {
}
td.maininnertable-bottom-border-bottom {
}

td.maininnertable-bottom-text {
  text-align: center;
  color: white;
  background-color: #3e4f80;
}

td.maininnertable-bottom-text a {
  color: white;
}

td.maininnertable-bottom-border-left {
  background-image: url(img/bottom_border_left.png);
  background-repeat: repeat-y;
}
td.maininnertable-bottom-border-right {
  background-image: url(img/bottom_border_right.png);
  background-repeat: repeat-y;
}

/* Navigationsbaum */
div#nav {
  width: 193px;
  overflow: hidden;
  margin: 0px 0px 15px 0px;
  padding: 0px;
  padding-top: 15px;
  vertical-align: top;
}

div#nav a {
  display: block;
  cursor: pointer;
  color: white;
}
div#nav a:hover {
  text-decoration: none;
}

div#nav a.nav0 { margin-left: 5px; padding: 5px 0px 5px 0px; background-position: 0px 50%; }
div#nav a.nav1 { margin-left:10px; margin-right: 4px; padding: 3px 3px 3px 7px; }
div#nav a.nav2 { margin-left:15px; margin-right: 4px; padding: 3px 3px 3px 14px; }
div#nav a.nav3 { margin-left:20px; margin-right: 4px; padding: 3px 3px 3px 21px; }
div#nav a.nav4 { margin-left:25px; margin-right: 4px; padding: 3px 3px 3px 28px; }
div#nav a.nav5 { margin-left:30px; margin-right: 4px; padding: 3px 3px 3px 35px; }
div#nav a.nav6 { margin-left:35px; margin-right: 4px; padding: 3px 3px 3px 42px; }

div#nav a span {
  display: block;
  width: 100%;
  margin: 0px;
  font-size: 10px;
  text-decoration: none;
  background-image: url(img/pfeil_menu_rechts_inaktiv.gif);
  background-repeat: no-repeat;
  background-position: 0px 3px;
  padding: 0px 0px 0px 11px;
  font-weight: bold;
}
div#nav a.nav0 span {
  background-image: url(img/pfeil_menu_runter_inaktiv.gif);
  background-position: 164px 2px;
}
div#nav span.active {
  color: #e4a33b;
  font-weight: bold;
  background-image: url(img/pfeil_menu_rechts_aktiv.gif);
  background-repeat: no-repeat;
  background-position: 0px 3px;
}
div#nav a.nav0 span.active {
  background-image: url(img/pfeil_menu_runter_aktiv.gif);
  background-position: 0px 3px;
}

div#nav a:hover {
  color: #e4a33b;
}
div#nav a:hover span {
  background-image: url(img/pfeil_menu_rechts_aktiv.gif);
}
div#nav a.nav0:hover span {
  background-image: url(img/pfeil_menu_runter_inaktiv.gif);
}
div#nav a.nav0:hover span.active {
  background-image: url(img/pfeil_menu_runter_aktiv.gif);
}
/* Balken zwischen Eintraegen der obersten Ebene */
.tree-bar {
  width: 178px;
  height: 2px;
  display: block;
  position: relative;
  left: 7px;
}

/* Ueberschrift */
h1, .topicStyle {
  background-image: url(img/topic_background.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  /*width: 537px; */
  height: 35px;
  text-align: left;
  vertical-align: middle;
  display: block;
  /*position: relative;
  left: 20px;*/
  margin: 0px 0px 15px 0px;
  line-height: 28px;
  padding-left: 10px;
  color: #283859;
  font-weight: bold;
}


/* +++++++++++++ Gruppenliste ++++++++++++ */
#grouplist {
  background-color: transparent; 
}

td.group {
  width: 172px;
    background-image: url(img/group_background.png);
  background-repeat: repeat-y;
  background-position: 0px 0px;
  }

div.group {
  /*height: 256px;*/
  width: 172px;
  /*height: 100%;*/
}

.group table {
  /*height: 100%;*/
  width: 172px;
}
.group a {
  color: #283859;
  font-weight: bold;
  text-decoration: none;
}
.group a:hover {
  text-decoration: underline;
}

.group table.group0 {
}

.group-image {
  width: 154px;
  height: 75px;
  text-align: left;
  background-color: #cfd2d9;
  display: block;
  overflow: hidden;
  margin-bottom: 5px;

}
.group-image a {
  width: 154px;
  text-align: center;
  margin-left: 6px;
  display: block;
  overflow: hidden;
}
  
.group-image img {
  margin-top: 8px;
  margin-left: 0px;
  margin-bottom: 22px;
  /*height: 110px;*/
  text-align: center;
  vertical-align: middle;
}

.group-textlink {
  background-color: #cfd2d9;
  height: 100%;
  text-align: left;
  background-image: url(img/group_background.png);
  background-repeat: repeat-y;
  background-position: 0px 0px;
}
.group-textlink a {
  display: block;
  margin-top: 0px;
  margin-left: 7px;
  width: 154px;
  overflow: hidden;
}

.group a.subgroup {
  font-weight: normal;
  background-image: url(img/pfeil_gruppe_rechts_inaktiv.gif);
  background-repeat: no-repeat;
  margin-top: 4px;
  background-position: 0px 3px;  
  text-align: left;
}
.group a.subgroup span {
  margin: 0px 0px 0px 8px;
  width: 154px;
  font-size: 10px;
  overflow: hidden;
  display: block;
  cursor: pointer;
}
.group-hgap {
  width: 9px;
}
.group-border-top {
  height: 2px;
  width: 172px;
}
.group-border-bottom {
  height: 12px;
  width: 172px;
}
.group-border-topleft {
  width: 3px;
}
.group-border-left {
  width: 3px;
  background-image: url(img/group_border_left.png);
  background-repeat: repeat-y;
  background-position: 0px 0px;
}
.group-border-left img {
  width: 3px;
  height: 1px;
}
.group-border-topright {
  width: 8px;
}
.group-border-right {
  width: 8px;
  background-image: url(img/group_border_right.png);
  background-repeat: repeat-y;
  background-position: 0px 0px;
}
.group-border-right img {
  width: 8px;
  height: 1px;
}

/* Artikeldetailansicht */
td.artikel {
  width: 172px;
  vertical-align: top;
 }

div.artikel {
  width: 172px;
  height: 190px;
  background-image: url(img/group_background.png);
  background-repeat: repeat-y;
  background-position: 0px 0px;
}

.artikel-image {
  width: 172px;
  height: 154px;
  display: block;
  overflow: hidden;

}
.artikel-image img {
  width: 154px;
  margin-top: 9px;
  margin-left: 6px;
  display: block;
  overflow: hidden;
}
  /*
.artikel-image img {
  margin-top: 9px;
  margin-left: 0px;
  margin-bottom: 22px;

  text-align: center;
  vertical-align: top;
}*/
.artikel-hgap {
  width: 5px;
}


/* ++++++ Artikeldetails ++++++++ */
input.preisanfrage {
  padding: 0px 0px 0px 2px;
  line-height: 18px;
  vertical-align: middle;
  width: 163px;
  height: 18px;
  background-image: url(img/eingabefeld_aktiv.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  border: 0px;
  margin: 0px;
}
input.preisanfrage_aktiv {
  padding: 0px 0px 0px 2px;
  line-height: 18px;
  vertical-align: middle;
  width: 163px;
  height: 18px;
  background-image: url(img/eingabefeld_aktiv.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  border: 0px;
  margin: 0px;
}

/* +++++++ Artikelliste +++++++ */
table.artikelliste th {
  white-space: nowrap;
  font-size: 10px;
  background-color: #7d8bbc;
  color: white;
  padding: 5px;
}

td.artikelliste_hgap {
 background-color: #96a1c6;
}
td.artikelliste_vgap {
 background-color: #96a1c6;
}

td.artikelliste-content-evenrow {
 padding: 5px;
 background-color: white;
 color: #283859;
 font-size: 10px;
}

td.artikelliste-content-oddrow {
 padding: 5px;
 background-color: #e0e2e4;
 color: #283859;
 font-size: 10px;
 border: 1px solid #96a1c6;
}

table.artikelliste td a {
 color: #283859;
 font-size: 10px;
 text-decoration: underline;
}

td.artikelliste-pagecount, td.artikelliste-pagecount u, td.artikelliste-pagecount b {
  background: #7d8bbc;
  color: white;
  padding: 5px;
  font-size: 10px;
  font-weight: bold;
}
td.artikelliste-pagecount a {
  background: #7d8bbc;
  color: white;
  padding: 5px;
  font-size: 10px;
  font-weight: bold;
}

input.artikelliste-eingabefeld {
  background-image: url(img/artikelliste_eingabefeld.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  border: 0px;
  padding: 0px 0px 0px 2px;
  width: 45px;
  height: 18px;
  line-height: 18px;
}

/* Feld Bezeichnung, wird in der Breite beschnitten, um das Tabellenlayout zu sichern */
.artikelliste_bez {
  width: 150px;
  display: block;
  overflow: hidden;
}

/* ++++++++++++ Funktionsboxen im rechten Bereich (Warenkorb etc.) ++++++++++++ */
/* Gesamtbox */
.rightsmallbox {
  width: 185px;
  background-color: #2a3553;
  margin-bottom: 13px;
}

/* Ueberschriftenbereich */
.rightsmallbox-topic {
  width: 185px;
  height: 35px;
  background-image: url(img/rightheader.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  overflow: hidden;
}
.rightsmallbox-topic div {
  height: 35px;
  font-weight: bold;
  line-height: 28px;
  padding-left: 7px;
  color: #283859;
}

/* Inhaltsbereich */
.rightsmallbox-content {
  background-color: #2a3553;
  border-left: 1px solid #858ea2;
  border-right: 1px solid #858ea2;
}
.rightsmallbox-content td {
  padding-bottom: 5px;
}
.rightsmallbox-content a {
  display: block;
  background-image: url(img/pfeil_menu_rechts_aktiv.gif);
  background-repeat: no-repeat;
  background-position: 0px 3px;
  padding: 0px 0px 0px 11px;
}
.rightsmallbox-content td, .rightsmallbox-content a {
  color: white;
  font-size: 9px;
}

/* Bereich fuer Buttons unten */
.rightsmallbox-bottom {
  background-image: url(img/rightbox-bottom.gif);
  background-repeat: repeat-x;
  background-position: 0px 0px;
  border-left: 1px solid #858ea2;
  border-right: 1px solid #858ea2;
  height: 26px;
  overflow: hidden;
}
/* Tabellenzellen in unterem Button-Bereich der Box */
.rightsmallbox-bottom td, .rightsmallbox-bottom form {
  color: #283859;
  font-size: 11px;
}

/* Kleiner Hoverbutton mit Pfeil fuer unteren Bereich */
.rightsmallbutton {
  vertical-align: middle;
}

/* Eingabefeld */
.inputfield {
  border-top: 1px solid black;
  border-right: 1px solid #8c93a0;
  border-bottom: 1px solid #8c93a0;
  border-left: 1px solid black;
  background-image: url(img/inputfield-bg.png);
  background-repeat: repeat-x;
  background-position: 0px 0px;
  padding: 0px 0px 0px 2px;
  height: 18px;
  line-height: 18px;
}