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

body { background-color: #E8EBED;  } 
div#body { background-color: #FFF; border-right: 1px solid #E8E8E8; margin-bottom: 50px;  }

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

a { background: transparent url(../../img/a.gif) 0 0.5ex no-repeat; padding-left: 20px; color: #333; text-decoration: none; }
a:visited { color: #333; }
#main a:hover { text-decoration: none; color: #314959; /**/ }
a.more, a.back, a.new, a.delete, a.edit, a.copy { color: #617989; } 
a.nodeco { background: transparent; padding-left: 0; }
#c_header_logo a, #footer a { background-image: none; padding-left: 0; display: inline-block; }
#c_header_slogan { color: #333; font-size: 120%; } /* #617989 */

h1 { font-size: 180%; color: #617989; font-weight: normal; line-height: 120%; }
h2 { font-weight: normal; }
h3 { color: #617989; font-weight: normal; }

/* --------------------------------------- */
/* Layout */

#header .inner { padding: 0px; }
#c_header_logo img { width: 337px; }
#content .inner { padding: 20px 20px 20px 0px; }
#right .inner { padding: 20px 0px 20px 0px; }
#footer .inner { padding: 10px 20px 10px 20px; }


#form_c_header_search { float: right; margin-top: -1px; padding-top: 5px; }
#i_header_search { width: 100px; }
#i_header_search_submit { width: 19px; background: transparent url(/img/lupe.jpeg) no-repeat 0 2px; border: 0; }
nav.languages { float: right; }
nav.languages ul { list-style: none; margin: 3px 0 0 0; padding: 5px 0 0 20px; }
nav.languages ul li { float: right; padding-left: 5px; }
nav.languages ul li a { padding-left: 0; background: none; }


/* --------------------------------------- */
/* Specials */

#body div.cols  { overflow: hidden; }
#body div.cols > .inside { margin-left: -12px; margin-right: -12px; }
#body div.cols > .inside:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }
#body div.cols > .inside > div { float: left;  margin: 0 12px 24px 12px; overflow: hidden;  }
#body div.cols > .inside > div:after { display: none; }

#body div.cols.col2 > .inside > div:nth-child(odd) { clear: both; }
#body div.cols.col3 > .inside > div:nth-child(3n+1) { clear: both; }

#body div.cols.col2 > .inside > div { width: calc(50% - 24px);  }
#body div.cols.col3 > .inside > div { width: calc(33.3% - 24px);  }

.equal > .inside { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; margin: 0 -12px 0 -12px; } 


#seeother { text-align: right; }
#fm { text-align: right; }

@media screen and (max-width: 800px) {
	#body div.cols.col3 > .inside > div { width: calc(100% - 24px); }
}
@media screen and (max-width: 600px) {
	#body div.cols.col2 > .inside > div { width: calc(100% - 24px); }
	
	#seeother { text-align: left; }
	#fm { text-align: left; }
}

#footer { background-color: #8DA5B7; color: #FFF; }
#footer a { color: #FFF; display: inline-block; margin: 2px; }
#header .p { display: inline; }
#c_header_logo a {  }
#msg { background-color: #e8ebed; border: 1px solid #8da5b7; padding: 30px 20px 20px 20px; margin-bottom: 20px; font-style: italic; }

#c_press_of_book { padding-bottom: 12px; border-bottom: 1px solid #617989; margin-bottom: 12px; }

/*
#c_footer > .p { padding: 0 100px 0 100px; }
#seeother { position: relative; float: right; margin-right: -100px; }
#seeother a { display: inline-block; width: 24px; margin-left: 4px; padding-top: 2px; }
#seeother a img { display: block; width: 100%; height: auto; }

#copy { position: relative; float: left; margin-left: -100px; padding-top: 5px; }


@media all and (max-width: 545px) {
	#c_footer > .p { padding: 0; }
	#c_footer > .p > div { margin: 0 0 10px 0;  }
	#fm { width: 100%; clear: both; }
}
*/



/* --------------------------------------- */
/* Forms */
fieldset { border: 0; margin: 0; padding: 0; }
label { margin: 0px 0px 2px 0; display: block; font-weight: bold; }
.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 #aaa; padding: 4px; font-size: 13px; box-sizing: border-box; font-family: Futura, Verdana, Arial, Helvetica, sans-serif; }
input[type=submit] { cursor: pointer; color: #fff; background: #8DA5B7; padding: 2px 16px 2px 16px; }
body input[type=submit]:hover { color: #314959; border: 1px solid #314959;  }
.cart input[type=submit] { cursor: pointer; color: #fff; background: #8DA5B7; padding: 2px 4px 2px 4px; }
/*
select { padding: 0px; }
*/
textarea { width: 100%; }

.field { margin-bottom: 12px; clear: both; }
p.error, .field .error, .error label  { color: #F00; }
.field .error {  padding: 2px 12px 6px 0px; margin: 2px 0 8px 0;  } 
.error input, .error .input textarea, .error .input select { border: 1px solid #F00; }
.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; }


#field_i_order_payment_select .option { display: block; }

.field input.wide { width: 95%; }
.field input.medium { width: 50%; }
.field input.small { width: 10%; }

.field .label { float: left; width: 160px; }
.field .input { margin-left: 160px; }
.field .info { margin-left: 160px; }
.field .error { margin-left: 160px; }

div.submit { /* text-align: right; */  padding-top: 12px; }

#form_c_order_form_2 { padding-top: 20px; }

/* --------------------------------------- */
/* Menu, Pager */
.menu ul, .sitemap ul, .breadcrumb ul, ul.pager { list-style: none; margin: 0; padding: 0; }
.sitemap ul ul { padding-left: 12px; }
/* .menu ul .active ul, .menu ul .trail ul { display: block; } */


.menu a { background: transparent; color: #333;  width: 100%; padding: 5px 10px 5px 0px; }
#c_menu a:hover { color: #FFF; }

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

.sitemap a:hover, .breadcrumb a:hover, .pager a:hover {  }

#menuheader { margin-top: 10px; background-color: #8DA5B7; background-color: #adc5d7; padding: 10px 20px 10px 25px; }
#c_menu { float: left; }
#c_menu li.level_1 { display: inline-block; margin: 5px 0 5px 0; }
#c_menu ul { background-color: #8DA5B7; background-color: #adc5d7;  } 
#c_menu ul.level_2 { padding-top: 8px;  }
#c_menu .active, #c_menu .trail { color: #FFF; }
#c_menu .level_2 a { padding: 0; } 


.mouseover-menu li.level_1 { position: relative; z-index: 1; }
.mouseover-menu ul.level_2 { display: none; position: absolute; z-index: 1000; left: 0; top: 20px;  margin-left: -12px; margin-right: -12px; padding-bottom: 5px;  }
.mouseover-menu .open ul.level_2 { display: block; }
.mouseover-menu li.p_programm ul.level_2 { width: 320px; }
.mouseover-menu li.p_programme ul.level_2 { width: 200px; }
.mouseover-menu li.p_start ul.level_2 { width: 180px; }
.mouseover-menu li.level_2 { padding: 6px 12px 6px 12px;  }
.mouseover-menu li.level_3 { padding: 6px 12px 6px 12px;  }

#c_menu_2 a:hover { color: #617989; /* font-weight: bold; color: #8DA5B7; */ }
#c_menu_2 a.active, #c_menu_2 a.trail { font-weight: bold; /* color: #8DA5B7; */ }
#c_menu_2 { margin-bottom: 20px; border-bottom: 1px solid #617989; padding-bottom: 12px; }
#c_menu_2 li { padding-bottom: 2px; padding-top: 2px;}
#c_menu_2 li li { padding-left: 12px; }
#c_adminmenu a:hover, #c_adminmenu a.active, #c_adminmenu a.trail { font-weight: bold; /* color: #617989; */ }

#p_start #c_menu_2 { margin-top: 20px; border-top: 1px solid #617989; padding-top: 12px; }

#c_menu_footer > ul > li { float: left; }



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

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

/* --------------------------------------- */
ul.booklist { list-style: none; padding: 0; margin: 0;  }
/*
li.bookitem  { clear: both; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #617989; }
*/
li.bookitem  { padding-bottom: 40px; width: 320px; }
li.bookitem.even { clear: both; float: left; margin-right: 40px; }
li.bookitem.odd { float: left;  }
#right li.bookitem { width: 300px; }
li.bookitem strong a { padding-left: 0; background: none; }

.col4 li.bookitem  { width: 160px; margin-right: 13px; float: left; }
.col4 li.bookitem.even { clear: none; float: left; margin-right: 13px; }
body .col4 li.bookitem:nth-child(4n+1) { clear: both; }
body .col4 li.bookitem:nth-child(4n+0) { margin-right: 0; }

.bookitem .image { float: left; padding-right: 20px; padding-bottom: 12px; } 
.bookitem .image a { display: block; background-color: #EEEEEE; text-align: center; padding: 10px; }
.image > a, a.book, a.author { background-image: none; padding-left: 0; display: inline-block; }
.bookitem .book {  /* 430px;*/ }
.bookitem .actions { float: right; width: 155px;  } /* text-align: right;  */

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


.bigimg ul.booklist { margin-right: -40px; }
.bigimg li.bookitem { clear: none; float: left; height: 200px; width: 178px; border: 0; padding: 0;  margin-bottom: 20px; }
.bigimg li.bookitem .image { padding: 0; }


/* .slideshow > h1 { margin-bottom: 27px; } */
.slideshow .stage { background-color: #eee; padding: 30px; }

.slideshow ul.booklist { position: relative; display: block; overflow: hidden; height: 380px;  }

.slideshow ul.booklist li { position: absolute; top: 0; left: 0; width: 100%; height: 380px; display: block; overflow: hidden; background-color: #eee; padding: 0; margin: 0; }

.slideshow .bookitem .image { position: absolute; top: 0px; left: 0px; padding: 0; width: 250px; height: 380px;   float: none; }
.slideshow .bookitem .image div { display: table-cell; vertical-align: middle; width: 250px; height: 380px;  }
.slideshow .bookitem .image a { padding: 0; display: block; width: 100%; }
.slideshow .bookitem .image img { width: 100%; }
.slideshow .bookitem .book { position: absolute; left: 280px; top: 0px; width: 320px; height: 380px;  }
.slideshow .bookitem .book > div { width: 370px; height: 380px; display: table-cell; vertical-align: middle; }

.slideshow .bookitem .author { margin-bottom: 15px; }
.slideshow .bookitem .author a { color: #617989; }

.slideshow .bookitem h1 { margin-bottom: 15px; font-size: 220%; }
.slideshow .bookitem h1 a { color: #617989; padding: 0; background: none; }

.slideshow .bookitem .text { margin-bottom: 15px; }
.slideshow .bookitem .headline { margin-bottom: 15px; }

.slideshow_menu ul { list-style: none; padding: 0; margin: 4px 0 0 0; display: block; width: 100%; text-align: center; }
.slideshow_menu ul li { padding: 0; margin: 4px; display: inline-block; }
.slideshow_menu ul li a { padding: 3px; margin: 3px; display: inline-block; background: none; color: #ddd; font-size: 35px; } /*  #617989;   */
.slideshow_menu ul li a.active { color: #617989; }
.slideshow_menu ul li a:hover { color: #617989; text-decoration: none; }

.slideshow_menu .text { display: block; }
.slideshow_menu .img { display: none; }

.slideshow_menu { margin: 0 -8px 12px -8px; }
.slideshow_menu ul li  { margin: 6px; }
.slideshow_menu ul li a { width: 60px; height: 100px; background-color: #ddd; display: table-cell; vertical-align: middle; padding: 7px; } /*  #617989;   */
.slideshow_menu ul li a img { width: 100%; }
.slideshow_menu ul li a.active { background-color: #617989; }
.slideshow_menu ul li a:hover { background-color: #617989; text-decoration: none; }

.slideshow_menu ul li { background: transparent; }
.slideshow_menu ul li a { width: 10px; height: 10px; background: transparent; padding: 1px;}
.slideshow_menu ul li a.active { background: transparent; }
.slideshow_menu ul li a:hover { background: transparent; }

/*
#p_start li.bookitem .image { width: 150px; height: 180px; overflow: hidden; }
#p_start li.bookitem  img { width: 130px; }
*/
/* --------------------------------------- */
#c_buch img.bookview { width: 250px; margin-right: 16px; margin-bottom: 10px; }
#c_buch .image { float: left; padding-top: 4px; padding-bottom: 15px; }
#c_buch .text { margin-left: 270px; }

#c_buch a.author { color: #617989; }
#c_buch a.author:hover { color: #333; }

#c_similar { margin-top: 24px; border-top: 1px solid #617989; padding-top: 24px; }

.share { text-align: right; }
.share a { background: none; padding-left: 0; margin-left: 12px; display: inline-block; }
/* --------------------------------------- */
/*
#c_start_newbooks .bookitem .book { width: 200px; }
#c_start_newbooks .bookitem .actions { display: none; }
#c_start_newbooks_en .bookitem .book { width: 200px; }
#c_start_newbooks_en .bookitem .actions { display: none; }
*/
/* --------------------------------------- */
div.cart { }
div.cart .col { padding: 8px 0px 8px 0px; }
div.cart .header { font-weight: bold; }
div.cart .row.totals { font-weight: bold; }
div.cart .row { clear: both;  }
div.cart .col { float: left; }
div.cart .row .tax { text-align: right; }
div.cart .row .net { text-align: right; }
div.cart .sum div { text-align: right; }

div.cart .amount { width: 120px; }
div.cart .product { width: 310px; }
div.cart .single { width: 90px; text-align: right; }
div.cart .total { width: 70px; text-align: right; }
div.cart .action { width: 90px; text-align: right; float: right; }
div.cart .suminfo { width: 520px; }

div.cart.order .amount { width: 60px; }
div.cart.order .product { width: 310px; }
div.cart.order .single { width: 80px; }
div.cart.order .total { width: 70px; }
div.cart.order .action { display: none; }
div.cart.order .suminfo { width: 450px; }

form.order { text-align: right; width: 100%; margin-top: 20px; padding-bottom: 20px; }
/*
table.cart { width: 100%; }
td.total, td.single, td.taxinfo, td.tax, td.totalinfo, td.net, td.netinfo, td.remove { text-align: right; }
td.total, td.totalinfo { font-weight: bold; }
td.amount { width: 120px; }
*/


#c_order td.amount { width: 60px; }


span.preorder { color: #617989; display: block; }
.back { margin-top: 16px; margin-bottom: 16px; text-align: right; }
div.back { border-top: 1px solid #617989; }


#c_payment_info a, #c_payment_info_start a { background: none; padding-left: 0; }


/* --------------------------------------- */
ul.eventlist { list-style: none; padding: 0; margin: 0; }
.eventitem { margin-bottom: 20px; border-bottom: 1px solid #617989; }
.eventdate { font-weight: normal; }
.eventinfo h2 { color: #617989; margin-bottom: 4px; }
.eventinfo p { margin-bottom: 4px; }
.eventinfo a.author, .eventinfo a.more { background: transparent url(../../img/a.gif) 0 0.5ex no-repeat; padding-left: 20px; color: #333; } /* #617989; */

#right .eventdate { font-weight: normal; }
#right .eventitem h2 { font-size: 100%; font-weight: bold; color: #333; }

/* --------------------------------------- */
ul.authorlist { list-style: none; padding: 0; margin: 0; margin-top: 12px; padding-right: 12px; float: left; width: 300px; }
ul.authorlist a.author { color: #617989; }
ul.authorlist li { background: transparent url(../../img/a.gif) 0 0.5ex no-repeat; padding-left: 20px; }

/* --------------------------------------- */
ul.downloadlist { list-style: none; padding: 0; margin: 0; padding-top: 12px; }
#p_start ul.downloadlist { padding-top: 0; }
ul.downloadlist li { clear: both; margin-bottom: 12px; }
ul.downloadlist a.img { background: transparent; padding: 0 12px 12px 0;  float: left; }
#c_catalog_current a.img { float: none; }
#c_catalog_current a.img { display: block; margin-bottom: 12px; }

/* --------------------------------------- */
div.newsitem { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #617989; }
div.newsitem a.author { background: transparent url(../../img/a.gif) 0 0.5ex no-repeat; padding-left: 20px; color: #617989; }
div.newsitem.notext h3 { margin-bottom: 0; }
 
/* --------------------------------------- */
#p_verlag_praktikum table ul { list-style: none; padding-left: 0; margin-top: 0; }

#form_c_order_form div.submit { float: left; clear: none; }
#form_c_order_form_2 div.submit { float: left; clear: none; }


/* --------------------------------------- */
#p_recommend #header,
#p_recommend #menuheader,
#p_recommend #footer { display: none; }

#p_start .newsitem { background: #eee; padding: 24px; border-bottom: 0; }