/*
(c) 2012 www.matthes-seitz-berlin.de
Author: www.webdecker.de, 24.3.2012, 19.11.2015
*/

body { padding: 0; margin: 0; color: #333; /* background: transparent url(../img/bg.jpg) 0 0 repeat-x; padding: 0; margin: 0;  */ background: #fff; }

/* Fonts */
body { font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 13px; line-height: 18px; }
h1, h2, h3, h4 { font-family: 'Playfair Display', Garamond, Times, Times New Roman, serif; } /* EB Garamond, Sorts Mill Goudy, Playfair Display */
#header .menu a { font-family: 'Playfair Display', Garamond, Times, Times New Roman, serif; text-transform: uppercase; font-size: 100%; }
ul.items_product h3 { font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 13px; line-height: 18px; font-weight: bold; margin-bottom: 0; }

/* --------------------------------------- */
/* Layout */
/*
#wrapper { width: 864px; margin: 0 auto; position: relative; }
#header { position: relative; }
#mainheader { width: 100%; }
#main { clear: both; background-color: #fff; width: 100%;  }
#footer { clear: both; border-top: 1px solid #cdc9b6; }
*/

#wrapper { position: relative; }
#header { position: relative; background-color: #333; }
#header .inner { width: 864px; margin: 0 auto; }
#main { clear: both; background-color: #fff; width: 864px; margin: 0 auto; background-color: #fff;  position: relative; }
#footer { clear: both; background-color: #fafaed; border-top: 1px solid #cdc9b6; }
#footer .inner {  width: 834px; margin: 0 auto; }

#content { float: left; width: 600px; }
#right { float: right; width: 264px; }


#header .inner { padding: 20px 0px 0px 0px; }
#mainheader .inner { padding: 0px; }
#content .inner { padding: 20px 5px 40px 15px; }
#main_text { margin-bottom: 25px; }
#right .inner { padding: 20px 15px 40px 20px; }
#right .inner > div { margin-bottom: 30px; }
#footer .inner { padding: 10px 0px 100px 0px;  }

#header_main { float: left; }
#header_service { float: right; width: 200px; margin-top: 20px; text-align: right; }
#i_header_search { width: 160px; height: 14px; }

/*
#sysmsg { color: #e0952b; border: 1px solid #cdc9b6; padding: 40px 40px 40px 40px; margin-bottom: 20px;  text-align: center; }
#sysmsg a { }
*/
#sysmsg { color: #fff; border: 1px solid #cdc9b6;  margin-top: 10px; margin-bottom: 20px;  text-align: center; } /* #e0952b; */
#sysmsg p { margin: 0; padding: 20px 40px 20px 40px; background-color: #333; }

/* --------------------------------------- */
/* General */

.clear { clear: both; }
.invisible { display: none; }
.print-inline { display: none; }
.print-block { display: none; }
.screen-inline { display: inline; }
.screen-block { display: block; }

/*
ul { margin-bottom: 0; list-style: none; }
ul.dots { margin-bottom: 0; list-style: circle; }
*/


h1, h2, h3, h4 { margin-top: 0; font-weight: normal; }
h1 { font-size: 26px; line-height: 40px; color: #e0952b; letter-spacing: 0.5px; margin-bottom: 15px; }
h2 { font-size: 22px; line-height: 30px; margin-bottom: 10px; }
h3 { font-size: 18px; line-height: 24px; margin-bottom: 10px; }
h4 { font-size: 16px; line-height: 22px; margin-bottom: 10px; }
hr { border: 0; border-top: 1px solid #CDC9B6; }
img { border: 0; vertical-align: top; max-width: 100%; height: auto; }
p { margin-top: 0; }
div.p { margin-bottom: 12px; }
td, th { vertical-align: top; text-align: left; padding: 4px 2px 4px 2px; }
a { text-decoration: none; color: #9F976F; } /* padding-left: 10px; background: transparent url(../img/a.gif) 0 0.6ex no-repeat; color: #e0952b; */
a:hover { text-decoration: none; color: #e0952b; }
a:visited { color: #9F976F;  } /*  color: #e0952b; color: #e0952b; */
a:active { color: #9F976F;  }

.imgleft { margin-right: 10px; margin-bottom: 10px; float: left; }
.imgright { margin-left: 10px; margin-bottom: 10px; float: right; }
.imgleftborder { margin-right: 10px; margin-bottom: 10px; border: 1px solid #ccc9b6; float: left; }
.imgrightborder { margin-left: 10px; margin-bottom: 10px; border: 1px solid #ccc9b6; float: right; }

img.img100 { width: 100%; }
.img100 img { width: 100%; }

img.img100b { width: 560px; border: 10px solid black; }
.img100b img { width: 560px; border: 10px solid black; }

#right img.img100b { width: 214px; border: 5px solid black; }
#right .img100b img { width: 214px; border: 5px solid black; }

img.img50c { width: 50%; margin-left: 25%; }
.img50c img { width: 50%; margin-left: 25%; }

/* --------------------------------------- */
/* Action links */
/* --------------------------------------- */
a.action { padding-left: 25px; display: block; }
a.action.order { display: inline-block; }

a.close { background: transparent url(../img/icon_small_close.gif) 0 5px no-repeat; display: inline-block; } 

a.press { background: transparent url(../img/icon_small_press.gif) 0 5px no-repeat; }
a.etext { background: transparent url(../img/icon_small_etext.gif) 0 5px no-repeat; }
a.audio { background: transparent url(../img/icon_small_audio.gif) 0 5px no-repeat; }
a.video { background: transparent url(../img/icon_small_video.gif) 0 5px no-repeat; }
a.download {  background: transparent url(../img/icon_small_download.gif) 0 5px no-repeat; } 
a.file {  background: transparent url(../img/icon_small_download.gif) 0 5px no-repeat; } /* icon_small_press.gif */
a.link {  background: transparent url(../img/icon_small_link.gif) 0 5px no-repeat; }
a.details {  background: transparent url(../img/icon_small_link.gif) 0 5px no-repeat; }
a.article {  background: transparent url(../img/icon_small_press.gif) 0 5px no-repeat; }
a.action.event {  background: transparent url(../img/icon_small_event.gif) 0 5px no-repeat; }
a.cover { background: transparent url(../img/icon_small_cover.gif) 0 5px no-repeat; }
a.notifyme { background: transparent url(../img/icon_small_notifyme.gif) 0 5px no-repeat; }

a.action.product { background: transparent url(../img/icon_small_product.gif) 0 5px no-repeat; }
a.action.author { background: transparent url(../img/icon_small_author.gif) 0 5px no-repeat; }

a.action:hover { color: #e0952b; }

.actions input.cart { 
    background-image: url(/matthes/img/icon_small_cart.gif);  background-repeat: no-repeat; background-position: 0px 9px; 
    padding-left: 20px; padding-right: 5px; 
    background-color: transparent;
    border: 0; color: #E0952B;
    cursor: pointer;

}
.actions input.cart:hover { color: #9F976F; }

/* --------------------------------------- */
/* Menu, Pager */
/* --------------------------------------- */
.menu ul, .sitemap ul, .breadcrumb ul, ul.pager, ul.items { margin: 0; padding: 0; list-style: none; }
.sitemap ul ul { padding-left: 12px; }
#right .menu { padding-bottom: 20px; }
#right .menu ul ul { padding-left: 12px; }

.menu a { padding: 1px 10px 4px 0px; background: none; display: block; }
.menu a.active, .menu a.trail { color: #e0952b; } /*  */
.menu a:hover { color: #e0952b; } 

.breadcrumb li, .pager li { display: inline; padding: 2px 5px 2px 0px; }

#header #c_menu { clear: both; padding-top: 10px; }
#header #c_menu ul { text-align: justify; width: 100%; font-size: 0; line-height: 0; }

#header .menu li { padding: 0; margin: 0; display: inline-block; letter-spacing: 1.5px; }
#header .menu a { color: #333; padding: 10px 15px 10px 15px; display: block; text-align: center; text-decoration: none; font-size: 13px; line-height: 16px;  }
#header .menu a:hover, #header .menu a.active, #header .menu a.trail  { background-color: #fff; color: #d0851b; }

#header .menu a { color: #fff; } /*  background-color: #DCD8CC;  */


#header li.stretch { height: 0px; width: 100%; line-height: 0; font-size: 0; display: inline-block; }

#c_menu_footer { position: relative; }
#c_menu_footer a { color: #9F976F; font-size: 11px; line-height: 14px; }
#c_menu_footer a:hover { color: #e0952b;  } 
#c_menu_footer a.level_2 { font-weight: bold; }
#c_menu_footer li.level_1 {  width: 168px; float: left; }
#c_menu_footer li.level_2 { margin-bottom: 20px; }
#c_menu_footer span.level_1 { display: none; }
#c_menu_footer .level_2 ul ul { padding-left: 10px; }

div.pager { margin-bottom: 12px; margin-top: 12px; clear: both; }
.pager .active { font-weight: bold; }
.pager a { background-image: none; padding-left: 0;  }


/* --------------------------------------- */
/* Forms */
/* --------------------------------------- */
fieldset { border: 0; margin: 0; padding: 0 0 20px 0; }
label { margin: 0px 0px 2px 0; display: block;  }
.option label { font-weight: normal; }
button { cursor: pointer; }
button.image { border: 0; padding: 0; margin: 0; background-color: transparent; }
input, select, textarea { border: 1px solid #a99; padding: 2px; font-size: 100%; }
select { padding: 0px; }
textarea { width: 99%; font-size: 120%; }

.field { margin-bottom: 12px; clear: both; }
.field > .label { float: left; width: 160px; padding-bottom: 10px; }
.field > .input { margin-left: 170px; }
.field > .info { margin-left: 170px;  padding-top: 4px; }
.field .error { margin-left: 170px; padding-top: 4px; } 
.field .error, .field.error label, p.error  { color: #e0952b; }
.field.error input, .field.error textarea, .field.error select { border: 1px solid #e0952b; }

.field .info { color: #a99; }
.field.wide { width: 100%; }
.field.wide input, .field.wide textarea { width: 90%; }

.field.medium { width: 100%; }
.field.medium input, .field.medium textarea { width: 50%; }


.radio .option { display: inline; }
.radio .option label { display: inline; padding-left: 6px; padding-right: 12px; }
input.radio { vertical-align: baseline; border: 0; }
.checkbox .option { display: inline; }
.checkbox .option label { display: inline; padding-left: 6px; padding-right: 12px; }
input.checkbox { vertical-align: baseline; border: 0; }

label span { }
.field label span.info { display: block; padding-top: 4px; margin: 0; }

fieldset.submit a.back { display: block; float: left; }


div.submit { text-align: right; }
.submit input, input.submit { background-color: #E7AD42; color: #fff; border: 1px solid #DDD; border-left: 1px solid #9f976f; border-bottom: 1px solid #9f976f; padding: 5px 10px 5px 10px; cursor: pointer; }
.submit input:hover, input.submit:hover { color: #DDD; }
div.submit .input { max-width: 100%; width: 100%; }

fieldset.submit { padding-top: 12px; }
fieldset.submit a.back { background-color: #E7AD42; color: #fff; border: 1px solid #DDD; border-left: 1px solid #9f976f; border-bottom: 1px solid #9f976f; padding: 5px 10px 5px 10px; cursor: pointer; }
fieldset.submit a.back:hover { color: #DDD; }

div.captcha { margin-bottom: 10px; }

.carttable .submit { padding: 2px; }

.order div { text-align: right; padding-top: 20px; }
.order a.order { background-color: #E7AD42; color: #fff; border: 1px solid #DDD; border-left: 1px solid #9f976f; border-bottom: 1px solid #9f976f; padding: 5px 10px 5px 10px; cursor: pointer; }
.order a.order:hover { color: #DDD; }

#c_shop_order_success .payment { margin-top: 20px; margin-bottom: 20px; }

/* --------------------------------------- */
/* cart, order */
/* --------------------------------------- */

.preorder { color: #e0952b; }


div.cart { margin-bottom: 20px; overflow: hidden; }
.carttable img { max-width: 80px; }
.carttable .td, .carttable .th { float: left; padding-bottom: 10px; }
.carttable .th { font-weight: bold; }
.carttable .tr { clear: both; }

.carttable .amount form { display: inline-block; width: auto; }
.carttable .amount fieldset { display: inline-block; }

.carttable .tr div.amount { width: 100px; }
.carttable .tr div.product { width: 300px; overflow: hidden; }
.carttable .tr div.single { width: 90px; text-align: right; }
.carttable .tr div.total { width: 90px; text-align: right; }
.carttable div.totaltitle { width: 490px; text-align: right; }

.carttable div.image { float: left; margin-right: 10px; }
.carttable div.label { color: #a99; display: block; width: auto; float: none; }

.carttable .title { font-weight: bold; }
.carttable .total div { font-weight: bold; } 
.carttable .vat div { color: #a99; } 
.carttable .net div { color: #a99; } 

.orderprocess { padding-top: 20px; }
#i_shop_order_cart > .label { display: none; }
#i_shop_order_cart > .input { margin-left: 0; }

#i_shop_order_sa_select > .input > span { display: block; }

#c_shop_order_terms { padding-bottom: 20px; }

#i_shop_order_payment .option { display: block; } 
#i_shop_order_shipping .option { display: block; } 

/* --------------------------------------- */
/* lists */
/* --------------------------------------- */
.listdetails { margin-bottom: 20px; }

.links div ul { list-style: none; margin: 0 0 20px 0; padding: 0; }

ul.az { list-style: none; margin: 0; padding: 0; margin-top: 20px; }
ul.az li { display: inline-block; }
ul.az a { display: inline-block; padding: 2px 5px 10px 0px; margin-right: 2px; }
ul.az a.active { color: #333; }
ul.list_order { list-style: none; margin: 0; padding: 0; margin-top: 15px; }
ul.list_order li { display: inline-block; padding-right: 20px; }
ul.list_order a.active { font-weight: bold; }

ul.items { clear: both; }
ul.items .links > div { margin-bottom: 25px; }
ul.items .links ul { list-style-type: disc; }
ul.items .actions { margin-top: 10px; }
ul.items .label { }

ul.items_article > li { border-bottom: 1px solid #ccc9b6; margin-bottom: 25px;  width: 100%; overflow: hidden; }
ul.items_article > li.last { border-bottom: 0; }
ul.items_article .main { margin-bottom: 25px; }
ul.items_article .links {  }
ul.items_article .image { margin-bottom: 20px; overflow: hidden; }
ul.items_article .abstract { margin-bottom: 10px; }
ul.items_article .image img { border: 10px solid #000; }
#p_start ul.items_article .image img { border: 0; }

ul.items_product { overflow: hidden; }
ul.items_product li { width: 50%; float: left; margin-bottom: 20px; }
#right ul.items_product li { width: 100%; }
ul.items_product li.even { clear: both; }
ul.items_product li > div { padding-right: 20px; }

#main ul.items_product li.view_imglist { width: auto; margin-bottom: 10px; }
#main ul.items_product li.view_imglist.even { clear: none; }
#main ul.items_product li.view_imglist > div { padding-right: 10px; }
#right ul.items_product li.view_imglist.third { clear: both; }

ul.items_product img { border: 1px solid #cdc9b6; width: 80px; }
#right ul.items_product img { width: 60px; }
ul.items_product fieldset { padding-bottom: 0; }
ul.items_product .image { float: left; margin-top: 5px; width: 90px; overflow: hidden; }
ul.items_product .hasimg .main { margin-left: 100px; }
#right ul.items_product .image { width: 62px; }
#right ul.items_product .hasimg .main { margin-left: 75px; }

ul.addons { list-style: none; padding: 0; margin: 0; }

ul.items_event li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc9b6; }
ul.items_event li.last {  margin-bottom: 0; border-bottom: 0; }
ul.items_event .abstract { padding-bottom: 10px; }
ul.items_event .image { margin-bottom: 20px; }
ul.items_event .image img { border: 1px solid #cdc9b6; }
#right ul.items_event h2 { font-size: 18px; line-height: 26px; margin-bottom: 10px; }
#right ul.items_event .image { display: none; }
ul.items_event .eventdate { margin-bottom: 10px; }

ul.items_author { }
ul.items_author li { width: 50%; float: left; }
ul.items_author li.even { clear: both; }
ul.items_author .image { float: left; padding-bottom: 20px; }
ul.items_author .hasimg .main { margin-left: 100px;  }
ul.items_author img { border: 1px solid #cdc9b6; width: 80px; }

#c_book_authors_books ul.items_author > li { width: 100%; }

ul.items_productgroup li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc9b6; }
ul.items_productgroup li.last { border: 0; }
ul.items_productgroup ul li { border: 0; }

#c_catalogs li { overflow: hidden; display: block; position: relative; margin-bottom: 20px; }
#c_catalogs .image { float: left; margin-top: 2px; width: 85px; }
#c_catalogs .hasimg .main { margin-left: 100px; }
#c_catalogs img { border: 1px solid #cdc9b6; } 

/* --------------------------------------- */
/* details */
/* --------------------------------------- */
div.back {  margin-bottom: 12px;  margin-top: 12px;  text-align: right; }

div.back a.back { border-top: 1px solid #cdc9b6; display: block; margin: 0 0 0 80%; width: 20%; }

#addonstage { clear: both; }
#addonstage .inner { clear: both; background-color: #fafaed; padding: 20px 40px 40px 40px; margin: 20px 0 20px 0; } /* background: url("../img/bg.jpg") repeat-x scroll 0 0 transparent; */
#addonstage .inner div.close { text-align: right; padding-bottom: 12px;  }
iframe.video { width: 100%; height: 400px; }
#addonstage iframe { width: 500px; height: 300px; }
#addonstage video { width: 500px; height: 300px; }
#addonstage audio { width: 500px; }

.details .links { margin-top: 20px; }
.details .label {  }

.details .locationaddress { padding-top: 20px; }

.details.product .image { float: left; margin-right: 20px; padding-bottom: 20px; padding-top: 4px; overflow: hidden;  }
.details.product .image img { border: 1px solid #cdc9b6; width: 160px; }
.details.product .meta { margin-bottom: 20px; }
.details.product.hasimg .meta { float: left; max-width: 398px; } /* width: auto;     */
.details.product .actions { margin-top: 10px; }

.details.product .also { margin-bottom: 10px; }
.details.product .actions input { margin-top: 12px; }
.details.product .description { clear: both; }
.details.product .description > div { margin-bottom: 20px;  }
.details.product div.title { font-weight: bold; }
.details.product .presscomments { margin-top: 20px; }
.details.product .oldprice span { text-decoration: line-through; }
.details.product .delivery { margin-bottom: 10px; }

.details.author .image { float: left; margin-right: 20px; padding-bottom: 20px; padding-top: 4px; overflow: hidden;  }
.details.author .image img { border: 1px solid #cdc9b6; width: 219px; }
.details.author.hasimg .description { float: left; max-width: 358px; } /* width: auto;     */
.details.author .links { clear: both; }
.details.author .description .links { clear: none; }

.details.article .image { padding-bottom: 20px; }
.details.article .image img { border: 1px solid #cdc9b6; border: 10px solid #000; }
.details.article .footnotes { font-size: 11px; }

.details.event .image { padding-bottom: 20px; margin-top: 20px; }
.details.event .image img { border: 1px solid #cdc9b6; }
.details.event .eventdate { margin-bottom: 10px; font-weight: bold; }

.listdetails .main { margin-bottom: 10px; }

#c_notifyme_details { overflow: hidden; margin-bottom: 20px; }
#c_notifyme_details .image { width: 80px; margin-right: 15px; float: left; padding-top: 4px; }
#c_notifyme_details img { border: 1px solid #cdc9b6; }


/* --------------------------------------- */
/* Misc, Modules */


#main .product_slideshow { position: relative; overflow: hidden; height: 210px; border-bottom: 1px solid #cdc9b6; border-top: 1px solid #cdc9b6; padding: 0 32px 0 32px; }

#main .product_slideshow div.items { position: relative; height: 210px; overflow: hidden; }
#main .product_slideshow ul { position: absolute; top: 0px; left: 0px;  }
#main .product_slideshow ul li.item_product { clear: none; float: left; width: 160px;  overflow: hidden; text-align: center; padding: 0; margin: 0; }
#main .product_slideshow li.item_product a { display: block; background: none; padding: 20px 0 20px 0; }
#main .product_slideshow li.item_product a:hover { background-color: #333; text-decoration: none; }
#main .product_slideshow li.item_product .image { float: none; display: block; height: 100%; overflow: hidden; width: 100%; padding: 0; margin: 0; text-align: center; }
#main .product_slideshow .image img { width: auto; height: 170px; border: 1px solid #cdc9b6; }
#main .product_slideshow li.item_product div.item { float: none; display: block; width: 100%; padding: 0; }

.product_slideshow .navbutton { position: absolute; top: 0; background-color: #fff; text-align: center; width: 32px;  }
.product_slideshow .navbutton a { display: block; width: 100%; height: 210px;  padding-left: 0; background: none; font-size: 140%; color: #666; }
.product_slideshow .navbutton a img { margin-top: 90px; }
.product_slideshow .navbutton a:hover { background-color: #cdc9b6; text-decoration: none; }
.product_slideshow .prev { left: 0; }
.product_slideshow .next { right: 0; }


/* --------------------------------------- */
/* media queries */


@media all and (max-width: 864px) {
/*
    #wrapper { width: 600px; }
    #content { float: left; }
    #right { float: left; }
*/
#right { float: left; }
#header .inner { width: 600px; }
#main  { width: 600px;  }
#footer .inner { width: 570px; }
#header #c_menu { padding-bottom: 10px; }
    
    
    #header #c_menu ul { text-align: center; }
    #header #c_menu li { padding-right: 2px; padding-left: 2px; padding-bottom: 5px;  }
    #content .inner { padding: 20px 20px 40px 20px; }
    
    #main .product_slideshow li.item_product a { padding: 8px; }
    #main .product_slideshow ul li.item_product { width: 134px; }
    
    
    .carttable .tr div.single { clear: both; width: 100%;  }
    .carttable .tr div.total { clear: both; width: 100%; }
    .carttable div.totaltitle { width: 100%; text-align: right; }
}

@media all and (max-width: 600px) {
/*
    #wrapper { width: 300px; }
    #content { width: 300px; }
*/

#header .inner { width: 300px; }
#main { width: 300px;  }
#content { width: 300px;  }
#footer .inner { width: 270px; }



    #header_service { float: left; margin-top: 0px; width: 100%; margin-bottom: 10px; text-align: center; }
    /*
    #header #c_menu ul { text-align: justify; }
    */
    
    #c_header_logo img { width: 100%; }

    #c_start_headline, #c_book_slider_home { display: none; }
    
    #main .product_slideshow li.item_product .image { }
    #main .product_slideshow li.item_product a { padding: 8px; }
    #main .product_slideshow ul li.item_product { width: 115px; }
    #c_menu_footer li.level_1 { width: 130px; }

    body .field .label { float: none; }
    body .field .input { margin-left: 0;  }
    body .field .error { margin-left: 0; }
    body .field .info { margin-left: 0; }
    body .submit .input { margin-right: 10px; }
    
    
    ul.items_product li { width: 100%; }
    ul.items_author li { width: 100%; }

    .carttable .tr div.product { clear: both; width: 200px; overflow: hidden; }

    select { max-width: 260px; }
    
    #addonstage .inner { padding: 10px 10px 10px 10px; }
    iframe.video { width: 100%; height: 200px; }
    #addonstage iframe { width: 240px; height: 160px; }
    #addonstage video { width: 240px; height: 160px; }
    #addonstage audio { width: 240px; }

    
    img.img100b { width: 250px; border: 5px solid black; }
    .img100b img { width: 250px; border: 5px solid black; }
}