/*----------------------------------------------------------------*/
/* CSS by K4SYSTEMS */
/*----------------------------------------------------------------*/

/* wichtige Farben
Rot: #cc0000
Grun: #62BD6E
*/

/*----------------------------------------------------------------*/
/* Allgemeines */
/*----------------------------------------------------------------*/
* {
  padding: 0;
  margin: 0;
}

html {
  height: 100%;
}

body {
  font-size: 82.5%;
  background: #E5E5E5 url('../bilder/back_body.gif') left top repeat;
  height: 100%;
}

body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, p, input, textarea, select {
  font-family: Arial,"Trebuchet MS","Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
  color: #333;
}

ul, li {
  padding: 0;
  margin: 0;
  list-style-type: none;
  position: relative;
}

img, a img {
  border: 0;
}

form {
  display: inline;
}

acronym {
  cursor: help;
  border-bottom: 1px dotted;
}

p {
  line-height: 1.3em;
  margin: 0 0 1.0em 0;
}

a {
  color: #DF002B;
}

h1, h2 {
  margin: 0;
  padding: 0;
  font-size: 1.5em;
  margin-bottom: 1.0em;
}

h2 {
  font-size: 1.2em;
  margin-top: 2.0em;
  margin-bottom: 0;
  color: #555;
}

/*----------------------------------------------------------------*/
/* pseudoklassen */
/*----------------------------------------------------------------*/
.clear {
  clear: both;
}

.none, .versteckt {
  display: none;
}

.leftalign {
  float: left;
}

.rightalign {
  float: right;
}

.textcenter {
  text-align: center;
}

.pflicht {
  color: #cc0000;
  font-family: verdana;
  display: inline-block;
  font-weight: bold;
  line-height: 115%;
  bottom: -3px;
}

.fehler {
  color: #cc0000;
  border: 1px solid #cc0000;
  background: #fff;
  padding: 0.5em;
  margin: 1.0em 0;
}

.ok {
  color: #009900;
  border: 1px solid #009900;
  background: #fff;
  padding: 0.5em;
  margin: 1.0em 0;
}

/*----------------------------------------------------------------*/
/* bereiche */
/*----------------------------------------------------------------*/
#wrap {
  margin: 0 auto;
  width: 789px;
  background: #fff url('../bilder/back_wrap.gif') left top repeat-Y;
  min-height: 100%;
  padding: 0px 4px;
  font-size: 0.9em;
}

#wrap_wrap {
  background: transparent url('../bilder/back_wrap_wrap.gif') left top no-repeat;
}

#header {
  margin: 0px 0px 0px 10px;
  padding: 4px 0px 0px 0px;
}

#header p {
  margin: 0;
  padding: 0;
}

#header #sprache {
  text-align: right;
  padding-right: 10px;
  height: 16px;
  display: block;
}

#header #sprache a {
  padding-right: 20px;
  color: #fff;
  font-size: 0.9em;
}

#header #sprache a.en {
  background: transparent url('../bilder/flag_en.gif') right center no-repeat;
}

#header #sprache a.de {
  background: transparent url('../bilder/flag_de.gif') right center no-repeat;
}

#header p.clear {
  height: 1px;
  line-height: 1px;
  font-size: 1px;
  overflow: hidden;
}


/*----------------------------------------------------------------*/
/* headernavi */
/*----------------------------------------------------------------*/
#header ul, #header li {
  margin: 0;
  padding: 0;
}

#header li {
  float: right;
  display: inline;
}

#header li a {
  text-decoration: none;
  margin-right: 10px;
  color: #fff;
}

#header li a:hover {
  text-decoration: underline;
}

#nav6 {
  padding-left: 20px;
  background: transparent url('../bilder/ico_basket_header.gif') left center no-repeat;
}


/*----------------------------------------------------------------*/
/* headernavi */
/*----------------------------------------------------------------*/
#inhalt {
  margin: 10px 10px;
}

#inhalt #spalte-0 {
  width: 200px;
  display: inline;
  float: left;
  border: 1px solid #ccc;
  padding: 2px;
  margin-bottom: 1.0em;
  background: #fff;
}

#inhalt #spalte-0 ul {
  background: #efefef;
  padding: 4px 4px;
}

#inhalt #spalte-0 ul li {
  margin-bottom: 0.2em;
}

#inhalt #spalte-0 ul li a {
  color: #555;
}

#inhalt #spalte-0 ul li a:hover, #inhalt #spalte-0 ul li.selected a {
  color: #DF002B;
}

#inhalt #spalte-0 ul li h2 {
  font-size: 1.4em;
  padding: 0.2em 0em 0em 0em;
  font-weight: normal;
  color: #555;
}

#inhalt #spalte-0 h2 {
  margin: 0;
}


/*----------------------------------------------------------------*/
/* suche */
/*----------------------------------------------------------------*/
#suche, #content {
  margin-left: 210px;
  border: 1px solid #FF6D73;
  padding: 2px;
  background: #fff;
}

#suche div, #suche h2 {
  padding: 0;
  background: #faa9ac;
  padding: 4px 0.6em;
  color: #fff;
  margin: 0;
  font-size: 1.0em;
}

#suche h2 {
  font-size: 1.4em;
  padding: 0.4em 0em 0em 6px;
  font-weight: normal;
}

#suche a, #startseite #home-1 td a {
  color: #fff;
}

#suche input.eingabe {
  width: 260px;
  font-size: 1.2em;
  height: 1.5em;
  line-height: 1.5em;
  padding: 0em 0.2em;
}

#suche input.button {
  line-height: 1.5em;
}

#suche #suche_options {
  text-align: center;
}

#suche td {
  padding-right: 0.2em;
}

#suche label {
  margin-right: 1.0em;
}

#suche select {
  margin-left: 0.5em;
}

#suche a.options, #startseite #home-1 a.options {
  padding-right: 17px;
  background: transparent url('../bilder/icon_auf.gif') right center no-repeat;
}

#suche a.options_opened, #startseite #home-1 a.options_opened {
  padding-right: 17px;
  background: transparent url('../bilder/icon_zu.gif') right center no-repeat;
  display: none;
}


/*----------------------------------------------------------------*/
/* content */
/*----------------------------------------------------------------*/
#content {
  border: 0;
  margin-top: 2.0em;
  padding-left: 0.8em;
  padding-right: 0.8em;
}

.seitennavi, .seitennavi_oben {
  margin: 0;
  padding: 0;
  text-align: center;
  margin: 0em 0em 1.0em 0em;
  padding-top: 1.0em;
  border-top: 1px solid #ccc;
}

.seitennavi_oben {
  border: 0;
}

.seitennavi a, .seitennavi_oben a {
  font-size: 1.2em;
  padding: 0em 0.2em;
}

.seitennavi a.selected, .seitennavi a:hover, .seitennavi_oben a.selected, .seitennavi_oben a:hover {
  color: #000;
}


/*----------------------------------------------------------------*/
/* produkte */
/*----------------------------------------------------------------*/
dl.produkt {
  border: 1px solid #ccc;
  border-bottom: 0;
  padding: 2px;
  height: 86px;
}

dl.produkt:hover {
  background: #faa9ac;
}

dl.produkt dt {
  display: inline;
  float: left;
  width: 80px;
  height: 80px;
  border: 1px solid #ccc;
  background: #fff;
  padding: 2px;
  text-align: center;
}

dl.produkt dt:hover {
  border: 1px solid #FF6D73;
}

dl.produkt dd {
  margin-left: 100px;
  padding-top: 0.5em;
  padding-right: 0.4em;
}

dl.produkt dd p {
  margin: 0;
  margin-bottom: 0.5em;
}

dl.produkt dd h3 {
  margin: 0;
  padding: 0;
  font-size: 1.2em;
}

dl.produkt dd p.to_basket, .to_basket {
  margin: 0;
  padding: 0;
  text-align: right;
}

dl.produkt dd p.to_basket a, p.to_basket a {
  color: #4C7B31;
  padding-right: 20px;
  background: transparent url('../bilder/icon_basket_add.gif') right center no-repeat;
  margin-left: 1.0em;
}

dl.produkt dd p.to_basket a.remove, p.to_basket a.remove {
  background: transparent url('../bilder/icon_basket_delete.gif') right center no-repeat;
  color: #FF6D73;
}

dl.produkt dd p.to_basket a.basket, p.to_basket a.basket {
  background: transparent url('../bilder/icon_basket.gif') right center no-repeat;
  color: #777;
}

dl.produkt:hover dd p.to_basket a {
  color: #fff;
}

.grau {
  background: #efefef;
}

#suchen p.seitennavi, #produkt p.seitennavi {
  border-top: 1px solid #ccc;
}

#suche.filter {
  float: none;
  margin: 0 0 1.5em 0;
}

.td0 {
  width: 30%;
}

.td1 {
  width: 70%;
}

.filter select {
  width: 90%;
}

/*----------------------------------------------------------------*/
/* warenkorb */
/*----------------------------------------------------------------*/
#basket, .historiebasket {
  width: 99%;
  background: #fff;
  padding: 2px;
  border: 1px solid #ccc;
}

#basket th, #basket td, .historiebasket th, .historiebasket td {
  padding: 4px;
}

#basket td, .historiebasket td {
  border-top: 1px solid #ccc;
  vertical-align: top;
}

#basket th, .historiebasket th {
  text-align: left;
  color: #000;
  background: #efefef;
}

#basket input {
  text-align: right;
  width: 40px;
}

#basket .remove {
  color: #777;
  padding-left: 20px;
  background: transparent url('../bilder/icon_basket_delete.gif') left center no-repeat;
}

.aktualisieren {
  margin-top: 0.5em;
  text-align: right;
}

.aktualisieren .btn {
  font-size: 1.3em;
}

.suchoptionen {
  font-size: 0.9em;
  color: #777;
}

.suchoptionen a {
  color: #777;
}

p.hl_bestellung {
  width: 524px;
  margin: 0 0 1em 0;
  padding: 5px;
  border: 1px solid #ccc;
  background-color: #efefef;
}

p.hl_bestellung_selected {
  display: none;
  width: 524px;
  padding: 5px;
  margin: 0;
  border: 1px solid #ccc;
  border-bottom: none;
  background-color: #777;
}

p.hl_bestellung_selected a {
  display: block;
  padding-left: 18px;
  color: #fff;
  font-weight: bold;
  background: transparent url('../bilder/icon_zu.gif') left top no-repeat;
}

.historiebasket {
  margin-bottom: 1em;
  display: none;
}

.hl_bestellung a {
  display: block;
  padding-left: 18px;
  color: #777;
  background: transparent url('../bilder/icon_auf.gif') left top no-repeat;
}

p.hl_bestellung a.wiederherstellen, p.hl_bestellung_selected a.wiederherstellen {
  float: right;
  background: transparent url('../bilder/icon_db.gif') left center no-Repeat;
  font-weight: normal;
}

/*----------------------------------------------------------------*/
/* warenkorb */
/*----------------------------------------------------------------*/
#footer {
  clear: both;
  padding-bottom: 1.0em;
  text-align: center;
  font-size: 0.9em;
  color: #555;
}

#footer a {
  color: #555;
}

#footer a.to_top {
  background: transparent url('../bilder/back_to_top.gif') left center no-repeat;
  padding-left: 12px;
  margin-right: 8.0em;
}


/*----------------------------------------------------------------*/
/* home */
/*----------------------------------------------------------------*/
#startseite #inhalt h2 {
  font-size: 1.4em;
  padding: 0.2em 0em 0em 0em;
  font-weight: normal;
  color: #555;
}

#startseite #inhalt h2 {
  margin: 0;
  padding: 4px 4px;
}

#inhalt #home-0 {
  width: 500px;
  display: inline;
  float: left;
  border: 1px solid #ccc;
  padding: 2px;
  margin-bottom: 1.0em;
  background: #fff;
}

#startseite #inhalt ul {
  padding: 4px 4px;
  margin-bottom: 0.5em;
}

#inhalt #home-0 ul li {
  display: inline;
  width: 228px;
  float: left;
  margin-right: 15px;
}

#inhalt #home-0 ul li a {
  color: #555;
  font-size: 1.1em;
}


#startseite #home-1 {
  float: right;
  background: #fff;
  width: 250px;
}

#startseite #home-1 div {
  border: 1px solid #FF6D73;
  padding: 2px;
}

#startseite #home-1 div div {
  border: 0;
  padding: 0;
  background: #faa9ac;
  padding: 4px 0.6em;
  color: #fff;
  margin: 0;
  font-size: 1.0em;
}

#startseite #home-1 h2 {
  background: #faa9ac;
  color: #fff;
  padding: 4px 0.5em;
}

#startseite #home-1 #home_wg {
  width: 230px;
}

#startseite #home-1 .eingabe {
  width: 150px;
  font-size: 1.2em;
  height: 1.5em;
  line-height: 1.5em;
  padding: 0em 0.2em;
  margin-right: 3px;
}

#startseite #home-1 .button {
  line-height: 1.5em;
}

#home_suchen_in {
  margin-top: 1.0em;
}

#startseite #home-1 #home-login {
  margin-top: 1.0em;
  border: 1px solid #ccc;
}

#startseite #home-1 #home-login div {
  background: #efefef;
  color: #555;
}

#startseite #home-1 #home-login h2 {
  background: #efefef;
  color: #555;
  padding-left: 0.4em;
}

#startseite #home-1 #home-login a {
  color: #555;
}

#startseite #home-1 #home-login input.feld {
  width: 225px;
}


/*----------------------------------------------------------------*/
/* formulare */
/*----------------------------------------------------------------*/
.form_container table td.td0 {
  width: 180px;
}

.form_container input.feld, .form_container input.halb {
  height: 20px;
  line-height: 20px;
  margin-right: 3px;
}

.form_container .td1 .feld {
  width: 240px;
  margin-bottom: 2px;
}

.form_container .td1 .halb {
  width: 120px;
  margin-bottom: 2px;
}

input.cx_pflicht, textarea.cx_pflicht {
  background-color: #FFFFD5;
}



/*----------------------------------------------------------------*/
/* details */
/*----------------------------------------------------------------*/
#details {
  padding: 2.0em 1.0em;
}

/*----------------------------------------------------------------*/
/* checkout */
/*----------------------------------------------------------------*/
#checkout_steps {
  width: 99%;
  margin-bottom: 2.0em;
}

#checkout_steps td {
  width: 33%;
  vertical-align: top;
}

#checkout_steps td h3, #checkout_steps td p {
  margin: 0;
  padding: 0;
  color: #555;
}

#checkout_steps td h3 {
  font-size: 1.2em;
}

#checkout_steps td.selected h3, #checkout_steps td.selected p {
  color: #DF002B;
}

#checkout_steps td.inactive h3, #checkout_steps td.inactive p {
  color: #aaa;
}

#pdata {
  width: 99%;
}

#pdata td {
  width: 50%;
  vertical-align: top;
}

#ab_geht_er {
  text-align: center;
  margin: 2.0em 0em;
}

#ab_geht_er .btn {
  font-size: 1.3em;
}

/*----------------------------------------------------------------*/
/* mein konto */
/*----------------------------------------------------------------*/
.account_navi li {
  margin-bottom: 0.5em;
}

.account_navi a {
  font-size: 1.3em;
}