html, body   { font-family: Arial, Tahoma, Verdana; margin: 0; padding: 0 }
h1 { color: #8eae17; font-size: 36px; font-family: arial, verdana, sans-serif; font-weight: normal; border-bottom: 1px solid #e8ddbd; }
h2 { color: #918d87; font-size: 16px; font-family: arial, verdana, sans-serif; font-weight: normal; }
h3   { color: #918d87; font-size: 16px; font-family: arial, verdana, sans-serif; font-weight: normal; margin: 0 0 0; padding: 0 }
h4 { color: #aaaaa9; font-size: 18px; font-family: arial, verdana, sans-serif; font-weight: normal; margin: 0 0 0 5px; padding: 0; width: auto; clear: both; border-bottom: 1px solid #fede9a; }
h5 { color: #aaaaa9; font-size: 18px; font-family: arial, verdana, sans-serif; font-weight: normal; text-align: center; margin: 0 0 0 5px; padding: 0; width: 380px; border-bottom: 1px solid #fede9a; }

a { color: #8eae17; text-decoration: none }
p { color: #8eae17; font-size: 12px; font-family: arial, verdana, sans-serif; font-weight: bold; margin-right: 5px; margin-left: 5px }
ul, li {margin:0; border:0; padding:0; list-style:none;}

ol { font-size: 14px; width: 270px; margin: 0; padding: 0; }
ol li { color: #918d87; font-family: arial, verdana, sans-serif; float: left; width: 135px; }
br {  clear: left;}
ol li a { color: #8eae17; display: block; width: 7em; text-decoration: none; }
ol li a:hover { color: #a52a2a; text-decoration: none; }
img {border:0px;}
input:hover { background-color:#fff; }

textarea:hover { background-color:#fff; }

form { margin:0; padding:0;}

label.feltolt { color: #8eae17; font-size: 16px; font-family: arial, verdana, sans-serif; font-weight: bold; text-align: right; margin-top: 2px; width: 200px; float: left }

#container { width: 1000px; height: 800px; margin-right: auto; margin-left: auto; }
#header    { background-color: #f2e3cb; background-repeat: no-repeat; margin: 3px 0; padding: 0; width: 1000px; height: 100px; float: left; overflow: hidden; }
#menu  { color: #fafaed; font-size: 12px; font-family: Arial; font-weight: bold; width: 1000px; float: left; position: relative; }
.menuleft  { background-image: url("../images/menuleft_bg.gif"); background-repeat: no-repeat; margin: 0; width: 3px; height: 29px; float: left }
.menubg   { background-image: url("../images/menu_bg.gif"); background-repeat: repeat-x; margin: 0; width: 994px; height: 29px; float: left }
.search_bg   { background-image: url("../images/search_bg.gif"); background-repeat: no-repeat; background-position: right 0; margin: 5px 0 0 0; padding: 0; width: 317px; height: 17px; float: left; border: solid 1px #fff }
.search_text   { margin: 6px 10px 0 20px; float: left; }
.search_button     { background-position: right 0; margin-top: 3px; margin-left: 10px; float: left }
.search_button a  { background-position: 0 center; margin-right: 0; margin-bottom: 7; margin-top: 7px; margin-left: 15px; padding: 0 }
.menuright  { background-image: url("../images/menuright_bg.gif"); background-repeat: no-repeat; margin: 0; width: 3px; height: 29px; float: left }
.eltarto { background-color: #cc9; width: 700px; height: 100px; float: left; }
.search_button h3   { color: #8eae17; font-size: 12px; text-decoration: underline; margin: -19px 0 0 150px }
.searchinput   { color: #000; font-size: 12px; font-weight: normal; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 center; margin: 0; padding: 0; width: 314px; height: 15px }

* html .google {margin-left:-10px;}

#footer { background-color: #fafaed; margin-top: 5px; width: 1000px; height: 25px; float: left }
/* NAPI RECEPT */
div.napirecept h1 { margin: 0 5px 0 5px; text-align: center;}
div.napirecept img { float:right; margin: 0 5px 5px 5px; }

/* KOSÁR */
#dropdown_menu { color: #000; font-size: 11px; font-weight: bold; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin: 4px 0 0 70px; padding: 0; height: 20px; float: right; position: absolute; right:0px;}
#dropdown_menu .menu li  { font-size: 12px; font-weight: normal; background: url("../images/lm.gif") no-repeat left top; margin-right: 10px; height: 20px; float: left; }
#dropdown_menu .menu li a { color: #000; font-weight: bold; text-decoration: none; background: url("../images/rm.gif") no-repeat right top; display: block; margin:0; padding: 2px 26px 0 10px; height: 20px; float: left; width: 140px;}
#dropdown_menu .menu li a:hover { color: #f30; }
#dropdown_menu ul .submenu { border:solid 1px #c9dea1; border-top:none; background:#FFFFFF; position:relative; top:1px; width:174px; padding:0; clear:both; z-index:2; display:none; }
#dropdown_menu ul .submenu li{background:none; display:block; float:none; margin:0 6px; border:0; height:auto; line-height:normal; border-top:solid 1px #DEDEDE; }
#dropdown_menu .submenu li a { background:none; display:block; float:none; padding:6px 6px; margin:0; border:0; height:auto; color:#105cbe; line-height:normal; }
#dropdown_menu .submenu li a:hover{ background:#e3edef; }
#dropdown_menu .menu li.menu a { color: #f93 }
#dropdown_menu .menu li.menu a:hover { color: #f00 }
#dropdown_menu .menu li.menu  { }
#dropdown_menu .menu li.empty   { background-image: url("../images/torles_gomb_menubol.gif"); background-repeat: no-repeat; background-position: right center; border-bottom: 2px solid red }
#dropdown_menu .menu li.empty a  { color: red }
#dropdown_menu .menu li.empty a:hover { background-color: #fff; background-repeat: no-repeat; background-position: right center; width: 120px }
#leftcolumn  { margin: 0; padding: 0; width: 600px; float: left; }
#rightcolumn { margin: 0; padding: 0; width: 400px; float: left; }

.switch  { margin-top: 50px; margin-left: 100px; margin-bottom: 10px; height: 22px }
.switch a { height: 26px; display: block; }
.switch a#slide_left { padding: 0; width: 8px; height: 24px; float: left;
	background: url(../images/switchleft.gif) no-repeat 0 center;
	margin: 0;
}
.switch a#napi_recept_0_a { background-image: url(../images/switch1.gif); background-color: transparent; background-repeat: no-repeat; background-position: center center; margin: 0; width: 30px; height: 24px; float: left; padding: 0; }
.switch a#napi_recept_1_a { background-image: url(../images/switch2.gif); background-color: transparent; background-repeat: no-repeat; background-position: center center; margin: 0; width: 30px; height: 24px; float: left; padding: 0; }
.switch a#napi_recept_2_a { background-image: url(../images/switch3.gif); background-color: transparent; background-repeat: no-repeat; background-position: center center; margin: 0; width: 30px; height: 24px; float: left; padding: 0; }
.switch a#napi_recept_3_a { background-image: url(../images/switch4.gif); background-color: transparent; background-repeat: no-repeat; background-position: center center; margin: 0; width: 30px; height: 24px; float: left; padding: 0; }
.switch a#napi_recept_4_a { background-image: url(../images/switch5.gif); background-color: transparent; background-repeat: no-repeat; background-position: center center; margin: 0; width: 30px; height: 24px; float: left; padding: 0; }
.switch a.active  { background-color: red !important; }
.switch a#slide_right { padding: 0; width: 8px; height: 24px; float: left;
	background: url(../images/switchright.gif) no-repeat 0 center;
	margin: 0;
}

.toprightbox  { margin: 5px 0 5px 10px; width: 190px; float: left }
* html .toprightbox { margin: 5px 0 5px 5px; }	/* IE6 fix */
.toprightboxtop  { background-image: url("../images/toprightboxtop_bg.gif"); background-repeat: no-repeat; width: 190px; height: 5px; overflow: hidden }
.toprightboxmiddle  { background-color: #fafaed; text-align: center; margin-top: 0; width: 188px; overflow: hidden; border-right: 1px solid #eae8e8; border-left: 1px solid #eae8e8 }
.usermenujeilist  { background-color: #fafaed; text-align: center; margin-top: 0; width: 188px; overflow: hidden; border-right: 1px solid #eae8e8; border-left: 1px solid #eae8e8 }
.usermenujeilist ul  { text-align: left; padding-top: 5px; padding-left: 10px }
.usermenujeilist ul li { font-size: 12px; list-style-type: decimal; list-style-position: inside; margin-top: 5px }
.toprightboxbottom  { background-image: url("../images/toprightboxbottom_bg.gif"); width: 190px; height: 5px; overflow: hidden }
.input { margin: 0; padding: 0; float: left; border: solid 1px #cc9 }
.toprightboximage { margin-top: 20px; }
.toprightboximage2  { margin-top: 10px }

/* HIRLISTA */
#newscontainer { margin: 0; padding: 0; width: 188px; height: 240px }
#newscontainer ul { text-align: left; list-style-type: none; margin: 0; padding: 10px 2px; }
#newscontainer ul li a { color: #999; font: 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; text-decoration: none; background: url("../images/list-off.gif") no-repeat left 6px; text-align: left; padding-right: 10px; padding-left: 15px }
#newscontainer ul li a:hover { color: black; background-image: url("../images/list-on.gif"); }
#newscontainer ul li a#current { color: #666; background-image: url("../images/list-active.gif"); }

/* KONYHA CIKK */
#articlebox   { background-color: #fafaed; margin: 5px 0 5px 10px; width: 390px; float: left }
* html #articlebox { margin: 5px 0 5px 5px; }
.articlebox_middle a:link { color: #8eae17; font-size: 12px; font-family: Arial, Tahoma, Verdana; margin-left: 300px }
.articlebox_top  { background-image: url("../images/articleboxtop_bg.gif"); background-repeat: no-repeat; height: 5px; overflow: hidden }
.toprightboxarticle a:link { text-decoration: none; margin: 0 }
.toprightboxarticle a:hover { color: #a52a2a; text-decoration: underline }
.articlebox_middle { border-right: 1px solid #eae8e8; border-left: 1px solid #eae8e8 }
.articlebox_middle p   { color: #999; font-size: 14px; font-weight: normal; line-height: 18px; padding-right: 10px; padding-left: 10px }
.articlebox_middle a { color: #8eae17; font-size: 14px; font-weight: bold; line-height: 18px; padding-right: 10px; padding-left: 10px }
.articlebox_bottom  { background-image: url("../images/articleboxbottom_bg.gif"); background-repeat: no-repeat; height: 5px; overflow: hidden }

#kosarlista { cursor: pointer; }
#kosarlista a   { color: #f00; font-size: 12px; font-weight: bold; background-image: url("../images/torles_gomb_menubol.gif"); background-repeat: no-repeat; background-position: right 0; width: 120px; height: 16px; float: left }
#kosarlista .hozzaadgomb { color: #8eae17; font-size: 12px; font-weight: bold; background-image: none }
.mainboxtitle a:link { text-decoration: none; margin: 0 }
#leg_listek     { margin-top: 5px; width: 465px; float: left; clear:left; }

.wrapper      { color: #666; margin: 5px 0 0; padding: 0; width: 463px }
.wrapper ul   { margin: 0; width: 463px }
.wrapper ul li  { list-style-type: none; margin-left: 10px; width: 215px; float: left }
.wrapper ul li a   { background-image: url("../images/list-off.gif"); background-repeat: no-repeat; background-position: left 6px; padding-left: 10px; width: auto }
.wrapper ul li a:hover { color: #A52A2A; text-decoration: underline; background-image: url("../images/list-on.gif"); background-repeat: no-repeat; background-position: left 6px; padding-left: 10px; width: auto }
* html .wrapper ul {width: auto; margin-left: 10px}
* html .wrapper ul li { font-size: 12px; list-style-type: none; margin-top: 5px; width: 210px; float: left; }
* html .wrapper ul li a { background-image: url("../images/list-off.gif"); background-repeat: no-repeat; background-position: left center; padding-left: 10px; display:block; }
* html .wrapper ul li a:hover { background-image: url("../images/list-on.gif"); background-repeat: no-repeat; background-position: left center; padding-left: 10px }
.legnepszerubb  { margin-top: 25px; margin-bottom: 10px }
.articlebox_middle a:link  { font-size: 18px; text-decoration: none; margin: 0 0 0 20px }
.legfrissebb   { margin: 25px 0 5px }
.leg_list_top   { background-image: url("../images/leglist_top_bg.gif"); background-repeat: no-repeat; width: 465px; height: 5px; float: left; overflow: hidden }
.leg_list_bottom  { background-image: url("../images/leglist_bottom_bg.gif"); background-repeat: no-repeat; width: 465px; height: 5px; overflow: hidden }
.leg_list_content  { background-color: #fafaed; background-repeat: no-repeat; width: 463px; border-right: 1px solid #dad9d9; border-left: 1px solid #dad9d9 }
.leg_list_content h3   { padding-top: 40px; padding-left: 10px }

.valasztomenu  { background: #fff left 0; margin: 0; padding: 0; width: 465px; float: left; overflow: hidden }
.valasztomenu ul  { background-position: left 0; text-align: center; list-style: none; margin: 0 0 0 20px; padding: 0; position: relative; float: left; clear: left }
.valasztomenu ul li  { font-size: 14px; background-position: 0 center; list-style: none; display: block; margin: 0; padding: 0; float: left; border-top: 1px solid #dad9d9; border-right: 1px solid #dad9d9; border-left: 1px solid #dad9d9 }
.valasztomenu ul li a  { color: #000; line-height: 1.3em; text-decoration: none; background: #f5f5f5; display: block; margin-top: 0; margin-right: 0; margin-bottom: 0; padding: 3px 10px }
.valasztomenu ul li a:hover  { color: #fff; background: #8eae17 }
.valasztomenu ul li a.active,
.valasztomenu ul li a.active:hover  { color: #8eae17; font-weight: bold; background: #fafaed }

.ad_280x130  { background-image: url("../images/ad_bg.gif"); margin: 5px 0 5px 5px; width: 130px; height: 280px; float: left }

#banner { margin: 20px 5px; } 
.receptbox  { background-color: #fafaed; margin: 5px 0 0 0; width: 600px; float: left }
.receptboxtop  { background-image: url("../images/mainboxtop_bg.gif"); width: 600px; height: 5px; overflow: hidden }
.receptboxtitle   { text-align: center; margin: 15px 0 0; padding: 0; width: 435px; border-bottom: 1px solid #fafaed }
* html .receptboxtitle { width: 425px; }
.receptboxmiddle  { width: 598px; height: auto; float: left; border-right: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; overflow: hidden; }
#receptboxmiddle_left  { width: 598px; float: left }
#receptboxmiddle_right    { background-color: #fff; margin-top: 10px; margin-right: 5px; margin-left: 0; padding-left: 5px; width: 150px; float: right; border: solid 1px #fede9a }
#receptboxmiddle_left label.feltolt { text-align: left; margin: 10px 0 0 20px; padding: 0; float: left }
#receptboxmiddle_left .border  { margin: 10px 0 0 -120px; padding: 0; width: 150px; }
#receptboxmiddle_left input:hover {background-color:#fff;}
.receptboximage  { background-image: none; background-repeat: no-repeat; list-style-image: none; margin: 0; padding: 5px 0 0; width: 150px; height: auto }
.receptboxbottom   { background-image: url("../images/mainboxbottom_bg.gif"); width: 600px; height: 6px; float: left; overflow: hidden }
.elkeszites ul { width: 150px; float: left; border: solid 1px #fede9a }
.elkeszites ul li { margin: 0; padding: 0; width: 150px; float: left; border: solid 1px #fede9a }
.bekuldte { font-weight: bold; margin: 10px 0 0 5px }
.nev { color: #996; font-size: 12px }
.bekuldte a { color: #660; font-size: 13px }
.elkeszitesiido a { color: #660; font-size: 13px }
.nehezsegiszint a { color: #660; font-size: 13px }
.kaloria a { color: #660; font-size: 13px }
.cimkek { font-size: 16px; margin-left: 20px; width: auto }
* html .cimkek { width: auto; }
.cimkek a  { color: #660; font-size: 12px }

#hozzavaloklist  { width: 435px }
* html #hozzavaloklist { width: 425px; }
#hozzavaloklist ul { width: 15em; float: left }
#hozzavaloklist li { font-size: 12px; font-weight: bold; line-height: 20px; list-style-image: url("../images/list-off.gif"); margin-right: 0; margin-bottom: 0; margin-left: 35px; width: 15em; float: left }
* html #hozzavaloklist li {  margin-left: 10px;}

#hozzavaloklist li a:hover { color: #ff2d49 }
#elkeszitesdiv   { float: left }
#showrecept { float: left }
#showrecept ul { margin-left: 20px; width: 570px; float: left }
* html #showrecept ul {margin:0px}
#showrecept ul li { background-color: #fff; display: list-item; margin-top: 10px; margin-left: 20px; padding-top: 5px; padding-left: 5px; width: 150px; float: left; border: solid 1px #fede9a; text-align: center; }
#elkeszitesdiv ul  { color: #8eae17; font-size: 12px; font-weight: bold; margin-left: 20px; width: 155px }
#elkeszitesdiv ul li  { color: #8eae17; font-size: 12px; font-weight: bold; margin-left: 20px; padding-left: 20px; width: 155px }
#elkeszitesdiv ul li a { color: #8eae17; font-size: 12px; font-weight: bold; background-image: url("../images/list-off.gif"); background-repeat: no-repeat; background-position: left center; cursor: pointer; padding-left: 20px }
#elkeszitesdiv ul li a:hover  { color: #c00; font-size: 12px; font-weight: bold; text-decoration: underline; background-image: url("../images/list-on.gif"); background-repeat: no-repeat; background-position: left center }
* html #elkeszitesdiv ul li { color: #8eae17; font-size: 12px; font-weight: bold; margin-left: 20px; padding-left: 20px }
* html #elkeszitesdiv ul li a { color: #8eae17; font-size: 12px; font-weight: bold; background-image: url("../images/list-off.gif"); background-repeat: no-repeat; background-position: left center; cursor: pointer; padding-left: 20px }
* html #elkeszitesdiv ul li a:hover  { color: #CC0000; text-decoration: underline; }
.elkeszites { font-size: 18px; margin-left: 20px; padding-top: 10px }
.hozzaszolasok  { font-size: 18px; margin: 10px 0 0 20px; padding: 0; float: left }
.leiras { color: #999; font-size: 14px; font-weight: normal; line-height: 18px; margin-left: 20px; padding-top: 0; width: 570px }
#commentdiv { color: #f00; font-size: 12px; font-weight: bold; margin: 20px 0 0 20px; width: 580px; float: left; }
* html #commentdiv { width: 570px; margin: 20px 0 0 5px; }
#hozzaszolas   { color: #000; background-color: #fff; background-position: center 0; margin: 20px 0 0 0; width: 490px; float: left; border: solid 1px #ddd }
#hozzaszolas small  { color: #8eae17; padding-top: 10px; float: left }
#hozzaszolas i { color: gray; font-size: 14px; font-style: normal; font-weight: normal; text-decoration: none; margin-top: 10px; margin-left: 10px }
* html #hozzaszolas { margin: 20px 20px 0 0; }
#commentdiv input { margin-top: 10px; margin-bottom: 5px; width: 200px }


#commentdiv textarea { width: 490px; height: 100px;}
.commentwriter { color: #930 }
.comment { color: #000; font-weight: normal; padding-right: 10px; padding-left: 10px }

/* ÉRTÉKELÉS */
.small-star{ width:50px; height:10px; }
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating { background: url("../images/star.gif") repeat-x left -1000px }
.star-rating{ position:relative; width:125px; height:25px; overflow:hidden; list-style:none; margin:0; padding:0; background-position: left top; float:left; }
.star-rating li{ display: inline; }
.star-rating a,
.star-rating .current-rating{ position:absolute; top:0; left:0; text-indent:-1000em; height:25px; line-height:25px; outline:none; overflow:hidden; border: none; }
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{ background-position: left bottom; }
.star-rating a.one-star{ width:20%; z-index:6; }
.star-rating a.two-stars{ width:40%; z-index:5; }
.star-rating a.three-stars{ width:60%; z-index:4; }
.star-rating a.four-stars{ width:80%; z-index:3; }
.star-rating a.five-stars{ width:100%; z-index:2; }
.star-rating .current-rating{ z-index:1; background-position: left center; }
.small-rating { background:transparent url(../images/star_small.gif) repeat-x scroll left top; display:block; height:10px; width:50px; }
.small-rating .current-rating { background:transparent url(../images/star_small.gif) repeat-x scroll left center; display:block; height:10px; } 

#bottomrightbox1 { margin-top: 5px; margin-right: 2px; margin-left: 5px; width: 190px; height: auto; float: left }
#bottomrightbox2 { margin-top: 5px; margin-left: 7px; width: 190px; height: auto; float: left }
.toprightboxmiddle h3 { color: #8eae17; font-weight: bold; margin-right: 10px; margin-left: 10px; border-bottom: 1px solid #fede9a }
.bottomrightboxarticle { text-align: left; padding-right: 5px; padding-left: 5px }
.bottomrightboxarticle a:hover { color: #a52a2a; text-decoration: underline; text-align: left }
.kosarba a  { color: #f00; font-size: 12px; font-weight: bold; text-decoration: underline; background-repeat: no-repeat; padding-left: 10px; width: 280px; float: left }
.vissza a { color: #0000fd; font-size: 12px; font-weight: bold; text-decoration: underline; text-align: right; width: 290px; float: left }
.elozo a { color: #0000fd; font-size: 12px; font-weight: bold; text-decoration: underline; padding-left: 10px; width: 260px; height: 20px; float: left }
.kovetkezo a { color: #0000fd; font-size: 12px; font-weight: bold; text-decoration: underline; text-align: right; padding-right: 10px; width: 260px; height: 20px; float: right }
.receptfeltoltomiddle     { float: left; background-color: #fafaed; width: 598px; border-right: 1px solid #ddd; border-left: 1px solid #ddd }
.receptfeltoltomiddle h1 { color: #8eae17; text-align: center; margin: 0; padding: 0; border-bottom: 1px solid #fafaed }
.border   { color: #666666; font-size: 16px; font-family: Arial, Helvetica, sans-serif; line-height: 160%; background-color: #f2f2f2; background-position: left 0; text-align: left; margin: 0 0 0 40px; padding: 0; width: 320px; height: 20px; border: solid 1px #cccccc }
.checkbox  { color: #8eae17; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-color: #f2f2f2; background-position: left 0; text-align: left; margin-top: 15px; margin-bottom: 15px; margin-left: 15px; padding-top: 0; padding-right: 0; padding-bottom: 0; border: solid 1px #ccc }
#receptadatok { margin-top: 20px; width: 598px }

input.border:focus { background: #fff; border: 1px solid #595959; }

.borders { border-style:solid; border-width:1px; border-color:#cccccc; color:#666666; background-color:#F2F2F2; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:160%; height:130px; width:320px;}

textarea.borders:focus { background: #fff; border: 1px solid #595959; }

.inputfield    {  padding: 0 0 20px 0; width: 598px; float: left;}
.inputfield select {float: left; margin: 0 0 0 40px;}
.checkboxfield { margin-left: 40px; padding-bottom: 20px; width: 598px; float: left; vertical-align: middle; }
.radiobutton { background-color: #f2f2f2; background-position: left 0; margin: 0 0 0 40px; padding-top: 0; padding-right: 0; padding-bottom: 0; float: left }
.pictureupload  { background-color: #f2f2f2; margin-right: 0; margin-bottom: 0; margin-left: 40px; padding: 0; float: left }
.hozzavaloksearch    { font-size: 16px; background-color: #f2f2f2; margin-top: 10px !important; margin-bottom: 3px !important; margin-left: -180px; width: 200px; float: left; border: solid 1px #ddd }
#hozzavalokmegadasa     { width: 598px; float: left }
#hozzavalokmegadasa input   { margin: 0; padding: 0; float: left;  }
.inputfield .button  { margin: 20px 0 0 -170px; padding: 0 }
.ujhozzavalok    { margin: 0 0 0 20px; width: 200px; float: left; }
* html .ujhozzavalok {margin: 0 0 0 10px;}
.hozzavalok  { background-repeat: no-repeat; background-position: right 0; display: block; margin: 0; padding: 0 0 0 5px; width: 360px; height: 400px; float: left; border: solid 1px #ddd; overflow-x: hidden; overflow-y: scroll   }
#hozzavaloklista  { background-repeat: no-repeat; background-position: right 0; display: block; margin-top: 20px; padding-top: 0; padding-right: 0; padding-bottom: 0; width: 360px; float: left }
* html #hozzavaloklista { width: 340px; }
.ujhozzavalok .hozzavalok   { width: 180px; height: 300px; clear: left; padding:0; }
.hozzavalok ul  { font-size: 14px; font-weight: bold; text-align: left; list-style-type: none; display: block; width: 180px; float: left }
.hozzavalok ul li { font-size: 12px; text-indent: 0; list-style-type: decimal; display: block; margin: 5px 0; padding: 2px 0; width: 160px; float: left; background-color: #FAFAED; cursor:pointer; }
.hozzavalok ul li.dark { background-color: #f2f2f2; float: left }
#keszhozzavalok  { float: left }
.hozzaadgomb   { font-size: 10px; margin: 0; padding: 0; height: 21px; float: right; vertical-align: middle }
button.hozzaadgomb { height: 25px; display: block; float: right; margin-right:20px;} 
.hozzaadgomb img  { display: inline; padding-right: 3px; vertical-align: middle }
.megadotthozzavalok   { background-repeat: no-repeat; background-position: right 0; display: block; margin: 0; padding: 0; width: 360px; height: 400px; float: left; border: solid 1px #ddd; overflow-x: hidden; overflow-y: scroll    }
.megadotthozzavalok ul  { font-size: 14px; font-weight: bold; text-align: left; display: block; padding-top: 0; width: 330px; float: left }
.megadotthozzavalok ul li  { font-size: 12px; text-indent: 0; display: block; padding-top: 10px; padding-left: 10px; width: 335px; float: left; background-color: #FAFAED; }
.megadotthozzavalok ul li.dark { background-color: #f2f2f2; float: left }
.megadotthozzavalok input  { display: inline; margin-left: 10px !important; width: 50px !important; float: none !important; vertical-align: middle }
.megadotthozzavalok select  { display: inline; margin: 0; padding: 0; vertical-align: middle }
.ujhozzavalok label, #hozzavalokmegadasa label { color: black; font-size: 12px; font-weight: bold; margin: 5px 0 0 0; float: left; text-align:left; }
#receptadatok label.leiras { color: #8eae17; font-size: 16px; font-weight: bold; text-align: right; margin: 20px 0 10px; padding: 0; width: 200px; float: left }
#leiras { background-position: center 0; width: 550px; height: 250px; margin: 0 20px; }
.mehetbutton  { text-align: center; margin-top: 20px; margin-bottom: 20px; margin-left: 250px; float: left }

#menuadatok { text-align: center; margin-top: 20px; width: 598px }
#menuadatok .inputfield label.feltolt { color: #8eae17; font-size: 16px; font-family: arial, verdana, sans-serif; font-weight: bold; text-align: right; margin: 0; padding: 0; width: 200px; float: left }
#menuadatok .checkboxfield { color: #8eae17; font-size: 10px; font-weight: normal; margin: 0; padding: 0; width: 598px; float: left }
#receptadatok .checkboxfield { color: #8eae17; font-size: 10px; font-weight: normal; margin: 0; padding: 0; width: 598px; float: left }
.inputfield .checkboxfield { color: #8eae17; font-size: 10px; font-weight: normal; margin: 0; padding: 0; width: 598px; float: left }

li.up_arrow { position:absolute; }
li.up_arrow div { position:relative; z-index: 1; background:url("../images/UpArrow.gif") no-repeat; display: block; width: 28px; height: 47px; top: -10px; left: -6px; float:left; }
#receptadatok li.up_arrow div { top: -55px; margin-right: -28px;} 
.receptfeltoltomiddle p { color: #c03; text-align: center }
#menu_osszeallito  { margin: 0 0 0 10px; padding: 0; width: 380px; height: 520px; float: left; border: 1px solid #eaeaea; overflow-x: hidden; overflow-y: scroll  }
#menu_osszeallito .hozzaadgomb  { margin-top: 10px; padding: 0 0 0 40px; height: 30px; float: left }
#menu_osszeallito ul   { list-style-type: none; display: block; margin: 0; padding: 0; cursor: pointer; width: 382px; }
#menu_osszeallito ul li  { margin: 0; padding-top: 10px; padding-right: 5px; padding-left: 10px; float: left; display:block; width: 100%; }
#menu_osszeallito ul li.dark  { background-color: #f2f2f2; }
#menu_osszeallito h3  { color: #999; margin: -20px 0 0 65px; padding: 0 }
.menuosszeallito_nev    { color: #8eae17; font-size: 20px; font-weight: normal; margin: 0; padding: 0; width: 370px; float: left }
.menuosszeallito_cimke     { color: #999; font-size: 10px; font-weight: bold; margin: 0; padding: 0; width: 370px; float: left }
.menuosszeallito_leiras   { color: #999; font-size: 10px; margin-top: 5px; margin-right: 0; margin-bottom: 0; padding: 0; width: 270px; height: 100px; float: left }
.menuosszeallito_kep     { margin: 0 0 0 5px; padding: 0; width: 90px; height: 90px; float: left }
.kosar_cimke   { color: #999; font-size: 10px; font-weight: bold; margin: 0; padding: 0 0 0 5px; width: 170px; float: left }
.kosarboxmiddle .toprightboxarticle a  { padding-left: 5px }
#keresoadatok { text-align: center; margin-top: 20px; width: 598px }
#keresoadatok label.feltolt  { color: #8eae17; font-size: 18px; font-weight: bold; text-align: right; margin-top: 2px; width: 200px; float: left }
#keresoadatok h3 a { color: gray; font-size: 16px; font-weight: bold; text-align: center; margin-right: 0; margin-bottom: 20px; margin-left: 0; padding: 0; width: 598px; float: left }
#keresoadatok input.border { margin-left: 40px; width: 200px; float: left }
* html #keresoadatok input.border {width: 180px;}
#keresoadatok input.kaloriainput { margin: 0 0 0 40px; padding: 0; width: 90px; float: left }
#keresoadatok .checkboxfield  { margin: 0 0 20px; padding: 0; float: left }
.checkboxfield label.cimkek  { color: #8eae17; font-weight: normal; margin: 0; padding: 0; white-space: nowrap; display : inline; text-align: right; font-size: 14px; }
.checkboxfield label.cimkek input { display: inline; margin:5px 0pt 0pt 10px; }
.inputfield h3 { width: 25px; float: left }
.milegyenbenne { margin: 20px 0 0 10px; padding: 0; width: 360px; float: left }
.milegyenbenne h3 { color: #f00; font-size: 14px; font-weight: bold; margin: 0; padding: 0 }
.legyenbenne .hozzaadgomb { margin: -15px 0 0 275px; padding: 0; float: left }
#kosar  { margin-left: 3px; width: 190px; float: left }
#kosar h4  { color: #c03; font-weight: bold }
.kosarboxmiddle    { background-color: #fafaed; text-align: center; margin: 0; padding: 0; width: 188px; height: 520px; float: left; border: solid 1px #eae8e8; overflow-x: hidden ; overflow-y: scroll }
.kosarboxbottom  { background-image: url("../images/toprightboxbottom_bg.gif"); width: 190px; height: 5px; float: left }
.kosarboxmiddle .toprightboxarticle a  { padding-left: 5px }
.toprightboxarticle .hozzaadgomb   { margin: 0; padding: 5px 0 0 90px; float: left }
.toprightboxarticle ul    { font-size: 12px; text-align: middle; margin-top: 5px; margin-left:10px; padding-left: 0; width: 170px }
.toprightboxarticle ul li    { font-size: 12px; list-style-type: none; margin-top: 0; margin-right: 0; margin-bottom: 5px; padding: 0; width: 175px; float: left }
.toprightboxarticle ul li.dark    { font-size: 12px; background-color: #f2f2f2; list-style-type: none; margin: 0 0 5px; padding: 5px 0; width: 175px; float: left }
#hozzavalokmegadasa h4 { color: gray; font-size: 10px; font-weight: bold; text-align: left; margin: 0; width: 360px; float: left; border-bottom: 1px solid #fafaed }
.legyenbenne { background-repeat: no-repeat; background-position: right 0; display: block; margin: 20px 0 0 0; padding-top: 0; padding-right: 0; padding-bottom: 0; width: 360px; height: 200px; float: left; border: solid 1px #ddd; overflow-x: hidden; overflow-y: scroll     }
.legyenbenne ul { font-size: 14px; font-weight: bold; text-align: left; display: block; padding-top: 10px; width: 330px; float: left }
.legyenbenne ul li { font-size: 12px; text-indent: 0; display: block; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; width: 340px; float: left }
.legyenbenne ul li.dark { background-color: #f2f2f2; width: 340px; float: left }
.legyenbenne input { display: inline; margin-left: 10px !important; width: 50px !important; float: none !important; vertical-align: middle }
.legyenbenne select { display: inline; margin: 0; padding: 0; vertical-align: middle }
#osszetettkereses .ujhozzavalok .hozzavalok { height: 455px; margin-top: 0px; padding:0pt; }

/* MENÜ TAB MENÜ */
#menu_tab    { margin: 5px 0 -5px; padding: 0 0 0 10px; width: 600px; height: 30px; float: left }
* html #menu_tab {width:590px;}
#menu_tab ul      { font-size: 12px; font-weight: bold; text-transform: uppercase; list-style: none; margin-bottom: -1px; padding-top: 0; padding-right: 0; padding-left: 0; height: 30px; float: left } 
#menu_tab ul li      { background: #d2d2d2 url("../images/tableft.gif") no-repeat left top; margin-right: 1px; margin-bottom: -1px; padding: 8px 0 8px 14px; float: left } 
#menu_tab ul li span     { color: #000; font-weight: bold; background: #d2d2d2 url("../images/tabright.gif") no-repeat right top; margin-top: 0; margin-right: 0; margin-left: 0; padding: 8px 14px 8px 0 }
#menu_tab ul li span a { color: #000; font-weight: bold; }
#menu_tab ul li span select  { width: 100px; color: #000; font-size: 10px; font-weight: normal; background-color: #fafaed; margin: -10px 0 -1px; padding: 0; border: inset 1px #8eae17 }
#menu_tab ul li.current-cat     { background: #8eae17 url("../images/tableft_active.gif") no-repeat left top } 
#menu_tab ul li.current-cat span     { color: #000; font-weight: bold; text-decoration: underline; background: #8eae17 url("../images/tabright_active.gif") no-repeat right top; margin: 0; padding: 8px 14px 8px 0 }
#menu_tab ul li.current-cat span { color: #000; font-weight: bold; text-decoration: underline; }

/* LOGIN*/
.belepes     { margin: 0; padding: 0; width: 300px; height: 100px; float: left; overflow: hidden; }
.belepes_button   { color: #ffffff; font-size: 12px; line-height: 24px; text-decoration: none; background: url("../images/belepes_button.gif"); display: inline-block; margin: 10px 0 0 10px; padding: 0 6px; height: 24px; float: left; border: solid 1px #3b6e22 }
.belepes a { font-size: 12px }
.belepes label { color: #693; font-size: 12px; font-weight: bold }
.belepes h2  { color: #690; text-align: center; margin: 10px 0 0; padding: 0; width: 120px; float: left; border-top: 0 none; border-right: 0 none; border-left: 0 none }
.belepes h4 a   { color: #0000fd; font-size: 12px; font-weight: bold; text-decoration: underline; text-align: center; margin: 5px 0 0; padding: 0 0 0; width: 100px; float: left }
.udvozlo { text-align: center; width: 118px; height: 100px; float: left }
#belepeslist   { margin: 0; padding: 0; float: left }
.login  { text-align: right; margin-top: 5px; padding-left: 20px; width: 300px; float: left }
.login form  { margin: 0; padding: 0; float: left }
#belepeslist ul  { font-family: Arial, Helvetica, sans-serif; list-style-type: none; margin: 0; padding: 0; float: left }
#belepeslist a { font-size: 12px; font-weight: bold; background-color: #693; display: block; padding: 5px 15px 4px 3px; width: 160px; border-bottom: 1px solid #eee }
* html #belepeslist a { padding: 5px 15px 3px 3px; }
#belepeslist a:link, #belepeslist a:visited { color: #EEE; text-decoration: none; }
#belepeslist a:hover { color: #000; background-color: #f2e3cb }
.belepes input { color: #000; font-size: 12px; font-weight: normal; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 center; margin: 5px 0 0; padding: 0; width: 130px; border: inset 1px }
.regisztracio_szoveg   { font-size: 12px; text-align: left; margin-top: 5px; margin-left: 20px; width: 300px; height: 30px; float: left }

/* TALÁLATI LISTÁK */
.talalatboxmiddle { width: 598px; float: left; border-right: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2 }
.talalatboxmiddle h2  { color: #693; font-size: 14px; font-weight: bold; text-align: center; margin-top: 20px }
.talalatboxlista h6  { color: gray; font-size: 10px; font-weight: normal; text-align: left; margin: 10px 0 0 5px; padding: 0; float: left }
.talalatboxlista h6 .cimke_filter { font-size: 12px; margin: 5px 0 0 5px; padding: 0; }
.talalatboxlista  { background-color: #fff; margin-top: 20px; margin-bottom: 20px; margin-left: 10px; width: 282px; float: left; border: solid 1px #fc9 }
* html .talalatboxlista {margin-left:5px;}
.talalatboxlista h3  { font-size: 14px; font-weight: bold; text-align: left; margin-top: 10px; margin-left: 20px }
.talalatboxlista ul { width: 282px; float: left }
.talalatboxlista ul li  { padding-bottom: 5px; width: 282px; float: left }
.talalatboxlista ul li p.description { display:none; }
.talalatboxlista ul li.hover { background-color: #ffc;  }
.talalatboxlista ul li.dark  { background-color: #f2f2f2; }
.talalatboxlista ul li.dark.hover { background-color: #ffc;}
.talalatboxlista ul li.hover p.description { display:block; clear:left; }
.talalatilistaimage  { margin-top: 15px; margin-left: 5px; padding: 0; width: 80px; float: left; border: solid 1px #ccc }
.talalatilistaelem h3 { font-size: 12px; margin: 10px 0 0 5px; padding: 0; width: 185px; float: left }
.talalatilistaelem p { font-size: 12px; font-weight: normal; margin: 5px 0 0 5px; padding: 0; width: 185px; float: left }
.talalatilistaelem small  { color: #f00; font-size: 12px; font-weight: normal; text-align: right; margin-top: 5px; margin-right: 0; margin-bottom: 5px; padding: 0 10px 0 0; width: 270px; float: left }
.kosarbavele   { color: #f00; font-size: 14px; text-decoration: underline; background-image: url("../images/kosar.gif"); background-repeat: no-repeat; background-position: right 0; text-align: right; cursor: pointer; margin-left: 10px; padding-right: 30px; height: 19px; float: left }
.emailbankuldes     { color: #f00; font-size: 14px; text-decoration: underline; background-image: url("../images/email.gif"); background-repeat: no-repeat; background-position: right 0; text-align: right; cursor: pointer; margin-right: 10px; padding-right: 30px; height: 19px; float: right }
.ujkereses  { color: #f00; font-size: 14px; text-decoration: underline; text-align: right; cursor: pointer; margin-right: 10px; margin-left: 20px; height: 19px; float: left }
.szerkeszt       { color: #f00; font-size: 14px; text-decoration: underline; background-image: url("../images/szerkesztes.gif"); background-repeat: no-repeat; background-position: right 0; text-align: right; margin: 0 30px 0 0; padding: 0 30px 0 0; height: 19px; float: right }
.nyomtatas  { color: #f00; font-size: 14px; text-decoration: underline; background-image: url("../images/nyomtatas.gif"); background-repeat: no-repeat; background-position: right 0; text-align: right; margin: 0 30px 0 0; padding: 0 30px 0 0; height: 19px; float: right }
.kosarbavele:hover, .szerkeszt:hover, .emailbankuldes:hover, .nyomtatas:hover, .ujkereses:hover { background-color: #693; }
/* LAPOZÓ */
.pagination  { margin: 10px 0 10px 0; padding: 2px; float: left }
.pagination ul  { font-size: 12px; text-align: left; margin-top: 0; margin-right: 0; margin-bottom: 0; padding: 0 }
.pagination ul li  { padding: 0 0 0 3px; width: auto; float: left; }
.pagination a, .pagination a:visited { color: #360; text-decoration: none; padding: 0 5px; border: solid 1px #9c6 ; display: block;}
.pagination a:hover, .pagination a:active { color: #fff; background-color: #360; border: solid 1px #2b66a5 }
.pagination a.currentpage { color: #fff !important; font-weight: bold; background-color: #360; cursor: default; border-color: #2b66a5 }
.pagination a.disablelink, .pagination a.disablelink:hover{ background-color: white; cursor: default; color: #929292; border-color: #929292; font-weight: normal !important; }
.pagination a.prevnext{ font-weight: bold; }
/* HIBAÜZENET */
span.error { float:left; clear:left; }
.error { color:red; }
/* TOOLTIP */
div.tip_box { background-color: #ddd; opacity: 0.7; color:black; font-size:12px; }
div.tip { width: 150px; }
.left {text-align: left !important;}