/* file:main */
body {
  background-color:#e2bc53; margin:0px;
  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#1f1f1f;
}
form { display:inline; }
img { border:0px; }

a, a:visited { color:#1f1f1f; text-decoration:underline; }
a:hover { color:#cb1f1f; text-decoration:underline; }
a.yellow, a.yellow:visited { color:#ffc600; }
a.yellow:hover { color:#ffffff; text-decoration:underline; }
a.red, a.red:visited { color:#cb1f1f; }
a.red:hover { color:#1f1f1f; text-decoration:underline; }

/*Page Layer */
#page {
  width:999px;
  background: url(../img/bg.jpg);
  margin:auto;
  position:relative;
  border-left:1px solid #826d32; border-right:2px solid #826d32; border-bottom:2px solid #826d32;
}
/*Logo*/
div.logo {
  position:absolute; top:15px; left:824px;
  width:170px; height:170px;
  z-index:10;
}
/* top placed menu on right side */
span.topmenu {
  position:absolute; top:10px;
  width:330px; left:669px;
  font-size:12px; color:#ffc600;
  z-index:20;
}
/* top placed headbar & mid placed horizontal bar */
div.horizontal_bar {
  width:969px; height:25px;
  padding:15px; padding-top:10px; padding-bottom:0px;
  /*line-height:16px;*/
  background: url(../img/horizontal_bar35.png);
}
/* big header font 1st kategorie */
h1 {
  margin:0;
  color:#ffc600; font-size:14px; font-weight:normal;
  float:left;
}
/* big header font 2nd kategorie */
h2 {
  margin:0;
  padding:0; padding-left:15px; padding-top:5px;
  font-size:14px; color:#ffffff;
  float:left;
}
/* red header font 3rd kategorie */
h3 {
  margin:0;
  padding:0;
  font-size:14px; color:#cb1f1f;
  float:none;
}

/*Midlayer*/
div.midlayer {
  width:999px;
  min-height:140px;
  height: auto !important;
  height:140px;
  /*background: #aaaaaa;*/
}
div.midmenu { /* zur Zeit der login - link rechts*/
  position:relative;
  float:right;
  font-size:14px; color:#ffc600; font-weight:bold;
  z-index:999;
}
div.midmenu:hover { /* zur Zeit der login - link rechts*/
  color:#ffffff;
}

/*locationserach*/
div.locationsearch {
  float:left;
  position:relative; top:-3px;
}
div.locationsearch_left {
  background: url(../img/locationsearch.png) 0px 0px no-repeat;
  height:22px; width:22px;
  float:left;
  cursor:pointer;
}
input.search {
  background: url(../img/locationsearch.png) 0px -22px repeat-x;
  height:17px; width:160px;
  border:0;
  float:left;
  padding-top:4px; padding-left:4px;
  color:#aaaaaa;
  outline:none;
}
div.locationsearch_right {
  background: url(../img/locationsearch.png) -22px 0px no-repeat;
  height:22px; width:11px;
  float:left;
}

/* Contentbereich allgemein */
div.content {
  width:999px;
  position:relative;
  margin-bottom:10px;
}
/* left */
div.content_left {
  position:relative;
  width:667px;
  margin-top:10px; margin-left:10px;
  font-size:12px;
  z-index:1;
}
div.content_left_top {
  background: url(../img/bg_content_left.png) 0px 0px no-repeat;
  height:26px; width:667px;
}
div.content_left_mid {
  background: url(../img/bg_content_left.png) -667px 0px repeat-y;
  padding:12px; padding-bottom:0; width:643px;
}
div.content_left_bottom {
  background: url(../img/bg_content_left.png) -1334px 0px no-repeat;
  height:20px; width:667px;
}
/* right */
div.content_right {
  position:absolute;
  top:0;
  left:687px;
  width:312px;
}
div.content_right_top {
  background: url(../img/bg_content_right.png) 0px 0px no-repeat;
  height:26px;
}
div.content_right_mid {
  background: url(../img/bg_content_right.png) -312px 0px repeat-y;
  padding:12px; padding-bottom:0; width:288px;
}
div.content_right_bottom {
  background: url(../img/bg_content_right.png) -624px 0px no-repeat;
  height:20px;
}

/* Restaurantliste */
/* links generell */
div.content_left_mid a:hover { color:#cb1f1f; text-decoration:underline; }

/* Star-Rating */
span.rating { padding-left:15px; padding-top:5px; height:16px; width:80px; float:left; }
span.star1 { background: url(../img/star.png) no-repeat 0px -32px; width:16px; height:16px; float:left; }
span.star15 { background: url(../img/star.png) no-repeat 0px -48px; width:16px; height:16px; float:left; }
span.star0 { background: url(../img/star.png) no-repeat 0px 0px; width:16px; height:16px; float:left; }
div.order_btn { height:20px; line-height:20px; float:right; margin-right:20px; margin-top:3px;
  font-weight:bold; text-align:center;
}
/* (vor)bestellen - buttom */
div.bestellen { background: url(../img/btn_vor_bestellen.png) 0px 0px no-repeat; width:82px; }
div.vorbestellen { background: url(../img/btn_vor_bestellen.png) -82px 0px no-repeat; width:106px; }
a.bestellen, a.bestellen:visited { color:#1eb930; text-decoration:none; }
a.bestellen:hover { color:#00ff00; text-decoration:none; }
a.vorbestellen, a.vorbestellen:visited { color:#cb1f1f; text-decoration:none; }
a.vorbestellen:hover { color:#ff0000; text-decoration:none; }
/* RestImage */
img.rest {
  width:90px; height:90px;
  padding-left:2px; padding-right:10px;
  float:left;
}
span.zustellzeit {
  position:absolute;
  top:36px; left:553px;
  width:100px;
  text-align:right;
}
/* Oeffnungszeiten - highlight */
span.rest_open { color:#1eb930; }
span.rest_closed { /*color:#505050;*/ }
/* -------------- */

/* Bestellung (-vorgang) */
/* Speisekarte */
div.navwraper {
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius:20px;
  border:2px solid #cb1f1f;
  background: url(../img/bg_spkatnav33.png);
  margin:7px;
  float:left;
}
div.white{
  background: url(../img/bg_spkatnav_white66.png);
}
div.nav {
  padding-left:10px; padding-right:10px;
  line-height:16px;
  font-size:12px;
  float:left;
}
a.speise_nav, a.speise_nav:visited {
  display:block;
  color:#ffffff; font-weight:bold; font-size:12px; text-decoration:none;
  padding-left:5px;padding-right:5px;
}
a.speise_nav:hover { background:#cb1f1f; color:#ffc600; text-decoration:none;}
a.speise_nav_selected, a.speise_nav_selected:visited { background:#ffc600; color:#cb1f1f; }
span.red, div.red, li.red {color:#cb1f1f;}
span.green, div.green, li.green {color:#1dae1d;}
span.bold, div.bold, li.bold {font-weight:bold;}
span.big, div.big, li.big {font-size:14px;;}
span.small, div.small, li.small {font-size:11px;;}

table.spk tr:hover, table.spk tr.hover {
  background: #ffffff !important;
  cursor:pointer;
}
table.spk tr.nohover {
  background: transparent !important;
  cursor:text !important;
}
table.spk tr.wk { /* rowhighlight, fuer bestellte Waren */
  background: #fbe087;
}
table.spk tr.wk_search { /* rowhighlight, fuer bestellte Waren */
  background: #ffc600;
}
table.spk td {
  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#1f1f1f;
  border-bottom:1px solid #676356;
}
table.spk td.kat {
  line-height:200%;
  font-weight:bold;
  color:#cb1f1f;
  border:0;
}
span.sub {
  font-weight:normal;
}
span.nat {
  font-weight:normal;
}
table.spk td.inf {
  font-weight:bold;
  width:560px;
}
table.spk td.bnr {
  width:50px;
  vertical-align:middle;  
  font-weight:bold;
}
table.spk td.bz {
  width: 480px;
}
span.wkstk { /* bestellte Stueckzahl */
  color:#cb1f1f;
  font-weight:bold;
}
table.spk td.pr {
  width: 70px;
  text-align:right;
  font-weight:bold;
}
/* -------------- */
.ui-effects-transfer {  
 border:1px dashed #1f1f1f;
}  
/* Warenkorb/Lieferadresse */
div.wk {
  font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; color:#1f1f1f;
  font-size:12px;
}
#wk {
  float:right;
}
div.lad {
  float:left;
  margin-bottom:5px;
}
div.lieferant_status {
  /*height:45px;*/
}
div.lad input.text, div.lieferant_status input.text {
  height:14px; width:136px;
  background-color:#f8f3e6;
  border:1px solid #6a6558;  
}
input.mr {
  margin-right:5px;
}
div.lad textarea.text {
  width:280px; height:45px;
  background-color:#f8f3e6;
  border:1px solid #6a6558;  
}
/* Tabelle Warenkorb */
table.wk td {
  font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; color:#1f1f1f;
  border-bottom:1px solid #676356;
}
table.wk td.kat {
  color:#cb1f1f;
  border:0;
}
table.wk td.sum {
  color:#cb1f1f;
  border-top:1px solid #1f1f1f;
}
table.wk a.wk {
  color:#1f1f1f; text-decoration:none; cursor:pointer;
}
table.wk tr.sel {
  background: #fbe087;
}
table.wk td.anz {
  height:18px;
  cursor:pointer;
}
table.wk td.wid {
  cursor:pointer;
}
#wk span.kzt {
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis; /*Opera 9*/
  -moz-binding: url('ellipsis.xml#ellipsis');
  white-space:nowrap;
  width:155px;
  cursor:pointer;
}
table.wk tr.sel td.anz, table.wk td.hover, table.wk td.dropdown{
  background: url(../img/ico_plusminus.png) right no-repeat;
}
/* Warenoption */
table.wk div.opt {
  cursor:pointer;
  text-decoration:underline;
}
table.wk div.opt:hover {
  cursor:pointer;
  text-decoration:underline;
  color:#cb1f1f;
}

/* DropDown */
div.DropDown {
  position:absolute;
  background: #f3e7c4; /*url(../img/bg_content_right.png) -314px 0px repeat-y;*/
  height:70px; width:45px;
  overflow:auto; overflow-x:hidden;
  border:1px solid #1f1f1f;
  cursor:pointer;
  display:none;
}
div.DropDown ul {
  margin: 0; padding: 0;
  list-style-type: none;
  width:30px;
  text-align:center;
}
div.DropDown ul li{
  display:block;
  height:14px;
}
div.DropDown ul li:hover{
  background: #fbe087; color:#1f1f1f;
}
/*--------------------*/

/* Dialog */
/* left */
div.dlg {
  position:relative;
  width:550px;
  font-size:13px;
}
div.dlg_top {
  background: url(../img/bg_dlg550.gif) 0px 0px no-repeat;
  height:26px; width:550px;
}
div.dlg_mid {
  background: url(../img/bg_dlg550.gif) -550px 0px repeat-y;
  padding:12px; padding-bottom:0; width:526px;
  font-family:Arial, Verdana, Helvetica, sans-serif;
}
div.dlg_bottom {
  background: url(../img/bg_dlg550.gif) -1100px 0px no-repeat;
  height:20px; width:550px;
}

/* Systemzeit */
div.systime {
  color:#3f3f3f;
  text-align:center;
  font-size:11px;
}

/* Login Dialog */
#frmLogin input.text {
  width:280px;
}
div.dlg_mid div.login {
  text-align:left; 
  margin-left:120px; 
  font-weight:bold;
}
div.dlg_mid div.msg {
  color:#cb1f1f;
}
div.dlg_mid a.pwd_forgot {
  font-size:11px;
  color:#aaaaaa;
}
/* user_stamm - Lieferadresse Dialog*/
div.dlg_mid div.lieferadresse {
  width:285px; padding-left:120px; text-align:left;
}


/* file:jquery.slidemenu */
.jqueryslidemenu{
  /*font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size:14px;
  font-weight:500;*/
  /*background: #ffae80;*/
  /*width:700px;
  float:left;
  margin-left:0px;*/
  cursor:pointer;
  z-index:999;
}

.jqueryslidemenu ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
  z-index:999;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
/*background: #f3e7c4;*/ /*background of tabs (default state)*/
background:#ffeaae;
color: #1f1f1f;
padding: 7px 10px;
/*border-right: 1px solid #778;*/
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
height: 1%;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: #cb1f1f;
text-decoration:none;
}

.jqueryslidemenu ul li a:hover{
background: #ffffff; /*tab link background during hover state*/
color: #cb1f1f;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
background-color:#f1e2d8;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 4px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/

}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
display: none;
width:1px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}


/* file:jquery.kit-autocomplete */
/* DropDown kit-autocomplete */
div.dd_autocomplete {
  position:absolute;
  background: #f3e7c4;
  max-height:150px; height: auto !important; height:150px;
  /* min-width:200px; width:200px; */ /*width: auto !important; width:200px;*/ 
  overflow:auto; overflow-x:hidden;
  border:1px solid #1f1f1f;
  cursor:pointer;
  display:none;
  z-index:9999;
}
/*custom classes */
div.width80 {
  min-width:60px !important;
  width:60px !important;
  max-height:115px; height: auto !important; height:115px;
}
div.height275 {
  max-height:275px; height: auto !important; height:275px;
}

div.dd_autocomplete ul {
  margin: 0; padding: 0;
  list-style-type: none;
  text-align:left;
  font-size:12px;
}
div.dd_autocomplete ul li{
  display:block;
  min-height:14px;
  /*height:14px;*/
  border-bottom:1px solid #1f1f1f;
  padding:2px 4px 2px 4px;
}
/* fix ie6 */
* html div.dd_autocomplete ul li{ padding:1px 1px 1px 1px !important; }
/* fix ie7 */
* + html div.dd_autocomplete ul li{ padding:1px 1px 1px 1px !important; }

div.dd_autocomplete ul li:hover {
  background: #fbe087; color:#1f1f1f;
}
li:focus {
  background: #fbe087; color:#1f1f1f;
}
div.dd_autocomplete ul li.highlight {
  background: #fbe087; color:#1f1f1f;
}
/*--------------------------*/