/** css style jura-fuer-jeden.de **/
@import 'reset.css';

* {font-family:arial, verdana, sans-serif;color:#737373}
strong {font-weight:bold;color:#644C2C;}
em {font-style:italic;color:#644C2C;}
a {color:#880919;}

body, html {background:#CCC3AD url(../_img/bg-body.gif) repeat-x;}
body {width:730px;margin:0 auto;}
#wrapper {width:730px;margin:0 auto;}

#header {background:url(../_img/bg-mainNaviItem.gif) no-repeat 0 27px;}
#header ul {padding-top:26px;  }
#header ul li {display:inline;}
#header ul li a {
  display:block;
  float:left;
  text-decoration:none;
  color:#AB9979;
  text-transform:uppercase;
  font-size:12px;
  padding:32px 27px 10px;
  background:url(../_img/bg-mainNaviItem.gif) no-repeat top right;
}
#header ul li a:hover,
#header ul li a.active {
  color:#ffffff;
}



#contentWrapper {clear:both;padding-top:50px;}

#bookNavi {
  width:710px;
  height:310px;
  background:url(../_img/buchreihe.jpg) no-repeat top right;
}
#bookNavi li {font-size:12px;}
#bookNavi li a {
  color:#DBD2C2;
  text-decoration:none;
  font-size:12px;
  display:block;
  padding-bottom:7px;
  width:230px;
}
#bookNavi li a:hover,
#bookNavi li a.active {
  color:#644C2C;
}

#bookNavi li a strong {height:310px;position:absolute;top:133px;}
#bookNavi li a:hover strong {cursor:pointer;}

a#bA:hover strong {background:url(../_img/buch1over.jpg) no-repeat;}
a#bA strong{width:99px;z-index:5;margin-left:169px;}
a#bB:hover strong {background:url(../_img/buch2over.jpg) no-repeat;}
a#bB strong{width:92px;z-index:4;margin-left:182px;}
a#bC:hover strong {background:url(../_img/buch3over.jpg) no-repeat;}
a#bC strong{width:86px;z-index:3;margin-left:344px;}
a#bD:hover strong {background:url(../_img/buch4over.jpg) no-repeat;}
a#bD strong{width:98px;z-index:2;margin-left:304px;}
a#bE:hover strong {background:url(../_img/buch5over.jpg) no-repeat;}
a#bE strong{width:106px;z-index:1;margin-left:532px;}



#bookNaviB {
  width:730px;
  height:310px;

}
#bookNaviB ol {width:230px;  float:left;}
#bookNaviB li {font-size:12px;}
#bookNaviB li a {
  color:#DBD2C2;
  text-decoration:none;
  font-size:12px;
  display:block;
  padding-bottom:7px;
  width:230px;
}
#bookNaviB li a:hover,
#bookNaviB li a.active {
  color:#644C2C;
}


.bookDesc {width:500px;float:right;}
.bookDesc img {float:left;}
.bookDesc div {float:right;width:290px;}
.bookDesc div h1 {color:#880919;text-transform:uppercase;font-size:18px;padding-bottom:20px;}
.bookDesc div h1 span{color:#880919;text-transform:none;font-size:16px;}
.bookDesc div p {font-size:14px; color:#644C2C;line-height:150%;padding-right:0px;}

.autorDesc {width:730px;float:right;}
.autorDesc img {float:left;margin-left:7px;}
.autorDesc div {float:right;width:290px;}
.autorDesc h1 {color:#880919;text-transform:uppercase;font-size:18px;padding-bottom:20px;}
.autorDesc div p {font-size:14px; color:#644C2C;line-height:150%;padding-right:0px;}
.autorDesc div p strong {color:#644C2C;}



#content p {line-height:150%;}
#content div.welcome {padding:25px 0 0 230px;}
#content div.welcome p{font-size:14px;color:#644C2C;padding-bottom:5px;}
#content div.welcome p strong {color:#644C2C;}
#content p.pDesc {color:#020202;font-size:13px;padding:25px 0 0 230px;}

#content div.pDesc {padding:25px 0 0 230px;}
#content div.pDesc p {font-size:14px;color:#644C2C;padding:0 0 12px 0;}
#content div.pDesc h2 {font-size:16px;text-transform:uppercase;padding:0 0 5px 0;font-weight:bold;}
#content div.pDesc h3 {font-size:14px;padding:0 0 5px 0;}
#content div.pDesc h4 {font-size:13px;padding:0 0 5px 0;}
#content div.pDesc h2,
#content div.pDesc h3,
#content div.pDesc h4{color:#880919;}


#priceBadge {position:absolute;top:290px;margin-left:80px;}