@charset "utf-8";
/* CSS Document */

body {font: 12px/1.2 Arial,helvetica,clean,sans-serif;}
.clearfix:after{content: ".";display: block;height: 0;	clear: both;visibility: hidden}
.clearfix { display: block }
.clearfix { display: inline-block }  /* ... especial for IE7 */
.clearfix { display: block }      /* ... fr IE5,IE6,IE7 */
* html .clearfix { height: 1% }   /* ... fr IE5 + IE6/Win | hasLayout aktivieren */
img{border:0;} form { padding:0;margin:0;}
.brclear { clear:both;height:0; margin:0;font-size: 1px;line-height: 0px;}
A,/*A:visited,*/A:active{color:#ff4702;text-decoration:none;cursor:pointer;}
ul,li { list-style:none;padding:0; margin:0;}
h1,h2,h3,h4,h5{padding:0; margin:0;}
p { margin:0 0 10px 0;}
h2{font-size:18px;}
.pb-10 { padding-bottom:10px;}
.mt-10 { margin-top:10px;}

#page { background:#333;}
.page-in { width:1000px; margin:0 auto; position:relative; overflow:hidden;font-size:12px;}
.header { padding-top:50px;}
.header-in { background:url(header-bg.gif) repeat-x left top; height:120px; width:100%; position: relative;-webkit-border-radius: 50px;
border-radius: 50px;}
.header-in .logo { position:absolute; top:-50px; left:50px;}
.anmenlden { position:absolute; top:30px; right:30px;}
.anmenlden li { display:block; float:left; border-right:1px solid #fff;}
.anmenlden li:last-child { border-right:none;}
.anmenlden a { color:#fff; display:block; padding:2px 10px; float:right;}
.content { background:#fdfdfc; width:90%; margin:0 auto; padding:8px; overflow:hidden;}
.content-L { width:23%; float:left; border:1px dashed #cccccc; padding:4px;}
.content-R { width:75%; float:right;}
.search-block {background: #f7f7f7; /* Old browsers */
background: -moz-linear-gradient(top,  #f7f7f7 0%, #eaeaea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f7f7f7 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f7f7f7 0%,#eaeaea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f7f7f7 0%,#eaeaea 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f7f7f7 0%,#eaeaea 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
border:1px solid #e3e3e3; padding:8px;
}
.search-header { font-size:16px; font-weight:normal; overflow:hidden; line-height:30px;width:140px; padding-bottom:4px;}
.search-header img { float:right;}
.inp {border:solid #999999; color:#F85014; border-width:1px 0 0 1px; height:25px; width:150px; float:left;}
.anbie h3 {background: #4c4c4c; /* Old browsers */
background: -moz-linear-gradient(top,  #4c4c4c 0%, #6b6b6b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(100%,#6b6b6b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4c4c4c 0%,#6b6b6b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4c4c4c 0%,#6b6b6b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4c4c4c 0%,#6b6b6b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4c4c4c 0%,#6b6b6b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#6b6b6b',GradientType=0 ); /* IE6-9 */
color:#fff; font-size:14px; padding:6px 2px; margin-top:10px;} 
.add { padding:4px;}
.block { padding:10px; border:1px dashed #ccc;}
.block-left { width:60%; float:left;border-right:1px solid #f2f2f2;}
.block-right { width:30%; float:right;}
.footer { background: #ff8600; /* Old browsers */
background: -moz-linear-gradient(top,  #ff8600 0%, #ffc610 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8600), color-stop(100%,#ffc610)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff8600 0%,#ffc610 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff8600 0%,#ffc610 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff8600 0%,#ffc610 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff8600 0%,#ffc610 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8600', endColorstr='#ffc610',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 20px;
border-radius: 20px; padding:12px 8px; text-align:center; color:#000; font-size:14px;

}
.footer span { color:#fff;}
.det-left { width:25%; float:left;}
.det-right { width:74%; float:right;}
.details { font-size:12px; padding-top:4px; width:400px;}
.details td {height:auto !important;font-size:12px; font-weight:bold; line-height:20px;}
.details span.htxt {float:left;width:270px; font-weight:normal; display:block;}
.htxt_lft{ display:block; float:left; width:110px; font-weight:bold;}
.desc .blkheadsneu, .author-desc .blkheadsneu { font-size:15px; font-weight:bold; color:#f85014;}
.lftmenu { font-size:12px; padding-bottom:10px;}
.versand { margin-top:15px; font-size:18px;}
.booktitle {color:#F85014;}
.det-block h2 {padding-bottom:10px;}
.booktitle, .bookauthor {display:block;}
.bookauthor { text-decoration:underline; font-size:14px;}
#ebay-price { background:#ffb400; border:3px solid #fff;-webkit-border-radius: 20px;
border-radius: 20px;-webkit-box-shadow: 0 2px 2px 2px #999999;
box-shadow: 0 2px 2px 2px #999999; padding:8px;text-align:center;width:200px;}
.ebay-price-in {font-size:18px; font-weight:bold;}
.inkl {font-weight:normal;}
.mob { display:none;}

.scroller-box { background:#fff; padding:8px; margin-top:20px;-webkit-box-shadow: 0 0 2px 2px #C9C9C9;
box-shadow: 0 0 2px 2px #C9C9C9;}
.scroller-box h2 { font-size:18px; color:#ff6600; font-weight:normal;}
/*.scrollbox  {background-image:url(/images/scroll_bg.gif);padding:0 0 0;height:184px; margin-bottom:1em}*/
.scrollbox  {height:280px/*margin-bottom:1em;border:1px solid #E2E2E1;background:#4e4d4d;-moz-border-radius:4px; -webkit-border-radius:4px;-khtml-border-radius:4px;border-radius:4px;*/
}
.scrollbox img { border:1px solid #e3e3e3;}
/* modified. see following - sebastian
.scrollbox .scroll {	position:relative;overflow:hidden;float:left;width:523px;height:150px;}
*/
.scrollbox .scroll {	position:relative;overflow:hidden;float:left;width:89%;height:280px;margin:0 10px;}

.scrollbox .scroll ul {width:20000em;position:absolute;list-style:none;margin:0;padding:0;}
.scrollbox .scroll li {display:inline;float:left;list-style:none;position:relative;width:160px;margin:0 4px 10px 4px;padding:5px 0; text-align:center;height:250px}
.scrollbox .scroll li a {display:block;}
.scrollbox .scroll li a img {height:145px;width:110px;overflow:hidden;}
/* modified - see following - sebastian
.scrollbox .next,.scrollbox .prev,.scrollbox .nextPage,.scrollbox .prevPage {background:transparent no-repeat scroll top left;	width:26px;	height:37px;float:left;	margin:50px 0 0;cursor:pointer;}
*/
.scrollbox .next,.scrollbox .prev,.scrollbox .nextPage,.scrollbox .prevPage {background:transparent no-repeat scroll top left;	width:35px;	height:35px;float:left;	margin:100px 0 0;cursor:pointer;}

.scrollbox .next,.scrollbox .nextPage {background-image:url(next.gif);}
.scrollbox .prev,.scrollbox .prevPage {background-image:url(prev.gif);}
/*.scrollbox .next:hover,.scrollbox .prev:hover,.scrollbox .nextPage:hover,.scrollbox .prevPage:hover {background-position:0 -35px;}*/
.scrollbox .scroll_pagenav {clear:both;text-align:right;padding:2px 0 5px 0;margin-right:50px}
.scrollbox .navi {display:-moz-inline-block;display:inline-block;overflow:hidden;height:8px;margin-left:40px;margin-top:0px;}
.scrollbox .navi a {width:8px;height:8px;float:left;	margin:0 3px;	background:url(../navigator.png) 0 0 no-repeat;	display:block;	font-size:1px;}
.scrollbox .navi a:hover {background-position:0 -8px;}
.scrollbox .navi a.active {background-position:0 -16px;}
.scrollbox .price  {color:#ff6600 !important;font-weight:bold;font-size:14px;display:block;}
.scrollbox .title  {display:block;font-weight:bold;margin:10px 3px 5px; font-size:12px;}


@media only screen 
  and (min-width: 320px) 
  and (max-width: 767px)
  {
.desk { display:none;}
.mob { display:block;}
.details {width:100%;}
.htxt_lft {width:36%;}
.details span.htxt {width:63%;}
  .page-in {width:100%;}
  .header {padding-top:0px;}
  .anmenlden {position:static;padding-bottom:20px;padding-top:4px; }
  .anmenlden ul {float:right; }
  .header-in .logo {position:static; text-align:center;}
  .content-R, .det-left, .det-right, .block-left, .block-right  {width:100%;}
  .inp {width:85%;}
  .scrollbox .scroll {width:65%;}
  .header-in {border-radius:0;}
  .content-R {margin-top:10px;}
  .content-L {width:98%;}
  .scrollbox .scroll li {width:180px;}
  }
  @media only screen 
  and (min-width: 768px) 
  and (max-width: 1023px)
  {
  .page-in {width:100%;}
  .header-in{    -webkit-border-radius: 20px;
    border-radius: 20px}
	.content {width:94%;}
  .content-L {width:30%;}
  .content-R {width:67%;}
  .det-left {width:32%;}
  .det-right {width:66%;}
  .block-left, .block-right {width:100%;}
  .block-left {border-right:none; border-bottom:1px solid #f2f2f2;}
  .scrollbox .scroll {width:86%;}
  }