html,body {
	height: 100%;
   	margin: 0 auto;
   	padding: .5em 0 0.6em 0;
}

body {
	background: #e68137;
	background-image: url(../images/hg-1.gif);
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
   	font-size: 100.01%;
   	text-align: center;
   	line-height: 1.5;
   	border: none;
}

#aufbau {
	width: 54em;
	background: #fdc168;
	
/*	background-repeat:repeat-y;
	background-position:top left;*/
	/*border: 6px solid #107b16;
	border-style:double;*/

	border-top: 3px solid #e68438;
	border-right: 3px solid #e68438;
	border-bottom: 3px solid #e68438;
	border-left: 3px solid #e68438;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
}

#rahmen {
	width: 54.9em;
	background: #4e7321;
	background-image: url(../images/hg-3.jpg);
/*	background-repeat:repeat-y;
	background-position:top left;*/

	border-top: 2px solid #206212;
	border-right: 2px solid #206212;
	border-bottom: 2px solid #206212;
	border-left: 2px solid #206212;

	margin: 0 auto 0 auto;
	padding: .3em 0;
	text-align: left;
}


/* --- header --------------------------------------------------------- */

#header {
	background: #fdc168 ;
	
/*	background-repeat:repeat-y;
	background-position:top left;*/
	/*border: 6px solid #107b16;
	border-style:double;*/

}

#topnavi {
	background: #ffc678;
	color: #dc5d17;
	border-top: 1px solid #f28c3e;
	border-bottom: 2px solid #cf7834;
	text-align: center;
	margin: 0 auto 10px auto;
	padding: 0;
}


#topnavi a, #topnavi a:link {
   	color: #a9210b;
	text-decoration:none;
	background-color:transparent;
   	margin: 0;
	padding: 0 .6em 0 .6em;
   	font-size: 0.8em;
	font-weight:bold;
	line-height: .8;
}

#topnavi a:hover, #topnavi a:active, #topnavi a:focus {
   	color: #d82002;
	text-decoration:none;
	background-color:transparent;
   	margin: 0;
	padding: 0 .6em 0 .6em;
   	font-size: .8em;
	font-weight:bold;
	line-height: .8;
}

/* ------------------------------------------------------------ */



.clearb {
	clear:both;
	margin: 0;
	padding: 0;
}


.logo {
	float: left; 

}

.logo img{
	margin: 10px 0 0 10px;
	padding: 10px 0 15px 30px;
}

.headerimgleft img{
	float: left; 
	padding: 12px 10px 5px 25px;

}

.headerimgright img{
	float: right; 
	padding: 12px 25px 5px 0px;

}


.abstand {
	float:left;
	margin: 0.5em 0 0.5em 0.5em;
	padding: 0.2em;
	border: 1px solid #fff;
	
}

.bordero{
	position:relative;
	left: 0px;
	top: 10px;
	width: 100%;
	height:18px;
}

.floatleft {
	float: left; 

	padding: 0px 10px 10px 0px;
}

.floatleftmitte {
	float: left; 
	margin: 10px 0px 10px 0;
}

.floatright {
	float: right; 
	padding: 0px 0px 10px 10px;
}

.floatrightLinkseite {
	float: right; 
	padding: 10px 10px 10px 20px;
}

.floatrightmitte{
	float: right; 
	margin: 10px 0 10px 10px;
}

.verlauf{
text-align:left;
	height: 2px;
	width: 560px;
	margin: 1em 0 2em 0px;
}



/* --- navigation --------------------------------------------------------- */


.navigation {
	margin: 2em .1em .7em 0;
	padding: 0 0 0 .5em;
	text-align: left;
	background-color: transparent;
	/*border: 1px solid #fff;*/
}


#left {
	width: 14.2em;
	margin: .1em 0 1em 0;
	padding: 0 0 0 .6em;
	text-align: left;
	float: left;
}

.aktuell {
	width: 14em;
	background-color: #edc98b;
	background-image:url(../images/verlauf-aktuell-1.gif);
	margin: .6em 0 1em 0;
	border-top: 1px solid #e4cd87;
	border-right: 1px solid #e4cd87;
	border-bottom: 1px solid #e4cd87;
	border-left: 1px solid #e4cd87;
	padding: .3em ;
	text-align: left;
	float: left;
}

#left .aktuell p {
	font-size: .8em;
	color: #0e6a13;
	margin: .5em 0 .8em 0;
	padding: 0 0 0 0;
}

#left .aktuell h2 {
	color: #a9210b;
	font-size: .8em;
	line-height: 1.5em;
	padding: 0;
	margin: .3em 0 .8em 0;
}

.navigation h3 {
	font-size: .8em;
	line-height: .9em;
	background-color: transparent;
	border-top: 1px solid #d4d4d4;
	/*border-bottom: 1px solid #f8e4c1;*/
	/*border-right: 1px solid #d4d4d4;*/
	color: #394245;
	margin: 0;
	padding: .4em .2em .4em 0em;
}

#left p {
	font-size: .8em;
	color: #0e6a13;
	margin: 1em 0 0 0;
	padding: 0 0 0 0;
}

#left .navigation a, 
#left .navigation a:link{
	color: #a9210b;
	font-size: .8em;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 0;

}

#left .navigation a:hover, 
#left .navigation a:active, 
#left .navigation a:focus {
   	color: #ff4800;
	font-size: .8em;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 0 0 0 0;

}


#left .aktuell a, 
#left .aktuell a:link{
	color: #0e6a13;
	font-size: 1em;
	font-weight: normal;
	text-decoration: underline;
	margin: 0;
	padding: 0;

}

#left .aktuell a:hover, 
#left .aktuell a:active, 
#left .aktuell a:focus {
   	color: #d44006;
	font-size: 1em;
	font-weight: normal;
	text-decoration: underline;
	margin: 0;
	padding: 0 0 0 0;

}


.navigation ul {
	list-style-type: none;
	list-style-position:outside;
	margin: .5em 0 1em 0em;
	padding: 0;
}

.navigation li {
	background: transparent;
	list-style-type:none;
	list-style-position:outside;
	line-height: 1.3em;
	color: #11aa11;
	font-weight:normal;
	margin: 0;
	padding: 0 0 .4em 0;
	vertical-align:middle;
}

#leftstart {
	width: 11em;
	margin: 0;
	padding-top: 0;
	padding-left: 30px;
	text-align: left;
}

#leftstart img {
	margin: 0;
	padding: 20px 0 0 15px;
	text-align: left;
}



/* --- inhalt --------------------------------------------------------- */

#inhalt {
	width: 37.5em;
	background-color: transparent;
	float: right;
	margin: .5em 0em 1em  0;
	padding: .1em .6em 1em  0;
/*	border: solid #FF0000 1px;
*/}

#biginhalt {
	width: 51.7em;
	background-color: transparent;
	float: right;
	margin: 1em 0em 1em  0;
	padding: .1em 1.2em 1em  0;
/*	border: solid #FF0000 1px;
*/}

#inhalt a, #inhalt a:link {
	color: #0e6a13;
	text-decoration: underline;
	margin: 0;
	padding: 0;
}

#inhalt a:hover, #inhalt a:active, #inhalt a:focus {
	color: #f00;
	text-decoration: underline;
	margin: 0;
	padding: 0;
}

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

.box {
	margin: 0;
	padding: 0;
}

.bigbox {
	margin: 0;
	padding: 0;
}

div.box {
	background: #ffd597;
	border-top: 2px solid #ffa417;
	border-right: 3px solid #ffdeab;
	border-bottom: 3px solid #ffdeab;
	border-left: 2px solid #ffa417;
	text-align: left;
	margin: 0 0 0em 0;
	padding: 1em 1em .8em 1em;
}

div.bigbox {
	background: #ffd597;
/*	border-left: 1px solid #999;
*/	text-align: left;
	margin: 0 0 0em 0;
	padding: 1em 1em .5em 1em;
}

.center {

  text-align: center;
  background-color: #fad089;
  background-image: url(../images/hg-speisen.gif);
  border-right: 2px solid #e9c280;
  border-bottom: 2px solid #e9c280;
  padding: 1.5em .5em .5em .5em;
  margin: 0 0 0 0;

}

.sk-bg {

  background-color: #fad089;
  background-image: url(../images/hg-speisen.gif);
  border-right: 2px solid #e9c280;
  border-bottom: 2px solid #e9c280;
  padding: 1.5em .5em .5em .5em;
  margin: 0 0 0 0;

}

.centerspeisen {

  text-align: center;
  padding:.5em;
  margin: 0 0 0 0;

}

.right {

  text-align: right;
  padding:.5em;
  margin: 0 0 0 0;

}

.left {

  text-align: left;
  padding:.5em;
  margin: 0 0 0 0;

}

.symbol {

  text-align: center;
  padding:.5em;
  margin: 0 0 0 0;

}


#inhalt ul {
	line-height: 1.3;
	border: none;
	text-align: left;
	margin:  0 0 0 1em;
	padding: 0 ;
}

#inhalt li {
	font-size: .8em;
	border: none;
	text-align: left;
	list-style-type:square;
	margin:  0;
	padding: 0 0 .4em 0 ;
}

#inhalt .box p {
	color: #a9210b;
	color: #0e6a13;
	line-height: 1.7em;
	font-size: .9em;
	margin: 0 0 1em  0;
	padding: .0 0 10px 0;
}

#biginhalt p {
	color: #a9210b;
	color: #0e6a13;
	font-size: .9em;
	margin: 0 0 1em  0;
	padding: .0 0 0 0;
}

#hinweis p {
	font-size: .75em;
}

h1 {
	color: #a9210b;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0;
	margin: 0 0 .4em 0;
}

h2 {
	color: #a9210b;
	font-size: 1em;
	line-height: 1.3em;
	padding: 0;
	margin: 0 0 .4em 0;
}

h3 {
	color: #a9210b;
	font-size: .9em;
	font-weight: bold;
	margin:  0;
	padding: 0;
}


blockquote {
	line-height: 1.5;
}

img {
	border: none;
	margin:  0;
	padding: 0;
}


/* --- Speisen --------------------------------------------------------- */

/*
td{border:1px solid red}
*/

.sk
{
	color: #0e6a13;
	border-collapse:collapse;
	width:100%;
}

.sk td
{
	vertical-align: text-top;
}

.sk-zeile
{
}

.sk-gericht {	
	margin:  0;
	padding: 0.8em 0.2em 0.8em 0;
}

.sk-preis
{
	text-align:right;
	width:0;  /* da die Tabelle standardmaeßig mit "auto"-Breite formatiert ist geht der Zelleninhalt der Breitenangabe vor. Darum wird die Zelle nicht 0 breit sondern nur so wenig wie möglich  */
}

.sk-w
{
	width:0; /* da die Tabelle standardmaeßig mit "auto"-Breite formatiert ist geht der Zelleninhalt der Breitenangabe vor. Darum wird die Zelle nicht 0 breit sondern nur so wenig wie möglich  */
}


/* --- Fuss --------------------------------------------------------- */

#adresse p{
  clear:both;
  font-size: .8em;
  font-style:normal;
  line-height: 1.4;
  text-align: center;
  padding:.5em;
  margin: 0 0 0 0;
  color:#a9210b;
}
#adresse a {
	color:#a9210b;
	text-decoration:none;
	background-color:transparent;
}

#adresse a:hover {
	color:#ff4800;
	text-decoration:none;
	background-color:transparent;
}
#navunten {
	clear:both;
/*	background-image: url(../images/hg_alt.jpg);*/
	background-color: #ffc678;
	color: #a9210b;
	font-size: 0.8em;
	border-top: 2px solid #cf7834;
	border-bottom: 1px solid #f28c3e;
	margin: 0 0 0 0;
	padding: 0 .1em  .1em 1em;
}

#navunten a, #navunten a:link, #navunten a:visited {
	color:#a9210b;
	text-decoration:none;
	background-color:transparent;
	margin: 0;
	padding: 0;

}

#navunten a:hover, #navunten a:active, #navunten a:focus {
	color:#ff4800;
	text-decoration:none;
	background-color:transparent;
	margin: 0;
	padding: 0;
}


.plan  {
float: right;
padding: 0 15px 20px 10px;
} 

.links {
 font-size: 1.4em;
 color:#666666;
 font-weight: bold;
 
}


sub {
}

.produkt {
width:30em;
vertical-align:top;

}

.preis {
width:8em;
text-align:right;
vertical-align:top;
}

table {
	font-size: .9em;
	color: #a9210b;
	border-collapse:collapse;
}

td {
	padding: .2em .4em .2em .4em;
	margin: 0 0 .3em 0;
}

/*tr {
	border-bottom: 1em solid #f9d595;
}*/

.c1 {
	background-color: #f0f0f0;
	}	
	
.c2 {
	background-color: #f8f8f8;
	}