/*  Stylesheet
  Speisekarte und Lieferservice
*/

#dtaLS {}

#dtaLS .speisekarte {
margin-top: 30px;
margin-left: 30px;
margin-bottom: 200px;
}


#dtaLS div.toptitel {
  color: #003333;
  text-transform: uppercase;
  font-size: 1.6em;
  padding-left: 0px;
}
#dtaLS div.toptitel2 {
  color: #669900;
  font-variant:small-caps;
  font-size: 1.0em;
  font-weight:normal;
  display:none;
}

#dtaLS .default {
  font-size: 12px;
  text-transform: none;
  font-weight: normal;
}

#dtaLS .text-small {
  font-size: 9px;
}

#dtaLS #hath {
  width:500px;
  z-index:1000;
  font-size: 11px;  
 }

#dtaLS #hath div.catheader,
 #dtaLS #hath div.catheader_nobg {
  margin-top: 10px;
  margin-bottom: 10px;
  height: 40px;
  width:100%;
  border: 0px solid #ccc;
 } 
#dtaLS #hath .catheader .catTitel,
  #dtaLS #hath .catheader_nobg .catTitel {
  position: absolute;
  margin-top:28px;
  padding-left: 10px;
  width: 490px;
  background-color: #f1f1f1;  
  opacity: 0.5;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  
 }

#dtaLS #hath h2.catTitel  {
  display: block;
  margin:0;
  margin-top: 20px;
  font-size: 24px;
  color: #82B41D;
 }


#dtaLS #hath .catheader .catTitel h2,
 #dtaLS #hath .catheader_nobg .catTitel h2  {
  display: block;
  margin:0;
  font-size: 24px;
  color: #005522;
 }
#dtaLS #hath .catheader_nobg .catTitel h2  {
  color: #006611;
 }


  
#dtaLS #hath table {
  width:100%;
  margin:5px 0 0 0px;
  border: 0px solid #f00;
  background-color: #fff;
  border-collapse:separate;
  table-layout:fixed;
  font-size: inherit;
 }
#dtaLS #hath table tr {
  background-color: #fff;
 } 
#dtaLS #hath table tr:hover {
  background-color: #ffffcc;
  border-bottom: 1px dotted #ccc;
 } 
 
#dtaLS #hath table td {
  width:20px;
  border: 0px solid #f00;
  overflow:hidden;
  vertical-align:top;
 }
#dtaLS  #hath table td.name {
  width:400px;
 }
#dtaLS #hath table td.preis {
  width:90px;
  text-align:right;
  font-weight: bold;
  cursor:pointer;
 }

#dtaLS  #basket {
  width:100%;
 }
#dtaLS  #basket .hint {
  font-size: 9px;
 }
#dtaLS  #basket table {
  width:100%;
  border-collapse: separate;
  font-size: inherit;
  clear:both;    
 }
#dtaLS  #basket table th {
 background-color:#ccc;
 }
#dtaLS  #basket table th.preis,
 #dtaLS #basket table td.preis {
 text-align:right;
 }
#dtaLS  #basket table td {
  vertical-align: top;
  border-bottom: 1px dotted #ccc;
 } 
#dtaLS  #basket .select {
  border: 0px;
  width: 36px;
  background-color: #f2f2f2;
  font-size: 10px;
 }

#dtaLS  #basket .titel {
  font-weight: bold;
 }
  
#dtaLS #basketlist {
    margin: 0;
  }
#dtaLS .basketlist {
    margin: 0;
  }

#dtaLS .basketlist div.header {
    background-color: #66A016;
    width: 100%;
    /*    height: 16px; */
    margin: 0 0 0px 0;
    padding: 3px 0 3 px 0;
  }
#dtaLS  #basket .basketlist div.header table {
    margin:0;
  }  
#dtaLS  #basket .basketlist div.header table td {
    border: none;
    color: #fff;
    font-weight:bold;
  }  
  
#dtaLS  #basketlist div{
  clear:both;
  border-bottom: 1px dotted #ccc;
  }  
#dtaLS  #basketlist div span {
    float:left;
    display:block;
    padding: 0px;
    border: 0px solid #f00;
  }
#dtaLS  #basketlist div span.anzahl {
    width: 40px;
    text-align:right;
  }
#dtaLS  #basketlist div span.titel {
    width: 220px;
    padding: 0 5px 0 5px;
  }
#dtaLS  #basketlist div span.titel select {
  }  
#dtaLS  #basketlist div span.preis {
    width: 50px;
    text-align:right;
  }
#dtaLS  #basketlist div span.edit {
    width: 30px;
    text-align:right;
  }


/* ----- */

#dtaLS #basketdiv {
  position:fixed; 
  bottom:2px; 
  width:300px; 
  /* height: 20%; */ 
  border:0px solid #f00;
  padding:0px;
  padding-top:200px;
  margin-left:690px; 
  z-index:200;
  vertical-align:bottom;
}

#dtaLS #basket {
  height:auto; 
  background-color: #fff;     
  border:1px solid #ccc;
  vertical-align:bottom;
  position:absolute;
  bottom:5px;
  margin-top: 0px;    
}
#dtaLS #basket div {  margin-top: 0px;}

#dtaLS #basket .s_select {
  margin-top: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
  
}

#dtaLS #basket .basketlist {
  overflow:auto;
  max-height:400px;
  margin-top: 0px;  
  background-color: #DAFF96;
}

#dtaLS #basket .basketbottom {
  background-color:#eee;
  border: 2px solid #cdcdcd;
  border-bottom: none;
  text-align:right;
}

#dtaLS #basket .basketbottom button {
  float:left;
  background: #66a016;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  cursor: pointer;
}

#dtaLS #basket .basketdel {
  cursor:pointer;
}

#dtaLS #basket .addon_edit i,
#dtaLS #basket .beilageinfo {
  color: #999;
}
#dtaLS #basket .addon_edit {
  cursor:pointer;
  color: #084129;
  color: #06661B;
  padding-left:36px;
  display:block;
}

#dtaLS #basket .anzahl {
width: 30px;
}
#dtaLS #basket .artikel {
width: 100px;
}
#dtaLS #basket .preis {}



#dtaLS #basket .beilageinfo:hover,
#dtaLS #basket .addon_edit i:hover,
#dtaLS #basket .addon_edit:hover {
  color: #f00;
}


/* PLZ suchen Startseite */
#dtaLS #findPlz {
  margin-top: 30px;
  height: 600px;
  background: #FFFFFF url(/u/ww/lieferservice/bg_findplz.jpg) no-repeat scroll 0px 10px;
  color: #003333;
  font-family: Arial;
  font-size: 12px;
}
#dtaLS #findPlz .toptitel{
padding-left: 35px;
}

#dtaLS #findPlzResultsPlzError,
#dtaLS #findPlzWelcomeBox,
#dtaLS #findPlzFormBox,
#dtaLS #findPlzResultBox {
  width:515px; 
  float:right;
  padding: 10px;
  margin: 0;
  border:0px solid red;  
}

#dtaLS #findplzWelcometext {
  font-weight: bold;
  font-size: 12px;
  color: rgb(0,51,51);
}

#dtaLS #findPlzFormBox .text {
  font-size:16px;
}
#dtaLS #findPlzFormBox input.plz {
  font-size:20px; 
  width:80px;
  font-weight:normal;
}

#dtaLS #findPlzFormBox .fidtyp {
  display: inline;
  padding-left:20px;
}
#dtaLS #findPlzResultsPlzError {
  color: #649900;
  font-weight: bold;
  padding: 2px 10px;
}


#dtaLS #findPlzResultBox {
  position:relative;
  height:340px; /* see also #findPlzResults */ 
  width:100%;  
  padding: 0px;
  padding-top: 10px;    
}

#dtaLS #findPlzResults {
  position:relative;
  float:right; 
  background: transparent; 
  display:none; 
  height: 330px;
  width: 90%; 
  overflow:auto; 
  overflow-x:hidden;  
  border: 0px ridge #f00; 
  border-left: none; 
  border-top: none; 
  padding:0;
  margin:0;
  padding-right:10px;  
}
#dtaLS #findPlzResults table {
  float: right;
  /*width: 515px;*/
  margin: 0px;
  margin-top: 0px;
  border-collapse: collapse;
  padding-top: 0px;  
}

#dtaLS #findPlzResults  thead tr {
/*  position: fixed;
  margin-top: -20px;
*/
}
#dtaLS #findPlzResults table thead td {
  background-color: #fff;
  filter:alpha(opacity=95); -moz-opacity: 0.95; opacity: 0.95;
  font-weight:bold;
  vertical-align:top;
}
#dtaLS #findPlzResults table thead td.ls {
  text-align:right;
}

#dtaLS #findPlzResults table tbody td {
  background: #fff;
  filter:alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90;
  vertical-align:top;
}

#dtaLS #findPlzResults table tr:hover {
  background-color: #699B04;
}

#dtaLS #findPlzResults  thead td.plz {
padding-left:25px;
}

#dtaLS #findPlzResults  thead td {
padding-right:10px;
font-weight: bold;
}
#dtaLS #findPlzResults  tbody td {
padding-right:10px;
font-weight: normal;
}

#dtaLS #findPlzResults  td.plz {
font-weight:bold;
width: 150px;
}

#dtaLS #findPlzResults  td.adresse {
width: 180px;
}

#dtaLS #findPlzResults .resultsTable_ex td.adresse {
white-space: nowrap;
width: 280px;
}
#dtaLS #findPlzResults .resultsTable_ex thead td.adresse {
padding-left:20px;
}

#dtaLS #findPlzResults  td.adressetel {
width: 100px;
}
#dtaLS #findPlzResults .resultsTable_ex td.adressetel {
width: 120px;
}

#dtaLS #findPlzResults  thead td.adresse {
color: #649900;
}
#dtaLS #findPlzResults  tbody td.adresse {
}

#dtaLS #findPlzResults td.res {
display:none;
width: 25px;
}
#dtaLS #findPlzResults tbody td.ls {
padding-right: 10px;
text-align:right;
}
#dtaLS #findPlzResults td.ex {
display:none;
width: 25px;
}


#dtaLS #findPlzResults .hinweis {
  font-size: 11px;
  font-weight:normal;
  padding-left:30px;
  font-style: italic;
}

#dtaLS #findPlzResults .error_noplz {
  background-color: #fff;
  color: #e00;
  filter:alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80;
  padding: 10px;  
  font-weight:bold;
}

#dtaLS #findplz_werbung {
  display: none;
  border: 1px solid #ccc;
  height: 140px;
  text-align:center;
  padding-top: 70px;
  
}


/* Speisenkarte Seite */

#dtaLS #filialaddress {
  width: 300px;
  margin-top:98px;
  float:right;
}

#dtaLS #filialaddress h2 {display:block; margin:0;}

#dtaLS #filialaddress a.buttonNewFiliale,
#dtaLS #filialaddress a.buttonNewFiliale:visited {
  background-color: #66a016;
  border: 1px solid #aaa;
  font-size: 11px;
  color: #fff;
  padding: 3px 3px;
  text-decoration: none;
  font-weight: bold;
}
#dtaLS #filialaddress a.buttonNewFiliale:hover {
  color: #222;
}
#dtaLS #filialaddress .name {display:block;}
#dtaLS #filialaddress .str {}
#dtaLS #filialaddress .ort {}
#dtaLS #filialaddress .tel {
  display:block;
  font-weight: bold;
}
#dtaLS #filialaddress .telnr {
  padding-left: 10px;
}

#dtaLS #filialaddress .lieferzeiten {
  display:block;
  font-weight: bold;
  color: #669900;
}


#dtaLS #filialaddress .uhrzeit {
  background: #004129;
  border-collapse:separate;
  border: 0px solid #06661B;
  font-size: 10px;
  margin: 0;
}
#dtaLS #filialaddress .uhrzeit td{
background: #fff;
width: 50px;
text-align: center;
}



#dtaLS div.speisekarte {
margin-left: 30px;
margin-top: 30px;
}

/* Produktliste Tabellengestaltung */
#dtaLS  table.hath_table {
  width: 600px; 
/*  border-collapse: separate; */
  margin: 0 0 25px 0;
  border: 1px solid #074129;
  border-style: solid;
  border-width: 1px;
 }
#dtaLS  table.hath_table tbody {
  /*border: 1px solid #f00;*/
 }
 
#dtaLS table.hath_table thead th{
 padding:0;
 }

#dtaLS table.hath_table thead div.catimage {
  overflow: hidden;
  margin: 0;
  padding:0;
  line-height:0;
 }

#dtaLS table.hath_table thead h2.catTitel {
display:none;
}

#dtaLS  table.hath_table .header2 {
 background-color:#074129;
 color: #fff;
 font-weight: bold;
 }

#dtaLS  .hath_table td.name{
   width: auto;
   padding-left:20px; 
 }
#dtaLS  .hath_table td.preis{
 width: 80px;
 text-align:right;
 cursor:pointer;
 }
#dtaLS  .hath_table td.order{
 width: 50px;
 text-align:center;
 cursor:pointer;
 }
#dtaLS  .hath_table tr.pwwrow:hover{
 background-color: #ffffcc;
 }

#dtaLS .hath_table tr.pwwrow td{
  border-top: 1px solid #eee;
  cursor:pointer;  
  padding: 4px 0px 4px 20px;
 }

#dtaLS .hath_table tr.pwwrow_res td{
cursor: default;
}


#dtaLS div.showstatus_intro {
  font-size: 12px;
  color: #f00;
}

#dtaLS div.showstatus {
}

#dtaLS .fidvkart {
  display:block;
}

/*** highslide **/
/* ================ */
/* Popup Beilagen Combi */
#dtaLS .pop-pww {
color: #003333;
font-size: 13px;
}

#dtaLS .pop-pww .highslide-html {
   background-color: #fff;
}

#dtaLS .pop-adresse .highslide-html-content,
 #dtaLS .pop-pww .highslide-html-content {
   width: 550px;
}

#dtaLS .pop-pww .info {
  background-color: #DAFF96;
  font-size:12px;
  padding: 4px;
}
#dtaLS .pop-pww .info .preis {
 float:right;
 padding-left: 8px;
 font-weight:bold;
}
#dtaLS .pop-pww .info .titel {
  font-weight:bold;
}

#dtaLS .pop-pww h2.catTitel {
  margin: 5px 0 0 0;
  font-size: 16px;
  font-weight: bold;
}

#dtaLS .pop-pww label {
  cursor: pointer;
}

#dtaLS .pop-pww tr:hover {
  font-weight:bold;
}

#dtaLS .pop-pww label:hover {
  font-weight:bold;
}

#dtaLS .pop-pww #pww_combi {
  margin: 5px 0 0 0;
}
#dtaLS .pop-pww #pww_combi label{
}
/* highslide Bestelladresse */
#dtaLS #orderadr div {
  margin-bottom: 10px;
}
#dtaLS #orderadr {
  font-size: 11px;
  color: #699B04;
  padding: 0 10px 10px 10px;
  height:405px;
}


#dtaLS #orderadr .firma,
#dtaLS #orderadr .vorname,
#dtaLS #orderadr .str,
#dtaLS #orderadr .plz,
#dtaLS #orderadr .tel
{
  clear: left;
  float: left;
  width: 50%;
}
#dtaLS #orderadr .abteilung,
#dtaLS #orderadr .nachname,
#dtaLS #orderadr .hnr,
#dtaLS #orderadr .ort,
#dtaLS #orderadr .email
{
  float: right;
  width: 49%;
}
#dtaLS #orderadr .str,
#dtaLS #orderadr .ort {
  width: 70%;
}
#dtaLS #orderadr .hnr {
  width: 29%;
}

#dtaLS #orderadr .info
{
  clear: left;
  width: 99%;
}

#dtaLS #orderadr .input_t {
  width: 98%;
  font-size: 12px;
}
#dtaLS #orderadr .mandatory input,
 #dtaLS #orderadr .mandatory select {
  background-color: #ffcc33;
}

#dtaLS #orderadr textarea {
  width: 98%;
  height: 40px;
  font-size: 12px;

}


/* Zusatzstoffe */
#dtaLS .additive {
  width: 700px;
}
#dtaLS .additive i {
  font-weight: bold;
  display: block;
}
#dtaLS .additive span {
  margin-right: 2px;
  display: block;
}



/* Kategorie Navigations Menu */
#dtaLS #pwwmenu0 {
border: 0px solid #f00;
color: #333;
bottom: 0px;
position: fixed;
width:600px;
margin-left: 30px;
}
#dtaLS #pwwmenu0 b{
display:block;
height: 10px;
background-color: #fff;
opacity:0.5
}
#dtaLS #pwwmenu {
border: 0px solid #000;
background-color:#08412A;
text-align: left;
color: #fff;
margin-top: 0px;
width:100%;
}
#dtaLS #pwwmenu span {
border: 1px solid #ccc;
padding:2px 4px;
margin:3px;
white-space:nowrap;
line-height: 25px;
}
#dtaLS #pwwmenu span:hover {
background-color: #65A017;
}

#dtaLS #pwwmenu .catmenu_top {
width: 30px;
height: 20px;
padding: 0 5px;
background: url('icon/up_small.gif') no-repeat center 5px;
color: #ccc;
}
/* menutitel fuer "nach oben navigieren"
#dtaLS #pwwmenu .catmenu_top:before {
content: 'top';
}
*/

/* Hinweis zum Navigationsmenu */
#dtaLS #pwwmenu:after {
content:'-== Schnell-Navigation ==-';
color: #ccc;
display:block;
text-align:right;
float:right;
}