html {height:100%;}
body {background-color:#e7e7e7; font:12px georgia, times, serif; color:#000; margin:0;}
#bodycont {height:100%; margin:0; background:#e7e7e7 url(http://www.janoczki.hu/images/siteback.jpg); text-align:center;}
#centercont {width:100%; height:100%;}
#maincont {position:relative; width:790px; height:100%; margin:0 auto; text-align:left; }
#main_top {position:absolute; top:120px; left:0; width:782px; height:52px; background:url(http://www.janoczki.hu/images/main_back_top.gif);}
#main {position:absolute; top:172px; left:0; width:782px; background:url(http://www.janoczki.hu/images/main_back_middle.gif) repeat-y;}
#main_bottom {position:absolute; left:0; width:782px; height:53px; background:url(http://www.janoczki.hu/images/main_back_bottom.gif);}
#content {margin:0 30px 0 80px;}
/*#rightcol {position:absolute; top:30px; left:620px; width:170px; padding:10px 10px 20px 20px;}*/
#footer{position:absolute; left:0; width:780px; margin-top:60px; padding:3px;}
#slogan {position:absolute; top:20px; left:240px; width:550px; height:50px; background:url(http://www.janoczki.hu/images/slogan.gif);}
#menu {position:absolute; top:90px; left:85px; width:695px; padding:0; overflow:hidden;}
/*#menu li {margin:0 1px 0px 0; position:relative; display:inline;}*/
#menu ul {list-style:none; margin:0; padding:0;}
div#menu ul li {float:left; margin-right:1px; text-align:center;}
a.m1 {display:block; background:url(http://www.janoczki.hu/images/m_kezdolap.gif);}
a.m1:hover, a.m1a {display:block;  margin-top:5px; background:url(http://www.janoczki.hu/images/m_kezdolap.gif);}
a.m2 {display:block; background:url(http://www.janoczki.hu/images/m_rolam.gif);}
a.m2:hover, a.m2a {display:block;  margin-top:5px; background:url(http://www.janoczki.hu/images/m_rolam.gif);}
a.m3 {display:block; background:url(http://www.janoczki.hu/images/m_rendeles.gif);}
a.m3:hover, a.m3a {display:block;  margin-top:5px; background:url(http://www.janoczki.hu/images/m_rendeles.gif);}
a.m4 {display:block; background:url(http://www.janoczki.hu/images/m_fotoalbum.gif);}
a.m4:hover, a.m4a {display:block;  margin-top:5px; background:url(http://www.janoczki.hu/images/m_fotoalbum.gif);}
a.m5 {display:block; background:url(http://www.janoczki.hu/images/m_vendegkonyv.gif);}
a.m5:hover, a.m5a {display:block;  margin-top:5px; background:url(http://www.janoczki.hu/images/m_vendegkonyv.gif);}
a.m6 {display:block; background:url(http://www.janoczki.hu/images/m_linkek.gif);}
a.m6:hover, a.m6a {display:block; margin-top:5px; background:url(http://www.janoczki.hu/images/m_linkek.gif);}
a.m7 {display:block; background:url(http://www.janoczki.hu/images/m_english.gif);}
a.m7:hover, a.m7a {display:block; margin-top:5px; background:url(http://www.janoczki.hu/images/m_english.gif);}
a.m8 {display:block; background:url(http://www.janoczki.hu/images/m_deutsch.gif);}
a.m8:hover, a.m8a {display:block; margin-top:5px; background:url(http://www.janoczki.hu/images/m_deutsch.gif);}

#logo {position:absolute; top:15px; left:-20px; width:110px; height:100px; background:url(http://www.janoczki.hu/images/logo.gif);}
#srch {position:absolute; top:20px; left:450px; width:340px; height:40px; text-align:right;}

h1{margin:0; font-size:18px; font-weight:bold;}
h2{margin:0; font-size:16px; font-weight:bold;}
h3{margin:0; font-size:14px; font-weight:bold;}
.bread {font:12px georgia, times, serif;}
.info {font:11px georgia, times, serif;}
.thead {font-size:12px; font-weight:bold; background-color:#ccc;}
.tbodya {font-size:12px; background-color:#e7e7e7;}
.tbodyb {font-size:12px; background-color:#efefef;}
.tright {border-right:1px solid #fff;}
.mark {color:#c33;}
.tmark {background-color:#ff0;}
.pic {border:1px solid #000;}
.vpic {vertical-align:middle; border:1px solid #000;}
.hline {border-bottom:1px solid #000;}
.bcenter {margin:0 auto;}
.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}
.pad {padding:0 10px;}
.qpad {padding:0 50px;}
.vmarg {margin:10px auto;}
.stitle {display:block; padding:0 100px 0 100px;}
.boxleft {padding:5px; float:left;}
.boxright {padding:5px; float:right;}
.input {font:12px georgia, times, serif; color:#000; border:1px solid #ccc;}
.markinput {font-size:12px; border:1px solid #c33;}
.butt {font:bold 12px georgia, times, serif; color:#fff; background-color:#888; border:0; cursor:pointer;}
.picbutt {cursor:pointer;}

a.l {color:#933; text-decoration:none;}
a.l:hover {color:#000; text-decoration:underline;}
a, a.d {color:#c63; text-decoration:none;}
a:hover, a.d:hover {color:#c63; text-decoration:underline;}
a.p {display:block; text-decoration:none; color:#063; margin:6px 0 0 0; padding:2px;}
a.p:hover, a.pa {display:block; color:#063; background-color:#eee; margin:6px 0 0 0; padding:2px;}
a.t {display:block; text-decoration:none; color:#063; padding:2px;}
a.t:hover {display:block; color:#063; background-color:#eee; padding:2px;}
/*
#bubble_tooltip {width:185px; position:absolute; display:none;}
#bubble_tooltip .bubble_top {background:url(http://www.janoczki.hu/images/tooltip_top.gif) no-repeat; height:10px;}
#bubble_tooltip .bubble_middle {background:url(http://www.janoczki.hu/images/tooltip_middle.gif) repeat-y bottom left; padding:0 10px;}
#bubble_tooltip .bubble_middle span {position:relative; font:10px georgia, times, serif; color:#000;}
#bubble_tooltip .bubble_bottom {background:url(http://www.janoczki.hu/images/tooltip_bottom.gif) no-repeat; height:40px; position:relative;}
*/