html {
  overflow-y: scroll;
}
body {
  background: #fffff0;
}
body, div, p, ul, form, h1, h2, h3, th, td, table, input, select, textarea {
  font-family: Century Gothic, "Didact Gothic", Helvetica, Arial, Serif;
  font-size: 16px;
  color: #111;
}
.pageContainer {
  max-width: 1040px;
  margin: 10px auto;
  border: none;
}

/* -- Header -- */
.header {
  background: transparent;
  margin: 0px;
  text-align: center;
}
.header .pageTitle {
  display: none;
}
.header .logo {
  display: block;
  border: none;
}
.header h2 {
  margin: -10px 0px 20px;
  color: #989079;
  font-weight: normal;
  font-size: 24px;
}

/* -- Navigation -- */
.navigation {
  float: left;
  width: 161px;
  margin: 0px 0px 0px 0px;
  background: #e3dbbf;
  border: #997 1px solid;
  padding: 10px;  
  font-size: 14px;
}
.navigation ul {
  list-style: none outside;
  margin: 0px 0px 10px 0px;
}
.navigation li {
  margin: 0px 0px 0px;
  padding: 2px 0px;
}
.navigation li.mobile {
  display: none;
}
.navigation li.active {
  color: inherit;
  font-weight: bold;
}
.navigation li,
.navigation li a,
.navigation li div {
  font-size: 14px;
  padding-bottom: 0px;
  text-transform: uppercase;
}
.navigation li {
  padding-top: 1px;
}
.navigation .error,
.navigation .error * {
  font-size: 14px;
  text-transform: none;
  background-image: none;
  padding: 0px;
}

.quicksearch {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
.quicksearch input[type=text] {
  width: 115px;
  font-size: 13px;
}
.quicksearch input[type=submit] {
  font-size: 11px;
  padding: 1px 2px;
}

/* -- Content -- */
.content {
  margin: 0px 0px 0px 220px;
  padding: 0px 10px 10px 0px;
}
.pane {
  padding: 6px 12px;
  background: #e3dbbf;
  color: black;
  border: #997 1px solid;
}
h1 {
  padding: 0px 0px 10px;
  font-size: 27px;
}
h4 {
  padding: 10px 0px 0px;
  margin: 0px;
  font-size: 16px;
}

input[type="button"],
input[type="submit"] {
  background: #03f;
  padding: 1px 5px;
  color: white;
  font-weight: bold;
  border: none;
  border-radius: 5px;
  box-shadow: 1px 1px 3px #666;  
  display: inline-block;
  position: relative;
  margin: 0px 1px 1px 0px;
  cursor: pointer;
  
  background: #625A48;
}
input[type="button"]:hover,
input[type="submit"]:hover {
  background: blue;
}
input[type="button"]:active,
input[type="submit"]:active {
  top: 1px;
  left: 1px;
  box-shadow: none;
}
.submitCart,
.submitOrder {
  font-size: 20px;
}

.constraintsImage {
  background: #e3dbbf url(search.gif) 100% 10px no-repeat;
}
.category,
.keywords {
  background: #e3dbbf url(books.gif) 100% 20px no-repeat;
  background: transparent url(books.gif) 100% 10px no-repeat;
  padding: 0px;
  border: none;
  min-height: 180px;
}
.page_newsletter_ .keywords {
  background: transparent;
  min-height: 0px;
  margin-bottom: 30px;
}
.category p,
.keywords p {
  font-size: 16px;
}
.alphabet {
  font-size: 15px;
  color: #333;
  text-align: center;
  letter-spacing: 0.25px;
}

.list table {
  border: #997 1px solid;
  background: #e3dbbf;
}
.list thead th {
  border-bottom: #997 1px solid;
}
.list td {
  font-size: 15px;
}
.list .tfoot td {
  border-top: #997 1px solid;
}
.list .tfoot td div {
  font-size: 15px;
  padding: 1px 3px;
}
.pager {
  padding: 0px;
}
.pager td {
  font-size: 15px;
  padding: 3px 7px;
}
.listControl span,
.listControl input,
.listControl select {
  font-size: 15px;
}

/*.detail {
  background: transparent;
  border: none;
  padding: 0px;
}*/
/*.detailBackLink {
  background: transparent;
  border: none;
}*/

.deliveryAddress {
  background: #e3dbbf url(address.gif) right 20px no-repeat;
}
.payment {
  background: #e3dbbf url(payment.gif) right 20px no-repeat;
}
.address td,
.address label,
.address .countryInfo {
  font-size: 15px;
}
.payment td,
.payment label {
  font-size: 15px;
}

.orderProgress li {
  background: #e3dbbf;
  border: #997 1px solid;
}
.orderProgress .state span {
  font-size: 35px;
  line-height: 25px;
  vertical-align: bottom;
}
.orderProgress .stateActive span {
  font-size: 70px;
}
.orderHead .payment {
  background-image: none;
}

/* -- Page-specific style -- */
.index h1 {
  padding: 0px;
}
.index p {
  margin: 0px;
}
.ankauf {
  border: #997 1px solid;
  padding: 10px;
}
.ankauf h4,
.ankauf p {
  text-align: center;
  margin: 0px;
  padding: 5px 0px 5px;
}
.impressum {
  background: transparent;
  border: none;
  padding: 0px;
}
.impressum td {
  vertical-align: top;
}

.hint {
  padding: 20px 0px 0px;
  margin: 0px;
  text-align: center;
}
ul.error {
  font-size: 16px;
}

/* -- Footer -- */
.footer  {
  margin: 15px 0px 0px 0px;
  padding: 10px 10px 0px 0px;
  border-top: #997 1px solid;
}
.footer .navigate {
  border: none;
  margin: 0px 0px 10px;
}
.footer .shopInfo {
  font-family: Tahoma, Helvetica, sans-serif;
  font-size: 11px;
  text-align: center;
  color: #997;
  background: none;
}
.footer .shopInfo a {
  color: #664;
}