@charset "utf-8";
/* CSS Document */
#page {font: 12px 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:#5f5f5f;text-decoration:none;cursor:pointer;}
ul,li { list-style:none;padding:0; margin:0;}
h1,h2,h3,h4,p{padding:0; margin:0;}
.left { float:left;}
.pt30 { padding-top:30px;}
.pt20 { padding-top:20px;}
.pt10 { padding-top:10px;}
.wid-50 { width:49%;}
.main-image{max-width:200px}
.image{border:solid 1px #c6c6c6;text-align:center; padding:10px;border-radius:4px}

#page { width:1000px; margin:0 auto;}
td {font-size:12px;}
#page-in {}
.logo { float:left;}
.agb-links { float:right; padding-top:67px;}
.agb-links ul, .agb-links li{ display:block;}
.agb-links li { float:left; margin-right:2px;}
.agb-links li a {background: #dc8492; /* Old browsers */
background: -moz-linear-gradient(top,  #dc8492 0%, #da6376 50%, #c33b51 51%, #c33b51 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dc8492), color-stop(50%,#da6376), color-stop(51%,#c33b51), color-stop(100%,#c33b51)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dc8492 0%,#da6376 50%,#c33b51 51%,#c33b51 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dc8492 0%,#da6376 50%,#c33b51 51%,#c33b51 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dc8492 0%,#da6376 50%,#c33b51 51%,#c33b51 100%); /* IE10+ */
background: linear-gradient(to bottom,  #dc8492 0%,#da6376 50%,#c33b51 51%,#c33b51 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc8492', endColorstr='#c33b51',GradientType=0 ); /* IE6-9 */
color:#fff; font-size:12px; padding:8px 12px; border-radius:12px 12px 0 0; display:block;
}
.search-block {background: #ececec; /* Old browsers */
background: -moz-linear-gradient(top,  #ececec 0%, #ececec 50%, #e4e4e4 51%, #e4e4e4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(50%,#ececec), color-stop(51%,#e4e4e4), color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ececec 0%,#ececec 50%,#e4e4e4 51%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ececec 0%,#ececec 50%,#e4e4e4 51%,#e4e4e4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ececec 0%,#ececec 50%,#e4e4e4 51%,#e4e4e4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ececec 0%,#ececec 50%,#e4e4e4 51%,#e4e4e4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
padding:4px 10px; clear:both; border:1px solid #ccc;}
.search-block .inp { border:1px solid #9a1c31; background:#fff url(search-icon.png) no-repeat 4px center; padding:4px 4px 4px 24px; width:250px;}
.search-block .sub {background: #dc8492; /* Old browsers */
background: -moz-linear-gradient(top,  #dc8492 0%, #da6376 50%, #c33b51 51%, #c33b51 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dc8492), color-stop(50%,#da6376), color-stop(51%,#c33b51), color-stop(100%,#c33b51)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dc8492 0%,#da6376 50%,#c33b51 51%,#c33b51 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dc8492 0%,#da6376 50%,#c33b51 51%,#c33b51 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dc8492 0%,#da6376 50%,#c33b51 51%,#c33b51 100%); /* IE10+ */
background: linear-gradient(to bottom,  #dc8492 0%,#da6376 50%,#c33b51 51%,#c33b51 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc8492', endColorstr='#c33b51',GradientType=0 ); /* IE6-9 */
color:#fff; font-size:12px; padding:4px 10px; border-radius:0px 6px 6px 0; border:1px solid #ce3047;}
.content { padding:10px 0; clear:both;}
.content_L { width:70%; float:left;}
.content_R { width:28%; float:right;}
.block { border:1px solid #db7181; padding:4px; background:#f2f2f2;}
.block-in { padding:8px; background:#fff;}
.det-block { overflow:hidden;}
.det-block h2 {color:#FE0000;}
.details-L { padding:10px; float:left; width:30%; padding-left:0;}
.details-in {width:68%; float:right;}
.details-in p {font-size:12px;}
.desc { clear:both; overflow:hidden; padding-top:10px;}
.footer { background:#f2f2f2; padding:8px; text-align:center; border:1px solid #e3e3e3; margin-top:10px;}
.footer span {color:#c43950; font-size:16px;}
.booktitle {    font-size: 18px;    font-weight: normal;    color: #c43950;}
.bookauthor {    font-size: 18px;    font-weight: normal;    color: #000;    text-decoration: underline;}
.content_L h2 {   padding-bottom:4px;}
.content_R p {   padding-bottom:10px;}
.content_R h3 {  color: #c43950; padding-bottom:4px;}
.htxt_lft {font-weight:bold;}
#ebay-price {color: #c43950;padding:10px 0; font-size:16px; font-weight:bold;}
#ebay-price .inkl {color: #000; font-size:12px; font-weight:bold;}
#ebay-price1 {color: #c43950;padding:10px 0; font-size:16px; font-weight:bold;}
#ebay-price1 .inkl {color: #000; font-size:12px; font-weight:bold;}
.blkheadsneu div {font-size:16px; font-weight:bold;}
.lftmenu {padding-bottom:10px;}
.blkheads {padding:2px 0;}
.versand .blkheads {padding:2px 0;font-weight:bold;}


.scroller-box  {  border:1px solid #db7181; background:#f3f3f3;padding:10px;margin-top:20px;overflow:hidden;}
.scroller-box h2 { color:#000;font-weight:normal;font-size:18px;padding-bottom:8px;}
.scrollbox  {margin-left:0px;height:270px; padding:8px;background:#fff;}
.scrollbox .scroll {	position:relative;overflow:hidden;float:left;width:92%;height:270px;}

.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:170px;margin:0 4px 10px 4px;padding:5px 0; text-align:center;}
.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:33px;	height:190px;float:left;cursor:pointer;}

.scrollbox .next,.scrollbox .nextPage {background-image:url(next.png);margin:30px 0px 0 0;float:right;}
.scrollbox .prev,.scrollbox .prevPage {background-image:url(prev.png);margin:30px 0 0 0px;}
/*.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:#e53e06 !important;font-weight:normal;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)  {
  #page, .content_L, .content_R, .details-L, .details-in {width:100%;font-size:13px;}
  .content-T {position:relative; padding-bottom:270px;}
  .content_R {position:absolute; bottom:4px;}
  .agb-links {padding-top:20px;}
  .search-block label { display:none;}
  .search-block .inp {width:215px;}
  .logo{float:none; text-align:center;}
  .scrollbox .scroll {width:70%;}
  .scrollbox .scroll li {width:200px;}
  .S-block a {padding:4px 0;}
  
  }
   @media only screen 
  and (min-width: 768px) 
  and (max-width: 1023px)
  {
  #page {width:100%;font-size:13px;}
  .details-L {width:40%;}
  .details-in {width:56%;}
  .scrollbox .scroll {width:90%;}
.S-block a {padding:4px 0; display:block}
  }