/********************************************
   AUTHOR:  			Erwin Aligam
   WEBSITE:   			http://www.styleshout.com/
********************************************/


* { margin: 0; padding: 0;  } /*border: 0*/

html, body {
	background: #444444;
	font: 9pt/1.5em Trebuchet MS, Tahoma, arial, sans-serif;
	color: #666666;
	text-align: center;
	margin: 15px 0px;
	height:100%;
}

a, a:visited {
	color: red;
	background:inherit;
	text-decoration:none;
}

a:hover {
	color: #8c9e08;
	background: inherit;
	text-decoration: underline;
}

ul, ol {
	margin: 5px 20px;
	padding: 0 20px;
}

legend{
        color:#000;
        font-weight:bold;
        padding:5px;

}

/********************************************
   LAYOUT
********************************************/
#wrap {
	position: relative;
	width: 820px;
	background: #444 url(img/content.jpg) repeat-y center top;
	margin: 0px auto;
	text-align: left;
}

#content-wrap {
	background: #fff none;
	border-top: 5px solid #ffffff;
	width: 760px;
	margin: 0px auto;
	padding: 0px;
	color:black;
	min-height:800px;
}


* html #content-wrap{
	height:800px;
}

#header {
	border-top:10px solid #ffffff ;
	border-bottom:0px solid #ffffff;
	clear: both;
	height: 187px;
	width: 760px;
	margin: 0px auto;
	padding: 0px;
	background: #4D9801 url(img/logo.jpg) no-repeat top left;
}

#footer-wrap {
	clear: both;
	width: 820px;
	font-size:95%;
	text-align:left;
	padding:0;
	height:60px;
	background: #fff url(img/footer-bottom.jpg) repeat-y center top;
}


#footer-wrap a {
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}

#footer-wrap a:hover {
	color: #000000;
}

#footer-wrap p {
	padding:12px;
	color:#000;
}

#footer-wrap a {
	color: #000;
	font-weight:100;
	text-decoration:underline;
}

#footer-bottom {
	margin: 0px auto;
	width: 760px;
	padding:0;
	text-align: center;
	background: #D50101 none;
}

#banner{
	position:relative;
	top:50px;
	left:20px;
	width:400px;
}


#nav1 {
	clear: both;
	margin: 0px auto;
	padding: 0px;
	background-color: #4D9801;
	font: bold 12px/30px "Trebuchet MS", Arial, Tahoma, Sans-serif;
	height:30px;
	width:760px;
	border-top:0px solid #ffffff;
	border-bottom: 2px solid #ffffff;
}

#nav1 ul {
	float: left;
	list-style: none;
	margin:0px;
	padding:0px 0px 0px 49px;
}

#nav1 ul li {
	display: inline;
}

#nav1 ul li a {
	display: block;
	float: left;
	padding: 0px 9px 0px 9px;
	color: #ffffff;
	text-decoration: none;
	text-align:center;
	border-right: 0px solid #ffffff;
}

#nav1 ul li a:hover, #nav1 ul li a.current{
	text-decoration:underline;
}
#nav1 ul li a.current{
	cursor:default;
}

#main {
	float:left;
	width:410px;
	padding:0px;
	margin:10px 5px 0px 15px;
	display:inline;
	min-height:800px; /**************/
}
* html #main{
	height:800px;
}

p {
	padding-left:3px;
	text-align:justify;
}


h1 {
	font-family:Trebuchet MS;
	font-size:20pt;
	color:#aeaaaa;
	letter-spacing:3px;
}


h2 {
	font-family:Trebuchet MS;
	font-size:16pt;
	color:#aeaaaa;
	letter-spacing:2px;
}

h3 {
	font-family:Trebuchet MS;
	font-size:14pt;
	color:#aeaaaa;
}
h5 {
	padding-left:3px;
	font-family:Trebuchet MS;
	font-size:10pt;
	margin:3px 0px 0px 0px;
}

a, a:visited {
	color:red;
	text-decoration:none;
}

a:hover {
	color:#8c9e08;
	text-decoration:underline;
}


input[type=text], input[type=password], select, textarea{
	border:1px solid #ccc;
}

input[type=submit]{
	padding:0 8px;
}

#sidebar {
	float:right;
	width:300px;
	padding:0px 10px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-family:Trebuchet MS, sans-serif;
    font-size:9pt;
	color: #000000;
}

#sidebar ul.sidemenu ul {
	margin: 0px 0px 0px 5px;
	padding: 0px;
}
#sidebar ul.sidemenu ul li {
	border: none;
}

h1, h2, h3 {
	padding:10px 0px 5px 0px;
	color:red;
}

#nav1 ul li a {
	font-size:12px;
	text-transform:uppercase;
}


.time-table{
	margin:0px 0px 0px 4px;
	color:#000000;
	border-collapse: separate;
    border-spacing: 2px 2px;
    background:transparent;

}
.time-table td{
    vertical-align:top;
    background:transparent;
}
.time-table th{
    background:transparent;
}
.telefon{
	font: bold 19pt/24pt "Trebuchet MS", Arial, Tahoma, Sans-serif;
}

.postit{
	padding:15px 15px 20px 15px;
	background:#ffffb3;
	width:255px;
	color:#000000;
	font-size:110%;
	border-right:1px solid #cccccc;
	border-bottom:0px solid #cccccc;
	border-left:1px solid #eeeeee;
	border-top:1px solid #eeeeee;
   	min-height:80px;
}
.postit-bottom{
	height:4px;
	width:286px;
	background: transparent url(img/shadow.gif) no-repeat 0 0;
}

.padding{
	padding:50px;
}

.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }

.clear { clear: both; }

.dish-order-number,
.dish-description,
.dish-description-pizza,
.dish-ingredients,
.dish-text
{
  padding:0px;
  float:left;
  border:0px solid red;
}

.dish-order-number{
  text-align:right;
  width:1.9em;
}
.dish{
  background:url(img/dotted.gif);
  background-repeat:repeat-x;
  background-position:0px 12px;
}
.dish-description{

  width:28.3em;
  padding:0px;
  border-left:3px solid #fff;
}

.dish-description-pizza{

  width:21.3em;
  padding:0px;
  border-left:3px solid #fff;
}

.dish-price,
.offer-price{
  float:right;
  width:3.5em;
  text-align:right;
}

.dish-size{
  float:right;
  width:3.5em;
  text-align:center;
  font-weight:bold;
}

.dish-name{
	font-weight:bold;
}
.dish-beverage{
	font-weight:bold;
	width:10em;
	float:left;

}
.dish-unit{
	width:5em;
	text-align:right;
	float:left;

}

.dish-edit,
.dish-order-number,
.dish-name,
.dish-beverage,
.dish-unit,
.dish-price{
	background:#fff;
}


.dish-name,
.dish-unit{
	padding-right:5px;
}


.subcategory-name{
  float:left;
  font-family:Trebuchet MS;
  font-size:14pt;
  font-weight:bold;
  color:red;
  padding-bottom:10px;
}
.subcategory-text{
  clear:both;
  font-size:9pt;
  font-weight:normal;
  padding:3px 0 0 0px;
  color:#666;
}
.subcategory{
  padding-bottom:10px;
}
.hidden{
  display:none;
}
.category{
  display:block;
}
.category-hidden{
  display:none;
}

.offer{
	clear:both;
	padding-top:20px;
	font-size:110%;
}

.offer-name, .offer-name-inactive{
	font-family:Trebuchet MS;
	font-size:12pt;
	font-weight:bold;
	color:red;
	margin:0px 0px 5px 0px;

}
.offer-description, .offer-description-inactive{
	padding:5px;
	background:#ffffb3;
	border:1px solid black;
}

.offer-name-inactive{
	color:#aaa;
}
.offer-description-inactive{
	color:#666;
	background:#eee;
	border-color:#666;
}



.offer-text{
	width:26em;
}

.message{
	font: bold 12px/30px "Trebuchet MS", Arial, Tahoma, Sans-serif;
	color:red
}