@charset "utf-8";
/* CSS Document */

body {margin:0 15px 5px !important;padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td,embed,object{margin:0;padding:0;}
	.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 */
ul { list-style:none;}
a { text-decoration:none;}
img { border:none;}

.pad-10 { padding:10px;}
.col-white { color:#fff;}
.border-0 { border:none !important;}
.pt10 { padding-top:10px;}

#page { width:100%; text-align:center; background:url(body-bg.gif) repeat-x left top;}
#page_inner { margin:0 auto; width:1020px; text-align:left;font-size:12px;}
.header { position:relative;}
.anmelden { height:19px; padding-top:9px; position:absolute; top:30px; right:0px; width:280px;}
.anmelden li { display:block; float:left; line-height:20px;}
.anmelden li a { color:#fff; font-size:12px; padding:0px 10px; border-left: 1px solid #fff;text-transform: uppercase;}
.anmelden li a:hover { color:#000;}
.content { background:url(left-shadow.png) repeat-y left top; width:1008px; margin:0 auto;}
.content-in { background:url(right-shadow.png) repeat-y right top;box-shadow: 0 5px 5px -5px #333;padding-bottom:10px;}
.main { background:#fff; margin:0 4px; padding:0 8px;}
.anm-L { background:url(anmelden-L.gif) no-repeat left bottom; padding-left:4px;height:19px;}
.anm-R { background:url(anmelden-R.gif) no-repeat right bottom; height:19px;}
.block-left { width:23%; float:left; background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */}
.block-right { width:75%; float:right;}
.block-left h2 { background:url(footer-bg.gif) repeat-x left top; font-size:18px; color:#fff; padding:4px;}
.add { padding:10px; border:1px solid #e2e2e2;}
.add p { padding-bottom:10px;}
.det-block { background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */ 
overflow:hidden; padding:10px; border:1px solid #e3e3e3;}

#header { clear:both;}
.header-top { background:url(header-bg.gif) repeat-x left top; height:122px;}
.header-top-L { float:left; padding:30px 0 10px 20px;}
.header-top-R { background:url(header-right.png) no-repeat right top; width:653px; float:right; height:122px;}

#ebay-price { position:absolute; right:20px;top:50px; text-align:center;width:140px; font-size:11.5px; color:#fff; font-weight:bold;}
.ebay-price-in { background:url(price-bg.gif) no-repeat center top; width:140px; height:65px; padding-top:35px; }
.inkl { color:#000; font-size:12px; padding-bottom:30px;}
.content-block{ padding:30px 0;}
.det-left { width:25%; float:left;} 
.det-right { width:73%; float:right;position:relative;} 
.orgtxt1 {
    font-family: Arial;
    font-size: 18px;
    font-weight: normal;
    color: #f85014;
    text-decoration: none;
}
.orgtxt2{
    font-family: Arial;
    font-size: 18px;
    font-weight: normal;
    color: #000;
    text-decoration: underline;
}


.search-block { background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 0 0 8px 8px;border-radius: 0 0 8px 8px;
width: 50%; margin: 0 auto; border: solid #e3e3e3; border-width: 0 1px;line-height:35px;
text-align:center; height:45px; padding:8px;}
.search-block .search-L {float:left; width:20%; font-weight:bold;}
.search-block .search-R { float:right;width:20%;}
.search-block .search-R .find { margin:2px 4px;}
.search-block .search-M {float:left; width:60%;}
.search-block .search-M .inp { border:1px dashed #ccc; padding:8px;margin:0px 8px 0 8px; width:95%;}
.check {line-height:20px;}
.check input {margin-top:4px;}

.versand .blkheadsV, .versand .blkheads{color:#f85014; font-size:14px; font-weight:bold;padding-top:10px;}
.S-option { background:#fff;padding:4px; border:1px dashed #ccc; margin-top:10px;}
.S-option a { color:#000;}
.personnel-links {border:1px solid #f78601;overflow:hidden;}
.personnel-links div { float:left;}
.personnel-links .kauf {width:40%; }
.personnel-links .lief {width:30%; }
.personnel-links .service {width:30%; }
.personnel-links h3 {background:#f78601;color:#fff;}
.personnel-links h3 a { padding:4px; color:#fff; display:block;}
.personnel-links ul{ padding:4px; display:block;}
.personnel-links li a{ display:block; color:#333; background:url(arr2.gif) no-repeat left 6px; padding-left:10px;line-height:22px;}

.footer {background:url(footer-bg.gif) repeat-x left top;font-size:14px;text-align:center; color:#000; padding:8px;margin-top:10px;}
.footer span { color:#fff; }

.scroller-box { background:#fff; padding:8px; margin-top:20px; border:1px solid #dee2ea;}
.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  {margin-left:10px;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;}

.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;}

.blkheads { font-size: 12px;font-weight: bold;color: #000000;text-decoration: none;}
.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 { padding-top:8px;}
.desc .blkheadsneu, .author-desc .blkheadsneu { font-size:15px; font-weight:bold; color:#f85014; padding-top:10px;}
.lftmenu { font-size:12px;}
.versand { padding-top:8px;}


@media only screen 
  and (min-width: 1024px) 
  {
  .nav-M{display:none;}
  .mob{display:none;}
  }
  @media only screen 
  and (max-width: 1023px) 
  {
/*Media query*/
body {margin:0 !important;}
.nav-M{display:block;}
 #ebay-price {top:100px;}


  }
@media only screen 
  and (min-width: 320px) 
  and (max-width: 767px)
  {
  .content, .block-left, .block-right, .det-left, .det-right, .personnel-links .kauf, .personnel-links .lief, .personnel-links .service {width:100%;}
  .search-block {}
  .details {width:100%;}
  .details span.htxt {width:64%;}
.htxt_lft{ width:35%;}
  #ebay-price {width:110px; right:0;position:static;}
  .search-block {width:95%;}
  .anmelden {top:225px;}
  .anmelden li a {color:#333;}
  .search-block {position:relative;}
  .check {position:absolute; top:40px;}
  .content-block {padding-top:30px;}
  .search-block .search-R {width:35%; float:left;}
  .logo img {display:none;}
  .logo {    height: 166px;
    overflow: hidden;
    background: url("header.jpg") no-repeat center top}
	.det-left .image { text-align:center;padding:10px;}
  .content-block {position:relative;padding-bottom:350px;}
  .block-left {position:absolute;bottom:0; margin:10px 0;}
  .scrollbox .scroll li {width:130px;}
  .scrollbox .scroll {width:80%;}
  .search-block .search-L {display:none;}
  .scrollbox {margin-left:0;}
  .scrollbox .next, .scrollbox .nextPage {float:right;}
	.scrollbox .prev, .scrollbox .prevPage, .scrollbox .next, .scrollbox .nextPage {background-size:cover; width:24px; height:24px;}
	
	.personnel-links div {float:none;}
  img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}
  #page_inner {width:100%;}
 
 
  
  
  }
  @media only screen 
  and (min-width: 768px) 
  and (max-width: 1023px)
  {
 #page_inner, .content {width:100%;}
 .search-block {width:80%;}
 .block-left {width:26%;}
 .block-right {width:73%;}
 .block-left h2 {font-size:16px; font-weight:normal;}
 .det-left {width:30%;}
 .det-right {width:69%;}
  img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

  }