body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td, object {margin: 0;padding: 0;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,strong,th,var{ font-style: normal;font-weight: normal;}
strong {font-weight: bold;}
li {list-style: none;}
caption,th { text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight: normal;}
q:before,q:after {content: '';}
abbr,acronym {border: 0;font-variant: normal;}
sup,sub {line-height: -1px;vertical-align: text-top;}
sub {vertical-align: text-bottom;} 
input, textarea, select {font-family: inherit;font-size: inherit;font-weight: inherit;}
body, html {width:100%;height:100%;}
a {text-decoration:none;color:#006;cursor:pointer;border-bottom:1px dotted #006;}
a.none {border:none;}

body {font:normal 12px/18px Arial, Helvetica, Times; text-align:center; color:#000; background:#fff;}
h1, #bookshelf div.eachpost h2 {display:none;}
/*
body {background:#c5c5c5 url(../img/bg.jpg) center 0px repeat;}
#outer {background:transparent url(../img/bg-top.jpg) center 0px repeat-x;}
*/
h2, .price {font-size:25px; font-weight:bold; line-height:36px; margin-bottom:36px;}
h2 small {display:block; line-height:18px; font-size:12px; font-weight:normal;}
h2.small, #book h2 {margin-bottom:18px; font-size:14px; line-height:18px;}
h2 a, h3 a {color:#000; border-color:#000;}
h3 {font-weight:bold;}
h3 .big {font-size:14px;}
h3, p, table.details {margin-bottom:18px;}
hr {border-top:1px dotted #999; height:0; margin-bottom:17px;}
#wrap {width:960px; margin:0 auto;}
.mtop {margin-top:18px;}
cite, cite a, #tweets p cite a {color:#666;}
.center, .cover {text-align:center;}
.right {text-align:right;}

form.checkout .text input, #vcard div {border:1px solid #efefef;}
.boxshadow form.checkout .text input, .boxshadow form.checkout .password input, .boxshadow #vcard div, #vcard div div {border:none;}
.shadow, .boxshadow #vcard, .more-books a, .cover img, .l-cover {box-shadow:1px 1px 4px rgba(0, 0, 0, 0.65); -webkit-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.65); -moz-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.65);}
.boxshadow form.checkout .text input, .boxshadow form.checkout .password input, .boxshadow #news-list a img, .boxshadow .header {box-shadow:0px 0px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0px 0px 3px rgba(0, 0, 0, 0.5); -moz-box-shadow:0px 0px 3px rgba(0, 0, 0, 0.5);}
.cover a:hover img {box-shadow:2px 2px 5px rgba(0, 0, 0, 0.65); -webkit-box-shadow:2px 2px 5px rgba(0, 0, 0, 0.65); -moz-box-shadow:2px 2px 5px rgba(0, 0, 0, 0.65);}

/* SPRITE */
#navi li a, #navi li a span, #header form input,  #footer form input,
ul.tabs-nav li a, ul.tabs-nav li a span, 
span.button, #pages li a, a#load-news, a.more-link, a.load-books, #footer #links a, 
a.cart-link, span.cart-link, table.cart a.del, form.checkout .submit input, 
#tweets p, #logo, a.button {background-image:url(../img/sprite.jpg); background-color:transparent; background-repeat:no-repeat;}

/* NAVI */
#header {height:54px;}
#navi, ul.tabs-nav {height:27px; margin-bottom:27px; font-size:11px; line-height:1em;}
#navi li, #navi li a, #navi li a span, ul.tabs-nav li, ul.tabs-nav li a, ul.tabs-nav li a span {float:left;}
#navi li a, ul.tabs-nav li a {width:77px; text-shadow:0px 1px 1px #fff; color:#000; padding-left:4px; display:block; height:27px; overflow:hidden; border:none; text-align:center; background-position:-4px -101px;}
#navi li a span, ul.tabs-nav li a span {padding:7px 6px 0 2px; height:20px; display:block; width:69px; background-position:0 29px;}
#navi li a:hover {background-position:-166px -159px;}
#navi li.act a {background-position:-240px -101px;}
#navi li.act a span, #navi li.act-first a span {background-position:right -130px;}
#navi li.first a, #navi li.act-first a {background-position:0 -101px; width:71px;}
#navi li.first a span, #navi li.act-first a span {padding-left:0; width:65px;}
#navi li.first a:hover {background-position:-162px -159px;}
#navi li.act-first a {background-position:0 -72px;}

#navi li#l_warenkorb a {width:152px; background-position:0 -130px;}
#navi li#l_warenkorb a span {padding-left:24px; width:120px;}
#navi li#l_warenkorb a:hover {background-position:-324px -188px;}
#navi li#l_warenkorb.act a {background-position:0 -159px;}
#navi li#l_warenkorb.act a span {background-position:-4px -159px;}


/* TABS */
#book-tabs {margin-top:26px; min-height:18em;}
* html #book-tabs {height:18em;}
body #book-tabs.loading {background-position:right top!important;}
ul.tabs-nav {border-bottom:1px solid #ccc; margin-bottom:35px;}
ul.tabs-nav li a {background-position:-4px -99px; width:auto;}
ul.tabs-nav li a span {background-position:0 29px; width:auto; padding:7px 20px 0 16px;}
ul.tabs-nav li a:hover {background-position:-166px -157px;}
ul.tabs-nav li.ui-tabs-selected a {background-position:-240px -99px;}
ul.tabs-nav li.ui-tabs-selected a span, ul.tabs-nav li.ui-tabs-selected a.first span {background-position:right -128px;}
ul.tabs-nav li.ui-tabs-selected a.first, ul.tabs-nav li a.first {background-position:0 -99px;}
ul.tabs-nav li a.first span, ul.tabs-nav li.ui-tabs-selected a.first span {padding-left:15px;}
ul.tabs-nav li a.first:hover {background-position:-162px -157px;}
ul.tabs-nav li a.last:hover {background-position:right -157px;}
ul.tabs-nav li.ui-tabs-selected a.first {background-position:0 -70px;}
ul.tabs-nav li.ui-tabs-selected a.last, ul.tabs-nav li a.last {background-position:right -70px;}
ul.tabs-nav li.ui-tabs-selected a.last {background-position:-240px -99px;}
ul.tabs-nav li a.last span, ul.tabs-nav li.ui-tabs-selected a.last span {padding-right:19px;}
ul.tabs-nav li.ui-tabs-selected a.last span {background-position:right -99px;}

.ui-tabs-hide {display:none;}


/* SEARCH FIELD */
#header form, #footer form {float:right; display:block; line-height:1em;}
#header form p, #footer form p {margin:0; float:left;}
#header form input, #footer form input {display:block; float:left; width:236px; height:21px; padding:8px 12px 0 12px; border:none; background-position:-160px 0px;}
#header form input:focus {background-position:-160px -39px;}
#header form input.submit, #footer form input.submit {width:53px; height:29px; padding:0; overflow:hidden; text-indent:-500em; font-size:0; line-height:0; cursor:pointer; background-position:-419px 0px;}
#header form input.submit:hover, #header form input.submit:focus {background-position:-419px -39px;}
#header form input.hidden, #footer form input.hidden {display:none;}

/* FOOTER */
#footer {margin-top:35px; border-top:1px dotted #999; padding:18px 0 54px; text-align:left; color:#666; font-size:11px;}
#footer a {color:#666; border:none;}
#footer a:hover {color:#006;}
#footer form {float:left;}
#footer form input {width:159px; background-position:0 -471px; padding-top:9px; height:20px; color:#666;}
#footer form input.submit {width:36px; background-position:-183px -471px; padding:0;}
#footer form input.submit:hover {background-position:-230px -471px;}
#footer #links a {padding:2px 0 5px 24px;}
#footer #links #l_1 {background-position:0 -360px;}
#footer #links #l_2 {background-position:0 -385px;}
#footer #links #l_3 {background-position:0 -410px;}
#footer #links #l_4 {background-position:0 -435px;}
#footer #links #l_5 {background-position:-170px -360px;}
#footer #links #l_6 {background-position:-170px -385px;}
#footer #links #l_7 {background-position:-170px -410px;}
#footer #links #l_8 {background-position:-170px -435px;}
#footer #links #l_9 {background-position:-340px -360px;}
#footer #links #l_10 {background-position:-340px -385px;}
#footer .error {color:#f33;}

/* NEWS */
.header {line-height:0; font-size:0; margin-bottom:18px;}
.header img {border:1px solid #efefef; width:634px; height:412px;}
.boxshadow .header img {border:none; width:636px; height:414px;}
.header a, .cover a {border:none;}
div#vcard, div#vcard div {height:198px; width:auto;}
div#vcard div div {height:auto;}
div#vcard div#logo {height:90px;}
#tweets {min-height:27em;}
* html #tweets {height:30em;}
#tweets p {margin-bottom:18px; padding:17px 0 0 45px; border-top:1px dotted #999; background-position:-462px -470px;}
#tweets p.first {padding-top:6px; border:none; position:relative; margin-top:-6px; background-position:-462px -481px;}
#tweets p cite {white-space:nowrap;}
#tweets p a {color:#006;}
#tweets a {border-width:0;}
#tweets a:hover {border-width:1px;}

#news-list a img {width:148px; border:1px solid #ccc;}
.boxshadow #news-list a img {width:150px; border:none;}
#news-list div {min-height:9em; padding-bottom:17px; border-bottom:1px dotted #999; margin-bottom:18px;}
* html #news-list div {height:9em;}
#news-list div div {height:auto; padding:0; border:none; margin-bottom:0;}
#news-list div p {padding-right:81px; margin:0;}
#news-list div p a, a.read-on {color:#006; border-width:0; font-weight:bold;}
#news-list div p a:hover {border-width:1px;}
#news-list div.center {border:none; padding:0; margin:0;}
a#load-news, a.load-books, a.more-link {color:#333; border:none; background-position:-154px -266px; padding:6px 0 6px 36px;}
a#load-news:hover, a.load-books:hover {color:#006; background-position:-154px -296px;}
a#load-news.loading, a.loading, #book-tabs.loading {background:transparent url(../img/loading.gif) 0 0 no-repeat!important; cursor:default;}
a#load-news.inactive, a.inactive, a.inactive:hover {color:#999; cursor:default; background-position:-154px -326px; text-shadow:0 -1px 0 #e8e8e8;}

.side-book {padding-bottom:17px; border-bottom:1px dotted #999; margin-bottom:18px; min-height:9em;}
* html .side-book {height-9em}
a.more-link {padding:6px 18px 6px 0; background-position:right -266px;}
a.more-link:hover {color:#006; background-position:right -296px;}
a.more-link strong {color:#444;}

/* SEARCH */
.result {padding-top:18px; margin-top:17px; border-top:1px dotted #999;}
span.marked {background:yellow; padding:1px 2px;}
.relevance {height:2px; margin:10px 12px 0 0; background:#efefef;}
.relevance span {display:block; height:100%; background:#999; line-height:0; font-size:0; text-indent:-500em; overflow:hidden;}


/* BOOKSHELF */
#recommend img {height:180px;}
#recommend img.portrait {height:auto; width:150px;}
/*
#bookshelf {position:relative; width:972px; line-height:0; font-size:0; color:#fff;}
#bookshelf div.eachpost {position:relative;}
#bookshelf div.eachpost a, #loading {border:none; position:relative; display:block; overflow:hidden; background:#fff url(../img/loading.gif) center center no-repeat;}
#loading {position:absolute; left:-1000px; top:-1000px;}
#bookshelf div.eachpost a span {display:none; line-height:18px; font-size:11px; position:absolute; left:0; bottom:0; padding:10px 12px 8px; color:#fff; background:#000;}
#bookshelf div.eachpost a:hover span, #bookshelf div.eachpost a.vis:hover span {display:block;}
#bookshelf div.span-2 a span {width:126px;}
#bookshelf div.span-3 a span {width:207px;}
#bookshelf div.span-4 a span {width:288px;}
#bookshelf div.span-3 img {width:231px;}
#bookshelf div.eachpost a span strong {font-size:13px;}
#bookshelf div#vcard {height:216px;}
*/

/* BOOK DETAIL */
a.button, span.button {padding:4px 12px; line-height:10px; background-color:#000; background-position:-150px -215px; background-repeat:repeat-x!important; color:#ccc; text-decoration:none; font-size:10px; font-weight:bold;}
a.button:hover {background-position:-150px -235px; color:#fff;}
span.button {float:right;}
a.back {margin-left:-12px; position:relative; zoom:1; border:none;}
#logo, #pages li a, a.cart-link, span.cart-link, table.cart a.del {overflow:hidden; height:90px; text-indent:-500em; border:none; background-position:12px 25px; background-color:transparent;}
#logo {margin-bottom:18px;}
#logo a {height:80px; margin-top:20px; display:block; width:120px;}
#pages.invisible {display:none;}
#pages {margin:-18px auto -18px; position:relative; padding-top:6px; height:12px; float:right;}
#pages li {width:12px; margin-left:10px; float:left;}
#pages li a:hover {background-position:-182px -195px;}
#pages li a, #pages li a:active {display:block; width:12px; height:12px; background-position:-160px -195px;}
#pages li a.active {background-position:-204px -195px;}
#pages li.enlarge a {background-position:-226px -195px;}
#pages li.enlarge a:hover {background-position:-247px -195px;}
#pages li.enlarge a:active {background-position:-268px -195px;}
#pages a.fancy {display:none;}
#magnify-link {cursor:default;}
.price {margin:145px 0 0; line-height:36px;}
.price span {font-size:15px; font-weight:normal;}
a.cart-link, span.cart-link, table.cart a.del {display:block; height:28px; background-color:#000; background-position:0px -186px; margin-top:3px; position:relative;}
a.cart-link:hover {background-position:0px -214px;}
.more-books {min-height:7.5em;}
.more-books a {border:none; padding:0; float:left; margin-right:12px; font-size:0; line-height:0;}
.more-books a img {height:45px;}
table.details {margin-top:6em;}
table.details th, table.details td {vertical-align:top; padding-bottom:9px;}
table.details th {font-weight:bold; font-size:11px; width:110px;}
table.details td {padding-left:12px;}
span.cart-link {background-position:0px -298px;}
#book .span-2 img {width:100%;}
#book h2 {font-size:15px;}

#gallery {position:relative; height:414px;}
#gallery img, #gallery a {position:absolute; left:0; top:0; z-index:2;}
#gallery .activeslide {z-index:3;}
#gallery .prevslide {z-index:1;}

/* BOOK OVERVIEW */
.book-overview .span-4 {height:126px; margin-bottom:18px;}
.cover, .info {float:left; width:98px; padding:0 12px;}
.cover {line-height:0; font-size:0;}
.cover img {height:108px;}
.cover img.portrait {height:auto; width:96px;}
.info {width:190px; padding:18px 0 0;}
.info h3 {font-size:14px; margin:0;}
.info h3 small {display:block; font-size:12px; font-weight:normal;}
.info a {color:#006; font-weight:bold; border:none;}
.info a:hover {color:#000;}

/* CART */
table.cart {width:100%;}
table.cart a {color:#000;}
table.cart tr.last {border:none;}
table.cart thead th {font-weight:bold; font-size:11px;}
table.cart thead th, table.cart tbody td {padding-bottom:17px; border:none; vertical-align:top; border-bottom:1px dotted #666;}
table.cart tbody td {padding-top:18px;}
table.cart tbody td.last, table.cart thead th.last {padding-left:12px; width:138px;}
table.cart tbody td img {height:54px;}
table.cart tbody tr.last td {border-bottom:none;}
table.cart .span-1, table.cart .span-2, table.cart .span-4 {padding-right:12px;}
table.cart .last {padding-right:0;}
table.cart .last .total {font-size:15px;}
table.cart a.del {margin:18px 0 0 12px; height:18px; width:17px; background-position:-280px -464px; background-color:transparent;}
table.cart a.del:hover {background-position:-280px -482px;}
table.cart tr td a {border:none;}
table.cart a.shadow {line-height:0; font-size:0;}

/* CHECKOUT */
form.checkout label {display:block; float:left; width:81px; font-weight:bold; font-size:11px; margin-bottom:18px;}
* html form.checkout label {margin-bottom:0;}
form.checkout .input {float:left;}
form.checkout .text input, form.checkout .password input {display:block; float:left; width:198px; margin:0; line-height:11px; font-size:11px; padding:4px 10px 0; height:17px;}
form.checkout .text input.small {width:49px; margin-right:12px; position:relative;}
form.checkout .text input.medium {width:117px;}
* html form.checkout .text input.small {margin-right:4px;}
form.checkout .submit input {display:block; border:none; cursor:pointer; position:relative; margin-top:-4px; color:#ccc; padding:4px 0 0 20px; font-size:11px; font-weight:bold; line-height:0; width:130px; height:28px; background-color:#000; background-position:0px -242px;}
form.checkout .submit input:hover {background-position:0px -270px; color:#fff;}
form.checkout .error-message {font-size:10px; font-weight:bold; color:#c00;}
form.checkout .form-error {background-color:#FF9E9C;}

#map {height:540px; overflow:hidden; margin-top:18px;}
table {text-align:left;}

.clear {width:100%!important; height:0!important; min-height:0!important; float:none!important; clear:both!important; border:none!important; margin:0!important; padding:0!important;}