/*
(c) 2011 www.hentrichhentrich.de
Author: www.webdecker.de, 24.3.2011
*/

body { color: #333; background: #FFF; padding: 0; margin: 0; font-family: Futura, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 21px; }

nav { display: block; }

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

.clear { clear: both; }

body .invisible { position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(100%); white-space: nowrap; padding: 4px; }
body .invisible:focus { position: absolute; display: block; height: auto; width: auto; clip: auto; clip-path: none; background: #4444ff; color: #fff; z-index: 100000; }



ul { margin-bottom: 0; }
h1, h2, h3, h4 { margin-top: 0; }
h1 { font-size: 150%; }
h2 { font-size: 130%; }
h3 { font-size: 130%; }
img { border: 0; vertical-align: top; display: inline-block; }
a img { display: block; }
p { margin-top: 0; }
td, th { vertical-align: top; text-align: left; padding: 4px 2px 4px 2px; }


/* --------------------------------------- */
/* Default layout */
#body { width: 1000px; margin: 0px auto; padding: 40px; }
#header { position: relative; }
#main { clear: both; padding-top: 10px; }
#content { float: left; width: 700px; }
#right { float: left; width: 300px; }
#footer { clear: both;  }
#middle { width: 350px; float: left; }

#header .inner { padding: 40px 35px 20px 40px; }
#content .inner { padding: 20px 0px 20px 40px; }
#right .inner { padding: 20px 40px 20px 20px; }
#footer .inner { padding: 10px; }
#middle .inner { padding: 20px 20px 20px 0; }

#c_header_logo { display: inline; }
#c_header_slogan { display: inline;  vertical-align: bottom; }

select { max-width: 520px; position: relative; width: auto; white-space: normal; overflow: auto; }
form, fieldset, select { position: relative; display: block; }

#o_menu { display: none; float: left; padding-top: 4px; }
#o_menu a { display: none; background: none; padding-left: 0; }
#o_menu a:hover { color: #fff; }
#o_menu a:before { content: 'Ξ'; padding-right: 8px; display: inline-block; } /* ∨  ∧ */
#o_menu a.open:before { content: 'Ξ'; }

body.lang_de #o_menu a.de { display: block; }
body.lang_en #o_menu a.en { display: block; }

/* --------------------------------------- */

@media all and (max-width: 1100px) {
    body #body { width: 680px; }
    body #content { width: 680px; }
    body #content .inner { padding: 20px 0px 20px 0; }

    body #header #c_header_slogan { display: block; padding: 5px; }
	
	select { max-width: 500px;  }
	
	#o_menu { display: block; }
	#body #c_menu { float: none; padding: 24px 0 24px 24px; display: none; clear: both; }
	#body #c_menu.open { display: block; }  
	#body #c_menu li { display: block; }  /*   ∨  ∧  */
	#body #c_menu li.level_1.hassubmenu > a:after { content: '+'; padding-left: 12px; display: inline-block; font-size: 10px; }
	#body #c_menu li.level_1.hassubmenu.open > a:after { content: '-';  }
	#body .mouseover-menu ul.level_2 { position: relative; top: auto; left: auto; width: auto; padding-left: 24px; }
	/*
	#body #form_c_header_search { float: left; }
	*/
}
@media all and (max-width: 780px) {

    body div#body { width: 600px; padding: 20px 20px 20px 20px; border: 0; }
    body #content { width: 600px; }
	body li.bookitem { width: 280px; margin-right: 20px; }
	body li.bookitem.even { margin-right: 20px; }
	body .col4 li.bookitem { width: 140px; }
	body .col4 li.bookitem .image { float: none; padding-right: 0; }
}
@media all and (max-width: 660px) {

    body div#body { width: 480px; padding: 20px 20px 20px 20px; border: 0; }
    body #content { width: 480px; }
	body #c_header_logo img { width: 100%; }
    body #content .inner { padding: 20px 0px 20px 0; }
    body #c_buch img.bookview { width: 300px; }
    body #c_buch .text { margin-left: 0px; clear: both; }
	/*
    body .mouseover-menu ul.level_2 { visibility: hidden; }
    */
	
    .bigimg li.bookitem { width: 155px; } 
    /*
    body#p_start .bookitem .image a { padding-left: 0; padding-right: 0; }
    */
    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; }

    body div.cart .row { border-bottom: 1px solid #8DA5B7; display: table; width: 100%; }
    body div.cart .row.footer { border: 0; }
    body div.cart .product { width: 100%; }
    body div.cart .single { width: 90px; text-align: left; }
    body div.cart .total { width: 100%;  }
    body div.cart .action { clear: both; width: 100%; }
    body div.cart .sum div { width: 100%; }
    body div.cart .sum .action { display: none; }
    body div.cart .header .action { display: none; }
    
    body div.cart.order .row { border-bottom: 1px solid #8DA5B7; display: table; width: 100%; }
    body div.cart.order .row.footer { border: 0; }
    body div.cart.order .product { width: 100%; }
    body div.cart.order .single { width: 90px; text-align: left; }
    body div.cart.order .total { width: 100%; }
    body div.cart.order .action { clear: both; width: 100%; }
    body div.cart.order .sum div { width: 100%; }
    body div.cart.order .sum .action { display: none; }
    body div.cart.order .header .action { display: none; }
    
    body li.bookitem  { width: 100%; }
    body li.bookitem.even { margin-right: 0px; }
    
	#main .col4 li.bookitem  { width: 230px; margin-right: 20px; float: left; }
	#main .col4 li.bookitem.even { clear: none; float: left; margin-right: 20px; }
	#main .col4 li.bookitem:nth-child(4n+1) { clear: both; }
	#main .col4 li.bookitem:nth-child(4n+0) { margin-right: 0; }
	#main .col4 li.bookitem:nth-child(2n+1) { clear: both; }
	#main .col4 li.bookitem:nth-child(2n+0) { margin-right: 0; }
	#main .col4 li.bookitem .image { width: 100%; text-align: center; background: #EEEEEE; box-sizing: border-box; padding-right: 0; }
	#main .col4 li.bookitem .image a { display: inline-block; }
	
    

    body .slideshow .stage { background-color: #eee; padding: 15px; }
    body .slideshow_menu .img { display: none; }
    body .slideshow_menu .text { display: block; }
    body .slideshow_menu ul li { background: transparent; }
    body .slideshow_menu ul li a { width: 10px; height: 10px; background: transparent; padding: 1px;}
    body .slideshow_menu ul li a.active { background: transparent; }
    body .slideshow_menu ul li a:hover { background: transparent; }
    
	body .slideshow ul.booklist { height: 235px; }
    body .slideshow .bookitem .image { width: 150px; height: 228px;  }
    body .slideshow .bookitem .image div { width: 150px; height: 228px;  }
    body .slideshow .bookitem .book { left: 170px; width: 310px; height: 228px;  }
    body .slideshow .bookitem .book > div { width: 310px; height: 228px; }
    body .slideshow .bookitem .book h1 { font-size: 15px; line-height: 20px; }
    body .slideshow .bookitem .book h2 { font-size: 13px; line-height: 16px; }


    .bookitem .actions { float: right; width: 155px; text-align: right; }
	
	
	select { max-width: 460px;  }
}

@media all and (max-width: 545px) {
	html body { }
    body div#body { width: 380px; padding: 20px 20px 20px 20px; border: 0; }
    body #content { width: 380px; }
    
    body .bookitem .book { clear: both; }
    body .bookitem .actions { float: none; text-align: left; }
    
    body #c_buch img.bookview { width: 100%;  }
	
	
	select { max-width: 380px;  }
	
	
	body .slideshow ul.booklist { height: 235px; }
    body .slideshow .bookitem .image { width: 120px; height: 228px;  }
    body .slideshow .bookitem .image div { width: 120px; height: 228px;  }
    body .slideshow .bookitem .book { left: 140px; width: 210px; height: 228px;  }
    body .slideshow .bookitem .book > div { width: 210px; height: 228px; }
    body .slideshow .bookitem .book h1 { font-size: 15px; line-height: 20px; }
    body .slideshow .bookitem .book h2 { font-size: 13px; line-height: 16px; }
    body .slideshow .bookitem .headline { display: none; }
	
	#main .col4 li.bookitem  { width: 180px; margin-right: 20px; float: left; }
	#main .col4 li.bookitem.even { clear: none; float: left; margin-right: 20px; }
	#main .col4 li.bookitem:nth-child(4n+1) { clear: both; }
	#main .col4 li.bookitem:nth-child(4n+0) { margin-right: 0; }
	#main .col4 li.bookitem:nth-child(2n+1) { clear: both; }
	#main .col4 li.bookitem:nth-child(2n+0) { margin-right: 0; }
	#main .col4 li.bookitem .image { width: 100%; text-align: center; background: #EEEEEE; box-sizing: border-box; padding-right: 0; }
	#main .col4 li.bookitem .image a { display: inline-block; }
}

@media all and (max-width: 420px) {
	html body { background-color: #fff; }
    body div#body { width: 280px; padding: 20px 10px 20px 10px; }
    body #content { width: 280px; }
	
	select { max-width: 280px;  }
	
	body .slideshow ul.booklist { height: 385px; }
    body .slideshow .bookitem .image { width: 250px; height: 380px;  }
    body .slideshow .bookitem .image div { width: 250px; height: 380px;  }
    body .slideshow .bookitem .book { left: 140px; width: 210px; height: 380px;  }
    body .slideshow .bookitem .book { display: none; }
    body .slideshow .bookitem .book > div { width: 210px; height: 380px; }
    body .slideshow .bookitem .book h1 { font-size: 15px; line-height: 20px; }
    body .slideshow .bookitem .book h2 { font-size: 13px; line-height: 16px; }
    body .slideshow .bookitem .headline { display: none; }
	
	
	#main .col4 li.bookitem  { width: 100%; margin-right: 0; float: left; }
	#main .col4 li.bookitem.even { clear: none; float: left; margin-right: 0; }
	/*
	#main .col4 li.bookitem  { width: 136px; margin-right: 8px; float: left; }
	#main .col4 li.bookitem.even { clear: none; float: left; margin-right: 8px; }
	#main .col4 li.bookitem:nth-child(4n+1) { clear: both; }
	#main .col4 li.bookitem:nth-child(4n+0) { margin-right: 0; }
	#main .col4 li.bookitem:nth-child(2n+1) { clear: both; }
	#main .col4 li.bookitem:nth-child(2n+0) { margin-right: 0; }
	#main .col4 li.bookitem .image { width: 100%; text-align: center; background: #EEEEEE; box-sizing: border-box; padding-right: 0; }
	#main .col4 li.bookitem .image a { display: inline-block; padding-left: 0; padding-right: 0;  }
	#main .col4 li.bookitem .image a img {  }
	*/
	
	#body #form_c_header_search { float: left; }
	#o_menu { width: 100%; padding-bottom: 12px; }
}


@media print {
	/*
#content { float: none; width: 700px; }
#right { float: none; width: 300px; }
#header { border-bottom: 1px solid #8DA5B7; padding-bottom: 12px; }
#footer { border-top: 1px solid #8DA5B7; }

*/
	#menuheader, #c_start_newbooks, #c_start_newbooks_en, #c_menu_2, #seeother, #fm, .booklist_filter, .booklinks, .textblock.share, .back { display: none; }
	
	body { line-height: 18px; }
    body div#body { width: 800px; padding: 20px 20px 20px 20px; border: 0; }
    body #content { width: 800px; }
	body #c_header_logo img { width: 300px; }
	body li.bookitem { width: 380px; margin-right: 20px; }
	body li.bookitem.even { margin-right: 20px; }
	body .col4 li.bookitem { width: 140px; }
	body .col4 li.bookitem .image { float: none; padding-right: 0; }
	body #main .col4 li.bookitem:nth-child(2n+1) { clear: none; }
	body #c_buch .text { clear: none; float: left; padding-left: 20px; margin-left: 0; width: 400px; }
	body #c_buch img.bookview { width: 300px; }
	body .booklist .actions { display: none; }
	
	#body #c_cart input[type="submit"] { display: none; }
	#body div.cart .amount { width: 60px; }
	#body div.cart .product { width: 310px; }
	#body div.cart .total { width: 70px; }
	
	#body div.cart .sum div { width: 70px; }
	#body div.cart div.suminfo { width: 460px; }
	
	#p_start .newsitem { background: transparent; padding: 0; }
}