@charset "iso-8859-1";
body  {
	
	font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif; 
	font-size:100%;
	font-size:0.93em; 
	margin: 5; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: left; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #000000;
	
}
html{background:hsla(52,65%,88%,0.40);}
.twoColFixLtHdr #container { 
	width: 100%;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
	
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	
	
	
	
	/* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
} 

#angebot{ 
	position:absolute; 
	height:auto; top:-1000px;
	width:160px; 
	left: 50%; 
	padding:4px; cursor:pointer; 
	opacity:0;
	margin-left: -80px; 
	background: url(bilder/close.png) no-repeat 150px 5px ;	 
	background-color:hsla(49,63%,95%,1.00);
	border:hsla(7,83%,62%,1.00) solid 6px; border-radius:10px; 
	
}

.Gericht_liste{
	text-align: left; 
	color: #993300; 
	font-weight:700;
}

.speisekarte{  border-radius:8px; background-color:hsla(0,0%,100%,1.00); }

.pinwand{ 
	padding:3px;
	background-color: hsla(83,66%,44%,1.00); 
	background: hsla(83,66%,44%,0.70) url(bilder/pin.png) no-repeat top center; 
	vertical-align:text-top;
    padding-left:10px; width:180px; 
	font-weight:600; 
	font-style:italic;
	
    box-shadow: 2px 5px 8px 0px  hsla(0,1%,31%,0.80);
	 
	border-radius:0px;
	
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace ;
	
	
}

.schrift_8pt { font-size:9pt; }
.schrift_10pt{ font-size:10pt;}
.schrift_12pt{ font-size:12pt;}
.schrift_14pt{ font-size:14pt;}

/*.speisekarte td { border: hsla(344,50%,40%,0.08) solid 1px;}*/

.speisekarte td:nth-child(1) {
	width: 60px;
	height: 120px; 
	background-image: url(bilder/men_blk.png); background-position:center center;
	background-repeat: no-repeat; 
	text-align: left0; padding-left:6px; 
	color: #555; 
	font-weight: bold; 
	font-size: 1em;
}


.Preiskeis{
	color:hsla(83,65%,44%,1.00); 
	font-weight:700; 
	border:hsla(83,65%,44%,1.00) solid 2px; 
	border-radius:15px; 
	padding:2px 4px 2px 4px;
}


.twoColFixLtHdr #header { 
	width:100%;  
	padding:0; 
	height:auto;
}

.twoColFixLtHdr #header #bild
{ float:left; padding: 10px 20px 5px 20px;
}
.twoColFixLtHdr #header #slogan
{ 

font-size:1.5em; text-align:center;padding: 5px 0px 00px 0px; height:50px;
}
.twoColFixLtHdr #header h1 {
	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
	padding: 20px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
}

/*++++++++++++++++++++++++++++++++++++++++++*/
.twoColFixLtHdr #header2 { 

	padding: 0;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
}
.twoColFixLtHdr #titel { 
  color: #449636;
    text-align: left;
    margin: 15px;
    padding-left:3vw;
	
    font-size: 3vw;
    font-weight: bolder;text-decoration: underline;
} 
.twoColFixLtHdr #header2 h1, #header2 a, #header2 a:hover{
	text-align:right; 
	font-size:1.1em; 
	font-weight:700;
	color: #88b917;
	margin: 10px; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
	padding: 0px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
}
.twoColFixLtHdr #header_topbild{
	padding: 0;
	height:auto;
	width:100%;
	background:url(bilder/topheader.png);
    
	}
.twoColFixLtHdr #header_topbild img{
    border-radius: 5px;
    max-width: 800px;
}

/*++++++++++++++++++++++++++++++++++++++++++*/
.twoColFixLtHdr #header3 { 
	padding: 8px 10px 8px 0px; text-align:right; font-size:0.8em; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
} 
.twoColFixLtHdr #header3 h1 {
	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
	padding: 0px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
}
.twoColFixLtHdr #header3 p {
	/*background: #cfe5ae;*/
}

.twoColFixLtHdr #header3 a
{ text-decoration:none; color:#333; font-weight:700;
	
}
.twoColFixLtHdr #header3 a:hover
{ text-decoration:none; color:#900;font-weight:700;
	
}


/*++++++++++++++++++++++++++++++++++++++++++*/	
.twoColFixLtHdr #sidebar1 
	
{font-size:0.9em;
	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 200px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
	 /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
	padding: 15px 10px 15px 5px;
}
.twoColFixLtHdr #mainContent { 
	margin: 0 5px 0 265px;  /* Durch den linken Rand dieses div-Elements entsteht die Spalte am linken Seitenrand. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge des sidebar1-div immer gleich. Sie können diesen Rand entfernen, falls der Text des #mainContent-div den Bereich von #sidebar1 füllen soll, wenn der Inhalt in #sidebar1 endet. */
	padding: 0 20px;
	  /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
} 

.twoColFixLtHdr #mainContent p {
	/*background:#cfe5ae; */
	padding:2px;
	text-align: justify; 
}
.twoColFixLtHdr #mainContent h1 { text-align:left; font-size:1.1em; 
}
.twoColFixLtHdr #mainContent h2 { text-align:left;font-size:1em;
}
.twoColFixLtHdr #mainContent a
{ text-decoration:none; color:#900; font-weight:500;
	
}

.facebook{
	background:#3B5998; 
	font-weight:bold;color:#FFF; 
	text-decoration:none; 
	font-size:1.3em; 
	padding:2px 5px 2px 5px;
	 border-radius:3px;text-shadow: 1px 1px 1px #000;
	
}

.facebook_foot{ display:none;}
.twoColFixLtHdr #mainContent a:hover
{ text-decoration:none; color:#900;font-weight:700;
	
}
.twoColFixLtHdr #footer { font-size:0.8em;	padding: 0 50px 0 250px; text-align:center;
	
	
	
	/* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
	
} 
.twoColFixLtHdr #footer p {
	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
	padding: 10px 0;
	text-align:center; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
}

.twoColFixLtHdr #footer a
{ text-decoration:none; color:#333; 
	
}
.twoColFixLtHdr #footer a:hover
{ text-decoration:none; color:#900;
	
}

.fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*---------------------navigation ++++++++++++++++++++++*/
#navigation {
	float:left; 
	text-align:left;
	width: 260px; 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	
	}

#navigation ul {
	margin:0; 
	padding:0 0 0 0px;
	}
#navigation ul li { 
	margin:0;  
	padding:0 0 0 0px; 
	list-style-type:none;
	}
#navigation ul li a {
	width:200px; 
	background:hsla(82,63%,52%,1) url(bilder/men_pre.png) 3px 1px  no-repeat; 
	display:block; background-color:hsla(0,33%,98%,0.5); 
	height:28px; 
	line-height:19px; 
	margin:5px 0px; 
	padding:12px 0 0 45px; 
	color:#222; 
	border: 1px solid #ccc;
	border-radius:8px;
	text-decoration:none;
	font-weight:bold; 
	
	}
#navigation ul li a:hover {
	color:#000; 
	background: hsla(82,63%,52%,0.8) url(bilder/men.png) 3px 1px  no-repeat;  
	}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/	
#navigation ul li.active a {
	width:200px; 
	/*background:hsla(82,63%,52%,1) url(bilder/tomate_or.png) 10px  no-repeat; */
	background:hsla(82,63%,52%,1) url(bilder/men_pre.png) 3px 1px  no-repeat; 
	
	display:block;
	height:28px; 
	line-height:19px; 
	margin:5px 0px; 
	padding:12px 0 0 45px; 
	color:#222; 
	border: 1px solid #ccc;
	border-radius:8px;
	text-decoration:none;
	font-weight:bold;
	}
#navigation ul li.active a:hover {
	font-weight: bold; 
	color:#000; 
	 background: hsla(82,63%,52%,0.8) url(bilder/men.png) 3px 1px  no-repeat; 
	}
	
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/	
#navigation ul ul li a {
	width: 181px; 
	display:block; 
	height:18px; 
	line-height:19px; 
	margin:0 0 0 0px; 
	padding:0 0 0 12px; 
	color:#333333; 
	border-bottom: 1px dotted #fff; 
	text-decoration:none;
	margin-left:20px; 
	background: #Fafafa;
	}
	
#navigation ul ul li a:hover {
	color:green; 
	margin-left:20px;
	background-image:url(bilder/pfeil.gif);
	background-repeat:no-repeat;
	background-position:1px 3px; 
	
	}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/	

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/	
#navigation ul li.last a {
	width: 200px; 
	display:block; 
	height:23px; 
	line-height:19px; 
	margin:2px 0 0 0px; 
	padding:0 0 0 12px; 
	color:#333333; 
	border-bottom: 1px solid #ccc; 
	text-decoration:none;
	
	}
	
#navigation  ul li.last a:hover {
	color:#333333; 
	background-image:url(bilder/pfeil.gif);
	background-repeat:no-repeat;
	background-position:1px 3px; 
	}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



#besucher {
	 text-align:center; 
	 background:#cfe5ae;
	-webkit-box-shadow: 2px 2px 2px 0px rgba(110, 113, 113, 0.26);
	-moz-box-shadow:    2px 2px 2px 0px rgba(110, 113, 113, 0.26);
	 box-shadow:         2px 2px 2px 0px rgba(110, 113, 113, 0.26);
	 margin-top:-35px;border:#ccc solid 1px; 
	 font-weight:bold;
	 color:#555;
	 width:182px;
	 -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	}
	
.twoColFixLtHdr #menu_header{
		float:right; height:90px; margin-right:15px; margin-top:30px; 
		display:none;
	}
.twoColFixLtHdr #hmenu{display:none;}

input{ 
	width: 305px;
	height:28px; 
	color:#000; 
	font-weight:100;
	margin-bottom:4px; 
	/*left:3px; */
	
		}
textarea {
    width: 305px;
	height:48px; font-size:0.85em;
	font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif; 
	
	
}
select {
   width: 310px;
	height:28px; 
	 color: hsla(0,0%,0%,0.450);
	 margin-bottom:4px; 
}

#bestellform, #ausgabe {margin-left:290px;}


@media (max-width: 1021px){
	
body  {
	/*font: 97% Verdana, Arial, Helvetica, sans-serif;*/
	
}
select {
   width: 298px;
	height:28px; 
  color: hsla(0,0%,0%,0.450);
  margin-bottom:4px; 
	
}

	.twoColFixLtHdr #container { 
	width:100%;
	min-width:320px;
	} 
	
	.twoColFixLtHdr #sidebar1{ 
	display:none;
	}
	
	.twoColFixLtHdr #mainContent {
		 margin:0; 
    }
	
	.twoColFixLtHdr #mainContent p {
	padding:4px;
	text-align: left; 
	-ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
}




	.twoColFixLtHdr #footer { font-size:0.8em;	padding: 0 50px 0 0px; 
	}
	.twoColFixLtHdr #menu_header{
		display:block;
		float:right;
		height:90px; 
		margin-right:-18px; 
		margin-top:0px;
		background:url(bilder/menu.png) no-repeat; 
		cursor:pointer; 
		width:75px;
	}
	
	.twoColFixLtHdr #hmenu{
		position:absolute;
		top:0px;
		right:0px; z-index:999;
		display:block;
		float:right;
		height:auto; 
		margin-top:38px;
		margin-right:27px;
		
		 
		
		}
		.twoColFixLtHdr #menu_list{
			background:#cfe5ae; 
			display:none;
			border: 1px solid #88B917;
			border-radius:2px;
			margin-top:70px;
			padding:8px;
		}
		
		
		#menu_list ul li {
	margin: 5px;
	padding: 0 0 0 0px;
	list-style-type: none;
	font-size: 0.8em;
	color: #99cc00;
	text-align: left;
			
			}
		#menu_list a { 
			margin:0; 
			padding:0 0 0 0px; 
			list-style-type:none;
			font-size:1.2em;
			color:#333;
			}
			
input{ 
	width: 90%;
	height:28px; 
	font-weight:100; 
	font-size:0.8em; 
	color:#000000;
}
textarea {
    width: 90%; 
	height:90px; 
	margin-left:-1px;
	font-size:0.8em; 
	color:#333333;
	font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif; 
}


.facebook_foot{ display:inline;
	width:150px;
	background:#3B5998; 
	font-weight:bold;
	 border-radius:3px; text-shadow: 1px 1px 1px #000;
	text-decoration:none; 
	font-size:1.3em; color:#FFFFFF; 
	 
	
	
}

#bestellform,  #ausgabe {margin-left:25px;}	


}

.logo { width:40%; height:auto!important; margin-top:10px; margin-bottom:10px; margin-left:50px;}

#logo_div {
	text-align:left; 
    width:100%;
    border-top:15px solid hsla(83,65%,44%,1.00);
    border-bottom:15px solid hsla(83,65%,44%,1.00);
    box-shadow:hsla(0,8%,17%,0.30) 0px 5px 5px 
}

.twoColFixLtHdr .table_z {
    border: 1px solid hsla(0,0%,77%,1.00);border-collapse: collapse;
    
}
.twoColFixLtHdr .table_z td {
   
    border-bottom: 1px solid hsla(0,0%,77%,1.00);
    padding: 3px;
    border-right: 1px solid hsla(0,0%,77%,1.00);
    
}

.twoColFixLtHdr .table_z tr:nth-child(even) {
  background-color: #EEEEEE;
}