/* Grundeinstellung ohne Abstände und Rahmen */
/* ----------------------------------------- */
*
{
  /* Wenn man hier border: 0; setzt habe Button auch keinen Rahmen mehr */
  margin: 0;
  padding: 0;
}
   
/* Hintergrund Farbe normal weiss */
/* ------------------------------ */
html { background: #fff; }

/* Gepunktete Linie bei angeklickten Links ausschalten */
/* --------------------------------------------------- */
a:focus
{
  outline: none;
}

body
{
  width: 115em;
  font-family: arial, verdana, sans-serif;
  font-size: 0.75em;
  text-decoration: none;
}

/* Grundgröße der Schrift auf 12px einstellen. */
/* ------------------------------------------- */
/*html>body
{
  font-size: 12px;
}*/

/* Die Fontgröße für <pre> auf die gleiche wie für normalen Text stellen. */
pre { font-size: 1.2em; }

#Seitenkopf
{
/* oben, links, unten, rechts (im Uhrzeigersinn) */
  padding: 0px 0px 25px 15px;
}

#Seitenkopf #FirmenName
{
  font-size: 300%;
  font-weight: bold;
}

#Seitenkopf #Slogan
{
  margin-left: 20px;
  font-size: 100%;
  font-weight: bold;
}

#Seite
{
  margin: auto;
  padding: 10px;
  float: left;
  height: auto;
  background-color: #FFFFFF;
}

.InfoZeile 
{
  width: 100%;
  float: left;
}

.InfoZeile a 
{
  float: right;
  margin-right: 20px;
}

/* Produkt Auswahlmenu */
.Menu
{
  width: 15em;
  max-width: 18em;
  border: 0px solid black;
  float: left;
}

.Menu a:link, .Menu a:visited
{
  background-color: #fff193;
  margin: 0 0 0.5em 1em;
  padding: 0 0.5em 0 0.5em;
  display: block;
  border: 1px solid black;
  text-decoration: none;
  vertical-align: middle;
}

/***********************************/
/* Kategorien des Produktkatalogs. */
#Produktkatalog
{
  border: 0px solid black;
  margin: 0 0 0.5em 1em;
}

#Produktkatalog a:link, #Produktkatalog a:visited
{
  border: 0px solid black;
  background: url(../../Shop/Grafik/PfeilGruen.gif) center left no-repeat;
  margin: 0.3em 0 0 0;
  padding: 0 0 0 1.2em;
  text-align: left;
}

#Unterkategorien
{
  margin: 0.6em 0 0 0;
}

#Unterkategorien a:link, #Unterkategorien a:visited
{
  background: none;
}

/* Kategorien des Produktkatalogs. */
/***********************************/

/* Inhalte rechts */
.Inhalt
{
  width: 900px;
  margin: 0px 15px 0px 10px;
  border: 0px solid black;
  float: left;
}

/* div mit den Produkt-Details formatieren */
.ProductDetails
{
  width: 580px;
  margin: 15px;
}

/* Suche */
.ProduktInfos .title
{
  padding: 3px 3px;
  font-size: 1em;
  font-weight: bold;
}

.ProduktInfos
{
  padding: 5px
}

.ProduktInfos .subtitle
{
  padding: 3px 3px;
  font-size: 120%;
}

/* Anzeige Kontainer für die Foto/Produktdetails */
.ProduktFoto img
{
  border: 1px solid black;
  float: left;
}

.ProduktDetail
{
  width: 350px;
  border: 0px solid black;
  float: right;
}

.ProduktDetail table
{
  margin: 0px 15px 15px 15px;
  border: 0px solid black;
}

/* Seitenfuss */
#Seitenfuss
{
/* oben, rechts, unten, links (im Uhrzeigersinn) */
  padding: 20px 0px 10px 15px;
  border: 0px solid black;
  clear: both;
  text-align: left;
  vertical-align: middle;
}

p 
{
  border: 0px solid black;
  text-align: justify;
  margin: 0px 15px 15px 15px;
}

/* Tabellenformatierung für den Warenkorb */
.TabKopf
{
  background-color: #E5E5EA; 
  border-color: black;
  border-style: solid;
  border-width: 1px 0px 1px 1px;
}

.TabKopfEnde
{
  background-color: #E5E5EA; 
  border-color: black;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
  
.TabArtikel
{
  border-color: black;
  border-style: solid;
  border-width: 0px 0px 1px 1px;
}

.TabArtikelEnde
{
  border-color: black; 
  border-style: solid;
  border-width: 0px 1px 1px 1px;
}

.TabZeile
{
  border-color: black;
  border-style: solid;
  border-width: 0px 0px 1px 1px;
}

.TabZeileEnde
{
  border-color: black;
  border-style: solid;
  border-width: 0px 1px 1px 1px;
}

.TabBlank
{
  border-width: 0px;
}

.Fehlermeldung
{
  color: #FF0000;
  font-weight: bold;
}

.test { text-decoration: none; }

/* Topangebote auf der Titelseite */
.Angebot
{
  float: left;
  background: #fff193;
  margin: 10px 0 10px 0;
  border: 1px solid #ff9900;
}

.Angebot h1
{
  padding: 3px 5px 4px 5px;
  background: #ff9900;
  color: #0000ff;
  font-size: 1.3em;
}

.Angebot h2
{
  font-size: 1.1em;
}

.Angebot h3
{
  font-size: 1em;
}

.Angebot img
{
  margin: 8px;
}

.AngebotBild 
{
  float: left; 
}

.AngebotText
{
  float: left;
  width: 600px;
  padding: 8px 0 8px 0;
}

.AngebotPreis 
{
  float: right;
  padding: 8px;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
}

.ClearFloat { clear: both; }

/* Suchfunktion - Trefferliste */
#SuchForm { padding-top: 10px; }

#SuchForm table 
{ 
  margin: 0 15px 15px;
  width: 70%; 
}

#SuchForm table .FeldName
{
  padding-right: 10px;
  text-align: right;
}

.TrefferListe
{
  padding-top: 30px;
}

.TrefferListe td
{
  vertical-align: top;
}

.LfdNr
{
  padding: 5px;
  font-weight: bold;
}

.Bild
{
  padding: 5px;
}

.Product
{
  padding: 5px;
}

.Product .Titel
{
  font-size: 14px;
  font-weight: bold;
}

.Product .Autor
{
  font-size: 11px;
}

.Product .Subtitel
{
  font-size: 11px;
}

.Product .Einband
{
  font-size: 11px;
}

.Product .ErscheinungsJahr
{
  font-size: 11px;
}

.Preis
{
  padding: 5px;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
  text-align: right;
}

#Meldungen
{
  margin: 10px;
  color: #FF0000;
  font-weight: bold;
  font-size: 1.2em;
}

/* Service-Seiten */
/* AGB-Seite */
#Agb table
{
  background-color: #ffffff;
}

/* FluxBox eine flexible Box für die Anzeige diverser Infos */
.FluxBox
{
  float: left;
  margin: 10px;
}

.FluxBoxRahmenRechts
{
  /*float: left;*/
  background: url(/Shop/Grafik/FluxBoxLinks.gif) no-repeat top left;
}

.FluxBox h1
{
  padding: 5px;
  color: #0000ff;
  font-size: 1.3em;
  background: url(/Shop/Grafik/FluxBoxRechts.gif) no-repeat top right;
  border-bottom: 1px solid #ad9c8c;
}

.FluxBoxInhalt
{
  float: left;
  color: black;
  border-left:   1px solid #ad9c8c;
  border-right:  1px solid #ad9c8c;
  border-bottom: 1px solid #ad9c8c;
}

.FluxBoxFusszeile
{
  clear: right;
  border-bottom: 1px solid #ad9c8c;
}

/************/
/* Navi-Box */
.BoxObenLinks
{
  background: url(../../Shop/Grafik/Rahmen_links.gif)  top left no-repeat;
  float: left;
  width: 100%;
}

.BoxUntenLinks
{
  background: url(../../Shop/Grafik/Rahmen_links.gif) bottom left no-repeat;
}

.BoxObenRechts
{
  background: url(../../Shop/Grafik/Rahmen_rechts.gif) top right no-repeat;
}

.BoxUeberschrift
{
  margin: 0;
  padding: 0.5em 0.5em 0 0.5em;
}

.BoxText
{
  background: url(../../Shop/Grafik/Rahmen_rechts.gif) bottom right no-repeat; 
  display: block;
  margin: 0;
  padding: 0 0.5em 0.5em 0.5em;
}
/* Navi-Box */
/************/

/* Formatierung der Buch-Empfehlungen auf der Titelseite */
.BuchEmpfehlung
{
  float: left;
  margin: 10px;
}

.BuchEmpfehlung img
{
  margin: 0 10px 10px 0;
  float: left;
  border: 1px solid #ad9c8c;
}

.BuchEmpfehlung h2
{
  margin-top: 10px;
  font-size: 1.1em;
}

.BuchEmpfehlung h3
{
  font-size: 1em;
}

.BuchEmpfehlung p
{
  margin: 0;
}

.BuchEmpfehlungPreis
{
  float: right;
  padding: 8px;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
}