/******   INITIAL RESET   ******/
html, body, div, table, tbody, thead, tfoot, th, tr, td, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img, nav, article, section, header, footer, button {
  outline: 0;
  margin: 0;
  padding: 0;
  border: 0 none;
  color: inherit;
  font-family: inherit;
  list-style-type: none;
  text-decoration: none;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block; }

/* GENERAL STYLES */
b, strong {
  font-weight: 700; }

.clear {
  border: 0 none;
  clear: both;
  float: none;
  height: 0;
  margin: 0;
  padding: 0;
  width: 100%; }

.fleft {
  float: left; }

.fright {
  float: right; }

.hidden {
  display: none !important; }

.cf:before,
.cf:after {
  content: " ";
  display: table; }

.cf:after {
  clear: both; }

h1, h2, h3, h4, h5, h6, p, ul, ol {
  font-weight: 400;
  margin-bottom: 1em; }

h2, h3, h4 {
  font-family: "PT Sans Narrow", sans-serif; }

a:hover {
  cursor: pointer; }

b, strong {
  font-weight: 700; }

li {
  margin: 0 0 0.5em 2em; }

button, input[type="submit"], input[type="image"] {
  cursor: pointer; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/******   MAIN PART   ******/
body {
  background: url(../images/bgn2.jpg) no-repeat fixed center 0/cover;
  font-family: Arial, sans-serif;
  font-size: 1em; }

/*** Header ***/
.wrapper {
  box-shadow: 0 0 10px #000;
  margin: 0 auto;
  width: 976px; }

header {
  background: rgba(255, 255, 255, 0.8);
  position: relative; }

.logo {
  display: block;
  float: left;
  margin: 0 32px 16px 0; }

.logo img {
  display: block; }

.header-btn {
  background: #26bfa0;
  color: #fff;
  display: block;
  font: 700 1.125rem "PT Sans Narrow", sans-serif;
  height: 32px;
  line-height: 32px;
  margin: 16px 0 0 8px;
  padding: 0 12px;
  text-align: center;
  min-width: 90px;
  max-width: 250px; }

.logout-btn {
  background: #26bfa0;
  border-left: 1px solid #fff;
  color: #fff;
  display: block;
  float: right;
  font: 700 1.125rem "PT Sans Narrow", sans-serif;
  height: 32px;
  line-height: 32px;
  margin: 16px 0 0;
  padding: 0 4px;
  text-align: center;
  width: 64px; }
  .logout-btn:hover {
    background: #fff;
    color: #000; }

.header-btn.blue {
  background: #55d; }

.header-social {
  float: left;
  margin-top: 16px; }

.header-cart {
  box-shadow: 0 0 1px 0 rgba(255, 255, 255, 0.4);
  position: relative;
  z-index: 51; }

#login-btn.pressed {
  background: #fff;
  color: #000; }

#login-popup {
  background: #fff;
  box-shadow: 0 0 8px #ddd;
  padding: 12px;
  position: absolute;
  right: 8px;
  top: 57px;
  width: 200px;
  z-index: 55; }

#login-popup input[type="text"],
#login-popup input[type="password"] {
  border: 1px solid #bbb;
  box-sizing: border-box;
  margin: 2px 0 8px;
  padding: 4px 6px;
  width: 100%; }

.site-title {
  color: #c33;
  font: 2rem serif;
  float: left;
  padding: 16px 0;
  position: relative;
  top: 97px; }

nav ul {
  margin: 0;
  overflow: hidden;
  position: relative;
  padding: 0 1%;
  width: 98%; }
nav li {
  background: #26bfa0;
  border: 1px solid transparent;
  color: #fff;
  display: block;
  float: left;
  font-size: 1.25rem;
  height: 58px;
  margin: 0 0 0 8px;
  position: relative;
  text-transform: uppercase;
  width: 272px; }
  nav li:first-child {
    margin-left: 0;
    width: 390px; }
  nav li:hover {
    background: #1e947c; }
  nav li.active {
    background: #fff;
    border: 1px solid #888;
    border-bottom-color: #fff;
    box-shadow: 0 0 10px #ccc;
    color: #000; }
nav a {
  display: block;
  height: 100%;
  line-height: 60px;
  text-align: center; }

.shop-cart {
  background: url(../images/cart.png) no-repeat 4px 2px #26bfa0;
  color: #fff;
  float: right;
  font: 700 1.125rem "PT Sans Narrow", sans-serif;
  height: 32px;
  line-height: 32px;
  margin: 16px 0 0;
  padding: 0 0 0 20px;
  position: relative;
  text-align: center;
  width: 160px;
  z-index: 100; }

.shop-cart .makeorder {
  background: #fff;
  color: #000;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  text-align: center;
  width: 100%;
  z-index: 1; }

.shop-cart .makeorder:hover {
  opacity: 1; }

/*** CONTENT ***/
.content {
  background: #fff;
  min-height: 400px;
  padding: 20px 24px; }
  .content a {
    color: #1e947c;
    text-decoration: underline; }
  .content a:hover {
    color: #115547; }
  .content ol li {
    list-style-type: decimal; }
  .content ul li {
    list-style-type: disc; }

.item-list {
  list-style-type: none; }

.item-list-elem {
  background: #f3f3f3;
  display: block;
  height: 168px;
  margin-bottom: 22px;
  margin-left: 0;
  padding: 20px 24px;
  position: relative; }

.item-list-thumb {
  border: 1px solid #ccc;
  display: block;
  float: left;
  margin-right: 24px;
  max-height: 100%;
  width: auto; }

.author a {
  background: transparent;
  border: none;
  margin: 0 0 16px 32px; }
.author .name {
  display: block;
  font-size: 1.5rem; }

.book h2 {
  font-size: 1.5rem;
  line-height: 1.25rem; }

.book h2,
.book h3 {
  margin-bottom: .25em; }

.book-age {
  background: #26bfa0;
  bottom: 0;
  border-radius: 12px 0 0 0;
  box-shadow: inset 1px 1px 1px #707070;
  color: #fff;
  font-size: 1.125rem;
  height: 32px;
  line-height: 32px;
  position: absolute;
  right: 0;
  text-align: center;
  width: 50px; }

.book-isbn {
  font-family: "PT Sans Narrow", sans-serif; }

.addtocart {
  background: #fff;
  border-right: none;
  display: block;
  float: right;
  height: 32px;
  right: -24px;
  line-height: 32px;
  text-align: center;
  position: relative;
  width: 155px; }
  .addtocart span {
    color: #000;
    display: block;
    float: left;
    font-weight: 700;
    height: 100%;
    width: 40%; }
  .addtocart button {
    background: #26bfa0;
    border: none;
    color: #fff;
    display: block;
    font: 700 1rem "PT Sans Narrow", sans-serif;
    height: 100%;
    width: 60%; }
  .addtocart button:hover {
    background: #fff;
    color: #000; }

.addtocart.big span {
  width: 70px; }

.addtocart.big button {
  width: 120px; }

.book-description {
  background: #eee;
  margin: 32px 0;
  padding: 16px; }

.inline-link {
  color: #26bfa0;
  font-weight: 700;
  text-decoration: underline; }

.back-link {
  display: block;
  font-size: 1.25em;
  margin-bottom: 1em; }

.content .register {
  margin: 0 auto;
  position: relative;
  width: 540px; }

.register-submit {
  background: #26bfa0;
  border: 0;
  color: #fff;
  display: block;
  font-size: 1.25em;
  margin: 16px 0;
  padding: 6px 16px; }

.content input[type="text"],
.content input[type="password"] {
  border: 1px solid #aaa;
  display: block;
  float: left;
  margin: 0 6px 6px 0;
  padding: 6px;
  width: 220px; }

.content input[type="number"] {
  border: 1px solid #aaa;
  padding: 6px;
  width: 60px; }

.content textarea {
  border: 1px solid #aaa;
  padding: 6px; }

.content input:focus {
  box-shadow: 0 0 3px #26bfa0; }

.userprofile h4 {
  font-size: 1.25rem;
  font-weight: 700;
  margin: .5em 0; }
.userprofile > div {
  font-size: .75em;
  margin: 0 6px 6px 0;
  padding: 6px 12px; }
.userprofile .photo {
  float: left;
  width: 230px; }
  .userprofile .photo img {
    border: 1px solid #ccc;
    display: block;
    margin: 0 0 12px;
    width: 200px !important; }
.userprofile .baseinfo {
  position: relative;
  margin-left: 320px; }
  .userprofile .baseinfo p {
    margin-bottom: 0; }
  .userprofile .baseinfo span {
    color: #26bfa0;
    font-weight: 700; }
.userprofile .profile-books li {
  font-size: 1.25em;
  list-style-type: none;
  margin: 0 0 8px 0; }
.userprofile .profile-books li img {
  float: left;
  margin-right: 16px; }
.userprofile .profile-books span {
  color: #f00; }

.advice {
  display: block;
  font-size: 12px;
  font-style: italic;
  margin: 1em 0; }
  .advice.big {
    font-size: 16px; }

#baseinfo-edit-form {
  background: #f5f5f5;
  border: 1px solid #ccc;
  box-shadow: 0 0 15px #bbb;
  position: absolute;
  top: 0;
  left: 0;
  padding: 6px 12px;
  width: 450px; }
  #baseinfo-edit-form p {
    margin: 0 0 8px; }
  #baseinfo-edit-form input[type="text"] {
    float: right;
    margin: 0 0 0 12px;
    padding: 2px 4px;
    width: 300px; }
  #baseinfo-edit-form textarea {
    border: 1px solid #aaa;
    height: 120px;
    margin: 6px 0;
    padding: 6px;
    width: 650px; }

form p {
  margin: 6px 0 3px; }

.author-details h1 {
  font-family: 'PT Sans Narrow', sans-serif; }

.author-details .author-photo {
  border: 1px solid #ccc;
  float: left;
  height: auto;
  margin: 0 0 16px;
  max-width: 300px; }

.author-details .author-bio {
  margin-left: 324px; }

.book-form label {
  border: 2px solid transparent;
  background-color: #f3f3f3;
  padding: .5rem 1rem; }
  .book-form label:hover {
    border-color: #26bfa0; }

.book-form label,
.book-form select,
.book-form .cke {
  display: block;
  margin: 0 0 1em; }

.book-form input {
  float: none !important; }

.book-form input[type="text"] {
  width: 300px; }

.cart-submit-btn {
  background: none;
  border: none;
  display: block;
  margin: 32px auto; }

footer {
  background: rgba(255, 255, 255, 0.85);
  color: #26bfa0;
  margin: 32px auto;
  padding: 16px;
  width: 944px; }

footer p {
  font-weight: 700; }

.disclaimer {
  color: #f00;
  font-weight: 400; }

.impressum {
  font-weight: 700;
  text-decoration: underline; }

.error {
  color: #f00;
  font-size: 12px;
  line-height: 14px; }

.loginFPFieldset input {
  float: none !important; }

.alias-description {
  position: absolute;
  right: -164px;
  top: 10px;
  width: 220px; }

.book-details .item-list-thumb {
  margin-bottom: 16px; }
.book-details .author,
.book-details .age,
.book-details .intro-header,
.book-details .excerpt {
  font: 700 1.25rem "PT Sans Narrow", sans-serif;
  margin: .5em 0; }
.book-details .author a {
  margin-left: 0; }
.book-details .addtocart {
  border: 1px solid #ccc; }

.sales-table {
  border-collapse: collapse;
  margin: 16px 0;
  width: 100%; }

.sales-table td {
  border: 1px solid #ccc;
  padding: 4px 8px;
  vertical-align: middle; }

.sales-table thead td {
  font-weight: 700; }

.salesTotal {
  font-size: 1.5em;
  margin: 16px 0 0; }

.salesForm label {
  display: block;
  margin: 8px; }

.sticky {
  position: relative;
  left: 180px; }

.sticky .shop-cart {
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.25); }

/*# sourceMappingURL=style.css.map */
.salesTable{
        width: 100%;
}

.salesTable thead{
    font-weight: bold;
}
.salesTable td {
    padding: 7px;
    border-bottom: 1px solid #1e947c;
        text-align: center;
}
.salesTotal{
    text-align:  right;
}