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

@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:#333;text-decoration:none;cursor:pointer;}
ul,li { list-style:none;padding:0; margin:0;}
h1,h2,h3,h4,p{padding:0; margin:0; line-height:1.5em;}
h3 { font-size:14px;  padding-bottom:4px;}
h4 { font-size:12px; text-transform:uppercase; padding-bottom:4px;}
.fleft { float:left} .fright { float:right;}
.font-arial { font-family:Arial, Helvetica, sans-serif;}
.color-red { color:#e20014;}
.color-gray { color:#777;}
.color-dardgray { color:#333;}
.pt-10 { padding-top:10px;}
.pr-10 { padding-right:10px;}
.pb-10 { padding-bottom:10px;}
.pl-10 { padding-left:10px;}
.mt-10 { margin-top:10px;}
.mb-10 { margin-bottom:10px;}
.mt-2 { margin-top:2px;}
.border-top { border-top:1px solid #ccc;}
.border-bottom { border-bottom:1px solid #ccc;}
.t-transform { text-transform:uppercase;}
.wid-50 { width:49%;}
.wid-66 { width:66%;}
.wid-33 { width:33%;}

/*PAGE STYLES*/
#main-content {background:#fff;}
#page { background:#ececec; margin:0 auto;}
#page-inner { background:#30b2fe; width:1000px; margin:0 auto; padding:10px;}
#header { margin-bottom:10px; position:relative;}
#header .number { position:absolute; right:10px; bottom:10px; font-size:20px; font-weight:bold; color:#fff;}
.content-left { width:20%; float:left;}
.content-right { width:78.5%; float:right;}

.block-header{background: #feffba; /* Old browsers */
background: -moz-linear-gradient(top,  #feffba 0%, #fcff19 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffba), color-stop(100%,#fcff19)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #feffba 0%,#fcff19 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #feffba 0%,#fcff19 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #feffba 0%,#fcff19 100%); /* IE10+ */
background: linear-gradient(to bottom,  #feffba 0%,#fcff19 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffba', endColorstr='#fcff19',GradientType=0 ); /* IE6-9 */
 color:#000000; padding:6px; margin-bottom:1px;
 }
.price-sort li {background: #feffba !important; /* Old browsers */
background: -moz-linear-gradient(top,  #feffba 0%, #fcff19 100%) !important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffba), color-stop(100%,#fcff19)) !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #feffba 0%,#fcff19 100%) !important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #feffba 0%,#fcff19 100%) !important; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #feffba 0%,#fcff19 100%) !important; /* IE10+ */
background: linear-gradient(to bottom,  #feffba 0%,#fcff19 100%) !important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffba', endColorstr='#fcff19',GradientType=0 ) !important; /* IE6-9 */
 color:#000000; margin-bottom:1px;font-weight:bold;
 } 
 .price-sort li a {color:#000 !important}
 .block ul { display:block;}
 .block li {background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 97%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(97%,#f6f6f6), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 97%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 97%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 97%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 97%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ margin-bottom:1px;-webkit-box-shadow: 0 2px 2px 0px #555;
box-shadow:0 2px 2px 0px #555; overflow:hidden;}
.block li a{ display:block; padding:6px 16px; color:#494949; background:url(arrow.png) no-repeat 4px center; font-size:14px; }
 
.block li:last-child {}
.search { float:left;}
.search input { border:none; background:#fff; float:left; }
.search .inp {height:34px; width:530px; font-size:24px; color:#999; }
.blkheadsneu div {color:#376B89; font-size:18px;}

.details { background:#fff; padding:10px;}
.details-left { float:left;width:25%}
.details-right { float:right;width:74%;}
.details .left { float:left} .details .right { float:right;}
.main-image {max-width:100%;-webkit-box-shadow: 0 1px 2px 2px #bbb;
box-shadow: 0 1px 2px 2px #bbb;}

.S-option { margin-top:50px; border:1px dashed #ccc; background:#f2f2f2; padding:4px;}
.S-option-in {background:url(next-small.gif) no-repeat right center;min-height:72px;padding-right:30px;}
.S-option-in .htxt {color:#30b2fe;}
.S-option-in h3 {font-weight:normal;font-size:14px;}
.desc { background:#fff; padding:8px;}
.agb-links { float:left;}
.agb-links a { padding:4px 12px; float:left;}
.booktitle{color:#376b89; font-size:18px;}
.bookauthor {color:#777; font-size:14px;padding-bottom:10px;}
.details { font-size:12px; padding-top:4px; }
.details td {height:auto !important;font-size:12px; font-weight:bold; line-height:20px;}
.details span.htxt {float:left;width:240px; font-weight:normal; display:block;}
.htxt_lft{ display:block; float:left; width:110px; font-weight:bold;}
.ebay-price {background:#fcff19; font-size:24px; color:#18017f;padding:4px;margin-bottom:10px;}
.ebay-price .inkl {background:#fcff19; font-size:12px; color:#18017f;}
.versand.right {float:right;}
.details-right .versand td {color:#376B89;font-size:14px;}
.details-right .versand, .details-right .pt {padding-left:10px;}

#footer {margin-top:20px;}
#footer .power {line-height:30px; float:right;color:#9b9b9b;padding-right:10px; font-style:italic;}
#footer .power span {color:#30b2fe;font-style:normal;}
.agb-links a {background:none !important;padding:8px 10px !important;color:#949494 !important; font-size:12px !important;}


.arrowlistmenu{
width: 100%; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
color: #333;
background:#fff url(plus.png) no-repeat 0 center;
margin-bottom: 2px; /*bottom spacing between header and rest of content*/
/*text-transform: uppercase;*/
padding: 4px 0 4px 16px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
font-weight:normal;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background:#fff url(minus.png) no-repeat 0 center;margin:0;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px;margin:0;background:#fff; box-shadow:none; /*bottom spacing between menu items*/
}
.subcategoryitems li {background:#f2f2f2 !important;}
.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background: #fff url(plus-small.png) no-repeat 9px center !important;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: #fff url(minus-small.png) no-repeat 9px center !important;
}

.arrowlistmenu ul li .opensub2header{ /*Open state CSS for sub menu header*/
background: #fff url(plus-small.png) no-repeat 9px center !important;
}

.arrowlistmenu ul li .closedsub2header{ /*Closed state CSS for sub menu header*/
background: #fff url(minus-small.png) no-repeat 9px center !important;
}

.arrowlistmenu ul li a{
color: #888888 !important;
background: url(bullet.png) no-repeat 9px center; /*custom bullet list image*/
display: block;
padding: 4px 0;
padding-left: 20px; /*link text is indented 19px*/
text-decoration: none;
font-weight: normal;
/*border-bottom: 1px solid #dadada;*/
font-size: 14px;
}
.subcategoryitems {background:#f2f2f2;margin:0 !important}
.arrowlistmenu ul li a:visited{
color: #333;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background-color: #F3F3F3;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: lightblue;
}

/*TOP MENU*/
.top-nav{
background: #feffba; /* Old browsers */
background: -moz-linear-gradient(top,  #feffba 0%, #fcff19 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffba), color-stop(100%,#fcff19)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #feffba 0%,#fcff19 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #feffba 0%,#fcff19 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #feffba 0%,#fcff19 100%); /* IE10+ */
background: linear-gradient(to bottom,  #feffba 0%,#fcff19 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffba', endColorstr='#fcff19',GradientType=0 ); /* IE6-9 */
	text-align: center;
	margin-bottom:4px;
}

.top-nav ul ul {
	display: none;
}

	.top-nav ul li:hover > ul {
		display: block;
	}


.top-nav ul {
	
	padding: 0 10px; 
	list-style: none;
	position: relative;
	display: inline-table;
}
	.top-nav ul:after {
		content: ""; clear: both; display: block;
	}

	.top-nav ul li {
		float: left;
	}
		.top-nav ul li:hover {
		background: #18017f; /* Old browsers */
background: -moz-linear-gradient(top,  #18017f 0%, #30189b 40%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#18017f), color-stop(40%,#30189b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #18017f 0%,#30189b 40%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #18017f 0%,#30189b 40%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #18017f 0%,#30189b 40%); /* IE10+ */
background: linear-gradient(to bottom,  #18017f 0%,#30189b 40%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18017f', endColorstr='#30189b',GradientType=0 ); /* IE6-9 */

		}
			.top-nav ul li:hover a {
				color: #fff;
			}
		
		.top-nav ul li a {
			display: block; padding: 10px;
			color: #333; text-decoration: none;
			font-size:16px;
		}
			
		
	.top-nav ul ul {
		background: #fcff19; border-radius: 0px; padding: 0;
		position: absolute; top: 100%;	-webkit-box-shadow: 0 1px 2px 2px #bbb;
box-shadow: 0 1px 2px 2px #bbb;width:200px;z-index:1;
	}
		.top-nav ul ul li {
			float: none; 
		
		 position: relative;
		}
			.top-nav ul ul li a {
				padding: 5px 10px;
				color: #333 !important;
				font-size:13px;
				text-align:left;
			}	
				.top-nav ul ul li a:hover {
					background: #feffce;
				}
		
	.top-nav ul ul ul {
		position: absolute; left: 100%; top:0;
	}
	
.search-block {clear:both;margin-bottom:4px;}
.search-block .search {float:left; height:34px;color:#999; }
.search-block .sub {float:left;}
.lftmenu {color:#777; font-size:14px;min-height:100px;display:block;}
.buttons {position:absolute; left:10px; bottom:10px;width:380px;}
/*SCROLL*/
.scroll-block {text-align:center;background:url(line.gif) repeat-x center 7px;}
.scroll-block h3 {text-align:center;margin-left:350px; float:left; padding:0 10px;background:#fff;}
.scroller-box { background:#fff; padding:8px; margin-top:20px; border:1px solid #dee2ea;}
.scroller-box h2 { font-size:18px; color:#376b89; 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:83%;height:260px;}

.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:60px;	height:140px;float:left;	margin:50px 0 0;cursor:pointer;}

.scrollbox .next,.scrollbox .nextPage {background-image:url(next.gif);float:right;}
.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:#ED1C2E !important;font-weight:bold;font-size:16px;display:block;}
.scrollbox .title  {display:block;font-weight:normal;margin:10px 3px 5px; font-size:14px;color:#5d5d5d;}
/**/
#bestSellerResults{}
.top-10 {background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 97%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(97%,#f6f6f6), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 97%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 97%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 97%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 97%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ margin-bottom:1px;-webkit-box-shadow: 0 2px 2px 0px #555;
box-shadow:0 2px 2px 0px #555; overflow:hidden;margin-bottom:10px}
.item-top10 {padding:6px;border-bottom:1px dotted #ccc;}
.item-top10 .title {overflow:hidden;}
.item-top10 .title, .item-top10 .title a {color:#30B2FE; font-size:14px;}
.item-top10 .title a {float:left;width:90%;}
.item-top10 .autorline {padding-left:17px;}
.item-top10 .count {width:10%; float:left;}
.item-top10all {text-align:right;padding:2px;}



.desk {display:block;}
#navM > label { display:none;}
#navM > input { display:none;}
@media only screen 
  and (min-width: 320px) 
  and (max-width: 767px)  {
	#page-inner, .content-right, .details-left, .details-right, .details-right .wid-66, .details-right .wid-33  {width:100%; float:none;}  
	#page-inner { padding:0px;}
	.content-left { display:none;}
	.versand.right { float:none;}
	#header img {max-width: 100%;height: auto;}
	.scrollbox .scroll { width:62%;}
	.htxt_lft { width:35%;}
.details span.htxt { width:63%;word-break: break-all;}
.search .inp {width:90%;}
#header .number {position:static;}
	  
	   #navM {
    display: block;
	overflow:hidden;
    position: relative;
    /*min-height: 40px;*/
}
#navM, #navM a {
    color: #333;
    text-decoration: none;
}
#navM a {
    display: block;
    padding:10px 4px 10px 16px;
	font-size:14px;
	text-align:left;
	
}
#navM a:hover {
    background: #3f6fb9;
}
#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: #18017f url(menu-icon.png) no-repeat right 20px center;

}


    #navM > label {
        display: block;
		background:#18017f url(menu-icon.png) no-repeat right 20px center;
		
		color:#fff;
		text-align:left;
		border:1px solid #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;
    }
  }