/* ***************************************************************************************

       saddleshop.css
       Styledefinitionen für www.saddleshop.de


   (c) Klaus Tucher Informatik 
       Im Münzen 30

       73230 Kirchheim unter Teck


   =======================================================================================
   ACHTUNG: Zeilen mit Kommentar "pfad" müssen bei der Installation noch angepasst werden!
   =======================================================================================

   *************************************************************************************** */

   /* ------------------------------
      Allgemeines Framing
      ------------------------------ */
     body {
       font-family: "times new roman", serif;
       font-size: 11pt;
       margin: 0;
       padding: 0;
       }

     button {
       height: 22px;
/*       background-color: #8E7A72; */
       background-color: #BEB29F;
       color: #ffffff;
       border: #766A5A 1px outset;
       margin: 2px; 
       margin-left: 10px;
       font-family: "times new roman", serif;
       font-size: 11pt;
       padding: 2px;l
       }

     h2 {
       background-color: #BEB29F;
       color: #ffffff;
       font-weight: normal;
       font-size: 12pt;
       margin: 0;
       padding: 8px;
       }

     input, select {
       height: 22px;
       border: #766A5A 1px solid;
       margin: 2px; 
       font-family: "times new roman", serif;
       font-size: 11pt;
       padding: 2px;
       }

     .Mussfeld {
/*       background-color: #ffeec0;*/
       border-color: red;
       }

     legend {
       color: red;
       }

     .MainBlock { 
       width: 980px; 
       background-color: #FFFFFF;
       text-align: left;
       border: 1px black solid;
       border-collapse: collapse;
       }


/* --------------------------------------------------------------
   ---- Kopfbereich                                          ---- 
   -------------------------------------------------------------- */

     .HeaderBlock { 
       width:    100%; 
       height: 254px;
       padding: 0;
       margin: 0;
/*       background-color: #8E7A72; */
       background-color: #BEB29F;
       color:    #FFFFFF;
       background-image: url('/webios/_data/_saddleshoptrading.de/_media/header_back.gif'); 
       background-repeat: repeat-x;
       font-weight: bold;
       font-size: 9pt;
       }

     .HeaderBlock A:link {
       text-decoration: none; 
       color: #FFFFFF;
       }

     .HeaderBlock A:visited {
       text-decoration: none; 
       color: #FFFFFF;
       }

     .HeaderBlock A:active {
       text-decoration: none; 
       color: #852722;
       }

     .HeaderBlock A:hover {
       text-decoration: none; 
       color: #852722;
       }

     .HeaderLinks { 
       width:    195px;
       height:   254px;
       line-height: 200%;
/*
       background-image: url('/webios/_data/_saddleshoptrading.de/_media/saddleshop_logo.gif');
       background-position: 0px 95px;
       background-repeat: no-repeat;
*/
       overflow: hidden;
       }

     .HeaderMitte { 
       height:   34px;
       padding-top:220px;
       padding-left: 10px;
       background-image: url('/webios/_data/_saddleshoptrading.de/_media/saddleshop_header.jpg'); /* pfad */
       background-position: top right;
       background-repeat: no-repeat;
       }

     .HeaderRechts { 
       width:    195px;
       height:   254px;
       overflow: hidden;
       }

     .HeaderOben {
       width:    120%;
       height:   49px;
       background-color: #766A5A;
       }

     .HeaderSpacer {
       width:    100%;
       line-height: 200%;
       height:   121px;
       padding:  10px;
       padding-top: 25px;
       }

     .HeaderUnten {
       width:    120%;
       height:   29px;
       padding:  10px;
       background-color: #766A5A;
       }

/* --------------------------------------------------------------
   ---- Inhaltsbereich                                       ---- 
   -------------------------------------------------------------- */

     .ContentBlock { 
       width: 100%;
       height: 100%;
       padding: 0;
       margin: 0;
/*
       background-image: url('//webios/_data/_saddleshoptrading.de/_media/_media/content_back.gif'); /* pfad */
       background-repeat: repeat-y;
*/
       }

     .ContentBlock h1 {
       color: #8E7A72;
       font-weight: normal;
       font-size: 14pt;
       }

     .ContentBlock h2 {
       background-color: #BEB29F;
       color: #ffffff;
       font-weight: normal;
       font-size: 12pt;
       margin: 0;
       margin-top: 25px;
       margin-bottom: 5px;
       padding: 8px;
       }


     .ContentBlock h3 {
       color: #8E7A72;
       font-weight: normal;
       font-size: 12pt;
       }

     .ContentBlock A:link {
       text-decoration: none; 
       color: #000000;
       }

     .ContentBlock A:visited {
       text-decoration: none; 
       color: #000000;
       }

     .ContentBlock A:active {
       text-decoration: none; 
       color: #A00000;
       }

     .ContentBlock A:hover {
       text-decoration: none; 
       color: #A00000;
       }

     .ContentLinks { 
       padding:  0px;
       width:    215px;
       height: 100%;
       background-color: #BEB29F;
       font-size: 9pt;
       }

     .ContentLinks A:link {
       text-decoration: none; 
       color: #000000;
       display: block;
       width: 100%;
       display: block;
       width: 100%;
       padding: 10px;
       }

     .ContentLinks A:visited {
       text-decoration: none; 
       color: #000000;
       display: block;
       width: 100%;
       padding: 10px;
       }

     .ContentLinks A:active {
       text-decoration: none; 
       color: #FFFFFF;
       background-color: #766A5A;
       display: block;
       width: 100%;
       padding: 10px;
       }

     .ContentLinks A:hover {
       text-decoration: none; 
       color: #FFFFFF;
       background-color: #766A5A;
       display: block;
       width: 100%;
       padding: 10px;
       }

     .ContentLinks h1 {
       color: #000000;
       font-weight: bold;
       font-size: 11pt;
       text-transform: uppercase;
       }


     .ContentMitte { 
       padding-top: 10px;
       padding-bottom: 10px;
       padding-left: 20px;
       padding-right: 20px;
       background-color: #FFFFFF;
       height:   100%;
       }

     .ContentMitte th { 
       padding: 0;
       }

     .ContentRechts { 
       padding:  0px;
       width:    215px;
       height:   100%;
       background-color: #BEB29F;
       overflow: hidden;
       }

     .ContentRechts h1 {
       color: #000000;
       font-weight: bold;
       font-size: 11pt;
       text-transform: uppercase;
       }

/* --------------------------------------------------------------
   ---- Shop: Artikelgruppen-Übersicht                       ---- 
   -------------------------------------------------------------- */

     .AGU_Main { 
       display: block;
       padding-top: 30px;
       margin-right: 8px;
       margin-bottom: 10px;
       text-align: left;
       width: 160px;
       height: 160px;
       float: left;
       }

     .AGU_Bild {
       width: 160px; /* 175 */
       height: 100px;
       overflow: hidden;
       margin-bottom: 5px;
       }


/* --------------------------------------------------------------
   ---- Shop: Artikel-Übersicht                              ---- 
   -------------------------------------------------------------- */

     .AU_Main { 
       margin-right: 8px;
       margin-bottom: 10px;
       padding: 0px;
       position: relative;
       top: 0px;
       left: 0px;
       text-align: left;
       float: left;
       white-space: normal;
width: 160px;
       }

     .AU_Bild {
       width: 160px; /* 175 */
/*       height: 240px; */
       margin: 0;
       padding: 0;
       overflow: hidden;
       }

     .AU_Text {
       font-size: 8pt;
       color: #ffffff;
       background-color: #852722; /* #2060a0; */
       width: 70px; /* 80 */
       height: 30px;
       padding: 5px;
       margin: 5px;
       white-space: nowrap;
       }

    .AU_ArtikelFlag {
/*       position: absolute;
       top: 5px;
       left: 5px;
*/
       font-size: 12pt;
       text-transform: uppercase;
       font-weight: bold;
       height: 1em;
       }

    .AU_Bestellung {
       background-color: #E5E0D9;
       margin-top: 5px;
       padding: 3px;
       width: 150px;
       border: #8E7A72 1px solid;
       font-size: 9pt;
       }

    .AU_Bestellung button {
       font-size: 9pt;
       }

    .AU_Bestellung input,     
       font-size: 9pt;
       }

    .AU_Bestellung select {
       font-size: 9pt;
       }

    .ArtNeu {
       color: #ffb040;
       }

    .ArtSonderangebot {
       color: #ff0000;
       }

    .ArtRestposten {
       color: #e0b010;
       }

/* --------------------------------------------------------------
   ---- Shop: Artikel-Übersicht rechte Spalte                ---- 
   -------------------------------------------------------------- */

     .AU_Main_rechts { 
       background-image: url('/webios/_data/_saddleshoptrading.de/_media/box_rechts_mitte.gif'); /* pfad */
       background-repeat: repeat-y;
       width: 185px;
       margin: 0px;
       padding: 0px;
       padding-left: 13px;
       position: relative;
       top: 0px;
       left: 0px;
       text-align: left;
       font-size: 8pt;
       }

     .AU_Bild_rechts {
       width: 160px; /* 175 */
       margin: 0;
       padding: 0;
       overflow: hidden;
       position: relative;
       top: 0px;
       left: 0px;
       }

/* --------------------------------------------------------------
   ---- Shop: Artikel-Details                                ---- 
   -------------------------------------------------------------- */
                                              
     .AD_Main { 
       position: relative;
       top: 0px;
       left: 0px;
       text-align: left;
       padding: 0;
       margin: 0;
       }

     .AD_Bild {
       width: 520px;
       overflow: hidden;
       position: relative;
       top: 0px;
       left: 0px;
       }

     .AD_Kurztext {
       font-size: 8pt;
       color: #ffffff;
       background-color: #852722; /* #2060a0; */
       width: 80px;
       height: 30px;
       padding: 11px;
       white-space: nowrap; /* */
       float: left; /* */
       }

     .AD_Detailtext {
       font-size: 10pt;
       width: 390px;
       padding: 5px;
       margin-top: 10px;
       position: relative;
       top: 0px;
       left: 0px;
       clear: both;
       }

     .AD_Ratingbar {
       font-size: 8pt;
       color: #000000;
       background-color: #f0d090;

       width: 150px;
       height: 50px;

       padding: 1px;
/*
       position: absolute;
       bottom: 10px;
       left: 100px;
*/
       white-space: nowrap; 
       float: left; 
       text-align: center;
       border: white 1px solid;
       filter:alpha(opacity=90);
       }


     .AD_Bestellblock {
       font-size: 10pt;
       width: 450px;
       padding: 5px;
       margin-top: 10px;
       position: relative;
       top: 0px;
       left: 0px;
       }
                                                
     .AD_Hersteller {
/*
       position: absolute;
       bottom: 5px;
       left: 105px;
*/
       }

     /* Navi */
     .MenuItem1 A:link {
       padding-left: 21px;
       }

     .MenuItem1 A:visited {
       padding-left: 21px;
       }

     .MenuItem1 A:active {
       padding-left: 21px;
       }

     .MenuItem1 A:hover {
       padding-left: 21px;
       }

     .MenuItem2 A:link {
       padding-left: 37px;
       }

     .MenuItem2 A:visited {
       padding-left: 37px;
       }

     .MenuItem2 A:active {
       padding-left: 37px;
       }

     .MenuItem2 A:hover {
       padding-left: 37px;
       }

     .MenuItem3 A:link {
       padding-left: 53px;
       }

     .MenuItem3 A:visited {
       padding-left: 53px;
       }

     .MenuItem3 A:active {
       padding-left: 53px;
       }

     .MenuItem3 A:hover {
       padding-left: 53px;
       }

     .MP_Aktiv {
       color: #852722; 
       font-weight: bold;
       }