@charset "UTF-8";
/* =========================================================
 Basis-Stylesheet
 Projektname: buch7.de - Der Buchhandel mit der sozialen Seite
 Media: screen
 Datum: 07. April 2008
 Autor: Andreas M. Helge, Markus Luckey
 Web: www.formspiel.de
 ========================================================== */
/* ================================ BASICS ================================== */
* {
    color: #523015;
    font-family: Arial, Verdana, sans-serif;
    font-size: 10pt;
    line-height: 1.2em;
}

body {
    font-family: Arial, Verdana, sans-serif;
    font-size: 10pt;
    line-height: 1.2em;
    background-color: #a00b1e;
}

h1 {
    font: bold 14pt/1.25em Arial, Verdana, sans-serif;
    padding: 0px;
    margin: 0px;
}

h2 {
    font: bold 12pt/1.25em Arial, Verdana, sans-serif;
    padding: 0px;
    margin: 0px;
}

h3 {
    font: bold 11pt/1.25em Arial, Verdana, sans-serif;
    padding: 0px;
    margin: 0px;
}

h4 {
    font: bold 11pt/1.25em "ITC Slimbach Std";
    color: #a00b1e;
    padding: 0px;
    margin: 0px;
}

h5 {
    font: bold 10pt/1.25em Arial, Verdana, sans-serif;
    color: #523015;
    padding: 0px;
    margin: 0px;
}

p {
    padding: 0px;
    margin: 0px;
    margin-bottom: 5px;
}

a:link {
    color: #a00b1e;
}

a:visited {
    color: #a00b1e;
}

a:hover {
    color: #000;
}

a:active {
    color: #f00;
}

.clear {
    clear: left;
}

img {
    border: none;
}

hr {
    border: 0px;
    border-top: solid #a00b1e 1px; /*FF Opera*/
    border-bottom: solid 1px #FFFFFF; /*IE*/
    margin: 0 0 5px 0;
}

dt, dd {
    margin: 0px;
    padding: 0px;
}

dt {
    font-weight: bold;
}

dd {
    margin-bottom: 15px;
}

input, textarea {
    background: #fff url(/images/input_gradient.jpg) repeat-x bottom;
}

input:focus {
    background: white none;
}

#searchBox input#search, input.textfield_3chars {
    border: 1px solid #a00b1e;
    padding: 0 3px;
}

input#buyButton {
    margin: 0px;
    padding: 0px;
}

input.textfield_3chars {
    width: 15px;
    margin: 0 8px;
}

table {
    /*width: 100%*/
}

caption {
    text-align: left;
    font-weight: bold;
    padding: 2px 3px;
}

table, table td {
    border-collapse: collapse;
    /* border: 1px solid #ccc; */
}

table td {
    padding: 2px 3px;
}

table td {
    font-size: 90%;
}

table td i {
    font-size: 100%;
}

table th.col1 {
    width: 150px
}

table th.col2 {
}

table tr.even {
    background-color: #edeae7;
}

form {
    margin: 0;
}

input {
    margin: 0;
    padding: 0;
}

/* ================================ BASICS END ============================== */
/* ================================ CONTAINER =============================== */
/* Container contains left, center and right column of design */
body {
    /* Centers page */
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 971px;
}

#container {
    position: absolute;
    width: 971px;
    background-color: white;
}

/* ================================ CONTAINER END =========================== */
/* ================================ LEFT ==================================== */
#left {
    float: left;
    margin: 20px;
    padding: 0px;
    width: 195px;
}

#searchBox {
    margin-bottom: 25px;
}

#searchBox select#navkat {
    width: 175px;
    margin: 2px 10px 5px 10px;
    border: 1px solid #a00b1e;
}

#searchBox input#search {
    float: left;
    width: 133px;
    margin: 5px 10px 0px 10px;
    padding: 0 3px;
}

#searchBox input#searchButton {
    margin: 5px 0 5px 0;
}

#searchBox a {
    padding: 0 0 0 10px;
}

#searchBox h4 {
    background: #fff url(/images/h4_suche.png) no-repeat top left;
    height: 20px;
    width: 150px;
}

#searchBox h4 span {
    display: none;
}

#parent a {
    font-weight: bold;
}

#parent ul li a {
    font-weight: normal;
}

#parent ul li .current a {
    font-weight: bold;
}

#parent_actively_selected a {
    /* font-weight: bold; */
}

#parent_actively_selected ul li a {
    font-weight: normal;
}

#parent_actively_selected ul li .current a {
    font-weight: bold;
}

#productTypes {
    margin-bottom: 30px; /* background-color: yellow; */
}

#productTypes h4 {
    background: #fff url(/images/h4_warengruppen.png) no-repeat top left;
}

#tag_lists {
    margin-bottom: 30px; /* background-color: yellow; */
}

#tag_lists h4 {
    background: #fff url(/images/h4_unsere_empfehlungen.png) no-repeat top left;
}

.folding_tags h4 {
    height: 20px;
    width: 160px;
}

.folding_tags h4 span {
    display: none;
}

/* 1st level */
.folding_tags ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.folding_tags li {
    margin: 1px 0 0 0;
    background-color: #edeae7;
    padding: 0px;
}

.folding_tags li a {
    display: block;
    padding: 3px 5px 3px 10px;
    border-left: 0;
    text-decoration: none;
    color: #523015;
    /* height: 18px; */
    /* allow two lines for nav items*/
}

/* 2nd level */
.folding_tags ul li ul {
    border-top: 1px solid #fff;
    border-bottom: 8px solid #fff;
    background: #fff;
}

.folding_tags ul li ul li {
    margin: 1px 0 0 0;
    background: #fff url(/images/bullet.gif) no-repeat 17px 50%; /* display:inline; */
    /*für IE*/
}

.folding_tags ul li ul li a {
    padding: 2px 0px 2px 24px;
}

.folding_tags ul li ul li a:hover {
    background: #ded7d2 url(/images/bullet.gif) no-repeat 17px 50%;
}

.folding_tags strong {
    display: block;
    font-weight: bold;
    padding: 1px 5px 1px 0px;
}

.folding_tags strong dfn {
}

.folding_tags a:visited, a:link {
    color: #523015;
}

.folding_tags a:hover {
    background-color: #ded7d2;
}

.folding_tags a:focus, #mainNavigation a:active {
    background-color: #ded7d2;
}

.folding_tags dfn {
    display: none;
}

.folding_tags a:focus dfn, #mainNavigation a:active dfn {
    color: #ff0;
}

span.hier, span.unsichtbar {
    display: none;
}

#shippingBox {
    margin-bottom: 30px;
}

#shippingBox h4 {
    background: #fff url(/images/h4_lieferbedingungen.png) no-repeat top left;
    height: 20px;
    width: 150px;
}

#shippingBox h4 span {
    display: none;
}

#shippingBox p {
    margin-left: 10px;
}

#shopPartners {
    margin-bottom: 30px;
}

#shopPartners h4 {
    background: #fff url(/images/h4_buch7_partner.png) no-repeat top left;
    height: 20px;
    width: 150px;
}

#shopPartners h4 span {
    display: none;
}

#shopPartners ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#shopPartners ul li a {
    display: block;
    padding-left: 10px;
    height: 25px; /* width: 180px; */
    margin-top: 1px;
    background-color: #edeae7;
}

#shopPartners ul li a#p1 {
    background: #fff url(/images/p1_makandra.png) no-repeat left top;
}

#shopPartners ul li a#p1:hover {
    background-position: -180px top;
}

#shopPartners ul li a#p2 {
    background: #fff url(/images/p2_formspiel.png) no-repeat left top;
}

#shopPartners ul li a#p2:hover {
    background-position: -180px top;
}

#shopPartners ul li a#p3 {
    background: #fff url(/images/p3_pinus_druck.png) no-repeat left top;
}

#shopPartners ul li a#p3:hover {
    background-position: -180px top;
}

#shopPartners ul li a#p4 {
    background: #fff url(/images/p1_rega_it.png) no-repeat left top;
}

#shopPartners ul li a#p4:hover {
    background-position: -180px top;
}

#shopPartners ul li a#p5 {
    background: #fff url(/images/p1_rega_it.png) no-repeat left top;
}

#shopPartners ul li a#p5:hover {
    background-position: -180px top;
}

#p1 span, #p2 span, #p3 span, #p4 span, #p5 span {
    display: none;
}

/* ================================ LEFT END ================================ */
/* ================================ CONTENT COLUMN ========================== */
#content {
    float: left;
    margin: 32px 0px 20px 0px;
    padding: 0px;
    width: 497px; /* background: red; */
}

/* ========== TAB MENU ========== */
#tabmenu {
    z-index: 2;
    position: relative;
}

/* this div is needed for z-index */
#tabmenu ul {
    border: 0px solid #D4C7BE;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 2px 8px;
    width: 487px;
}

#tabmenu li {
    display: inline;
    overflow: hidden;
    list-style-type: none;
}

#tabmenu a {
    font: bold 12px "Trebuchet MS", Arial, sans-serif;
    text-decoration: none;
    border: 1px solid #D4C7BE;
    border-bottom: none;
    padding: 0px 5px 0px 5px;
    margin: 0px -3px 0px 0px;
}

#tabmenu a {
    padding-left: 7px;
    padding-right: 7px;
}

#tabmenu .current a {
    border-bottom: 2px solid white;
    background: url(/images/tab_gradient.jpg) repeat-x;
    padding-top: 2px;
}

#tabmenu a:hover, a:active {
    background: #DED7D2;
}

#tabmenu .current a:hover, .current a:active {
    background: url(/images/tab_gradient.jpg) repeat-x;
}

#tabmenu .logout a {
    padding-right: 0px;
}

#tabmenu .logout a #logoutButton {
    background: url(/images/btn_logout.png) no-repeat;
    width: 21px;
    height: 14px;
    margin-left: 1px;
    border-top: 1px solid #D4C7BE;
}

#tabmenu .logout a:hover #logoutButton {
    background: url(/images/btn_logout_hover.png) no-repeat;
    width: 21px;
    height: 14px;
    margin-left: 1px;
    border-top: 1px solid #D4C7BE;
}

/* ========== Tab Panel for content ========== */
#tabPane {
    padding: 10px 0px 0px 0px;
    margin-top: -1px;
    border: 1px solid #D4C7BE;
    width: 495px;
    z-index: 1;
}

/* Margins for tab content (used whenever normal content and no 2nd tab level is shown in 1st-level-tab) */
#tabPaneContent {
    margin: 0px 15px 0px 15px;
}

/* ========== SUB TAB MENU ========== */
#tabmenu #subtabmenu {
    position: relative;
    z-index: 4;
    width: 455px;
}

/* this div is needed for z-index */
#tabPane #subtabmenu ul {
    border-bottom: none;
    margin: 10px 0px 0px 15px;
    padding: 0px 0px 1px 10px;
    width: 455px;
}

#tabPane #subtabmenu li {
    display: inline;
    overflow: hidden;
    list-style-type: none;
}

#tabPane #subtabmenu a {
    font: bold 12px "Trebuchet MS", Arial, sans-serif;
    text-decoration: none;
    border: 1px solid #D4C7BE;
    border-bottom: none;
    padding: 0px 11px 0px 11px;
    margin: 0px -3px 0px 0px;
}

#tabPane #subtabmenu .current a {
    border-bottom: 2px solid white;
    background: url(/images/tab_gradient.jpg) repeat-x;
    padding-top: 2px;
}

#tabPane #subtabmenu a:hover, #tabPane #subtabmenu a:active {
    background: #DED7D2;
}

#tabPane #subtabmenu a:visited {
}

#tabPane #subtabmenu .current a:hover, #tabPane #subtabmenu .current a:active {
    background: url(/images/tab_gradient.jpg) repeat-x;
}

/* ========== Kauf Prozess (Extra Tabs, da Buttons statt links) ========== */
#tabPane #subtabmenu input {
    font: bold 12px "Trebuchet MS", Arial, sans-serif;
    text-decoration: none;
}

#tabPane #subtabmenu input {
    border: 1px solid #D4C7BE;
    border-bottom: none;
    padding: 0px 5px 1px 5px;
    margin: 1px -3px -1px 0px;
    height: 19px;
}

#tabPane #subtabmenu input {
    background: white;
    cursor: pointer;
    color: #a00b1e;
}

#tabPane #subtabmenu .current input {
    border-bottom: 2px solid white;
    background: url(/images/tab_gradient.jpg) repeat-x;
    padding-bottom: 0px;
    padding-top: 3px;
    margin-bottom: -2px;
    margin-top: 0px;
    height: 23px;
}

#tabPane #subtabmenu input:hover, #tabPane #subtabmenu input:active, #tabPane #subtabmenu input:focus {
    background: #DED7D2;
}

#tabPane #subtabmenu input:visited {
}

#tabPane #subtabmenu .current input:hover, #tabPane #subtabmenu .current input:active, #tabPane #subtabmenu .current input:focus {
    background: url(/images/tab_gradient.jpg) repeat-x;
}

/* ========== Disabled Tabs (für Kaufprozess) ========== */
#tabPane #subtabmenu .disabled {
    color: lightgrey;
    font: italic 12px "Trebuchet MS", Arial, sans-serif;
    text-decoration: none;
}

#tabPane #subtabmenu .disabled {
    border: 1px solid #D4C7BE;
    border-bottom: none;
    padding: 0px 5px 0px 5px;
    margin: 0px -3px 0px 0px;
    height: 17px;
}

/* ========== SubTab Pane (Panel for subtab content) ========== */
#tabPane #subtabPane {
    border: none;
    padding: 25px;
    background: url(/images/bgr_gradient_tabLevel2.jpg) repeat-y;
}

#tabPane #subtabPaneTop {
    background: url(/images/bgr_gradient_tabLevel2_top.jpg) no-repeat;
    height: 1px;
    z-index: 1;
}

#tabPane #subtabPaneBottom {
    background: url(/images/bgr_gradient_tabLevel2_bottom.jpg) no-repeat;
    height: 15px;
}

#subtabmenu, #subtabPane, #subtabPaneBottom {
    /* display: none; */
}

/* ========== Mein Account ========== */
#myAccount {
    background-color: #edeae7;
    padding: 8px;
    height: 50px;
    margin-bottom: 20px;
}

/* replaced button by link */
/* #myAccount input {float: right;} */
#myAccount #loginButton {
    float: right;
}

/* ========== Listen (wie Merklisten) ========== */
.list {
    width: 465px;
    margin: 0px 15px 0px 15px;
}

/* ========== Form (Formulare wie Registrierungsform) ========== */
.form {
    background: #EDEAE7;
    width: 445px;
    padding: 10px;
    margin-bottom: 10px;
}

.reviewer_content {
    background: #a0d09a;
    /* background: #e0afb5; */
    padding: 5px;
}

.search_type_active {
    background: #aaaaaa;
    padding: 5px;
}

.search_type_inactive {
    padding: 5px;
}

.resultSupplier {
    margin: 0px 100px 0 75px;
}

.resultTagInfo {
    font-size: 12px;
    margin: 10px 100px 0 75px;
}

.resultTagLink input {
    border: none;
    background: #cccccc;
    color: #523015;
    width: 100px;
    margin-top: 14px;
}

.resultTagLink input:hover {
    cursor: pointer;
    color: #a00b1e;
}

.ui-helper-hidden-accessible {
    display: none;
}

/* when form is in a subTabPane, no BG-Color and no margins */
#subtabPane .form {
    background: white;
    width: 445px;
    padding: 0;
    margin: 0;
}

.form input, .form textarea {
    background: #fff url(/images/input_gradient.jpg) repeat-x bottom;
}

.form input:focus {
    background: white none;
}

.form input, .form textarea, .form select {
    border: 1px solid #a00b1e;
    padding: 0 3px;
}

.form select {
    padding: 0px;
}

#formErrors {
    font-weight: bold;
    color: #a00b1e;
}

#formErrors p {
    font-weight: bold;
    color: #a00b1e;
}

#formErrors ul {
    margin-top: 0px;
    padding-left: 15px;
}

#formErrors li {
    font-weight: bold;
    color: #a00b1e;
}

/* div for error fields (error_messages_for provided by the dynamic_form gem) */
.field_with_errors input {
    border: 1px solid red;
    background: #FFDDDD;
    float: left;
    display: inline;
}

.field_with_errors textarea {
    border: 1px solid red;
    margin-bottom: 1em;
    background: #FFDDDD;
    float: left;
    display: inline;
}

#errorExplanation {
    font-weight: bold;
    color: #a00b1e;
    margin: 0px 0px 0px 0px;
    padding: 15px 15px 5px 35px;
    background: #DED7D2 url(/images/icon_info.gif) no-repeat 15px 18px;
    margin-bottom: 15px;
}

#errorExplanation ul {
    margin-top: 0px;
    padding-left: 15px;
}

#errorExplanation li {
    font-weight: bold;
    color: #a00b1e;
}

.form p {
    margin-top: 10px;
    margin-bottom: 10px;
}

.form .registerForm {
}

.form table, .form table td {
    border: medium none;
}

.form table .topBorder {
    border-top: 1px solid #a00b1e;
}

.formTable input {
    width: 260px;
}

.formTable .newsletter input {
    width: 20px;
    margin-left: 0px;
}

.formTable .titel {
    width: 80px;
    margin-left: 10px;
}

.formTable .firstName {
}

.formTable .lastName {
}

.formTable .street {
    width: 205px;
}

.formTable .number {
    width: 40px;
    margin-left: 7px;
}

.formTable .zipCode {
    width: 50px;
}

.formTable .city {
    width: 195px;
    margin-left: 7px;
}

/* .formTable .supplement { width: 260px; height: 40px; } */
.formTable .registerButton {
    width: 140px;
}

/* ========== Pagination ========== */
.pagination {
    padding-bottom: 10px;
    padding-left: 20px;
    background: url(/images/icon_suchseite.gif) no-repeat;
    float: left;
}

.pagination .currentPage {
    font-weight: bold;
    background-color: #DCD6D0;
    color: #A0091D;
    padding-left: 2px;
    padding-right: 2px;
}

.pagination .previous a, .pagination .next a {
    text-decoration: none;
    font-weight: bold;
}

.pagination a {
    text-decoration: none;
}

.results {
    float: right;
}

.moreArticles {
    clear: both;
    float: left;
    padding-top: 10px;
    width: 300px;
}

/* ========== Information (Search Results for example) ========== */
#information {
    font-weight: bold;
    color: #a00b1e;
    margin: 0px 0px 15px 0px;
    padding: 15px 15px 15px 35px;
    background: #edeae7 url(/images/icon_info.gif) no-repeat 15px 18px;
}

#long_information {
    border: 2px solid #a00b1e;
    margin: 0px 0px 15px 0px;
    background: #edeae7;
}

#long_information ul {
    list-style-image: url(/images/icon_info.gif);
    padding-left: 30px;
    margin-bottom: 0px;
}

#long_information ul li {
    padding: 5px;
}

#goodnews {
    color: #a00b1e;
    margin: 0px 0px 5px 0px;
    padding: 15px;
    padding-left: 35px;
    background: #edeae7 url(/images/icon_smiley.gif) no-repeat 15px 18px;
}

#goodnews_dark {
    color: #a00b1e;
    margin: 0px 0px 5px 0px;
    padding: 15px;
    padding-left: 35px;
    background: #DED7D2 url(/images/icon_smiley.gif) no-repeat 15px 18px;
}

#overallHintsAboveOrderButton {
    margin-bottom: 20px;
}

#overallHintsBelowOrderButton {
    margin-bottom: 20px;
}

.order_hint {
    margin-bottom: 15px;
}

#footnotes {
    clear: left;
    padding-top: 20px;
    padding-bottom: 3px;
}

#footnotes p {
    font-size: 10px;
}

#footnotes ul {
    margin-top: 0px;
    margin-bottom: 5px;
    padding-left: 23px;
}

#footnotes ul li {
    font-size: 10px;
}

/* ========== Flash Message ========== */
#errorMessage {
    font-weight: bold;
    color: #a00b1e;
    margin: 0px 0px 0px 0px;
    padding: 15px;
    padding-left: 35px;
    background: #DED7D2 url(/images/icon_info.gif) no-repeat 15px 18px;
}

#errorMessage ul {
    margin-top: 0px;
    padding-left: 15px;
}

#errorMessage li {
    font-weight: bold;
    color: #a00b1e;
}

/* ========== Flash Message (wenn in Tabpane) ========== */
#tabPane #flash #errorMessage {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 25px;
}

#tabPane #tabPaneContent #flash #errorMessage {
    margin-left: 0px;
    margin-right: 0px;
}

#cookiesWarning {
    padding: 15px;
    padding-left: 35px;
    background: #DED7D2 url(/images/icon_info.gif) no-repeat 15px 18px;
    margin-bottom: 30px;
}

#cookiesWarning #main {
    font-weight: bold;
    color: #a00b1e;
}

#cookiesWarning ul {
    padding-left: 20px;
    margin: 0px;
}

#cookiesWarning li {
    padding-top: 10px;
}

/* wenn in tabPaneContent, dann margin wieder wegnehmen */
/* ========== Startseite ========== */
#recommendations {
    margin-top: 0px;
}

#cat_bestsellers {
    clear: left;
    float: left;
    margin-bottom: 25px;
}

#cat_bestsellers h2 {
    background: #fff url(/images/h2_bestseller.png) no-repeat top left;
    height: 20px;
    width: 150px;
}

#cat_bestsellers h2 span {
    display: none;
}

#cat_books {
    clear: left;
    float: left;
    margin-bottom: 20px;
}

#cat_books h2 {
    background: #fff url(/images/h2_buecher.png) no-repeat top left;
    height: 20px;
    width: 150px;
}

#cat_books h2 span {
    display: none;
}

#cat_cds_music {
    clear: left;
    float: left;
    margin-bottom: 20px;
}

#cat_cds_music h2 {
    background: #fff url(/images/h2_cd_music.png) no-repeat top left;
    height: 20px;
    width: 150px;
}

#cat_cds_music h2 span {
    display: none;
}

#cat_dvd_video {
    clear: left;
    float: left;
    margin-bottom: 20px;
}

#cat_dvd_video h2 {
    background: #fff url(/images/h2_dvd_filme.png) no-repeat top left;
    height: 20px;
    width: 150px;
}

#cat_dvd_video h2 span {
    display: none;
}

#cat_others {
    clear: left;
    float: left;
    margin-bottom: 20px;
}

#cat_others h2 {
    background: #fff url(/images/h2_anderes.png) no-repeat top left;
    height: 20px;
    width: 150px;
}

#cat_others h2 span {
    display: none;
}

#cat_general {
    clear: left;
    float: left;
    margin-bottom: 20px;
}

/*
 #cat_general h2 {background: #fff url(/images/h2_general.png) no-repeat top left; height: 20px; width: 150px;}
 #cat_general h2 span {display: none;}
 */
/*gibt es nicht mehr, oder? korrekt, müssen raus: TODO */
#cat_engl_books {
    clear: left;
    float: left;
    margin-bottom: 20px;
}

/*gibt es nicht mehr, oder? korrekt, müssen raus: TODO */
#cat_foreign_books {
    clear: left;
    float: left;
    margin-bottom: 20px;
}

#products_filters {
    margin-bottom: 10px;
}

#products_filters .filter {
    margin-bottom: 6px;
}

#products_filters .filter .nothing_selected {
}

#products_filters .filter .activated {
    font-weight: bold;
}

#products_filters .filter .deactivated {
    /* necessary because not all such elements contain a link (i.e. some "a" element) */
    font-size: 9pt;
    color: #444444;
}

#products_filters .filter .deactivated a {
    /* necessary because "a" elements have some predefined style */
    font-size: 9pt;
    color: #444444;
}

/* the path to items could be fully qualified, like #recommendations .item { ... */
.item {
    float: left;
    width: 100px;
    margin: 0px 8px 10px 8px;
}

.item .cover img {
    width: 100px;
}

.item .title {
    font-size: 12px;
    font-weight: bold;
    color: #523015;
}

.item .title a {
    font-weight: bold;
    line-height: 1.1em;
    color: #523015;
    text-decoration: none;
}

.item .title a:hover {
    color: #a00b1e;
}

.item .covertype {
    margin: 3px 0px 0px 0px;
    font-size: 10px;
}

.item .price {
    margin: 2px 0px;
    font-size: 12px;
}

.item .buttonsWrapper {
    height: 20px;
}

.item .buttonsWrapper .buttons {
    position: absolute;
    width: 100px;
    height: 20px;
}

.item .buttonsWrapper .buttons .buyLink input {
    position: absolute;
    left: 0px;
    border: none;
    color: #523015;
    width: 63px;
    height: 16px;
    background: #edeae7 url(/images/buy.png) no-repeat 0px;
}

.item .buttonsWrapper .buttons .buyLink input:hover {
    cursor: pointer;
    color: #a00b1e;
}

.item .buttonsWrapper .buttons .preorderLink input {
    position: absolute;
    left: 0px;
    border: none;
    color: #523015;
    width: 78px;
    height: 16px;
    background: #edeae7 url(/images/preorder.png) no-repeat 0px;
}

.item .buttonsWrapper .buttons .preorderLink input:hover {
    cursor: pointer;
    color: #a00b1e;
}

.item .buttonsWrapper .buttons .listLink .onclick_field {
    position: absolute;
    right: 0px;
    margin-top: 0px;
    border: none;
    color: #523015;
    width: 16px;
    height: 16px;
    background: #edeae7 url(/images/list.png) no-repeat 0px;
}

.item .buttonsWrapper .buttons .listLink .shopping_lists_selection_wrapper {
    bottom: 2px;
}

.item .buttonsWrapper .buttons .listLink .shopping_lists_selection_wrapper .resultListLink .onclick_field {
    bottom: 1px;
}

/* .cat_name { font-weight: bold; font-size: 14px; margin: 5px 8px; color: #A0091D; } */
#recommendations * div {
    /* border: dashed grey 0.5px; */
}

/* ========== Suche (Ergebnisliste) ========== */
#searchResultOptions_top {
}

#searchResultOptions_bottom {
    padding-top: 5px;
    border-top: 1px solid #a00b1e;
}

#searchResults .choosePages {
    padding-bottom: 5px;
}

#searchResults .choosePages a {
    padding: 0 2px;
    color: #523015;
}

#searchResults .choosePages a:hover {
    color: #a00b1e;
    background-color: #edeae7;
}

#searchResults .choosePages span.currentResultPage {
    font-weight: bold;
    background-color: #edeae7;
    padding: 0 5px;
}

#searchResults .choosePages a.resultPageBack, a.resultPageNext {
    font-weight: bold;
    text-decoration: none;
}

#searchResults .resultFilter {
    padding-bottom: 5px;
}

#searchResults .resultFilter a {
    padding: 0 2px;
    color: #523015;
}

#searchResults .resultFilter a:hover {
    color: #a00b1e;
}

.resultItem_search_result {
    clear: both;
    height: 100px;
    position: relative;
    width: 100%;
    border-top: 1px solid #a00b1e;
}

.resultItem_search_result:hover {
    background-color: #edeae7;
}

.resultItem_tags {
    clear: both;
    height: 110px;
    position: relative;
    width: 100%;
    border-top: 1px solid #a00b1e;
}

.resultItem_tags:hover {
    background-color: #edeae7;
}

.resultItem_shopping_list {
    clear: both;
    height: 110px;
    position: relative;
    width: 100%;
    border-top: 1px solid #a00b1e;
}

.resultItem_shopping_list:hover {
    background-color: #edeae7;
}

.resultItem_shopping_list .resultItemButtons {
    position: absolute;
    height: 100px;
}

.resultItem_shopping_list .resultItemButtons .resultPrice {
    width: 70px;
    padding: 2px 25px 2px 5px;
    height: 16px;
    margin-bottom: 20px;
    text-align: right;
    background-color: #edeae7;
    -moz-border-radius: 1px;
}

.resultItem_shopping_list .resultItemButtons .resultListLink {
    margin-bottom: 5px;
}

.resultItem_shopping_list .resultItemButtons .shopping_lists_selection_wrapper {
    bottom: 23px;
}

.resultItem_shopping_list .resultItemButtons .shopping_lists_selection_wrapper .resultListLink .onclick_field {
    position: absolute;
    right: 0px;
}

.listDeleteLink input {
    position: absolute;
    bottom: 0px;
    border: none;
    color: #523015;
    width: 100px;
    padding-left: 25px;
    background: #edeae7 url(/images/icon_brown_delete.gif) no-repeat 5px;
}

.listDeleteLink input:hover {
    cursor: pointer;
    color: #a00b1e;
}

.resultItemWithoutHover {
    clear: both;
    height: 90px;
    position: relative;
    width: 100%;
    border-top: 1px solid #a00b1e;
}

.resultItemWithoutHover .resultItemDetails {
    margin: 5px 105px 0 75px;
    cursor: auto;
}

.resultItemWithoutHover .resultItemButtons {
    position: absolute;
    width: 100px;
    height: 70px;
}

.resultOrderItem {
    height: 100px;
    position: relative;
    width: 100%;
}

.resultOrderItemWithoutCover {
    position: relative;
    width: 100%;
}

/* #DED7D2; */
/*
 .resultCover {position: absolute; left: 0px; width: 60px; top: 0px; margin:5px 10px; height: 90px; overflow: hidden;}
 .resultCover:hover { overflow: auto; height: auto; }
 .resultCover img {width: 60px;}
 */
.resultCover {
    position: absolute;
    left: 0px;
    width: 60px;
    top: 0px;
    margin: 5px 10px 5px 5px;
    height: 90px;
    overflow: hidden;
}

.resultCover img {
    max-width: 60px;
    max-height: 90px;
}

.resultOrderItemDetails {
    margin: 5px 5px 0 80px;
}

.resultOrderItemDetailsWithoutCover {
    margin: 15px 5px 15px 80px;
}

.resultItemDetails {
    margin: 5px 105px 0 75px;
    cursor: pointer;
}

.resultItemDetails .resultTitle {
    font-weight: bold;
}

.resultItemDetails .resultTitle a {
    color: #523015;
    text-decoration: none;
}

.resultItemDetails .resultTitle a:hover {
    color: #a00b1e;
}

.resultItemDetails .supplier {
    font-style: italic;
}

.resultContributor, .resultDate, .resultLanguage, .resultDelivery {
    font-size: 11px;
}

.resultContributor a {
    font-size: 11px;
}

/* AVAILABILITIES = [
      # rank, key, short description, long description, plug-in text for j396 and ssc descriptions, maximum delivery days
      [5, :immediately_no_items, "(Bestellung ohne Artikel)", "(Bestellung ohne Artikel)", "", 0], # Bestellung ohne Artikel; set 0 delivery days for correct promised valuta
      [10, :immediately_coupons, "sofort", "Sofort lieferbar (E-Mail)", "per E-Mail", 0], # Gutscheine
      [20, :immediately_digital_products, "sofort", "Sofort lieferbar (Download)", "per Download", 0], # E-Books, Audio-Dateien
      [40, :days_1_2, "1-2 Werktage", "Sofort lieferbar (1-2 Werktage)", "innerhalb von 1-2 Werktagen", 2], # j396=20
      [50, :days_1_3, "1-3 Werktage", "1-3 Werktage", "innerhalb von 1-3 Werktagen", 3], # Supplier
      [80, :days_3_5, "3-5 Werktage", "3-5 Werktage", "innerhalb von 3-5 Werktagen", 5], # Supplier
      [90, :days_4_5, "4-5 Werktage", "4-5 Werktage (Print-on-Demand)", "innerhalb von 4-5 Werktagen", 5], # j396=23, MS 97 (PrintOnDemand)
      [100, :weeks_1, "ca. 1 Woche", "ca. 1 Woche", "innerhalb einer Woche", 7], # lieferzeit_tage=3, lieferzeit_tage=5
      [130, :days_5_10, "5-10 Tage", "5-10 Tage (noch nicht am Lager)", "innerhalb von 5-10 Tagen", 10], # j396=31, MS 15
      [160, :weeks_1_2, "ca. 1-2 Wochen", "ca. 1-2 Wochen", "innerhalb von 1-2 Wochen", 14], # lieferzeit_tage=7, lieferzeit_tage=10, j396=22
      [200, :weeks_2, "ca. 2 Wochen", "ca. 2 Wochen", "innerhalb von 2 Wochen", 14], # GBP, lieferzeit_tage=8, lieferzeit_tage=20, MS 1, MS 18, MS 51
      [230, :weeks_2_3, "ca. 2-3 Wochen", "ca. 2-3 Wochen", "innerhalb von 2-3 Wochen", 21], # lieferzeit_tage=9, MS 26
      [260, :weeks_2_4, "ca. 2-4 Wochen", "ca. 2-4 Wochen", "innerhalb von 2-4 Wochen", 28], # USD, lieferzeit_tage=12
      [300, :weeks_6, "ca. 6 Wochen", "ca. 6 Wochen", "innerhalb von 6 Wochen", 42], # MS 2, MS 52
      [350, :months_6, "ca. 6 Monate", "ca. 6 Monate", "innerhalb von 6 Monaten", 180], # MS 3, MS 53
      [400, :deliverable_within_unknown_time, "Lieferbar mit unbest. Lieferzeit", "Lieferbar mit unbest. Lieferzeit", nil, nil],
      [420, :very_soon_available, "In Kürze verfügbar", "In Kürze verfügbar", nil, nil],
      [440, :available_in_known_time, "In absehbarer Zeit verfügbar", "In absehbarer Zeit verfügbar", nil, nil],
      [450, :available_in_unknown_time, "In noch nicht absehbarer Zeit verfügbar", "In noch nicht absehbarer Zeit verfügbar", nil, nil], # preorderable at the shop
      [460, :uncertain_future_availability, "Zukünftige Verfügbarkeit ungewiss", "Zukünftige Verfügbarkeit ungewiss", nil, nil], # not preorderable at the shop
      [480, :not_available, "Nicht lieferbar", "Nicht lieferbar", nil, nil],
      [500, :unknown_availability, "Lieferbarkeit unbestimmt", "Lieferbarkeit unbestimmt", nil, nil]
  ] */

.deliveryStatus_5 {
    color: #444444; /* grey */
}

.deliveryStatus_10 {
    color: #008800;
}

.deliveryStatus_10, .deliveryStatus_20 {
    color: #008800; /* green #445151 */
}

.deliveryStatus_40, .deliveryStatus_50, .deliveryStatus_80, .deliveryStatus_90 {
    color: #008800; /* green #445151 */
}

.deliveryStatus_100, .deliveryStatus_130, .deliveryStatus_160, .deliveryStatus_200, .deliveryStatus_230, .deliveryStatus_260, .deliveryStatus_300, .deliveryStatus_350 {
    color: #005500; /* #339966 */
}

.deliveryStatus_400 {
    color: #005555; /* blue */
}

.deliveryStatus_420, .deliveryStatus_440 {
    color: #BB7700; /* yellow or brown */
}

.deliveryStatus_450, .deliveryStatus_460 {
    color: #DD5500; /* orange */
}

.deliveryStatus_480 {
    color: red;
}

.deliveryStatus_500 {
    color: #444444; /* grey */
}

.resultTags {
    line-height: 0.8em;
    padding-top: 3px;
    display: none;
}

.tag {
    font-size: 11px;
    padding: 0px 1px;
}

.tagMoreLink {
    font-size: 11px;
    padding-left: 5px;
    text-decoration: none;
}

.resultCovertype {
    padding-left: 70px;
}

.resultItemButtons {
    position: absolute;
    right: 5px;
    top: 5px;
}

.resultItemButtons .resultPrice {
    width: 70px;
    padding: 2px 25px 2px 5px;
    height: 16px;
    margin-bottom: 30px;
    text-align: right;
    background-color: #edeae7;
    -moz-border-radius: 1px;
}

.resultBuyLink input {
    border: none;
    color: #523015;
    width: 100px;
    padding-left: 19px;
    background: #edeae7 url(/images/icon_braun_cart_background.gif) no-repeat 5px;
}

.resultBuyLink input:hover {
    cursor: pointer;
    color: #a00b1e;
}

.resultPreorderLink input {
    border: none;
    color: #523015;
    width: 100px;
    padding-left: 19px;
    background: #edeae7 url(/images/icon_braun_cart_background.gif) no-repeat 5px;
}

.resultPreorderLink input:hover {
    cursor: pointer;
    color: #a00b1e;
}

.resultListLink .onclick_field {
    margin-top: 1px;
    border: none;
    color: #523015;
    width: 100px;
    padding-top: 1px;
    background: url('/images/icon_braun_details.gif') no-repeat scroll 5px center #EDEAE7;
}

.resultListLink .onclick_field .text {
    text-align: center;
    padding-left: 19px;
}

.resultListLink .onclick_field .text:hover {
    cursor: pointer;
    color: #a00b1e;
}

.resultListLink .onclick_field:hover {
    /* for recommendations on the startpage */
    cursor: pointer;
    color: #a00b1e;
}

.observed_product_attributes .onclick_field {
    margin-top: 1px;
    border: none;
    color: #523015;
    padding-top: 1px;
}

.observed_product_attributes .closed {
    background: url('/images/famfamfam_arrow_down.png') no-repeat scroll 5px center #EDEAE7;
}

.observed_product_attributes .open {
    background: url('/images/famfamfam_arrow_up.png') no-repeat scroll 5px center #EDEAE7;
}

.observed_product_attributes .activate {
    width: 204px;
}

.observed_product_attributes .change {
    width: 188px;
}

.observed_product_attributes .onclick_field .text {
    text-align: center;
    padding-left: 15px;
}

.observed_product_attributes .onclick_field .text:hover {
    cursor: pointer;
    color: #a00b1e;
}

.observed_product_attributes .onclick_field:hover {
    /* for recommendations on the startpage */
    cursor: pointer;
    color: #a00b1e;
}

#address_selection td {
    border: 1px solid #CCCCCC;
}

#address_usage td {
    padding: 0px 5px 0px 0px;
    /* font-size: 100%; */
}

#bank_account_selection td {
    border: 1px solid #CCCCCC;
}

#hints_for_bank_account_fields {
    margin-top: 1em;
    margin-bottom: 1em;
}

#hints_for_bank_account_fields p {
    font-size: 8pt;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

#hints_for_bank_account_fields a {
    font-size: 8pt;
}

#bank_account_usage td {
    padding: 0px 5px 0px 0px;
    /* font-size: 100%; */
}

#deliveryOptionsTable td {
    font-size: 100%;
    border: 1px solid black;
}

#gift_wrap_selection_options table td {
    border: 1px solid #CCCCCC;
}

#gift_wrap_selection_options table tr:hover {
    background-color: #DDDDDD;
    cursor: pointer;
}

#gift_wrap_selection_options table td img {
    max-height: 100px;
    padding: 2px;
}

#gift_wrap_selection_options table td img:hover {
    max-height: 250px;
}

.shopping_lists_selection_wrapper {
    position: absolute;
    right: 0px;
    bottom: -19px;
    z-index: 99;
}

.shopping_lists_selection_wrapper .resultListLink .onclick_field {
    position: absolute;
    right: 0px;
    bottom: 1px;
}

.shopping_lists_selection {
    border: 2px solid #a00b1e;
    position: absolute;
    right: 0px;
    width: 210px;
    bottom: 20px;
    background-color: #ffffff;
}

.shopping_lists_selection .close {
    float: right;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
    z-index: 70;
    background-color: #ffffff;
}

.shopping_lists_selection .close:hover {
    background-color: #e0e0e0;
}

.shopping_lists_selection .new_shopping_list {
    float: none;
    height: 22px;
    padding-left: 3px;
    padding-top: 5px;
    border-bottom: 2px solid #a00b1e;
    color: #a00b1e;
    font-weight: bold;
    cursor: pointer;
    z-index: 50;
    background-color: #f5f5f5;
}

.shopping_lists_selection .new_shopping_list:hover {
    background-color: #e5e5e5;
    padding-left: 4px;
}

.shopping_lists_selection #existing_shopping_lists {
    overflow-y: scroll;
    max-height: 200px;
}

.shopping_lists_selection #existing_shopping_lists .shopping_list_button {
    padding: 3px 3px 5px 3px;
    border-bottom: 1px solid #a00b1e;
    cursor: pointer;
    background-color: #fdfdfd;
}

.shopping_lists_selection #existing_shopping_lists .shopping_list_button:hover {
    margin: -2px 0px 0px -1px;
    padding: 3px 2px 4px 3px;
    background-color: #e5e5e5;
    border-top: 2px groove #a00b1e;
    border-bottom: 2px groove #a00b1e;
    border-left: 2px groove #a00b1e;
}

.shopping_lists_selection #existing_shopping_lists .shopping_list_button_inactive {
    padding: 3px 3px 5px 3px;
    border-bottom: 1px solid #a00b1e;
    color: grey;
}

.shopping_lists_selection #existing_shopping_lists .shopping_list_name {
    font-weight: bold;
}

.shopping_lists_selection #existing_shopping_lists .shopping_list_button_inactive .shopping_list_name {
    color: grey;
}

.cartButtons {
    position: absolute;
    width: 100px;
}

.cartToShoppingList {
    position: absolute;
    bottom: 1px;
    right: 0px;
}

.cartToShoppingList .shopping_lists_selection_wrapper {
    position: absolute;
    bottom: 1px;
    text-align: left;
}

.cartToShoppingList .shopping_lists_selection_wrapper .resultListLink .onclick_field {
    bottom: -1px;
}

.cartDeleteLink input {
    position: absolute;
    right: 0px;
    border: none;
    color: #523015;
    width: 100px;
    padding-left: 20px;
    background: #edeae7 url(/images/icon_brown_delete.gif) no-repeat 5px;
}

.cartDeleteLink input:hover {
    cursor: pointer;
    color: #a00b1e;
}

.cartButtonSingle {
    position: absolute;
    width: 100px;
}

.cartButtonSingle .cartDeleteLink input {
    bottom: -8px;
}

.new_used_coupon-line_tips div {
    margin-top: -10px;
}

.new_used_coupon-line_tips a {
    font-size: x-small;
    font-style: italic;
    text-decoration: none;
}

#cartUpdateButton {
}

#cartEmptyButton {
    margin-top: 15px;
}

#cartCheckoutButton {
    margin-left: 80px;
    width: 150px;
    height: 40px;
    cursor: pointer;
    font-size: large;
    background: url("/images/input_gradient_dark.jpg") repeat-x scroll center bottom #BBB;
    border: 2px outset #EEEEEE;
}

.public_lists_header {
    margin: 5px 15px 10px 15px;
}

/* ========== Admin Rezensionen ========== */
#recensions {
}

.recensionResultItem {
    clear: both;
    position: relative;
    width: 100%;
    border-top: 1px solid #a00b1e;
    padding: 1px 0 10px 0;
    margin: 1px 0 0 0;
}

.recensionResultItem:hover {
    background-color: #edeae7;
}

/* #DED7D2; */
.recensionResultCover {
    max-width: 120px;
    margin: 5px 12px 7px 5px;
    max-height: 180px;
    float: left;
}

.recensionResultCover img {
    max-width: 120px;
    max-height: 180px;
}

.recensionResultItemButtonsPlaceHolder {
    margin: 8px 5px 20px 15px;
    float: right;
    width: 100px;
    height: 87px;
}

.recensionResultItemButtons {
    margin: 8px 5px 20px 15px;
    position: absolute;
    right: 0px;
}

.recensionResultItemButtons .resultPrice {
    width: 70px;
    padding: 2px 30px 2px 0;
    margin-bottom: 30px;
    height: 16px;
    text-align: right;
    background-color: #edeae7;
    -moz-border-radius: 1px;
}

.recensionResultItemDetails {
    margin: 5px 5px 0 5px;
    cursor: pointer;
}

.recensionResultItemDetails .resultTitle {
    font-weight: bold;
}

.recensionResultItemDetails .resultTitle a {
    color: #523015;
    text-decoration: none;
}

.recensionResultItemDetails .resultTitle a:hover {
    color: #a00b1e;
}

.recensionAdminTags {
    font-size: 11px;
    margin-top: 10px;
}

.recensionText {
    margin: 10px 0 0 0px;
    font-size: 12px;
    text-align: justify;
}

/* =========== Notifications View ============ */

.notificationsResultItem {
    clear: both;
    position: relative;
    width: 100%;
    border-top: 1px solid #a00b1e;
    padding: 1px 0 10px 0;
    margin: 1px 0 0 0;
}

/* #DED7D2; */
.notificationsResultCover {
    max-width: 120px;
    margin: 5px 12px 7px 5px;
    max-height: 180px;
    float: left;
}

.notificationsResultCover img {
    max-width: 120px;
    max-height: 180px;
}

.notificationsResultItemButtonsPlaceHolder {
    margin: 8px 5px 5px 15px;
    float: right;
    width: 100px;
    height: 87px;
}

.notificationsResultItemButtons {
    margin: 8px 5px 5px 15px;
    position: absolute;
    right: 0px;
}

.notificationsResultItemButtons .resultPrice {
    width: 70px;
    padding: 2px 30px 2px 0;
    margin-bottom: 30px;
    height: 16px;
    text-align: right;
    background-color: #edeae7;
    -moz-border-radius: 1px;
}

.notificationsResultItemDetails {
    margin: 5px 5px 0 5px;
}

.notificationsResultItemDetails .resultTitle {
    font-weight: bold;
}

.notificationsResultItemDetails .resultTitle a {
    color: #523015;
    text-decoration: none;
}

.notificationsResultItemDetails .resultTitle a:hover {
    color: #a00b1e;
}

.notificationsResultObservedAttributes {
    clear: right;
    float: left;
    margin-top: 5px;
    margin-bottom: 15px;
    width: 323px;
}

/* ========== Detailed Product View ========== */
#detailView_productDescription {
    width: 470px;
}

#detailView_productDescription #productOverview {
    float: left;
    width: 100%;
    position: relative;
    padding-bottom: 10px;
    /*    overflow: hidden; # hides the shopping_lists_selection_wrapper! */
    border-bottom: #a00b1e solid 1px;
}

/*
 #detailView_productDescription #productOverview .cover { float: right; width: 150px; overflow: hidden; text-align: right; }
 #detailView_productDescription #productOverview .cover:hover { overflow: auto; width: auto; }
 #detailView_productDescription #productOverview .cover img {}
 */
#detailView_productDescription #productOverview .cover {
    float: right;
    text-align: right;
    margin-left: 20px;
}

#detailView_productDescription #productOverview .cover img {
    max-width: 150px;
    max-height: 200px;
}

#detailView_productDescription .contributor {
    margin-top: 10px;
}

#detailView_productDescription #productOverview .priceNStatus {
    margin-bottom: 10px;
    margin-top: 10px;
}

#detailView_productDescription #productOverview .resultPrice {
    display: inline;
}

#detailView_productDescription #productOverview .deliveryStatus {
    display: inline;
}

#detailView_productDescription #productOverview .supplier {
    margin-top: 7px;
    margin-bottom: 3px;
    font-style: italic;
}

#detailView_productDescription #productOverview .buttons {
    float: left;
    /* luym 04.02.2014: don't let the buttons hide the text above
        position : absolute;
        bottom: 10px;
    */
    padding-top: 0px;
    margin-bottom: 20px;
}

#detailView_productDescription #productOverview #detailBook_notifications {
    padding-top: 0px;
    margin-top: 15px;
    margin-bottom: 15px;
}

/* amount field */
#detailView_productDescription #productOverview .buttons .detailBook_buy {
    position: absolute;
    left: 0px;
}

#detailView_productDescription #productOverview .buttons .detailBook_buy input {
    border: 1px solid #a00b1e;
    /* padding: 0 3px; # makes shopping lists button look weird */
    width: 25px;
}

/* extra submit tag since there are more inputs in this form */
#detailView_productDescription #productOverview .buttons .detailBook_buy .submit input {
    width: 145px;
    border: none;
    color: #523015;
    padding-left: 25px;
    background: #edeae7 url(/images/icon_braun_cart_background.gif) no-repeat 5px;
}

#detailView_productDescription #productOverview .buttons .detailBook_buy .submit input:hover {
    cursor: pointer;
    color: #a00b1e;
}

/* amount field */
#detailView_productDescription #productOverview .buttons .detailBook_preorder {
    position: absolute;
    left: 0px;
}

#detailView_productDescription #productOverview .buttons .detailBook_preorder input {
    border: 1px solid #a00b1e;
    /* padding: 0 3px; # makes shopping lists button look weird */
    width: 25px;
}

/* extra submit tag since there are more inputs in this form */
#detailView_productDescription #productOverview .buttons .detailBook_preorder .submit input {
    width: 110px;
    border: none;
    color: #523015;
    padding-left: 25px;
    background: #edeae7 url(/images/icon_braun_cart_background.gif) no-repeat 5px;
}

#detailView_productDescription #productOverview .buttons .detailBook_preorder .submit input:hover {
    cursor: pointer;
    color: #a00b1e;
}

#detailView_productDescription #productOverview .buttons .detailBook_list {
    position: absolute;
    left: 200px;
    vertical-align: text-top;
}

#detailView_productDescription #productOverview .buttons .detailBook_list .resultListLink .onclick_field {
    width: 80px;
}

#detailView_productDescription #productOverview .buttons .detailBook_list .shopping_lists_selection_wrapper {
    left: 90px;
    top: 0px;
}

#detailView_productDescription #productOverview .buttons .detailBook_list .shopping_lists_selection_wrapper .resultListLink .onclick_field {
    position: absolute;
    right: 10px;
    width: 80px;
}

#detailView_productDescription #productOverview .buttons .detailBook_notify {
    position: absolute;
    left: 0px;
}

#detailView_productDescription #productOverview .buttons .detailBook_notify input {
    border: 1px solid #a00b1e;
    /* padding: 0 3px; # makes shopping lists button look weird */
    width: 25px;
}

/* extra submit tag since there are more inputs in this form */
#detailView_productDescription #productOverview .buttons .detailBook_notify .submit input {
    width: 145px;
    border: none;
    color: #523015;
    padding-left: 25px;
    background: #edeae7 url(/images/famfamfam_email_plus.png) no-repeat 5px;
}

#detailView_productDescription #productOverview .buttons .detailBook_notify .submit input:hover {
    cursor: pointer;
    color: #a00b1e;
}

#detailView_productDescription #productOverview .buttons .detailBook_checkAvailability {
    float: left;
    width: 135px;
}

#detailView_productDescription #productOverview .buttons .detailBook_checkAvailability input {
    width: 150px;
    border: none;
    color: #523015;
    padding-left: 25px;
    background: #edeae7 url(/images/icon_braun_cart_background.gif) no-repeat 5px;
}

#detailView_productDescription #productOverview .buttons .detailBook_checkAvailability input:hover {
    cursor: pointer;
    color: #a00b1e;
}

#detailView_productDescription #images {
    margin-top: 20px;
}

#detailView_productDescription #images div {
    margin-right: 5px;
}

#detailView_productDescription #reviewer_tags {
    margin-top: 20px;
}

#detailView_productDescription #profile_recensions {
    margin-top: 20px;
}

#detailView_productDescription #non_profile_recensions {
    margin-top: 20px;
}

#detailView_productDescription #writeRecension {
    margin-top: 5px;
}

#detailView_productDescription .show_recension {
    margin-top: 10px;
}

#detailView_productDescription #new_recension {
    margin-top: 5px;
    margin-bottom: 10px;
}

#detailView_productDescription #new_recension_fields {
    margin-top: 10px;
    margin-bottom: 15px;
}

#detailView_productDescription .edit_recension {
    margin-top: 15px;
}

#detailView_productDescription #edit_stars {
    margin-top: 5px;
    margin-bottom: 10px;
}

#detailView_productDescription #edit_stars .full_star {
    background: url(/images/famfamfam_star_full.png) no-repeat;
    background-size: 32px 32px;
    font-size: 30px;
    cursor: pointer;
}

#detailView_productDescription #edit_stars .empty_star {
    background: url(/images/famfamfam_star_empty.png) no-repeat;
    background-size: 32px 32px;
    font-size: 30px;
    cursor: pointer;
}

#detailView_productDescription .license_text {
    margin-bottom: 10px;
    font-size: x-small;
}

#detailView_productDescription .license_text span, .license_text a {
    font-size: x-small;
    color: #888888;
}

#detailView_productDescription #coverText {
    clear: both;
    margin-top: 20px;
}

#detailView_productDescription #blickinsbuch {
    clear: both;
}

#detailView_productDescription #productContributor {
    margin-top: 20px;
}

#detailView_productDescription #tableOfContent {
    margin-top: 20px;
}

#detailView_productDescription #libriReview {
    margin-top: 20px;
}

#detailView_productDescription #bookDetails {
    clear: both;
    margin-top: 20px;
}

#detailView_productDescription #bookDetails table {
    width: 100%;
}

#detailView_productDescription #taxDetails {
    clear: both;
    margin-top: 20px;
}

#detailView_productDescription #taxDetails table {
    width: 100%;
}

#detailView_productDescription #other_products_bought {
    margin-top: 25px;
}

#detailView_productDescription #other_products_viewed {
    margin-top: 25px;
}

#detailView_productDescription #footnotes {
    margin-top: 30px;
}

/* ========== Meldungen ====================== */
.announcement {
    padding-top: 7px;
    padding-bottom: 7px;
}

.announcement:hover {
    background-color: #EEEEEE;
    cursor: pointer;
}

.announcement .headline {
    font-weight: bold;
    color: #a00b1e;
}

/* ========== Kaufprozess Übersicht ========== */
#productSummary {
    margin-top: 0px;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.submitOrderForm {
    margin-top: 0px;
    margin-bottom: 35px;
    text-align: center;
}

.submitOrderButton {
    padding-left: 20px;
    padding-right: 20px;
    height: 40px;
    cursor: pointer;
    font-size: large;
    background: url('/images/input_gradient_dark.jpg') repeat-x scroll center bottom #BBB;
}

.submitOrderButton:disabled {
    cursor: not-allowed;
    color: #a0a0a0;
    background-color: #dddddd;
    background-image: none;
}

#start_paypal_box {
    margin-top: 1em;
    padding: 0.5em;
    border-style: groove;
}

#start_sofortueberweisung_box {
    margin-top: 1em;
    padding: 0.5em;
    border-style: groove;
}

#order_final_or_payment_complete {
    padding: 2em;
}

#fieldWithPaymentErrors {
    border: 2px solid #a00b1e;
    font-weight: bold;
    color: #a00b1e;
    margin: 0px 0px 0px 0px;
    padding: 15px;
    padding-left: 35px;
    background: #FFBBBB url(/images/icon_info.gif) no-repeat 15px 18px;
}

#paymentMethod, #priceVoucherInfo, #yourComment, #yourInvoiceRemark, #yourDonationProposal, #shippingAddress {
    margin-top: 0px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

#registration_complete h4 {
    font: bold 11pt/1.25em Arial, Verdana, sans-serif;
    padding: 0px;
    margin: 0px;
    color: #a00b1e;
}

/*#productSummary, #priceVoucherInfo, #paymentMethod, #yourComment, #shippingAddress { margin-bottom: 40px; }
 /* ========== Kaufprozess Übersicht END ====== */
/* ========== Meine Bestellungen ========== */
.myOrder {
    clear: both;
    height: 25px;
    position: relative;
    width: 100%;
    border-top: 1px solid #a00b1e;
    margin: 5px 100px 0 80px;
    cursor: pointer;
}

.myOrder:hover {
    background-color: #edeae7;
}

.myOrderDetailed {
    clear: both;
    height: 25px;
    position: relative;
    width: 100%;
    border-top: 1px solid #a00b1e;
    margin: 5px 5px 0 80px;
    cursor: pointer;
}

.myOrderDetailed:hover {
    background-color: #f4f4f4;
}

.my_orders_keyword {
    font-weight: bold;
}

.my_orders_sub_keyword {
    font-weight: bold;
    margin-bottom: 10px;
}

.my_orders_items_table {
    font-size: x-small;
}

/* ========== Meine Bestellungen END ========== */
/* ========== Merklisten ========== */
.shoppingLists {
    clear: both;
    height: 25px;
    position: relative;
    width: 100%;
    border-top: 1px solid #a00b1e;
    margin: 5px 100px 0 80px;
    cursor: pointer;
}

.shoppingLists:hover {
    background-color: #edeae7;
}

.shoppingListsDetailed {
    width: 100%;
    margin: 20px 5px 35px 0px;
    border: 1px solid #888888;
}

.shoppingListName {
    margin-bottom: 5px;
}

.shoppingListName a {
    font-size: 15px;
    font-weight: bold;
}

.shoppingListHead {
    width: 465px;
    margin: 0px 15px 0px 15px;
}

/* ========== Merklisten END ========== */

/* =========== Profil ================= */

/* =========== Profil END ============= */

/* ================================ CONTENT COLUMN END ====================== */
/* ================================ RIGHT COLUMN ============================ */
#right {
    float: right;
    padding: 20px;
    width: 195px;
    background: #fff url(/images/dynamic/Eselsohr_rechts_oben.png) no-repeat top right;
}

#logoBox {
    height: 127px;
    margin-top: 0px;
    margin-left: -2px;
    cursor: pointer;
}

#logoBox h1 {
    display: none;
}

#spendenstand_wrapper {
    margin-bottom: 18px;
}

#spendenstand {
    position: relative;
    overflow: visible;
    margin: -5px 0px 0px -3px;
    background: url(/images/dynamic/spendenbarometer-bg.png) no-repeat top left;
    height: 85px;
}

#spendenstand img {
    position: absolute;
    top: 55px;
    right: 0px;
}

#persoenlicher_spendenstand {
    background: #fff url(/images/dynamic/spendenbarometer-persoenlich-bg.png) no-repeat top left;
    margin-bottom: 28px;
    cursor: pointer;
    height: 47px;
}

#persoenlicher_spendenstand #betrag {
    position: absolute;
    right: 22px;
    padding-top: 20px;
}

#shopNavigation {
    margin-bottom: 15px;
}

#shopNavigation h4 {
    background: #fff url(/images/h4_navigation.png) no-repeat top left;
    height: 20px;
    width: 150px;
}

#shopNavigation h4 span {
    display: none;
}

#shopNavigation ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#shopNavigation li {
    margin: 1px 0 0 0;
}

#shopNavigation li a {
    display: block;
    padding: 3px 5px 1px 10px;
    border-left: 0;
    text-decoration: none;
    color: #523015;
}

#shopNavigation strong {
    display: block;
    font-weight: bold;
    padding: 1px 5px 1px 10px;
}

#shopNavigation strong dfn {
}

#shopNavigation a:visited, a:link {
    color: #523015;
}

#shopNavigation a:hover {
    background-color: #ded7d2;
}

#shopNavigation a:focus, #mainNavigation a:active {
    background-color: #ded7d2;
}

#shopNavigation dfn {
    display: none;
}

#shopNavigation a:focus dfn, #mainNavigation a:active dfn {
    color: #ff0;
}

.voucher, .voucher a:hover, .voucher a:active {
    background: #fff url(/images/voucher.gif) no-repeat 130px 3px;
}

#shoppingCart {
    margin-bottom: 30px; /* background-color: lightgrey; */
}

#shoppingCart h4 {
    background: #fff url(/images/h4_warenkorb.png) no-repeat top left;
    height: 20px;
    width: 150px;
}

#shoppingCart h4 span {
    display: none;
}

#shoppingCart {
    width: 184px;
}

#shoppingCart p, .rule, .button {
    margin-left: 10px;
}

#shoppingCart .rule {
    border-bottom: 1px solid #A0091D;
    padding: 0 0 1px 0;
}

#shoppingCart .product {
    clear: left;
    margin: 0 0 3px 10px;
    cursor: pointer;
}

#shoppingCart .product:hover {
    background-color: #edeae7;
}

#shoppingCart .product .cover {
    float: left;
    margin: 2px 5px 5px 0px;
    height: 42px;
    overflow: hidden;
}

#shoppingCart .product .cover img {
    width: 30px;
}

#shoppingCart .product .titel {
    font-size: small;
    padding: 2px 0 2px 0;
}

#shoppingCart .product .titel a {
    text-decoration: none;
}

#shoppingCart .product .contributor {
    font-size: 10px;
}

#shoppingCart .product .contributor a {
    font-size: 10px;
}

#shoppingCart .product .quantity {
    font-size: 10px;
}

#shoppingCart .product .price {
    font-size: 10px;
    float: left;
    margin: 0 5px 0 0;
}

#shoppingCart .button img {
    clear: both;
    border: none;
    margin: 3px 0 0 0;
}

#testimonials {
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: -5px;
}

#testberichte {
    margin-bottom: 30px;
}

#aktuelles {
    margin-bottom: 10px;
}

#aktuelles p, h5 {
    padding-left: 10px;
}

#aktuelles h4 {
    background: #fff url(/images/h4_aktuelles.png) no-repeat top left;
    height: 20px;
    width: 150px;
}

#aktuelles h4 span {
    display: none;
}

#aktuelles .entry {
    padding-top: 7px;
    padding-bottom: 7px;
    cursor: pointer;
}

#aktuelles .entry:hover {
    background-color: #ded7d2;
}

#archive .entry {
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
}

#archive .entry:hover {
    background-color: #ded7d2;
}

#archive .entry .date {
    font-style: italic;
}

/* ================================ RIGHT COLUMN END ======================== */
#paytypes {
    margin-top: -10px;
}

#paytypes tr td {
    padding-top: 5px;
    padding-bottom: 5px;
}

#paytypes input {
    border: none;
    margin: 0;
    padding: 0;
    background: none;
    width: 14px;
    height: 14px;
}

.payment_selection_row_selected {
    background-color: #dddddd;
}

.payment_selection_row_deselected {
    background-color: #ffffff;
}

.payment_selection_row_selected:hover {
    cursor: pointer;
}

.payment_selection_row_deselected:hover {
    background-color: #e9e9e9;
    cursor: pointer;
}

.center {
    text-align: center;
}

.contactFormButton {
    padding-left: 20px;
    padding-right: 20px;
    height: 40px;
    cursor: pointer;
    font-size: large;
    background: url('/images/input_gradient_dark.jpg') repeat-x scroll center bottom #BBB;
}