/* beirut-der-70er.de - H. Härtl - V2 vom 24.08.2015 */
/* ------------------------------------------------- */
body 
{ 
  background: #fff  url('../bilder/higrund32.gif');
  color: #000;
  font-family: verdana, helvetica, serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
  margin: 0;
  padding: 0;
	width: 100%;
  height: 100%;
}

/* alle Links ausserhalb der Menuebereiche, Fusszeile und Impressum */
a:link, a:visited, a:active, a:focus
{
	text-decoration: none;
	font-style: normal;
	font-weight: bolder;
  color: #8c8c8c;
}

a:hover
{	text-decoration: underline;
	font-style: normal;
	font-weight: bolder;
  text-decoration : underline;
}

#viewport 
 { 
  /* background: #fff; */
  margin: 1em auto;
  padding: 1em 1em 1em 1em;
  text-align: left;
  width: 895px;
}

#kopf
{ /* height:  60px; */
  width : 885px; 
  padding: 0; 
}

#logo1
{ float:left;
  width : 250px;
}

#logo2
{   
  float:right;
  font-weight: 800;
  line-height: 26px;
  letter-spacing: 4px;
}
#logo2  > span.zeile1
{ color :	#9E2F07; /*#c3381b; #d4744e; #C22217;*/
  font-size:23pt;
  letter-spacing : 2px;
}
#logo2  > span.zeile2
{ color: #6b6208;/* #535353;*/
  font-size:15pt;
  letter-spacing : 2px;
}

/* ============   l i n k e   S p a l t e   ========================= */
#liSpalte
{
  width: 215px;
	float: left; 
	margin: 0;
	padding: 0;
}

#liSpalte > div.schattenKasten
{ width: 160px;
  /* border: 1px solid lightgrey; */
  background:#fff;
  border: 1px solid #8EA7BE;
  padding: 0.6em;
  margin: 0;
  box-shadow:10px 10px 8px 1px #8EA7BE; 
  /* x-, y-Verschiebung, blur(Weichzeichnungseffekt)-optional, spread(Schattenversatz)-optional, Farbe */
  border-radius:10px 10px 10px 10px;
}

/* ------  MenueContainer -------------*/
#menueContainer
{ 
  margin: 2em 0 1em 0;
  padding: 0;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 16px; 
}

#menueContainer ul 
{ list-style: none none;
  padding: 0 2em 2em 0; 
  margin : 0;
 /* background: #fff; */
}
#menueContainer ul a,
#menueContainer ul a:link,
#menueContainer ul a:visited
{ 
  display: block;
  text-decoration: none;
  font-weight: 300;
  color: #686868;
}

#menueContainer > ul > li 
{
  border-left: 3px solid #898989; /*stärkeres grau */
}

#menueContainer > ul > li > a 
{
  padding: 6px 20px 6px 16px;
} 

#menueContainer > ul > li > span.aktiv  /* Falls die aktuelle Seite im Menue-Eintrag hervorgehoben werden soll */
{ 
  padding: 6px 20px 6px 16px;
  color: #BE212B;  /* rot */
}

#menueContainer > ul > li:hover 
{
  border-left: 3px solid 	#BE212B; /* rot */
}
#menueContainer ul > li:hover > a 
{
  color: 	#BE212B; /* rot */
  background : #f6f6f6;
}

#menueContainer > ul > li:active 
{
  color: 	#BE212B; /* rot */
}
/* ========    Menue zweite Ebene   ==================== */

#menueContainer ul .zweiteEbene
{ list-style: none none;
 /* sonst wie 1. Ebene */
  padding: 2px 0 4px 0; 
  margin: 0 8px 0 10px;
  font-size: 14px;
}

#menueContainer  ul.zweiteEbene > li > a 
{ padding: 3px 0 3px 10px;   
} 

/* ------  e n d   MenueContainer  -------------*/

#adresse 
{ background: #f7f5f4; 
  border: 1px solid  #8EA7BE;
  margin: 2em 0 4em 0;
  padding: 0px 0px 6px 10px;
  width: 165px;
  font-family: verdana;
  font-size: 1.2em;
  box-shadow:10px 10px 8px 1px #8EA7BE;
  border-radius:10px 10px 10px 10px;
}
#adresse p
{ font-size: 0.75em;
  margin: 0;
	padding: 3px 0px;
	color: #424242;
}

#adresse h2 
{ color: #8e1604;  
  font-family: verdana;
  font-size: 14px;
	font-weight: bold;
	/* letter-spacing: 0.8px;  - macht Probleme - unterschiedl. Darstellung FireFox und IExpl */
	margin: 8px 0 3px 0;
	padding: 0;
}

/* ============   r e c h t e   S p a l t e   ========================= */
#reSpalte
{ background: #fff;
  width: 680px;
	float: right;
	font-size: 1em;
  padding: 0;
	margin: 0;
}

#inhalt 
{ color: 	#5C5C5C;
	margin: 0;
	padding: 1em 2em 1em 2em;
	font-size: 100%;
}

.speisekarte
{ color: 	#5C5C5C;
  margin: 0;
  font-family: verdana, helvetica, serif;
  font-size: 100%;
}

.speisekarte h1
{
  font-family: 'Marko One', serif; 
  font-weight: 400;
  font-size: 2em; 
  margin:1em 0 5px 0; 
  padding:0; 
}

.speisekarte table
{ width : 100%;
  border-collapse: collapse;
  empty-cells : show;
  margin: 1.5em 1em 0.5em 0.5em;
}

.speisekarte tr.strich
{ 
  height: 5em;
  border-top : 1px solid silver;
}

.speisekarte tr.zweizeiler
{ 
  height: 4.5em;
}

.speisekarte td
{ 
  height : 40px
}

.speisekarte td.preis
{ width: 6em;
  text-align: right;  
}

.speisekarte2
{ color: 	#5C5C5C;
  margin: 0;
  font-family: verdana, helvetica, serif;
  font-size: 100%;
}

.speisekarte2 h1
{
  font-family: 'Marko One', serif; 
  font-weight: 400;
  font-size: 2em; 
  margin:1em 0 5px 0; 
  padding:0; 
}

.speisekarte2 table
{ width : 100%;
  border-collapse: collapse;
  empty-cells : show;
  margin: 1.5em 1em 0.5em 0.5em;
}

.speisekarte2 tr.strich
{ 
  height: 5em;
  border-top : 1px solid silver;
}

.speisekarte2 tr.zweizeiler
{ 
  height: 4.5em;
}

.speisekarte2 td
{ 
  height : 2.5em;
}

.speisekarte2 td.preis
{ width: 6em;
  text-align: right;  
}

/* ########    I m p r e s s u m   ################# */

#impressContainer
{ 
	margin: 0.5em 0 1em 0;
  padding: 0.1em 0 0.5em 2em;
  border-left: 1px solid	silver;
}

#impressContainer  h1
{ color: #5C5C5C;
  padding: 0.5em 0 0.5em 0; margin:0;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#impressContainer  h3
{ color: #5C5C5C;
  margin: 0; padding-top: 0.5em;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#impressContainer  p
{ margin:0; padding: 0.5em 0 0.5em 0; }

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#fusszeile
{ 
	color: 	#696969; 
  font-family: arial;
  font-size: 9px;
	font-weight: normal;
	letter-spacing: 1px;
	margin-top: 1em;
}
#fusszeile a:link, #fusszeile a:visited
{ color: #838383;
	text-decoration : none;
}
#fusszeile a:hover, #fusszeile a:focus
{ color: #838383;
	text-decoration : underline;
}

/* ###############   m y   S t y l e s    ###################### */

.containerTrenner
{ clear: both;
  margin: 0;
  padding: 0;
  font-size: 0px;
  line-height: 0px;
  height: 1px;
}

.trennstrich
{ margin: 0; padding: 0;
  border :none;
  border-top: 1px solid #8EA7BE;
  background-color:#FFF;
  height: 1px;
}

.kafta
 { font-family: 'Marko One', serif; 
  font-weight: 400;
  font-size: 1.5em;
}

.kaftaKlein
{ font-family: 'Marko One', serif; 
     font-weight: 400;
     font-size: 1.3em;
}

.ueberUns p
{
  font-size: 10pt;
}             

.zentriert
{ text-align : center;}

.mylistStufe1
{	list-style-type: disc; 
	margin: 1em 0 1.5em 1.4em; 
	padding: 0; 
	line-height: 3.0ex;
}

.mylistStufe2
{	list-style: circle inside;
	margin: 0 0 10px 1.4em; 
	padding: 0 0 0 0; 
	line-height: 2.3ex;
}

.mylistStufe1 > li
{ margin-bottom: 0.6em; }


.testRahmenGray
{ border-style:solid; 
  border-color:lightgrey; 
  border-width:1pt;
}

.testRahmenRed
{ border-style:solid; 
  border-color:red; 
  border-width:1pt;
}

.rundEcke10 {
/* -moz-border-radius:3px 15px 5px 30px; /* Firefox */
/* -webkit-border-radius:3px 15px 5px 30px; /* Chrome, Safari */
/* -khtml-border-radius:3px 15px 5px 30px; /* Konqueror */
  border-radius:10px 5px 15px 8px; /* CSS3 */
  background: #BDB76B; /* #d0b9af; */
	color: #001749;
/* behavior:url(border-radius.htc); /* Internet Explorer */
}