/**
  * Style-Sheet fuer Antiquitaetenboerse
  * @author: Michael Mueller, besser barrierefrei
  * @version: $Id: main.css 301 2010-02-17 10:40:01Z andy $
  */ 

  /** Farben
  *
  *  Beige:  77563B (Yellow Metal)
  *  Braun:  3B1500 (Brown Pod)
  *  Weiss: EAE2D9 (Pearl Bush)
  *  Sandal: AF8B6D
  * 
  **/ 

  body {
    font-family: Verdana, Arial, Courier, Sans-Serif;
    padding: 0px;
    margin: 0px;
    background: url("./bilder/hintergrund.jpg") repeat-x #3B1500;
  }

  a * { cursor: pointer; }

  a:link,
  a:visited {
    color: #AF8B6D;
    text-decoration: underline;
  }
  a:active,
  a:visited:hover,
  a:hover,
  a:focus {
    color: #9D7F66;
    text-decoration: none;
  }

  a.toplink,
  a.produktlink {
    display: block;
    margin: 0.2em;
    padding: 0em;
  }

  a.toplink {
  padding: 0px 0px 0px 12px;
  background: url("./bilder/toplink.gif") no-repeat left;
  }

  #container_top {  /* Ben�tigt f�r das Logo */
    padding: 0px;
    margin: 0px;
    background: url("./bilder/logo.jpg") no-repeat 0px 0px;
    height: 270px;
  }

  #leiste_links {
    position: absolute;
    width: 13em;
    left: 0px;
  }
  
  /* Google Adsense */
  #google_adsense div {
    text-align: right;
    margin: 0em 0em 2em 0.5em;
    overflow: auto;
  }
  
  
  /** Navigation **/
  #leiste_links img {
    display: block;
    width: 100%;
    background: #3B1500;
    border-left: 6px solid #3B1500;
    border-right: 1px solid #77563B;
    border-top: 1px solid #77563B;
  }
  
  ul#navigation {   
    list-style-type: none;
    width: 100%;
    
    background: #3B1500;
    
    padding: 0em;
    margin: 0em 0em 2em 0em;
  }
    
  ul#navigation li a {
    display: block;
    width: 100%;
    color: #EAE2D9;
    padding: 0.2em;
    margin: 0em;
    font-size: 90%;
  }
  
  ul#navigation li a:link,
  ul#navigation li a:visited {
    text-decoration: none;
    background: url("./bilder/navigation_li.jpg")  no-repeat right bottom #77563B;
    border-left: 0.5em solid #3B1500;
    border-right: 1px solid #3B1500;
    border-top: 1px solid #3B1500;
  }
  
  ul#navigation li a:active,
  ul#navigation li a:visited:hover,
  ul#navigation li a:hover,
  ul#navigation li a:focus {
    border-left: 0.5em solid #77563B;
    border-right: 1px solid #77563B;
    border-top: 1px solid #77563B;
    background: #3B1500;
  }
  
  /** Content **/ 
  #content {
    color: #EAE2D9;
    margin: 0em 1em 1em 16em;
    padding: 0.2em;
    line-height: 1.4em;
    max-width: 60em;
    font-size: 90%;
  }

  #content h1 {
    display: block;
    margin: 0px 0px 1em 0px;
    color: #EAE2D9;
    font-size: 150%;
    font-weight: bold;
  }

  #content h2 {
    display: block;
    margin: 0px 0px 0.6em 0px;
    color: #EAE2D9;
    font-size: 130%;
    font-weight: bold;
  }

  #content h3 {
    display: block;
    margin: 0px 0px 0.4em 0px;
    color: #EAE2D9;
    font-size: 120%;
    font-weight: bold;
  }

  #content h4 {
    display: block;
    margin: 0px 0px 0.2em 0px;
    color: #EAE2D9;
    font-size: 110%;
    font-weight: bold;
  }

  /** Titel-Schriftzug **/
  #titel {
    position: relative;
    height: 54px;
    width: 656px;
    left: 220px;
    top: 130px;
  }

  /* Fusszeile */
  #fusszeile {
    clear: both;
    font-size: 90%;
    background: #3B1500;
    padding: 0.2em 0em 1em 0em;
    margin: 0em 0em 1em 16em;
    border-top: 1px solid white;
    color: white;
  }

  #fusszeile span {
    display: block;
    margin-left: 13.2em;
  }

  #fusszeile a.toplink {
    display: block;
    float: left;
    margin: 0px;
  }

  #fusszeile ul {
    display: block;
    float: right;
    list-style-type: none;
    margin: 0px auto 0px auto;
    padding: 0px;
  }

  #fusszeile li {
    display: inline;
    margin: 0px;
    padding: 0px 15px 0px 0px;
  }

  #fusszeile a:link,
  #fusszeile a:visited {
    color: white;
    text-decoration: underline;
    margin: 0px 10px 0px 0px;
  }

  #fusszeile a:active,
  #fusszeile a:visited:hover,
  #fusszeile a:hover,
  #fusszeile a:focus {
    margin: 0px 10px 0px 0px;
    text-decoration: none;
  }
  #fusszeile #datenschutz {
    background: url("./bilder/datenschutz.gif") no-repeat left center;
    padding: 0px 0px 0px 10px;
  }
  #fusszeile #impressum{
    background: url("./bilder/impressum.gif") no-repeat left center;
    padding: 0px 0px 0px 10px;
  }

  
  
  
  
  
  /** Angebote und Werbung **/
  .blockliste li,
  .angebot { /* Klasse fuer die Praesentation eines einzelnen Angebots */
    margin: 1em 1em 1em 1em;
    width: 25em;
    height: 6em;
    min-height: 70px;
    float: left;
    list-style-type: none;
    padding: 0em;
  }
    
  .blockliste li a,
  .angebot a {
    padding: 0.3em;
    margin: 0em;
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #77563B;
    text-decoration: none;
  }
  
  .blockliste li .title,
  .angebot .title {
    display: block;
    margin: 0px 0px 1em 0px;
    color: #EAE2D9;
    font-size: 130%;
    font-weight: normal;
  }
  
  .blockliste li img,
  .angebot img {
    display: block;
    float: left;
    margin: 0em 0.2em 0em 0em;
    border: 1px solid #EAE2D9;
  }
  
  .blockliste li .preis,
  .angebot .preis {
    display: block;
    text-align: right;
    margin-top: -0.4em;
  }
    
  .blockliste li a:active,
  .blockliste li a:visited:hover,
  .blockliste li a:hover,
  .blockliste li a:focus,
  .angebot a:active,
  .angebot a:visited:hover,
  .angebot a:hover,
  .angebot a:focus {
        border: 1px solid white;
  }
  
  .blockliste li.angebot_verkauft a:active,
  .blockliste li.angebot_verkauft a:visited:hover,
  .blockliste li.angebot_verkauft a:hover {
    border: 1px solid white;
  }
  
  .blockliste li.angebot_verkauft a {
    background: url('./bilder/verkauft.gif') no-repeat top right;
    color: grey;
    border: 1px solid grey;
  }
     
  .blockliste li.angebot_verkauft .preis {
    color: grey;
  }
  
  
  
  /* Kategorien */
  /* Highlight */
 
  li.kategorie {
    list-style-type: none;
  }
    
  .kategorie,
  #highlight {
    padding: 0.2em;
    margin: 1em 2em 1em 1em;
    width: 23em;
    float: left;
  }
  
  #highlight {
    margin: 1em 2em 1em 1em;
  }
  
  .kategorie a,
  #highlight a {
    display: block;
    background: url('./bilder/angebot-pfeil.jpg') no-repeat bottom right ;
    min-height: 120px;
    width: 100%;
    height: 100%;
    border: 1px solid #77563B;
  }
  
  .kategorie a img,
  #highlight a img {
    float: left;
    margin: 0.5em 1em 0.5em 0.5em;
    padding: 0em;
    border: none;
  }
 
  .kategorie .title,
  #highlight .title {
    display: block;
    margin: 0px 0px 1em 0px;
    color: #EAE2D9;
    font-size: 130%;
    font-weight: normal;
  }
 
  .kategorie a:link,
  .kategorie a:visited,
  #highlight a:link,
  #highlight a:visited {
    color: #EAE2D9;
    text-decoration: none;
  }
 
  .kategorie a:active,
  .kategorie a:visited:hover,
  .kategorie a:hover,
  .kategorie a:focus,
  #highlight a:active,
  #highlight a:visited:hover,
  #highlight a:hover,
  #highlight a:focus {
    text-decoration: none;
    border: 1px solid white;
  }
  
  
  
  /* Seitenzahlen-�bersicht */
  #seitenzahlen {
    margin: 1em;
    padding: 0.3em;
    
  }
  
  /* Aktuelles und Archiv */
  .newsartikel {
    border-bottom: 1px solid #EAE2D9;
    margin: 0em 0em 1em 0em;
    padding: 0em 0em 1em 0em;
  }
  
  .newsartikel strong,
  .newsartikel b {
    color: #AF8B6D;
  }
  
  .newsartikel img {
    float: left;
    margin: 0em 0.5em 0.5em 0.5em;
    border: 1px solid #EAE2D9;
  }
  
  
  .bild-links img {
    display: block;
    float: left;
    margin: 0px 8px 10px 0px;
  }

  .bild-links-clear {
    display: block;
    clear: both;
  }

  .bild-links img {
    border: 1px solid #EAE2D9;
  }
  
  /**
   * Manchmal sieht's besser aus, wenn der Text nicht ums Bild rumfliesst.
   * Z.B. bei Anzeigen die Kontaktinfo neben dem Logo
   * Also muss man die Bildbreite wissen!
   */
  .bild-links.nofloat-250 p {
    margin-left: 260px;
  }
  
  #angebot #preis {
    clear: both;
    text-align: center;
  }
  
  #angebot span.attribut_beschriftung {
    display: block;
    float: left;
    width: 8em;
    color: #AF8B6D;
  }
  #angebot span.attribut {
    display: block;
    color: #EAE2D9;
    margin: 0em 0em 0em 8em;
  }
  
  #interesse img {
    border: 1px solid #EAE2D9;
  }
  
  a.button {
    display: block;
    width: 20em;
    padding: 0.2em;
    margin: auto;
    
    color: white;
    text-align: center;
    font-weight: bold;
    font-size: 110%;
    
    background-color: #77563B;
    border-right: 0.2em solid black;
    border-bottom: 0.2em solid black;
  }
  /*
  *  Beige:  77563B (Yellow Metal)
  *  Braun:  3B1500 (Brown Pod)
  *  Weiss: EAE2D9 (Pearl Bush)
  *  Sandal: AF8B6D
  */
 
  
  a.button:link,
  a.button:visited,
  a.button:active,
  a.button:hover,
  a.button:focus {
    color: #EAE2D9;
  }
  
  /* Inputs */
  .input {
   border: 1px solid #77563B;
   background: #EAE2D9;
   color: #3B1500;
   width: 15em;
  }
  
  .input:focus,
  .input:active,
  .input:visited:hover,
  .input:hover {
    border: 1px solid #EAE2D9;
    background: #77563B;
  }
  
  input {
    color: #3B1500;
    background: #77563B;
    border: 1px solid black;
    padding: 0.1em 0.5em 0.1em 0.5em;
  }
  input:hover, 
  input:visited:hover {
    color: #AF8B6D;
    background: #77563B;
  }
  
  label {
    color: #EAE2D9;
  }
  
  /* News-Artikel */    
  div.news {
    border: 1px solid #EAE2D9;
    padding: 0em;
    margin: 1em 0em 1em 0em;
    page-break-inside: avoid;
  }

  #content div.news h2 {
    background-color: #EAE2D9;
    color: #3B1500;
    padding: 0.1em;
  }

  div.news img {
    display: block;
    float: left;
    margin: 0em 0.5em 0.5em 0.5em;
    padding: 0em;
    border: 1px solid white;
  }

  div.news p {
    padding: 0em 0.5em 0em 8.5em;
  }

  div.news a.produktlink {
    clear: both;
  }

  p {
    text-align: justify;
  }