@charset "utf-8";
      
      #html, body {
         font-family: verdana, helvetica, arial,sans-serif;
      }
    
      #site {
        max-width:1100px;
        min-width:500px;
        margin: 0px auto auto auto;
      }
      
      #header {
        background: url('/img/header.jpg') no-repeat top left;
        height: 150px;
        position:relative;
        z-index:1;
      }
      #header a:link    { color:#000000; text-decoration:none; }
      #header a:visited { color:#000000; text-decoration:none; } 

      #logo {
        position:absolute;
        right:2%;
        top:-5px;
      }
      
      #content {
        position:relative;
        left:2%;
        width:96%;
        /*border: 3px solid #C10236;*/
        border: 3px solid #5577BB;
        margin-top:-160px;
        padding-top:160px;       
        min-height:500px;
     	  height:auto ! important;  /* für moderne Browser */
				height:500px;  /*für den IE */
      }
      
      #menu {
        float: left;
        width: 150px;
        padding-right:10px;
      }
      
      .blog_title{
        font-size: 0.75em;        
        font-size: 13px;
        font-weight: bold;  
        text-align: center;      
      }

      #main {
        margin-left: 160px;
        margin-right: 23%;
        min-height: 800px;
      }
      
      #menu .blog_left{
        margin-top: 40px;
        padding-top: 10px;
        padding-bottom: 1px;
        /*background-color: #E3E3E3;*/
        background-color: #B5CEDE;
      }
      
      #menu .blog_ul{
        padding-right: 5px;
      }
      
      #footer {
        clear: both;
        width:90%;
        margin: auto;
        text-align: center;
        /*color: #C10236;*/
        color: #5577BB;
        font-size:0.6em;
        padding-top:5px;
      }
      #menu li, hr { margin-bottom: 10px;  margin-left:-30px; font-size: 0.75em; }
      #menu a:link    { color:#5577BB; text-decoration:none; }
      #menu a:visited { color:#5577BB; text-decoration:none; }
      #menu a:focus   { color:#5577BB; text-decoration:underline; }
      #menu a:hover   { color:#1546a6; text-decoration:none; }
      #menu a:active  { color:#5577BB; text-decoration:underline;}
      #menu ul { list-style-type:none; }
            

      #header h1 {
        font-family: 'Bitstream Sera Serif', Georgia, 'Time New Roman', Times, serif;
        font-variant:small-caps;
        font-size: 1.5em;
        margin-left:100px;
        padding-top:30px;
      }
      
      #header p {
        display: none;
      }
      
      .error {
        font-family: 'Arial';
        color :#5577BB;
        font-weight: bold;
      }

      .red {
        color: #5577BB;
      }   
      
      #geschaeftsordnung{
        margin-right:100px;
        text-align:justify;
      }
      
      #versandkosten{
        /*color:#C10236;*/
        color: #5577BB;
        cursor:pointer; 
      } 
       
      #bestellen, #start {
        font-size: 0.8em;
      }      
      
      #bestellen table{
        font-size: 0.9em;
      }       
      
      #start .suche_formular{
        float: right;
      }
      
      #start .suche_formular .suche_input{
        width: 150px;
      }      
      
      #warenkorb, #antiquariat, #suchergebniss, #vielendank, #buechersuchdienst,  #kontakt, #bestaetigung, #buch, #datenschutz{
        font-size: 0.75em;
      }     
                
      #content a:link    { color:#5577BB; text-decoration:none; }
      #content a:visited { color:#5577BB; text-decoration:none; }
      #content a:focus   { color:#5577BB; text-decoration:none; }
      #content a:hover   { color:#1546a6; text-decoration:none; }
      #content a:active  { color:#5577BB; text-decoration:none; }       

      .suchergebniss_bild{
        padding-left: 10px;
        padding-bottom: 10px;
        float:right;
        margin-right: 10px;
      }
      
      .seite_mitte{
        padding:10px;
        min-height: 100px;
      }  
      
      .suchergebniss_preis{
        padding-left: 5px;
        padding-right: 5px;
        float: right;
        text-align: right; 
      }
      
      .float_left{
        float:left;
      }
      
      .float_right{
        float:right;
      }
      .text-center{
        display: block;
        text-align:center;
        margin-top: 5px;
        margin-bottom: 5px;
      }
      
      #suchenButton{
        vertical-align:bottom;
        border:none; 
      }      
      
      .horizontalLine{
        color: #5577BB;
        background-color: #5577BB;
        margin-bottom : 5px;
        height: 3px;
        margin-left: 0px;
      }    

      .horizontalLine1px{
        color: #5577BB;
        background-color: #5577BB;
        margin-bottom : 5px;
        height: 1px;
        margin-left: 0px;
      }   
      
      fieldset{
      	margin-bottom: 20px;
      	padding-left: 15px;
      	padding-bottom: 10px;      	
			  display: block;
        border: 2px solid #5577BB;
      }
      
      legend {
       border: 1px solid #5577BB;
       border-right-width: 2px;
		   border-bottom-width: 2px;
       background: #eeeeee;
		   padding: 4px;
		   margin-bottom: 5px;
		   font-weight: bold;
		  }
		  
		  label {
        margin-top: 5px;
        display: block;
  			width: 9em;
  			float: left;
      } 
      
      .inputForm,textarea {
        border: 1px solid #5577BB;
        margin: 3px 0;
        margin-left:12px; 		
				padding: 1px 3px;
        border-left-width: 2px;
		    border-top-width: 2px;	
        border-left-color: #3864bb;
		    border-top-color: #3864bb;    			
			}
      
      img{
        border:none;
      }  
      
      .hoverLink{
        cursor:pointer;
      }     		

      #warenkorbLink{
         border: 1px solid #5577BB;
         border-right-width: 2px;
  		   border-bottom-width: 2px;
         background: #eeeeee;
         padding:5px;
  		   margin-left:30px;
  		   margin-top:30px;
  		   font-weight: bold;
      }
      
      .buttonLink{
         color:#5577BB;
         cursor:pointer;
         border: 1px solid #5577BB;
         border-right-width: 2px;
  		   border-bottom-width: 2px;
         background: #eeeeee;
         padding:3px;
  		   font-weight: bold;
  		   text-decoration:none; 
      }
      
      .paypal {
         /*padding:5px;
  		   margin-left:30px;
  		   margin-top:30px;*/
      }   

      .buttonFormLink{
         color:#5577BB;
         cursor:pointer;
         border: 1px solid #5577BB;
         border-right-width: 2px;
  		   border-bottom-width: 2px;
         background: #eeeeee;
         padding:1px;
  		   font-weight: bold;
      }           
      
      .buttonLinkAendern{
         color:#5577BB;
         float:left;
         margin-left:5px;
         margin-right:15px;
         margin-top:-3px;
         cursor:pointer;
         border: 1px solid #5577BB;
         border-right-width: 2px;
  		   border-bottom-width: 2px;
         background: #eeeeee;
  		   font-weight: bold;
      }         
      
      .buttonLink:hover, #warenkorbLink:hover, .legend_link:hover, .buttonFormLink:hover, .buttonLinkAendern:hover{
         background: #cccccc;
       } 
      
      .buttonLink:active, #warenkorbLink:active, .legend_link:active, .buttonFormLink:active, .buttonLinkAendern:active{
         border: 1px solid #5577BB;
         border-left-width: 2px;
  		   border-top-width: 2px;
      }             
        
      .seite_mitte a:link    { color:#5577BB; text-decoration:none; }
      .seite_mitte a:visited { color:#5577BB; text-decoration:none; }  
      
      .num {
         float:left; 
      }

      .agb {
         margin-left:50px;
      }
      
      form fieldset a img {
        padding-top: 15px;
      }

/******************************************** Warenkorb *********************************/      
      
      .stueckzahl {      
        float: right;
        margin-top: -30px;
      }      
      
      
/******************************************** rechte Spalte *****************************/

      #sidebar {
        font-size: 0.75em;
        float: right;
        width: 23%;
        min-width: 150px;
        max-width: 300px;
        padding-top:30px;
      }
      
      .weiterebuecher{
          padding: 10px;
          padding-top: 1px;
          background-color: #B5CEDE;
          margin-top: 20px;
          margin-left: 30px;
      }

      .weiterebuecher h4{
          font-size: 13px;
          font-weight: bold;
          text-align: center;
      }
      
      .weiterebuecher img{
          background-color: #ced8de;
          margin-bottom: 5px;
          padding: 5px;
      }