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

body {
	background: #8FCE86;
	background: #308900;
	background: #818181;
	background: #000;
	background: #D8D8D8;
	color: #000;
	font-family: arial, helvetica, sans-serif;
   	font-size: 100.01%;
   	text-align: center;
   	line-height: 1.5;
   	border: none;
}

#aufbau {
	width: 57em;
	background: #fff;
	
/*	background-repeat:repeat-y;
	background-position:top left;*/
	border: 0px solid #B10028;
	border-style: solid;
	margin: 0 auto 0 auto;
	padding: 0 0 .5em 0;
	text-align: left;
}



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


#header {

	margin: 0;
	padding: 0;
}



.logo img{
	margin: 0;
	padding: 0;
	/*width: 100%;*/
}

 .imgright{
 	text-align: right;
	margin: 10px 10px 0px 5px;
	padding: 0;
}
 .imgleft{
 	text-align: left;
	margin: 10px 10px 0px 0;
	padding: 0;
}

.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; 
	margin: 10px 10px 0 0px;
	padding: 0;
}

#inhalt .lefttext {
	color: #8B0722;
	text-align: left;
	font-size: .8em;
	padding: 0;
	margin: .2em 1em 0 0;
}

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

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

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


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

#casino{
	margin: 0 0 2.2em .3em;
	padding: 0 0 0 0;
}

#casino h2{
	margin: 0;
	padding: 0;
	font-size: .7em;
	font-weight:normal;
	color: #555;
}

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



#left {
	width: 13em;
	/*background-image: url(../images/hg_alt.jpg);*/
	background-color: transparent;
	margin: .2em 0 2em 1em;
	padding: 1em 0 0 0em;
	text-align: left;
	float: left;
	
	/*border-top: 2px solid #f8e4c1;
	border-right: 2px solid #fbbe52;
	border-bottom: 2px solid #fbbe52;
	border-left: 2px solid #f8e4c1;*/
	

}

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

.navigation p {
	font-size: .9em;
	font-weight:bold;
	color: #3b607f;
	margin: 1em 0 0 0;
	padding: 0 0 0 0;
}

#left .navigation a, 
#left .navigation a:link{
	color: #626262;
	font-size: .9em;
	text-decoration: none;
	margin: 0;
	padding: 0;

}

#left .navigation a:hover, 
#left .navigation a:active, 
#left .navigation a:focus {
   	color: #ff4800;
	font-size: .9em;
	text-decoration: none;
	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: .8em;
	color: #11aa11;
	font-weight:normal;
	margin: 0;
	padding: 0 0 .4em 0;
	vertical-align:middle;
}



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

#inhalt {
	width: 40em;
	background: transparent;
	background-image: url(../images/verlauf-left-3.gif);
	background-repeat:repeat-y;
	background-position:top left;
	float: right;
	margin: 1em 0em 1em  0;
	padding: 0 0 0 0;
}

#inhalt a, #inhalt a:link {
	color: #155300;
	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;
}

.center {

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

}

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

#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 p {
	color: #155300;
	font-size: .9em;
	margin: 0 0 1em  0;
	padding: .0 1em 0 0;
}

#inhalt .small {
	color: #155300;
	text-align:right;
	font-size: .7em;
	margin: 0 0 1em  0;
	padding: .0 2.5em 0 0;
}

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

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

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

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

h6 {
	color: #027502;
	font-size: 1.3em;
	line-height: 1.3em;
	padding: 0;
	margin: 0 0 .4em 0;
}


#inhalt ul {
	font-size: 1em;
	line-height: 1.2;
	border: none;
	text-align: left;
	margin:  0 0 .5em 1em;
	padding: 0 ;
}

#inhalt li ul {
	font-size: 1em;
}

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


blockquote {
	line-height: 1.5;
}

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

#fotosstart {
	text-align: left;
	margin: 0 0 2em 0em;
	padding: 0;
	/*width: 100%;*/
}

#fotosstart p {
	color:#284f8c;
	font-size: .75em;
	text-align: left;
	margin: 0 0 1em 0;
	padding: 0;
}

#fotosstart img {
	margin:  0;
	padding: 0;
	border: 1px solid #6588c0;

}

.referenzlogo {
	margin: 5px 11px 10px 0;
	padding: 0;
}

.galeriefoto  {
	margin:  0px 0px 10px 0px;
	padding: 0;

}

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

/* --- 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:#8B0722;
}
#adresse a {
	color:#8B0722;
	text-decoration:none;
	background-color:transparent;
}

#adresse a:hover {
	color:#ff4800;
	text-decoration:none;
	background-color:transparent;
}
#navunten {
	clear:both;
	color: #870A28;
	border-bottom: 2px solid #870A28;
	font-size: 0.8em;
	margin: 0 23px 0 23px;
	padding: 0 1.1em  .1em .1em;
}

#navunten a, #navunten a:link, #navunten a:visited {
	color:#155300;
	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;
 
}

.fotos  {
padding: 8px 15px 5px 0;
}  

sub {
}

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

}

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

.tag {
width:2em;
text-align:left;
vertical-align:top;
}

.klassisch {
width:18em;
text-align:center;
vertical-align:top;

}

.vegetarisch {
width:18em;
text-align:center;
vertical-align:top;
}

table {
	font-size: .9em;
	color: #8B0722;
	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;
	}