/* HTML5 HACK -------------------------------------- */  
header, section, footer, aside, nav, article {  
	display: block;  
}
 
/* LAYOUT ------------------------------------------ */
 
body {
  background: #5a0101;
  background-color:#5a0101;
  font-size: 12px;
  color: #444;
  font-family: Verdana;
  margin: 30px auto 0px auto;
  padding: 0;
  background-image: url(./gfx/hg.png);
 }
 
#doc  {
  background: #FFD965;
  width: 1100px;
  margin: 0 auto  10px auto;
  border: 3px solid #000;
}

.artikel {
  background-color:#FFE479;
  padding: 10px;
  text-align: center;
  margin-bottom: 20px;
}

#zutat  {
  background: #FFF;
  padding: 10px 10px 10px 10px;
  margin: 10px 10px 10px 10px;
  border: 1px solid #000;
}

.artikelbutton
{
	color: #000;
	background-color: #FFD965;
	cursor:pointer;
	border-top: 1px solid #5a0101;
	border-left: 1px solid #5a0101;
	border-right: 2px solid #5a0101;
	border-bottom: 2px solid #5a0101;
	text-decoration: none;
	padding: 3px;
	text-align: center;
}

.artikelbutton:hover  
{
	background-color:#F5A821;
	border-right: 2px solid #DCDCDC;
	border-bottom: 2px solid #DCDCDC;
}

.menutitle{
	color: #000;
	cursor:pointer;
	border: 0px;
	font-weight: bold;
	text-decoration: none;
	padding: 10px;
	width:180px;
	text-align:left;
}
.menutitle:hover { background-color:#F5A821; }

li { line-height: 20px; }
li:hover { background-color:#F5A821; }

/* HEADER ------------------------------ */
 
#header {
  background: #FFF;
  height: 160px;
  padding: 0;
  border-bottom: 3px solid #000;
}
 
/* CONTENT ------------------------------------------ */
 
#content {
  background: #FFD965;
  width: 500px;
  float: left;
  min-height:760px;
  height:expression(this.scrollHeight > 760 ? "auto":"710px"); 
}

#content h1 {
  font-size: 20px;
  color: #000;
}

#content h2 {
  font-size: 16px;
  color: #5a0101;
  margin-top: 0px;
  margin-bottom: 10px;
}

#content h3 {
  font-size: 14px;
  color: #606060;
}
 
 
/* Bestelldaten ------------------------------------------ */
 
#bestelldaten {
  background: #F5A821;
  width: 300px;
  padding: 0 15px;
  float:right;
  font-size: 11px;
}

#bestelldaten h1 {
  font-size: 20px;
  color: #000;
}

#bestelldaten h2 {
  font-size: 11px;
  font-style: bold;
  color: #000;
}

#bestelldaten a:link { color:black; text-decoration:none;}
#bestelldaten a:visited { color:black; text-decoration:none;}
#bestelldaten a:hover { color:#5a0101; text-decoration:none;}
#bestelldaten a:focus { color:#5a0101; text-decoration:none;}
#bestelldaten a:active { color:black; text-decoration:none;}

#bestelldaten hr{
 border: 0px; /* Für Firefox und Opera */
 border-top: solid 1px #5a0101;
 border-bottom: transparent;
}
 

/* Navigation ------------------------------------------ */
 
#nav {
  background: #FFD965;
  width: 200px;
  padding: 0 15px;
  float:left;
  font-size: 11px;
}

#nav h1 {
  font-size: 20px;
  color: #000;
}

#nav h2 {
  font-size: 11px;
  font-style: bold;
  color: #000;
}
#nav a { font-weight:bold; color:black; text-decoration:none;}


.extra {
  font-size: 9px;
}

input,textarea,select
{
	/* border: 1px solid #998C99; */
	border: 1px solid #5a0101;
	background-color:#FFE8AA;
}
.input_fehler
{
	border: 1px solid red;
	background-color:#FFF0FF;
}
.fehler
{
	font-size: 15px;
	color: red;
}

/* Index ------------------------------------------ */
#index{
	min-height:500px;
	margin:0px 20px 20px 20px;
	text-align:center;
}

/* AGB ------------------------------------------ */
#agb{
	min-height:500px;
	margin:0px 20px 20px 20px;
	text-align:justify;
}

/* Datenschutz ------------------------------------------ */
#datenschutz{
	min-height:500px;
	margin:0px 20px 20px 20px;
	text-align:justify;
}

/* Impressum ------------------------------------------ */
#impressum{
	min-height:500px;
	margin:0px 20px 20px 20px;
	text-align:center;
}

/* Zusatzstoffe ------------------------------------------ */
#zusatzstoffe{
	min-height:500px;
	margin:0px 20px 20px 20px;
	text-align:center;
}

/* FOOTER ------------------------------------------ */
 
#footer {
  clear: both;
  border-top: 3px solid #000;
  background: #5a0101;
  text-align: center;
  text-transform: capitalize;
  padding: 10px 15px;
  margin: 10px 0 0 0;
}
 
#footer a {
  color: #999;
}

/* Style for the "Saving Form Contents" DIV that is shown at the top of the form */
div.savestatus{
	
	width:200px;padding:2px 5px;border:1px solid gray;background:#fff6e5;-webkit-box-shadow: 0 0 8px #818181;box-shadow: 0 0 8px #818181;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;color:red;position:absolute;top:-10px;
}

form#feedbackform div{ 
	/*CSS used by demo form*/
	margin-bottom:9px;
}