body { font-family:Arial, Helvetica, sans-serif; font-size:12px;}
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;}
.left { float:left;}
.right { float:right;}
.pt {padding-top:20px;}
.pt {padding-top:20px;}
p.pt {padding-top:10px;font-size:14px;}
#page { border:1px solid #e4e4e4; width:1000px; margin:0 auto;}
.page-inner { padding:4px;}
#header { background:url(header-line.gif) repeat-x top left;border-bottom:1px solid #e3e3e3;padding-bottom:4px;}
#header .logo { padding-top:37px;}
#header .header-right  {width:68%;}
#header .top { padding-top:15px;}
#header .bottom { padding-top:40px;}
#header .top .search-block{ float:left; border-right:1px solid #e3e3e3;margin-left:80px; padding-right:30px;}
#header .top-links {
    display: block;
    float: right;margin-top:5px;
	background:#d41b9e;
}
#header .top-links ul {
    display: block;
}
#header .top-links li {
    border-right: 1px dotted #333333;
    display: block;
    float: left;
    padding: 4px 0;
}
#header .top-links li a {
    color: #fff;
    display: block;
    font-size: 12px;
    padding: 0 10px;
}
#header .top-links li:last-child {
    border-right: medium none;
}
#header .top .search { border:1px solid #d0d0d0 !important;-webkit-border-radius: 12px 0px 0px 12px;
        border-radius: 12px 0px 0px 12px; border-right:none !important; height:31px; width:250px; float:left; color:#999; font-style:italic;padding-left:4px;}

/*content*/
#main {padding:20px 10px;}
#main .main_L{width:28%; float:left;} 
#main .main_L .image{border:1px solid #e3e3e3;padding:8px;} 
#main .main_R{width:100%;} 
#main .main_R .title{color:#d41d9c;font-size:24px; font-weight:normal;} 
#main .main_R .author{color:#787878;font-size:14px;} 
#main .main_R .details{border:solid #e3e3e3;border-width:1px 0;} 
#main .main_R .details .det_L{float:left;width:70%;padding:10px 0;} 
#main .main_R .details .det_R{float:left;width:30%; text-align:center;padding:10px 0;} 
#main .main_R .details .det_L .blkheadsneu{} 
#main .main_R .details .det_L .blkheadsneu div{display:none;} 

/*Initialize*/
ul#menu { float:right;padding-right:4px !important;}
ul#menu, ul#menu ul.sub-menu {
    padding:0px;
    margin: 0;	
}
ul#menu ul.sub-menu {	background:#fafafa;-webkit-border-radius: 4px 4px 4px 4px;
        border-radius: 4px 4px 4px 4px;-webkit-box-shadow:  0px 0px 4px 2px #888888;
        
        box-shadow:  0px 0px 4px 2px #888888;z-index:1;}
ul#menu li, ul#menu ul.sub-menu li {
    list-style-type: none;
    display: inline-block;
}
ul#menu ul.sub-menu li { border-bottom:1px solid #e3e3e3;display:block;}
ul#menu ul.sub-menu li:last-child{ border-bottom:none;}
/*Link Appearance*/
ul#menu li a, ul#menu li ul.sub-menu li a {
    text-decoration: none;
    color: #000;
    display:block;
}
ul#menu li ul.sub-menu li a:hover { background:#ec8dcd;display:block;color:#fff;}
ul#menu li ul.sub-menu li a {padding:6px;font-size:12px;}
/*Make the parent of sub-menu relative*/
ul#menu li {
    position: relative;
}
/*sub menu*/
ul#menu li ul.sub-menu {
    display:none;
    position: absolute;
    top: 35px;
    right: 0;
    width: 200px;
}
ul#menu li:hover ul.sub-menu {
    display:block;
}
/*scroll*/
.slide_block {width:69%; float:right;}
.slide_block h2{background:#d41b9e;padding:8px;margin-top:1px;}
.scroller-box { background:#fff; padding:8px; margin-top:20px;height:320px}
.scroller-box h2 { font-size:18px; color:#ff7d2a; font-weight:normal;}
/*.scrollbox  {background-image:url(/scroll_bg.gif);padding:0 0 0;height:184px; margin-bottom:1em}*/
.scrollbox  {height:290px;border:1px solid #E2E2E1;margin-top:1em;/*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:93%;height:270px;}

.scrollbox .scroll ul {width:20000em;position:absolute;list-style:none;margin:0;padding:0;}
.scrollbox .scroll li {display:inline;float:left;list-style:none;line-height:15px;position:relative;width:155px;margin:0 4px 10px 4px;padding:5px 0; text-align:center;height:250px !important;}
.scrollbox .scroll li a {display:block;margin:0 !important;background:none !important;border:none !important;padding:0 !important;}
.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:42px;	height:115px;float:left;cursor:pointer;}

.scrollbox .next,.scrollbox .nextPage {background-image:url(next.png);margin:80px -30px 0 0;}
.scrollbox .prev,.scrollbox .prevPage {background-image:url(prev.png);margin:80px 0 0 -10px;}
/*.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:#fff !important;font-weight:bold;font-size:14px;display:block;background:#878787;width:100px;margin:0 auto;padding:2px 0}
.scrollbox .title  {display:block;font-weight:bold !important;margin:10px 3px 5px; font-size:12px !important;color:#333  !important;}

/**/
.details { font-size:12px; padding:4px;}
.details td {height:auto !important;font-size:14px; font-weight:normal; 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 {width:30%; float:left;}
.desc h2{ background:#d41b9e;}
.desc .blkheadsneu, .author-desc .blkheadsneu { font-size:15px; font-weight:bold; color:#064383;}
.lftmenu { font-size:12px;}
.versand { padding-top:8px;}
#ebay-price {padding-top:10px;}
.ebay-price-in {color:#b80b96;font-size:24px;}
.S-option{padding-top:20px;text-align:right;}
.S-option h3{color:#8c8c8c;font-weight:normal;padding-top:4px;}
.S-option p{color:#000;font-weight:normal;display:block}
.S-option a{color:#000;font-weight:normal;display:block}

.versand .blkheads {color:#646464; font-size:16px; font-weight:bold;}
.desc {border:solid #e3e3e3; border-width:1px 0  0 0;padding:0 0 8px 0;}
.desc .det-info {border:solid #e3e3e3; border-width:1px;padding:4px;background:#f6f6f6;}
.desc .blkheadsneu div{display:none;}
.address {margin-top:10px;border:1px solid #e3e3e3;}
.address h2 {background:#ea8ece;border:1px solid #fff;padding:8px 0;}
.address .pad-10 {padding:8px;font-size:14px;}
#fotter {border-top:1px solid #e3e3e3;text-align:center;color:#878787; font-size:14px;padding:4px 0;}
#fotter span{font-weight:bold;}
.blkheads {font-size:12px;line-height:25px;}
#top-nav{display:none}
 .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 .logo, .header-right, .det_L, .det_R, .search, .agb_links {width:100%;float:none;overflow:hidden;}
                #header, #header .logo, .header-right { height: auto}
				#header .logo {    padding-top: 2px;}
				#header .header-right {    width: 100%;}
				#header .top .search-block {    float: left; width: 100%;margin-left: 0px;padding-right: 0px;}
				#header .top .search{width:86%}
                .header_L{ text-align: center; padding-bottom: 5px;}
				#header .top-links{width:100%}
                #page{padding: 0}
                .page-inner{ padding: 10px}
                #main .main_R .details .det_R {width:100%; float:none;}
                #main .main_R .details .det_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)
        {

        }