/*=====================================================================*/
/*==                Bildschirm - CSS   wettingerweine.ch             ==*/
/*==-----------------------------------------------------------------==*/
/*==    Copyright:  media-konzept kuster, CH-5430 Wettingen          ==*/
/*==    Author:     Janine Iten / Walti Zubler                       ==*/
/*=====================================================================*/

/*------------------ Allgemeine Definitionen -----------------*/

*{
  margin:0;     /* Gillt für Alle  */
  padding:0;
}

html
{
  padding:0px;
  margin:0px;
  border:0px;
}

body
{
  background-image:url(../images/layout2011/logo.png);
  background-repeat:no-repeat;
  background-position: right 250px;
  background-color:#823047;
  margin:0px;
  padding:0px;
  font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
  font-size:15px;
  line-height: 1.2em;
  letter-spacing: .01em;
  color: #f0f0ed;
}

a
{
  border:0;
  outline-style:none;
  outline-width:0;
  color:#d0d500;
}

a:link{text-decoration: none; }

img
{
  border:0;
  outline-style:none;
  outline-width:0;
}

.clear_float
{
  clear:both;
}

h1 
{
  font-family: Times New Roman, Arial, 'Trebuchet MS', Verdana, Helvetica, sans-serif;
  font-size:22px;
  color: #fff;
  font-weight:normal;
  padding-bottom:20px;
}

h1.content
{
  font-family: Times New Roman, Arial, 'Trebuchet MS', Verdana, Helvetica, sans-serif;
  font-size:22px;
  color: #fff;
  font-weight:normal;
  padding-bottom:20px;
}

.textItem
{
  padding-left:0px;
  padding-bottom:20px;
}

.historyback 
{
  padding-top:20px;
  text-align:left;
}

/*------------------ Raumaufteilung -----------------*/

#arbeitsflaeche
{
  width:1100px;
  margin: 0 auto;
  padding-top:10px;
  padding-bottom:5px;
}

#header {min-height: 250px; background-image:url(../images/layout2011/header2011.jpg); margin-bottom: 10px;}

#main 
{
  width:1100px;
  margin-bottom:20px;
}

#main_links 
{
  width: 280px;
  float:left;
}

#main_links_inhalt 
{
  
  padding-right:10px;
}

#main_mitte 
{
  width: 558px;
  min-height: 550px;
  float:left;
  border-left: 1px solid #d0d500;
  border-right: 1px solid #d0d500;
}

#main_mitte_inhalt 
{
  padding-left:20px;
  padding-right:20px;
}

#main_rechts 
{
  width: 260px;
  float:left;
overflow:hidden;
}

#main_rechts_inhalt 
{
  padding-left:25px;
  padding-right:30px;
}

#footer 
{
   width: 1100px;
   background-image:url(../images/layout2011/footer.png); 
   background-repeat:no-repeat;
   background-position: center top;
   margin-top: 50px;
}

#footer_inhalt 
{
  padding-top:40px;
  padding-left:250px;
  padding-bottom:20px;
 
}

#copyright 
{
  font-size:11px;
  color: #c8a9ad;
}

#copyright a
{
  color: #c8a9ad; border: 0;
}

#korken 
{
  padding-top:30px;
  padding-left:10px;
}

/*----------------------------------------------------------------*/
/*--     Layout BREIT                                           --*/
/*----------------------------------------------------------------*/

#main_breit 
{
  width:1100px;
  margin-bottom:20px;
}

#main_center
{
  width: 820px;
  float:left;
  display:inline;
}

#main_center_inhalt 
{
  position:relative;
  left:20px;
  display:inline;
}

/*----------------------------------------------------------------*/
/*--     Linker Bereich (Navigation) weitere Definitionen       --*/
/*----------------------------------------------------------------*/

.navi
{
  font-size:21px;
  line-height:23px;
  margin-bottom: 5px;

}
.navi a{border: 0;}

/* Level 1 first */

a.navileft_passive1
{
  display:block;
  font-size:21px;
  color:#fff;
  font-family: Times New Roman, Arial, 'Trebuchet MS', Verdana, Helvetica, sans-serif;
  line-height:23px;
  font-weight:normal;
  text-decoration:none;
}
a.navileft_passive1:hover {color:#d0d500;}

a.navileft_active1
{
  display:block;
  font-size:21px;
  color:#d0d500;
  font-family: Times New Roman, Arial, 'Trebuchet MS', Verdana, Helvetica, sans-serif;
  line-height:23px;
  font-weight:normal;
  text-decoration:none;
}

a.navileft_open1
{
  display:block;
  font-size:21px;
  color:#d0d500;
  font-family: Times New Roman, Arial, 'Trebuchet MS', Verdana, Helvetica, sans-serif;
  line-height:23px;
  font-weight:normal;
  text-decoration:none;
}

/* Level 2 second */

a.navileft_passive2
{
  display:block;
  font-size:13px;
  color:#fff;
  padding-left:30px;
  font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
  line-height:23px;
  font-weight:normal;
  text-decoration:none;
}
a.navileft_passive2:hover {color: #d0d500;}

a.navileft_active2
{
  display:block;
  font-size:13px;
  color:#d0d500;
  padding-left:30px;
  font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
  line-height:23px;
  font-weight:normal;
  text-decoration:none;
}

a.navileft_open2
{
  display:block;
  font-size:13px;
  color:#d0d500;
  padding-left:30px;
  font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
  line-height:23px;
  font-weight:normal;
  text-decoration:none;
}
/*----------------------------------------------------------------*/
/*--     Bild 2h                                                --*/
/*----------------------------------------------------------------*/

.bild1 
{
  margin-left:10px;
  width:160px;
  background-color:#f0f0ed;
  padding: 10px;
  margin-bottom:20px;
}

.bild2 
{
  margin-left:10px;
  width:160px;
  background-color:#f0f0ed;
  padding: 10px;
  margin-bottom:20px;
}

/*----------------------------------------------------------------*/
/*--     Bild 4h _links                                         --*/
/*----------------------------------------------------------------*/

.bild1_links
{
  margin-top:20px;
  width:160px;
  background-color:#f0f0ed;
  padding: 10px;
  margin-bottom:10px;
}

.bild2_links 
{
  margin-top:20px;
  width:160px;
  background-color:#f0f0ed;
  padding: 10px;
  margin-bottom:10px;
}

.bild3_links 
{
  margin-top:20px;
  width:160px;
  background-color:#f0f0ed;
  padding: 10px;
  margin-bottom:10px;
}

.bild4_links 
{
  margin-top:20px;
  width:160px;
  background-color:#f0f0ed;
  padding: 10px;
  margin-bottom:10px;
}

/*----------------------------------------------------------------*/
/*--     Aktuelles                                              --*/
/*----------------------------------------------------------------*/

.aktuell_titel 
{
  font-family: Times New Roman, Arial, 'Trebuchet MS', Verdana, Helvetica, sans-serif;
  font-size:21px;
  color: #fff;
  font-weight:normal;
}

.aktuell_titel a {text-decoration:none; border: 0;}

.artlmore {text-align: right;}
.artlmore a {text-decoration:none; }
/*----------------------------------------------------------------*/
/*----------------- Shopliste --------------------------*/
/*----------------------------------------------------------------*/
.list {margin-top: 15px; }
.listpic {float: left; width:80px; }
.list_txt_box  {  float:left;  width:680px;  margin-top:10px; }
.listpiclink { }
.listtitle
{
  color: #DC5E04;
  font-weight: normal;
  font-family: Times New Roman, Arial, 'Trebuchet MS', Verdana, Helvetica, sans-serif;
  font-size:19px;
  text-decoration: none;
  border-top: 1px dotted #ddd;
  border-bottom: 1px dotted #ddd;
}

.listtitle a 
{
  text-decoration:none;
}

.icon {border: 0px; padding-top: 3px; margin-left: 5px;}

.listdescription
{
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  margin: 10px 0 10px 0;
  padding: 0;
}
.between_products {}

.listnumber {margin-top: 13px; text-align: right;}
.listprice {text-align: right; font-weight: bold;}

/*----------------- Shop Product --------------------------*/

.product {margin-top: 10px; padding-top: 10px; border-top: 1px dotted #e6e6e6; text-align: right;}
.producttitle {}
.productdescription {color: #d1d9be; font-size: 13px; font-weight: normal; padding-top:10px; }
.productnumber {color: #fff; font-size: 13px; font-weight: normal;font-family: Trebuchet, 'Times New Roman', Times,'Lucida Sans', 'Lucida Sans Unicode', serif; margin-right: 3px;}
.productprice {color: #fff; font-size: 13px; font-weight: bold; }
.productadd {margin-top: 10px; color: #fff; font-size: 12px; font-weight: normal; }
.kaufen {border: none; margin-bottom: -4px; margin-right: 10px;}

/*----------------- Shop Cart --------------------------*/

.shoppingcart {text-align: left; border-top: 1px dotted #e6e6e6;   margin-top:10px;  }
.shoppingcarttitle {padding-top:10px; color: #fff; font-size: 21px; font-weight: normal; font-family: 'Times New Roman', Trebuchet,  Times,'Lucida Sans', 'Lucida Sans Unicode', serif; margin-right: 3px;}
.shoppingcartcontent {color: #d1d9be; font-size: 13px; font-weight: normal; }
.shoppingcartcheckout {margin-top: 10px; color: #fff; font-size: 13px; font-weight: normal; }

/*----------------- Shop Admin --------------------------*/

.oShopAdmin {}
.even {}
.odd {}

/*----------------- Shop Checkout --------------------------*/

.checkout {margin-top: 20px;}
.oShopErrorMessages {}
.headamount {text-align: left; width: 90px; padding-top:10px; padding-bottom:10px; }
.amount {}
.normal {}
.headident {text-align: left; width:150px; padding-top:10px; padding-bottom:10px;}
.identifier {}
.headprice {text-align: right; width:100px; padding-top:10px; padding-bottom:10px; }
.price {text-align: right;}
.headtotal {text-align: right; width:100px; padding-top:10px; padding-bottom:10px; }
.mwst {padding-bottom: 20px;}
.pricemwst {padding-bottom: 20px; text-align: right;}
.endtotal {padding-bottom: 20px;}
.pricetotal { padding-bottom: 20px; text-align: right; font-weight: bold; color:#DC5E04;}
.total {}
.versandkosten {text-align: left; font-size: 10px; padding-top: 20px; padding-bottom: 20px;}
.versandart {text-align: right; }
.checkoutStep0 {}
.checkoutStep1 {margin-top: 20px;}
.label {width: 150px;}
.strasse {}
.strassenr {width: 50px;}

.plz {width: 50px;}
.ort {}
.zahlung_ausloesen {margin-top: 20px;}
.line {}
.lintop {}
.agb {margin-top: 20px;}
td {padding-bottom: 5px;}

.no_padding_td td {  padding:0;  }

.shopliste_pfeil {text-align:right; }
/*----------------------------------------------------------------*/
/*--                     Download Liste                         --*/
/*----------------------------------------------------------------*/

#downloadtable
{
  width: 100%;
  margin-top: 20px;
  margin-bottom:10px;
}

#downloadheader
{
}

.downloaddata
{
  margin-top: 5px;
}

#dhead_line
{
  margin-top: 5px;
}

.ddata1
{
  width:60%;
  float:left;
  margin-bottom: 5px;
}
.ddata1 a {border:0; padding: 0; font-size: 14px;}

.ddata2
{
  width:10%;
  text-align: center;
  float:left;
  margin-bottom: 5px;
}
.ddata3 {width:15%; float:left;margin-bottom: 5px;}
.ddata4 {width:15%; text-align: right; margin-bottom: 5px; float:left;}

.dfiledesc
{
  color: #fff;
  font-size: 11px;
  padding-right: 30%;
  margin-bottom: 5px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #fff;
  clear: both;
}



/*----------------------------------------------------------------*/
/*--                      Artikelliste Bildergalerie            --*/
/*----------------------------------------------------------------*/

#artikellist
{
}

#listheaderbox
{
  padding-bottom: 10px;
}

.listheader
{
}

.listeintrag
{
  width: 100%;
  padding-bottom: 5px;

}

A.galerielist:link
{
  font-size: 13px;
  text-decoration: none;
  color: #d0d500;
  padding-left: 20pt;
  background-image: url("../images/gal_ic01.jpg");
  background-repeat: no-repeat;
  background-position: top left
}

A.galerielist:visited
{
  font-size: 13px;
  text-decoration: none;
  color: #d0d500;
  padding-left: 20pt;
  background-image: url("../images/gal_ic01.jpg");
  background-repeat: no-repeat;
  background-position: top left
}

A.galerielist:hover
{
  font-size: 13px;
  text-decoration: none;
  color: #fff;
  padding-left: 20pt;
  background-image: url("../images/gal_ic02.jpg");
  background-repeat: no-repeat;
  background-position: top left
}


