@import url("base.css");

/* Top */
div#banner h1#logo {position: relative; margin: 0 auto;height: 77px;width: 970px; background: url(../images/header-2.gif?teafrarat) 0px 0px no-repeat; text-indent: -3000em; overflow:hidden; position: relative; z-index: 500; }
div#banner h1#logo .holid {cursor: pointer; position: absolute; left: 152px; bottom: 0px; background: #000 url(../images/holid.gif) no-repeat; width: 343px; height: 43px; z-index: 1000;}
div#banner h1#logo .holid:hover {background: #000 url(../images/holid.gif) -343px -43px;}
div#banner h1#logo .holid2 {cursor: pointer; position: absolute; left: 152px; bottom: -1px; background: #000 url(../images/holid2.gif) no-repeat; width: 343px; height: 43px; z-index: 1000;}
div#banner h1#logo .holid2:hover {background: #000 url(../images/holid2.gif) -343px -43px;}

/* Maincontent */
div#container { }
div#container div.front_frame { border:14px solid white;  z-index: 9999; position: relative; }
div#container div.front_frame div#english { position: absolute; right: -36px; top: 0px; width: 22px; height: 50px; }
div#container div.front_frame div#english a { overflow: hidden; display: block; background: url(../images/english.gif) no-repeat; width: 22px; height: 50px; text-indent: -3000em; border: none;  text-decoration: none; }

div#container div.front_frame div#toggle-menu { position: absolute; left: 2px; bottom: -12px; width: 50px; height: 9px; }
div#container div.front_frame div#toggle-menu a { overflow: hidden; display: block; background: url(../images/show_menu.gif) no-repeat; width: 50px; height: 9px; text-indent: -3000em; border: none;  text-decoration: none; }

div#container div.sub_frame { position: relative; border: none; width: 970px; }
div#content_frame { padding: 0px 0; }

/* Left content */
div#leftcontent { text-align: left; width: 170px; float: left; }

/* Content */
div#content { width: 800px; float: right; text-align:left; }
div#content div.main { padding: 0 14px; }
div#content div.main h1 { color: #f18a00; font-size: 2em; font-weight: normal; }
div#content div.main h2 { font-size: 135%; padding: 10px 0; color: #f18a00; }
div#content div.main h3 { font-size: 130%; letter-spacing: 1px; font-weight: normal; color: #fff; }
div#content div.main p { padding-bottom: 15px; }
div#content div.main table.contentpaneopen td {  }
div#content div.main div.m_content div.text { width: 445px; float: left; text-align: right; }
div#content div.main div.m_content div.text_only { width: 745px; float: right; text-align: left; }
div#content div.main div#content_images { width: 300px; height: 500px; float: right; padding-top: 39px; }

/* Buttons */
a.button { margin: 10px 0; text-align: left; text-indent: -300000px; overflow: hidden; float: right; text-decoration: none; border: none; display: block; width: 126px; height: 36px;  }
a#panta-bord { background: transparent url(../images/button-panta-bord.gif) no-repeat; }
a#panta-gb { background: transparent url(../images/button-panta-gb.gif) no-repeat; }
a#panta-sushi { background: transparent url(../images/button-panta-sushi.gif) no-repeat; }

#sjajolabordsmatsedil {
    position: absolute;
    cursor: pointer;
    float: left;
    background: url(../images/sja_jolabords_matsedil.gif) no-repeat;
    left: 355px;
    top: 70px;
    height: 36px;
    width: 126px;
    z-index: 13;
}
/*
#food_and_fun {
    position: relative;
    margin-top: -77px;
    left: -175px;
    top: 77px;
    background: url(../images/food_and_fun.gif) no-repeat;
    height: 76px;
    width: 165px;
} */

ul.submenu { margin: 10px 11px; margin-right: 10px; list-style: none; width: 200px; }
ul.submenu li a { line-height: 100%; padding: 5px 0 3px 0; display: block; text-decoration:none; color: #fff; text-transform: uppercase; }
ul.submenu li { padding: 0 0 0 0; margin: 0; }
ul.submenu li ul { list-style: none; }
ul.submenu li ul li { border: none; }
ul.submenu li ul li a { text-transform: none; padding-left: 0px; margin: 5px 0; }

/* Imagemenu */
#imageMenu{position:relative;width:942px;height:402px;overflow:hidden;}
#imageMenu ul{list-style:none;display:block;height:402px;width:1808px;margin:0;}
#imageMenu ul li{position:relative;float:left; z-index: 9999;}
#imageMenu ul li a{text-indent:-1000px;background:#FFF none repeat scroll 0;border-right:2px solid #fff;cursor:pointer;display:block;overflow:hidden;width:190px;height:402px;}
#imageMenu ul li.m1 a{background:url(../images/m/1.jpg) repeat scroll 0;z-index:10;}
#imageMenu ul li.m2 a{background:url(../images/m/2.jpg) repeat scroll 0;z-index:11;}
#imageMenu ul li.m3 a{background:url(../images/m/3k.jpg?vasvsa) repeat scroll 0;z-index: 12;}
/*#imageMenu ul li.m3 a{background:url(../images/m/g3_ff-2.jpg?vasdsva) repeat scroll 0;z-index: 12;}*/
#imageMenu ul li.m4 a{clear:both;background:url(../images/m/4_holid.jpg?sadfsdf) repeat scroll 0;z-index: 14;}
#imageMenu ul li.m5 a{background:url(../images/m/5.jpg) repeat scroll 0;z-index: 15;}
#imageMenu ul li.m6 a{background:url(../images/m/6.jpg) repeat scroll 0;z-index: 16;}

/* Submenu */
.leftmenu { padding: 28px 0 10px 14px; }
.leftmenu a { display:block; line-height: 100%; padding: 10px 0px 10px 0; color: #eee; text-decoration: none; text-transform: uppercase; }
.leftmenu a:hover { }
.leftmenu a.selected { color: #f18a00; }
.leftmenu a.lm_lvl1 { font-size: 11px; padding-left: 0px; padding: 10px 0px 10px 20px; }
.leftmenu a.lm_lvl2 { font-size: 11px; padding: 10px 0px 7px 40px; }


/* Footer */
div#footer {height: 26px;width: 970px; text-align: center; /*background: url(../images/footer-tmp.gif) no-repeat; text-indent: -3000em;*/ overflow:hidden;margin-bottom:10px;}
div#footer p { margin: 0 auto; color: #fff; padding: 10px 0; font-size: 100%; letter-spacing: 0.7px; }
.theme_color { color: #f18a00; }