@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:#7bb733;text-decoration:none;cursor:pointer;}
ul,li { list-style:none;padding:0; margin:0;}
h1,h2,h3,h4,h5,p{padding:0; margin:0;}
h2{font-size:18px;}
.pb-10 { padding-bottom:10px;}


#page { background:url(body-bg.gif) repeat-x left top;overflow:hidden;}
#page-in {width:1000px;margin:0 auto; position:relative;}
.logo { width:30%; float:left;}
#page-in .agb-links {}
#page-in .agb-links ul { margin:0 auto; text-align:right;}
#page-in .agb-links li { display:inline;}
#page-in .agb-links li a { padding:4px 7px;line-height:29px; color:#000;font-size:12px;}
#page-in .agb-links li a:hover{color:#829426;}

.top { overflow:hidden;}
.top .search-block {  padding:8px; margin:20px 0 0 20px; float:right;}
.top .search-block .search {  margin:0 auto;width:100%;}
.top .search-block .inp { background:#fff;  border:1px solid #fff; height:30px; width:350px;border-right:none; padding:0 0 0 4px;margin:0; color:#999;font-size:16px;}
.top .search-block .inp-wrap { border:1px solid #96a1c9; border-right:none; float:left;}
.top .search-block .check { padding-top:4px; color:#fff;}
.top .search-block .check input { float:left;}
.top .search-block .check label { display:block; margin-left:18px;font-size:12px;}

.content {background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ebebeb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#ebebeb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
}
.content .in { background:url(content-bot.gif) no-repeat center bottom;padding:10px;}

.content { padding:0;font-size:12px;}
.content .content-left { width:71.5%; background:#ffffff;-webkit-border-radius: 10px 10px 10px 10px;border-radius: 10px 10px 10px 10px;-webkit-box-shadow:  0px 0px 6px 2px #dbdbdb;box-shadow:  0px 0px 6px 2px #dbdbdb; float:left;}
.content .content-right { width:25.45%; background:#edefe2; float:right;-webkit-border-radius: 0 0 8px 8px;border-radius: 0 0 8px 8px;}
.content .content-right h2{  color:#639100;font-weight:normal;}
.content .block {padding:14px;min-height: 300px;line-height: 17px;}
.content .block .block-in {padding:8px}
.content .block h2 { margin-bottom:8px;}
.content .block h3 { background:#c8eeff; color:#245774; font-size:16px;-webkit-border-radius: 10px 10px 0 0;
border-radius:10px 10px 0 0;margin:0;line-height:30px; padding-left:8px;}
.content .block .block-L { width:20%; float:left;}
.content .block .block-R { width:79%; float:right;}
.content .block h4 { text-align:center; padding:15px 0;}
.content .detailsBlk-L { width:60%; float:left; background:url(line-shadow.gif) no-repeat right top;}
.content .detailsBlk-R { width:40%; float:left; text-align:center}
.booktitle { color:#5eba05; font-weight:normal;}
.bookauthor { color:#333; font-weight:normal;}

.ebay-price { color:#ff7800; font-size:18px;  padding:20px 0; margin:0 auto; width:90%; border-bottom:1px dashed #ccc;}
.inkl { display:block; color:#666666; font-size:12px;  }
.ebay-price1 { color:#ff7800; font-size:18px;  padding:20px 0; margin:0 auto; width:90%; border-bottom:1px dashed #ccc;}
.inkl { display:block; color:#666666; font-size:12px;  }

.S-option { margin-top:10px; padding:10px;width:85%; margin:0 auto; text-align:left;}
.S-option h5 { color:#639100; font-size:14px; font-weight:normal;padding-top:8px;clear:both;overflow:hidden;}
.S-option .htxt { color:#999;margin:2px; font-size:12px; font-weight:normal;display:block;float:left;border:1px solid #ccc;	 background:#fafafa;padding:2px;}
.S-option a.htxt:hover { background:#fff;color:#333;}
.S-option .htxt u {text-decoration:none;}
.S-option p {padding-bottom:0;}
.blkheadsneu { color:#2c4393; font-size:14px; font-weight:bold;}
.desc {  clear:both; margin-bottom:20px; float:left; width:100%; display:block;}
.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:#639100;}
.lftmenu { font-size:12px;border:1px solid #ccc; padding:10px;}
.blkheadsneu div {background:#79af04; color:#fff; float:left;padding:4px 8px;}
.versand .blkheads{ padding-top:8px;color:#639100;}
.image img { border:solid #eaeaea; border-width:0 4px 4px 0;max-width:200px;}
.content .content-right .right-links {background:#2c4393;-webkit-border-radius: 0 0 8px 8px;border-radius: 0 0 8px 8px; padding:10px; }
.content .content-right .right-links-in { border:1px dashed #96a1c9; padding:8px; }
.content .content-right .right-links h2{ color:#c8d583; font-weight:normal; font-size:16px; margin-bottom:10px;}
.content .content-right .right-links ul { list-style:none; display:block;}
.content .content-right .right-links li { display:block; }
.content .content-right .right-links a { color:#fff; display:block; line-height:25px;background:url(bullet.png) no-repeat 4px center; padding-left:16px;}
.content .content-right .right-links a:hover, .content .content-right .right-links li:hover { color:#fff; background:#639100 url(bullet-on.png) no-repeat 4px center; }

.main { padding-top:20px;}
.main .main-left {width:23%; float:left;}
.main .main-left .block{ border:1px dashed #ccc; padding:10px; margin-bottom:20px;}
.main .main-left .block h2{ color:#639100; font-weight:normal; }
.main .main-left .block ul{ display:block; list-style:none; }
.main .main-left .block li a{ font-size:12px;display:block; padding:4px 12px; color:#737373; background:url(bullet.gif) no-repeat left center; transition-property:background,width;
transition-duration:1s;

/* Safari */
-webkit-transition-property:background,width; 
-webkit-transition-duration:1s; width:65%;} 
.main .main-left .block li a:hover {width:90%;background:#f2f2f2 url(bullet.gif) no-repeat left center;}
.main .main-left .block p{ font-size:12px;padding-bottom:10px; }
.main .main-right { width:75%; padding-left:20px; float:left;}


.scroll-block  { height:250px;}
.scroll-block h2 { margin:10px; color:#639100;font-weight:normal;font-size:18px;}
.scrollbox  {margin-left:0px;height:250px; 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;*/ border:1px solid #cbcbcb;}
/* 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:92%;height:250px;}

.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:28px;	height:28px;float:left;cursor:pointer;}

.scrollbox .next,.scrollbox .nextPage {background-image:url(next.gif);margin:95px 0px 0 0;float:right;}
.scrollbox .prev,.scrollbox .prevPage {background-image:url(prev.gif);margin:95px 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;}

.bottom { background:url(footer-bg.gif) repeat-x left top; height:40px; color:#fff; text-align:center; font-size:14px; line-height:40px;}
.bottom span { font-weight:bold;}
nav { display:none;}


@media only screen 
  and (min-width: 320px) 
  and (max-width: 767px)
  {
  
#page-in{width:100%;}
.desk { display:none;}
.content .block .block-L, .content .block .block-R, .content .detailsBlk-L, .content .detailsBlk-R, .main .main-left, .main .main-right {width:100%; float:none;}
.content .detailsBlk-L { background:none;}
.content .detailsBlk-R {background:#fff; border:1px dashed #ccc;}
.ebay-price { font-size:24px;}
.inkl { padding-top:4px;}
.main .main-right { padding-left:0;}
.content .block {padding:4px;}
.middle { position:relative;padding-bottom:320px;}
.Anbiet { position:absolute;bottom:0; width:93%;font-size:14px;}
.image { text-align:center;padding-bottom:10px;}
.details {width:100%;}
.details span.htxt {width:65%;}
.htxt_lft{width:35%; }
  .lftmenu, .main .main-left .block p {font-size:100%;}
  .image img {max-width: 100%;height: auto;}
  
nav {
    display: block;
    background: black;
    position: relative;
    min-height: 40px;
}
nav, nav a {
    color: white;
    text-decoration: none;
}
nav a {
    display: block;
    padding:10px;
	font-size:14px;
	
}
nav a:hover {
    background: #446400;
}
nav ul {
    padding:0;
    margin: 0;
}
nav ul li {
    float:left;
    display:inline;
    position:relative;
    background: #79af04;
   
	border-bottom:1px solid #446400;
}


/*Hide checkbox and label by default*/
nav > input,
nav > label {
  display: none;
}
nav > label span{ font-size:25px; float:right; margin-right:20px;display:none;}
nav > label {
  width: 100%;
  float: left;
  padding: 4px 10px;
  line-height:30px;
  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;
  background:url(menu-icon.png) no-repeat right 20px center;
}

/*Media query*/
@media (max-width: 767px) {
    nav > label, nav ul li ul {
        display: block;
    }
    nav > ul {
        display: none;
        clear: both;
    }
    nav > input:checked + ul {
        display: block;
    }
    nav ul ul li a:before {
        content:'? ';
        display: inline;
    }
    nav ul li {
        float: none;
        display: block;
        border-right: none;
   
    }
    nav li:hover ul {
        position: relative;
        width: auto;
    }
    nav ul ul li:hover > ul {
        right:auto;
        top: auto;
        left: auto;
    }
}
  }

@media only screen 
  and (min-width: 768px) 
  and (max-width: 1023px)
{
#page-in {width:100%;}
.content .detailsBlk-L, .content .detailsBlk-R {width:100%; float:none;}
.content .detailsBlk-L{background:none;}
.content .detailsBlk-R{background:#fff;}
.content .block .block-L{width:30%;}
.content .block .block-R{width:70%;}
.main .main-left { width:30%;}
.main .main-right { width:67%;}
.lftmenu {font-size:14px;}
.image img {width: auto;  height: auto;}
}
.ange {  color: #F00;
    font-size: 30px;
    font-weight: bold;
    line-height: 60px;
    text-decoration: underline;
    padding-left: 370px;
 }