@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:#000;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{text-align:center; padding:4px;}

#page { width:100%;}
.page-in { width:1000px; margin:0 auto;background:url(header-rightN.gif) no-repeat right 28px; }
.header-L, .header-R { float:left;}
.header-R { width:547px; height:135px; position:relative;}
.inp {width:300px; border:1px solid #fff; font-size:16px;}
.search-block { position:absolute; top:50px; right:150px;width: 400px;}
.search { background:url(suche-bg.gif) no-repeat left center; padding:19px; float:left;}
.sub { float:left;}
.blockHeader-bg { background:url(blockHeader-bg.gif) repeat-x left top; font-size:16px; color:#f8202b; padding:6px;}
.content-L { width:20%; float:left; background-color:#f1f1ec;}
.content-R { width:78%; float:right; border-right:1px solid #E8EBD9;}
.left-links { background:#f1f1ec;}
.left-links ul { display:block; margin:0; padding:4px; list-style:none;}
.left-links li a { display:block; padding:6px; color:#333; background:#fff; margin-bottom:4px; text-decoration:none; border:1px dotted #ccc;}
.left-links li a:hover { background:#fcd13d; color:#fff;}
.content-main { padding-top:30px;}
.main-L { float:left; width:72%; border:1px solid #E8EBD9; border-radius:10px; margin-top:10px;}
.main-R { float:right; width:26%; background:#f1f1ec;min-height:360px;}
.main-L-in { padding:10px;}
.S-option { margin:10px; background:#fff; padding:10px;}
.del-cost {padding-top:8px; color:#f8202b}
.desc-block {border:1px solid #E8EBD9; border-radius:10px; padding:10px; margin-top:10px;}
.footer {background: #ffc002; font-size:14px;
    border: 1px solid #ffa302;
    height: 30px; text-align:center; line-height:30px;}
.footer span { color:#fff; font-weight:bold;}
.det-block  .image { float:left; width:35%;}
.det-block  .image img { max-width:100%;}
.det-block  .det-info { float:right; width:63%;}
.agb-links {background:url(top-bg.gif) repeat-x right top; text-align:right;}
.agb-links a {display:inline-block; color:#fff; padding:7px 10px; border-right:1px solid #f82a34;}
.booktitle {font-size:18px; font-weight:normal; padding-bottom:6px;}
.det_lft {width:32%; float:left; font-weight:bold;}
.det_rht {width:67%; float:left;}
.det-info p {padding:2px 0; overflow:hidden;}
.ebay-price {color:#999; font-weight:normal; font-size:12px; padding:10px 0;	 }
.ebay-price .price, .price2  {color:#f8202b; font-weight:bold; font-size:15px;}

.scroll-block { clear:both; background:#fff;}
.scroll-block h2 { margin:10px;color:#f8ae20;font-weight:normal;}
.scrollbox  {margin-left:0px;height:280px; padding:8px;/*margin-bottom:1em;border:1px solid #E2E2E1;background:#4e4d4d;-moz-border-radius:4px; -webkit-border-radius:4px;-khtml-border-radius:4px;border-radius:4px;*/
-webkit-border-radius: 10px 10px 10px 10px;border-radius: 10px 10px 10px 10px; border:1px solid #E8EBD9;}
/* 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:88%;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:150px;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:40px;	height:100px;float:left;	margin:80px 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:#F8202B !important;font-weight:bold;font-size:14px;display:block;}
.scrollbox .title  {display:block;font-weight:bold;margin:10px 3px 5px ;font-size:12px;}
h3.pre-ord {font-size:18px; color:red;}
.desc-header {    FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #f8ae20;}
.desc-details{ padding-bottom:10px;}


.mob {display:none;}
#navM > label { display:none;}
#navM > input { display:none;}
@media only screen 
  and (min-width: 320px) 
  and (max-width: 767px)  {
  .page-in,.header-L, .header-R, .content-L, .content-M, .content-R, .search-block, .det-L, .main-L, .main-R, .det-block .image, .det-block .det-info{width:100%; float:none;} 
	.header-L img { max-width:100%;}
	.page-in { background:none;}
	.header-R {width:auto; height:auto;}
	.search-block {position:static; background-color:#fbdb31; overflow:hidden;}
	.header-L.mob { background:url(header-left_bg.gif) repeat-x left top;padding-top:20px;}
	.inp {width:70%;}
	.search { width:70%;}
	.main-R {padding:10px 0; min-height:auto;}
	.agb-links  {background: #f92d37 url(top-bg.gif) repeat-x right top;text-align: center;}
	.agb-links a {padding: 7px 28px;}
	.content-R {border-right:none;}
	.scrollbox .scroll {width:75%;}
	.scrollbox .scroll li {width:220px;}
  
  .desk {display:none;}
  .mob {display:block;}
#navM li a {background:url(arrow.gif) no-repeat 4px center;padding-left:16px;}
  #navM {
    display: block;

    position: relative;
    /*min-height: 40px;*/
}
#navM, #navM a {
    color: #333;
    text-decoration: none;
}
#navM h3 {
display:none;
}
#navM a {
    display: block;
    padding:6px 4px 6px 16px;
	font-size:14px;
	
}
#navM a:hover {
    background: #f92d37;color:#fff;
}
#navM ul {
    padding:0;
    margin: 0;
	overflow:hidden;
}
#navM ul li {
    float:left;
    display:inline;
    position:relative;
    background: #f2f2f2;
	border-bottom:1px solid #fff;
}

#navM ul li a { float:none;}
/*Hide checkbox and label by default*/
#navM > input,
#navM > label {
  display: none;
}
#navM > label span{ font-size:25px; float:right; margin-right:20px;}
#navM > label {
  width: 100%;
  float: left;
  padding: 4px 0px;
  line-height:27px;
  padding-right: 0;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size:16px;
  text-indent:10px;
  background: #f92d37 url(menu-icon.png) no-repeat right 20px center;

}


    #navM > label {
        display: block;
		background:#f92d37 url(menu-icon.png) no-repeat right 20px center;
		color:#fff;
    }
    #navM > ul {
        display: none;
        clear: both;
    }
    #navM > input:checked + ul {
        display: block;
    }
    #navM ul ul li a:before {
        content:'? ';
        display: inline;
    }
    #navM ul li {
        float: none;
        display: block;
        border-right: none;
   
    }
    #navM li:hover ul {
        position: relative;
        width: auto;
    }
    #navM ul ul li:hover > ul {
        right:auto;
        top: auto;
        left: auto;
    }

  }
  
   @media only screen 
  and (min-width: 768px) 
  and (max-width: 1023px)
  {

  }