/*
CSS2 stylesheet for buchladen-in-buch.de
carefully engineered by megalomanix.de
*/
body{
  background-color:#FFF;
  font: normal 11px verdana, arial, sans-serif;
  color:#000; 
  margin:0px;
  padding: 0px;
}

#greybar{
   height:27px;
   background-image: url(leiste_grau_hg.gif);
   background-color:#666;
   position: relative;
}

#greybar a{
   color:#FFF;
   text-decoration:none;
   margin:-1px 0px 0px 0px;
   display:block;
   float:left;
   padding:0px;
}

#greybar a img{
   border:none;      
   position: relative;
   margin:0px;
   padding:0px;
}


#rubriknav{
   background: transparent url(rubriknav_bg.gif) no-repeat top left;
   width:402px;
   height:74px;
   padding-top:40px;
}

#logo{
   float:right;
   position:relative;
   display:block;
   margin:20px 10px 0px 30px;
   width:390px;
   height:42px;
   background: transparent url(logo_bhb.gif) no-repeat top left;
}

#logo span{
   display:none;
}

#bottomline{
   background-color:#ccc;
   border-top:1px dashed #000;
   border-bottom:1px dashed #000;
   height:21px;
   position: relative;
   padding:7px 0px 7px 10px;
}

#bottomline a{
   color:#FFF;
}

#footerCrumbs {
   padding-top:0px;
}

#secondnav{
   background-color:#003366;
   padding:11px 0px 0px 0px;
   /*padding:10px;*/
   text-align: center;
   color:#FFF;
   height:24px;
   font-size: 10px;
}

#secondnav a{
   color:#FFF;
   text-decoration:none;
   font-size:10px;
}

#secondnav a:hover{
   text-decoration: underline;
}

#secondnav2{
   background-color:#6B8E23;
   padding:11px 0px 0px 0px;
   /*padding:10px;*/
   text-align: center;
   color:#FFF;
   height:24px;
}

#secondnav2 a{
   color:#FFF;
   text-decoration:none;
}

#secondnav2 a:hover{
   text-decoration: underline;
}

#tbottomline{
   background-color:#666;
   height:6px;
   position: relative;
   text-align: center;   
}

#tbottomline a{
   color:#FFF;
}

#assistivenav{
   border-bottom:1px dashed #000;
   text-align: center;
   color:#000;
   padding:10px;
   margin-bottom:0px;
}

#assistivenav a{
   color:#000;
   text-decoration: none;   
   margin-right:10px;
   font-size:11px;
}

#chroniknav{
   position:relative;
   float:right;
   width:200px;
}

#chroniknav a{
   margin-top:0px;
}

#searchcontainer{
   float:right;
   position:relative;
   margin:0px 30px 0px 0px;
}

.bookitem{
   width:380px;
   float:left;
   margin:0px 30px 30px 0px;
   position: relative;
}

.bookitem h3{
   background-color: #666;
   color:#FFF;
   font-size:19px;
   font-family: "Times New Roman", Times, serif;
   font-style: italic;  
   font-weight:normal; 
   padding:4px 10px 4px 10px;
   margin:0px;
}

.bookitem .bookbody{
   padding:0px;
   background-color:#ccc;
   height:93px;
   font-size: 11px;
}

.bookitem .bookbody p{
   padding:9px 0px 3px 0px;
   margin:0px 0px 0px 10px;
   line-height: 130%;
   position: relative;
   width:280px;
   font-size: 11px;
}

.bookitem p.darker{
   font-weight: bold;
   margin:0px 0px 0px 0px;
   padding:0px 10px 0px 10px;
   color:#333;
   font-size: 11px;
}

.bookitem .darkerC{
   height:20px;
   background-color:#A9A9A9;
}

.bookitem .artimg{
   float:right;
   background-color:#A9A9A9;
   height:113px;
   margin:0px;
   width:auto;
}

.bookitem .subline{
   background-color:#333;
   padding:3px 10px 3px 10px;
   color:#ccc;
   font-size:11px;
}

.bookitem .subline a{
   color:#ccc;
   text-decoration: none;
}

.bookitem .subline a.info{
   text-transform: uppercase;
   color:#FFF;
   font-weight:bold;
   float:right;
   position:relative;
}

.recommended{
   border-top:1px dotted #666;
   border-bottom:1px dotted #666;
   color:#666;
   margin:20px 20px 40px 20px;
   padding:5px;
   text-align: center;
   text-transform: uppercase;
   letter-spacing: 1px;
}

.recommended .blue{
   color:#003366;
}

.bookitemContainer{
   position:relative;
   padding:0px 20px 0px 20px;
   text-align: left;
}

.bicwrapper{
   text-align: center;
   width:100%;
   margin-left:auto;
   margin-right:auto;
}


#bookfull{
   margin:0 5%;
   padding:17px 0px 17px 0px;
}

#bookfull .imgCon{
   float:left;
   position:relative;
   width:200px;
   margin:0px;
}

#bookfull .imgCon p{
   font-size:10px;
   text-align: left;
   font-style: italic;
   margin:10px 0px 20px 0px;
}

#bookfull .imgCon img{
   border:1px solid #000;
}

#bookfull .textCon{
   margin-left:250px;
   position: relative;
}

#bookfull .textCon h1{
   font-size:25px;
   letter-spacing: 1px;
   color: Gray;
   margin:-3px 0px 40px 0px;
   border:none;
   padding:0px;
   line-height: normal;
   position: relative;
   text-transform: lowercase;
}

#bookfull .textCon p{
   line-height: 150%;
   margin:0px 0px 20px 0px;
   padding: 0px;
}

#bookfull .textCon  span{
   display: block;
   float:left;
   /*clear:left;*/
   width:180px;
   font-weight:bold;
   color:gray;
}

#bookfull .textCon .indent{
   margin-left:180px;
   position:relative;
}

.relatedContainer{
   position:absolute;
}

.relatedContainer p{
   color:#666;
   margin:0px 0px 10px 0px;
   font-size:11px;
}

.relatedContainer a{
   color:#333;
   font-weight: normal;
   text-decoration: none;
   font-size:11px;
}

.relatedContainer a:hover{
   text-decoration: underline;
}


#usearch{
   background-color:#BDB76B;
   margin:0px 40px 20px 0px;
   padding-bottom:15px;
}

#usearch .body{
   background-color: #CCCC99;
}

#lsearch{
   background-color:#333366;
   margin:0px 40px 20px 0px;
   padding-bottom:15px;
}

#lsearch .body{
   background-color: #99CCFF;
}

#lsearch .body img{
   float:left; 
   margin:10px 20px 20px 0px;
   position: relative;
}

#dsearch{
   background-color:#FF9966;
   margin:0px 40px 20px 0px;
   padding-bottom:15px;
}

#dsearch .body{
   background-color: #FFDEAD;
}

#dsearch .body .h3{
   color:#FF9966;
   text-align: center;
}

#dsearch .body , #usearch .body , #lsearch .body{
   padding:5px 10px 5px 10px;
   border-top:1px dotted #FFF;
}

#usearch h2 , #dsearch h2 , #lsearch h2{
   color:#FFF;
   margin:2px 5px 2px 0px;
   font-size:16px;
   font-weight: bold;
   border:none;
   padding:7px;
   text-align: right;
}

#dsearch h2{
   text-align: left;
}

#usearch .formC ,#dsearch .formC ,#lsearch .formC{
   padding:5px 10px 5px 10px;
   background-color:#CCC;
   border-top:1px dotted #333;
   border-bottom:1px dotted #333;
   position: relative;
   height:20px;
   clear: both;
}

#merkliste{
   width:700px;
   margin-left:auto;
   margin-right:auto;
}

#merkliste td {
   font-style: italic;
   padding:3px 9px 2px 8px;
}

#merkliste table{
   width:100%;
}

#merkliste table th{
   color:#FFF;
   text-align: left;
   padding:3px;
   background-color:#333366;
}

#merkliste .line{
   height:2px;
   font-size:0px;
   border-bottom:1px dashed #000;
}

#merkliste td.grey{
   background-color:#666;
}

#merkliste .complete{
   background-color:#CCC;
   color:#333366;
   font-weight:bold;
   text-align:right;
   padding-right:10px;
}

#merkliste .completeB{
   background-color:#333366;
}

#merkliste .completeB input{
   border:none;
   color:#FFF;
   margin:3px 0px 2px 30px;
   font-weight:bold;
   cursor: pointer;
   background-color:transparent;
}

.totalcost{
   color:#990000;
   font-style: italic;
   font-weight:bold;
}

p.smallgrey{
   font-size:10px;
   color:#ccc;
}

p.smallg{
   font-size:11px;
   color:#666;
}

p.smallg a{
   color:#666;
}

p.red{
   font-weight:bold;
   color:#990000;
}

.smallC{
   height:4px;
}

.erklaerbar{
   border-bottom:1px dotted #333;
   padding-bottom:10px;
   clear: both;
   margin-bottom:10px;
}

.erklaerbar img{
   float: left;
}

a.clean{
   text-decoration: none;
}

.noclear{
   clear: none;
}

#bookfull label{
   font-weight:bold;
   display: block;
   margin:0px 0px 3px 0px;
   color:#333;
}

#bookfull label.required{
   color:#990000;
}

#bookfull input{
   margin-bottom:4px;
}

#bookfull textarea{
   width:400px;
}

#bookfull .error .errorne{
   color:#990000;
   font-weight:normal;
   font-variant: small-caps;
   border-left:3px solid #990000;
   padding-left:10px;
}

#bookfull h1.nice{
    font-size:25px;
   letter-spacing: 1px;
   color: Gray;
   margin:30px 0px 10px 0px;
   border:none;
   padding:0px;
   line-height: normal;
   position: relative;
   text-transform: lowercase;
}

#navcontainer{
   margin-top:16px;
}

.merk1{
   margin:5px 0px 20px 0px;
}

.merk2{
   margin:60px 0px 40px 180px;
}

#visual-portal-wrapper{
   min-width: 990px;
   /*width:expression(document.body.clientWidth < 990 ? "990px": "auto" );
   width: expression((document.all?document.body.clientWidth:window.innerWidth)< 990? "990px":"100%");
   */
}