@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'myFont';
    src: url('avgardm-webfont.eot');
    src: url('avgardm-webfont.eot?#iefix') format('embedded-opentype'),
         url('avgardm-webfont.woff') format('woff'),
         url('avgardm-webfont.ttf') format('truetype'),
         url('avgardm-webfont.svg#myFont') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {margin:0 15px 5px !important;padding:0; font-family:myFont,AvantGarde Md BT, arial, 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;}
.pad-10 { padding:10px;}
img { border:none;}
h1 { color:#0f9b1d; font-family:myFont,AvantGarde Md BT, arial, sans-serif; font-size:14px; margin-bottom:4px;}
#page { background:#fff; margin:20px auto; width:1000px; padding:10px;-webkit-box-shadow:  0px 0px 8px 4px #999;box-shadow:  0px 0px 8px 4px #999; font-size:12px;}
#header { height:122px; width:100%;}
.header_L { height:122px; float:left; width:289px;}
.header_R { height:122px; float:right; width:711px;}
#top-nav {background: #1cb02b; /* Old browsers */
background: -moz-linear-gradient(top,  #1cb02b 0%, #43c150 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1cb02b), color-stop(100%,#43c150)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1cb02b 0%,#43c150 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1cb02b 0%,#43c150 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1cb02b 0%,#43c150 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1cb02b 0%,#43c150 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1cb02b', endColorstr='#43c150',GradientType=0 ); /* IE6-9 */
height:52px; font-family:myFont,AvantGarde Md BT, arial, sans-serif;}
#top-nav ul { display:block;}
#top-nav li { float:left; display:block; line-height:52px;}
#top-nav  li a { padding:10px; color:#fff; font-size:12px;}
#top-nav  li a:hover {background: #7e7e7e; /* Old browsers */
background: -moz-linear-gradient(top,  #7e7e7e 0%, #5c5c5c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7e7e7e), color-stop(100%,#5c5c5c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7e7e7e 0%,#5c5c5c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7e7e7e 0%,#5c5c5c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7e7e7e 0%,#5c5c5c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7e7e7e 0%,#5c5c5c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e7e7e', endColorstr='#5c5c5c',GradientType=0 ); /* IE6-9 */
}
.search { float:left; width:360px; padding-top:10px; font-family:myFont,AvantGarde Md BT, arial, sans-serif;}
.search_T { line-height:25px;}
.search input { float:left; margin-left:1px;}
.search .suchen_but {}
.search .inp {background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e1e1e1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e1e1e1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e1e1e1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e1e1e1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
border:1px solid #ccc; color:#8a8a8a; font-size:12px; padding:0 4px; height:26px; margin-top:2px; width:250px;}
.search .check { float:right; padding-right:8px; margin-top:2px;}

.agb_links { float:right; margin-top:15px;}
.agb_links ul { display:block;}
.agb_links li { float:left; line-height:20px; border-left:1px solid #ccc;}
.agb_links a { color:#777 !important; padding:4px 10px;}
.agb_links a:hover { color:#0f9b1d !important;}

#content { padding:10px 0;}
.content_L { float:left; width:22%}
.content_L .border_blk { border:1px solid #e0e0e0; padding:1px; margin:0 auto 10px auto;}
.content_L .border_blk h2 { background:url(block-header.gif) repeat-x left top; color:#fff; font-size:14px; font-family:myFont,AvantGarde Md BT, arial, sans-serif; line-height:30px; padding-left:8px;}
.content_L .border_blk ul { display:block; padding:0 8px;}
.content_L .border_blk li { display:block; line-height:25px; background:url(arrow.gif) no-repeat left 8px; padding-left:12px;}
.content_L .border_blk li a{ color:#5b5b5b; font-size:13px;}
.content_L a:hover { color:#0f9b1d !important;}
.content_R { float:left; width:78%}

.booktitle, .orgtxt1{ color:#0f9b1d; font-size:20px; font-weight:bold;}
.bookauthor, orgtxt2{ color:#000; font-size:20px; font-weight:normal;}
.detailsBlk { width:98%; float:right; margin-bottom:15px;}
.detailsBlk_L { float:left; width:60%;}
.detailsBlk_L h2 { border-bottom:3px solid #f3f3f3;}
.detailsBlk_R { float:right; width:40%;}
.slide_block, .desc {width:100%; margin-bottom:15px;}

.blkheads { font-size: 12px;font-weight: bold;color: #000000;text-decoration: none;}
.details { font-size:12px; padding:8px 0;}
.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:#000;}
.lftmenu { font-size:12px;}
.versand { padding-top:8px; color:#0f9b1d;}
.ebay-price { font-size:20px; color:#0f9b1d; font-weight:normal;}
.inkl { color:#a7a7a7; padding-left:10px; font-size:12px;}
.image { text-align:right;}
.detailsBlk_R .image img{height:auto;width:300px;}

.S-option { padding:10px 0 0 10px;text-align:right;}
.S-option-in { padding:8px;}
.S-option h3 { color:#0f9b1d; font-size:14px; font-weight:normal;}
.S-option a { color:#000; text-decoration:underline;display:block; font-size:12px;}
.S-option p { line-height:18px;}

#fotter {background: #1cb02b; /* Old browsers */
background: -moz-linear-gradient(top,  #1cb02b 0%, #43c150 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1cb02b), color-stop(100%,#43c150)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1cb02b 0%,#43c150 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1cb02b 0%,#43c150 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1cb02b 0%,#43c150 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1cb02b 0%,#43c150 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1cb02b', endColorstr='#43c150',GradientType=0 ); /* IE6-9 */
height:40px; color:#fff; font-size:12px; text-align:center; font-weight:bold; line-height:40px; }
.page-style {border:1px solid #E0E0E0;padding:8px;}
.page-style h2 {color:#0F9B1D;}
.stBadge-accent td {background:#FFFFFF;}
.content_L .shipping-block { border:1px solid #e0e0e0; padding:1px; margin:0 auto 10px auto;}
.content_L .shipping-block h2 { background:url(block-header.gif) repeat-x left top; color:#fff; font-size:14px; font-family:myFont,AvantGarde Md BT, arial, sans-serif; line-height:30px; padding-left:8px;}
.shipping-block-in {margin:0 auto; padding:16px; text-align:center;}
.content_L .payment-block  { border:1px solid #e0e0e0; padding:1px; margin:0 auto 10px auto;}
.content_L .payment-block  h2 { background:url(block-header.gif) repeat-x left top; color:#fff; font-size:14px; font-family:myFont,AvantGarde Md BT, arial, sans-serif; line-height:30px; padding-left:8px;}
.payment-block-in {margin:0 auto; padding:16px; text-align:center;}
.scroll-block { background:#fff; padding:8px;margin-top:10px;border: 1px solid #e0e0e0;}
.scroll-block h2 { font-size:18px; color:#255eae; font-weight:normal;    margin: 0;}
/*.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;*/
}
/* 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 {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:38px;	height:115px;float:left;	margin:70px 0 0;cursor:pointer;}

.scrollbox .next,.scrollbox .nextPage {background-image:url(next.gif);margin-right:0px; float:right;}
.scrollbox .prev,.scrollbox .prevPage {background-image:url(prev.gif);margin-left: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:#0f9b1d !important;font-weight:bold;font-size:14px;display:block;}
.scrollbox .title  {display:block;font-weight:bold;margin:10px 3px 5px; font-size:12px;color:#333;}

 .mob {display:none;}
        #top-nav > label { display:none;}
        #top-nav > input { display:none;}
        @media only screen
            and (min-width: 320px)
            and (max-width: 767px)  {
                #page, .header_L, .header_R, .content-L, .content-R, .search, .agb_links {width:100%;float:none;overflow:hidden;}
                #header, .header_L, .header_R{ height: auto}
                .header_L{ text-align: center; padding-bottom: 5px;}
                #page{padding: 0}
                #page-in{ padding: 10px}
                .detailsBlk_R {width:100%; float:none;}
                .detailsBlk_L {width:95%; float:none;}
                .search_T {position:static;width:100%;}
                .agb-links{position:static;border-radius:0;text-align:center;}
                .search-block label, .content_L {display:none;}
                .header {padding-top:90px;}
                .inp {width:75%;}
                .search_T{padding:10px; padding-left:0;}
                .search .check{ float: none}
                .search .inp{ width: 60%}
                .scrollbox .scroll {width:72%;}
                .add {position:absolute;bottom:0;width:100%;}
                .content-details {position:relative;padding-bottom:260px;}
                .det-info .det_lft {width:35%; }
                .det-info .det_rht {width:63%; }
                .header .logo {padding:0 10px 10px 10px;}
                .suchen_but{ float: left}
                .desk, .top-nav {display:none;}
                .mob {display:block;}
                #top-nav li a {background:url(arrow.gif) no-repeat 4px center;padding-left:16px;}
                #top-nav {
                    display: block;
                    height: auto;
                    position: relative;
                    /*min-height: 40px;*/
                }
                #top-nav, #top-nav a {
                    color: #1D4986;
                    text-decoration: none;
                }
                #top-nav h3 {
                    display:none;
                }
                #top-nav a {
                    display: block;
                    padding:6px 4px 6px 16px;
                    font-size:14px;

                }
                #top-nav a:hover {
                    background: #e65878;color:#fff;
                }
                #top-nav ul {
                    padding:0;
                    margin: 0;
                    overflow:hidden;
                }
                #top-nav ul li {
                    float:left;
                    display:inline;
                    position:relative;
                    background: #f2f2f2;
                    border-bottom:1px solid #fff;
                    text-align:left;
                }

                #top-nav ul li a { float:none;}
                /*Hide checkbox and label by default*/
                #top-nav > input,
                #top-nav > label {
                    display: none;
                }
                #top-nav > label span{ font-size:25px; float:right; margin-right:20px;}
                #top-nav > 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: #7e7e7e url(menu-icon.png) no-repeat right 20px center;
                    text-align:left;

                }


                #top-nav > label {
                    display: block;
                    background:#1DB12C url(menu-icon.png) no-repeat right 20px center;
                    color:#fff;
                }
                #top-nav > ul {
                    display: none;
                    clear: both;
                }
                #top-nav > input:checked + ul {
                    display: block;
                }
                #top-nav ul ul li a:before {
                    content:'? ';
                    display: inline;
                }
                #top-nav ul li {
                    float: none;
                    display: block;
                    border-right: none;
                    background-color:#777;
                    line-height: normal;

                }
                #top-nav li:hover ul {
                    position: relative;
                    width: auto;
                }
                #top-nav ul ul li:hover > ul {
                    right:auto;
                    top: auto;
                    left: auto;
                }

                .slide_block, .desc{ float: none;}

            }

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

        }
		
		
.headermain {
    position: relative;
    margin: 0;
}

.header-container {
    float: right;
    margin-left: -289px;
    width: 100%;
}

.header-content {
    margin-left: 289px;
    
}

.header-left {
    float: left;
    width: 289px;
    padding-bottom: 10px;
    position: relative;
}
.headermain .search .check{float:none}