/***************************************/
/*            ola-kala.de              */
/***************************************/
html {
	background: #dddddd;
        color: #000;
        font: 12px/16px  Helvetica, sans-serif;
}

body{
	background-color: #dddddd;
    background: transparent;
    margin: 0 auto;
    width: 820px;
}

.clear {
  clear: both; 
}

a, a:visited {
  color: #000000;
  text-decoration     : none;
  font-weight: bold;
}

a:hover {
  color: #000000;
  text-decoration     : none;
}
h1 {
color: #ddd;
font-size: 0px;
margin: 0px 0px 0px 0px;
padding: 0px;
line-height:0px;
}
.smaller {
  font-size           : 8pt;
}

#footer,
#footermobile,
#mesi,
#logo,
#tageskarte,
#gmaps {
    clear: both;
    margin-top: 5px;
    background : #dddddd; 
    text-align : left;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 20px;
    color: black;
    -moz-box-shadow: 0 0 8px #555;
    -webkit-box-shadow: 0 0 8px #555;
    box-shadow: 0 0 8px #555;
}
/***************************************/
/***************************************/
/**********  M  I  A  U ****************/
/***************************************/
/***************************************/
/* mia miau  */

#footer {
    text-align: right;
    font-size: 8pt;
    font-size: 10px;
    margin: 5px 0;
    padding: 10px 10px 10px 10px;
}
#footermobile{
    text-align: center;
    font-size: 200%;
    margin: 5px 0;
    padding: 10px 10px 10px 10px;
}

#miau{
    text-decoration: underline;
}

#mesi,
#gmaps {
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 780px;
    height: 400px;
    width: 820px;
    height: 500px;
}

#aristera {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    width:180px;
    height: 400px;
    width:180px;
    height: 500px;
    float:left;
}

#dexia,
#dexia_gm {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    width: 620px;
    height: 500px;
    float:left;
    text-align : left;
    /*overflow: scroll;*/
}

#dexia_gm {
    background: black;
}

p {
    text-align : left;
    margin: 0px;
    text-align : justify;
    padding: 6px 10px 6px 0px;
}

#events {
	background: #ffffff;
	background: #e5e5e5;
	border: 1px solid #555555; 
	padding: 10px; 
	border-radius: 5px;
}
#facebook {
	background: #ccccff;
	border: 1px solid #555555; 
	padding: 10px; 
	border-radius: 5px;
}
#google {
	background: #ffaaaa;
	border: 1px solid #555555; 
	padding: 10px; 
	border-radius: 5px;
}

hr{
    width:400px;
}

ul,ol{
    margin: 0px 0px 0px 20px;
}

#olakala-block {
margin: 0px 0px 0px 0px;
}
#vcard, #CARD , #CARD2, #CARD3, #CARD4{
    padding: 0px 0px 0px 20px;
    padding: 0px 0px 0px 5px;
    position: absolute;
    top: 460px;
    top: 180px;	
    z-index:10;
    overflow:hidden;

    margin: 0px;
    text-align : left;
/*    font-size: 0.8em; */
    font-size: 12px;
     text-align : left;     
    height: 144px; 
    margin: 0px 0px 0px 0px;
    padding:340px 0px 0px 10px;
    padding:140px 0px 0px 10px;/*  fcb */
    /*background-color: #ffdddd;    */
    height: 344px; 
    width: 140px;     
} 

#CARD {
    padding:140px 0px 0px 10px;
    width: 140px;     
    height: 344px; 
    background-color: #dddddd;
    opacity: 0.70;
    filter: Alpha(opacity=70); /* IE8 and earlier */
} 

#CARD2 {    /* 2 links  */
    height: 369px; 
    padding:95px 0px 20px 10px;
    background-color: #dddddd;
    opacity: 0.70;
    filter: Alpha(opacity=70); /* IE8 and earlier */
}

#CARD3 {    /* 3 links  */
    height: 349px; 
    padding:115px 0px 20px 10px;
    background-color: #dddddd;
    opacity: 0.70;
    filter: Alpha(opacity=70); /* IE8 and earlier */

    
}

#CARD4 {    /* INFO-Box  */
    height: 120px; 
    height: auto; 
    padding:10px 0px 0px 10px;
    background-color: #dddddd;
z-index:20;
    opacity: 0.7;
    filter: Alpha(opacity=70); /* IE8 and earlier */
}



#footer,
#mesi, 
#logo {
    /*background-color: #dddddd;*/
    opacity: 0.80;
    filter: Alpha(opacity=80); /* IE8 and earlier */
}


#gmaps {
background:   #dddddd;
    opacity: 0.90;
    filter: Alpha(opacity=90); /* IE8 and earlier */
}


#impressum,
#contact,
#philo {
    background: transparent;
    width: 620px;
    height: 400px;
    overflow: auto;
    font-size: 12px;
    padding: 20px 0px 10px 0px;
    font-size: 12px;
} 

#contact{
text-align : left;
}

#philop{
    width: 550px;
    text-align : justify;
    padding: 10px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
} 

#logo{
    margin: 20px 0px 0px 0px;
    padding: 20px 20px 20px 20px;
    width: 740px; 
    width: 780px; 
   /* height: 60px; */
     height: 100px; 
    text-align : center;
    background:   #dddddd url("olakalalogo.png") no-repeat center; 
}

#logo img {
  border: 0;
}

#tageskarte{
    margin: 0px 0px 0px 0px;
    padding: 30px 0px 0px 0px;
    width: 740px; 
    width: 820px; 
   /* height: 60px; */
     height: 1160px;
     height: 1180px;
    text-align : center;
    opacity: 0.95;
    filter: Alpha(opacity=95); /* IE8 and earlier */
   /* background:   #dddddd url("./tageskarte/GriechischesRestaurantMuenchen_Ola-kala.de_Tageskarte.jpg") no-repeat center; */
    background:   #dddddd url("./tageskarte/Tageskarte.jpg") no-repeat center; 
}

#tageskarte img {
  border: 0;

}#speisekarte{
    margin: 0px 0px 0px 0px;
    padding: 30px 0px 0px 0px;
    width: 740px; 
    width: 820px; 
     height: 1160px;
    opacity: 0.90;
    filter: Alpha(opacity=90); /* IE8 and earlier */
    text-align : center;
    background : #dddddd; 
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 0 8px #555;
    -webkit-box-shadow: 0 0 8px #555;
    box-shadow: 0 0 8px #555;
}

#speisekarte img {
  border: 0;
}

}#speisekarte_info{
    margin: 0px 0px 0px 0px;
    padding: 30px 0px 0px 0px;
    width: 740px; 
    width: 820px; 
     height: 100%;
    opacity: 0.95;
    filter: Alpha(opacity=95); /* IE8 and earlier */
    text-align : center;
    background : #dddddd; 
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 0 8px #555;
    -webkit-box-shadow: 0 0 8px #555;
    box-shadow: 0 0 8px #555;
}

#speisekarte_info img {
  border: 0;
}

#silvesterkarte{
    margin: 0px 0px 0px 0px;
    padding: 30px 0px 0px 0px;
    width: 820px; 
     height: 1180px;
    text-align : center;
    opacity: 0.95;
    filter: Alpha(opacity=95); /* IE8 and earlier */
    background:   #dddddd url("./silvesterkarte/Silvestermenue-2015.jpg") no-repeat center; 
}

#silvesterkarte img {
  border: 0;
}

#mobile_info{
    padding: 0px;
    position: absolute;
    top: 0px;	
    z-index:10;
    overflow:hidden;

    margin: 0px;
    text-align : center;
    font-size: 1.0em;      
    height: 6%; 
    width: 100%;  
background : #ee0;    
} 
/* END mia miau */
/***************************************/
/***************************************/