* {margin: 0; padding: 0; border: 0;}
body {color: #338c10; background: url(/images/bg_content.jpg) center 185px no-repeat #ffffff; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center;}
body, html {height: 100%;}

/* MAIN CONTAINER */
div.holder { margin-left: auto; margin-right: auto; text-align: center; width: 1024px;}

/* HEADER */
div.header { position: relative; width: 1024px; height: 185px; background: url(/images/bg_header.jpg) 0 0 no-repeat; z-index: 10;}
div.header .logo {position: absolute; top: 0; left: 335px; width: 280px; height: 105px;  z-index: 2;}
div.header .logo a {display: block; width: 280px; height: 105px; margin: 0; padding: 0; text-indent: -3000px; font-size: 0; overflow: hidden;}
div.header .firstsentence {background: url(/images/bg_firstsentence.png) 0 0 no-repeat; position: absolute; top: 111px; left: 395px; width: 592px; height: 60px; text-indent: -3000px; font-size: 0; overflow: hidden;  z-index: 3;}


/*TUDTADE*/
div#tudtade {position: relative; width: 220px; height: 210px; margin-top: 20px;}

/* CONTENT */
div.content {position: relative; min-height: 100%; height: auto; margin-top: -186px; margin-bottom: -129px; z-index: 5; overflow: hidden; text-align: left; font-size: 9pt;}
div.content .main { position: relative; width: 620px; margin-left:50px;  margin-top: 186px; padding-bottom: 180px; float: left;}
div.content .blog { width: 675px;}
div.content .home {padding-bottom: 130px; }
div.content .main .leftcoll, div.content .main .rightcoll {float: left;}
div.content .main .leftcoll {width:355px; margin: 0 18px 0 0; padding-top: 25px;}
div.content .main .rightcoll {width:245px; padding-top:25px;}
div.content .main  dl {margin-bottom: 25px;}
div.content .main  p {margin-top: 15px; padding: 0 15px 0 15px;}
div.content .main  dd  a {color: #abd106;}
div.content .main  dd  a.more {position:relative; font-weight: bold; display: inline-block; background: url(/images/more2.png) right 8px no-repeat; padding: 3px 10px 3px 0;  text-decoration: none;}
div.content .main  dd  a.more:hover { padding-right: 12px;}
div.content .main  dl, div.content .main  dl dt, div.content .main  dl dd {width: 100%; position: relative;}
div.content .main .leftcoll dl dt , div.content .main .rightcoll dl dt  {padding: 10px 0px 10px 0px; text-indent: 15px; color: white; font-size: 10pt; font-weight: bold; position: relative;}
div.content .main .leftcoll dl dt {background: url(/images/left_dt.png) 0 0 no-repeat;}

div.content .main .leftcoll  span.date{margin: 0; font-weight: bold; color: #7db917; font-size: 7pt;}

div.content .main .rightcoll dl dt {background: url(/images/right_dt.png) 0 0 no-repeat;}

div.content #menucol {position: relative; float: left; left: 50px; top: 201px; padding-bottom: 300px; width: 225px;}
div.content #menucol ul {list-style: none; width: 150px; margin-top: 6px; margin-bottom: 16px; }
div.content #menucol li.level1 { margin-bottom: 6px; background: none;}
div.content #menucol li.level1 ul {margin: 0;  padding-top: 11px; padding-bottom: 9px; width: 150px;}
div.content #menucol li.level1 a {background-image: url(/images/menu.png); background-repeat: no-repeat; width: 100%; display: block; height: 34px; overflow: hidden; text-indent:-3000px; color: #00a9ec; }
div.content #menucol li.level1 a:focus {outline:0;}
div.content #menucol li.menu1 a {background-position: 0 0;}
div.content #menucol li.menu2 a {background-position: 0 -40px;}
div.content #menucol li.menu3 a {background-position: 0 -81px;}
div.content #menucol li.menu4 a{background-position: 0 -121px;}
div.content #menucol li.menu1 a:hover, div.content #menucol li.menu1 a.active  {background-position: 0 -154px;}
div.content #menucol li.menu2 a:hover, div.content #menucol li.menu2 a.active  {background-position: 0 -194px;}
div.content #menucol li.menu3 a:hover, div.content #menucol li.menu3 a.active {background-position: 0 -235px;}
div.content #menucol li.menu4 a:hover, div.content #menucol li.menu4 a.active {background-position: 0 -275px;}
div.content #menucol li.menu5 a{background-position: 0 -309px;}
div.content #menucol li.menu5 a:hover, div.content #menucol li.menu5 a.active {background-position: 0 -344px;}

div.content #menucol li.menu6 a {background-image: url(/images/pohar-menu.png); background-repeat: no-repeat; width: 100%; display: block; height: 34px; overflow: hidden; text-indent:-3000px; color: #00a9ec; }
div.content #menucol li.menu6 a:hover, div.content #menucol li.menu6 a.active  {background-position: 0 -34px;}

div.content #menucol li.level2 {font-weight: bold; color: #5EAB1F; background: none; margin-bottom: 2px; margin-left: 15px;}
div.content #menucol li.level2 a {color: #5EAB1F; background: none; font-weight: normal; text-decoration: none; height: 14px; text-indent: 0px; padding-left: 10px; width: 100%; display: block; text-indent: 0px; text-align: left; font-size: 7pt;}
div.content #menucol li.level2 a:hover, div.content #menucol li.level2 a.active {font-weight: bold; background: none; text-decoration: none; background: url(/images/active_sub.png) 0 4px no-repeat;}
div.content #menucol li.height2 a {height: 28px;}



div.content #menucol li.menu13 a {background-image: url(/images/kenyezteto-menu.png); background-repeat: no-repeat; width: 100%; display: block; height: 34px; overflow: hidden; text-indent:-3000px; color: #00a9ec; }
div.content #menucol li.menu13 a:hover, div.content #menucol li.menu13 a.active  {background-position: 0 bottom;}

div.content #menucol li.menu20 a {background-image: url(/images/menu-penny-akcio.png); background-repeat: no-repeat; width: 100%; display: block; height: 34px; overflow: hidden; text-indent:-3000px; color: #00a9ec; }
div.content #menucol li.menu20 a:hover, div.content #menucol li.menu20 a.active  {background-position: 0 bottom;}

div.content .decorpic_left{float: left; margin: 0 10px 10px 0;}
div.content .decorpic_right{float: right; margin: 0 10px 10px 10px;}
div.content .center {text-align: center; display: inline-block; width: 100%;}
div.content .ill_kremturo{display: block; width: 170px; height: 128px; float: right; margin: 30px 0 15px 15px; background: url(/images/kremturo_nagy.png) 0 0 no-repeat;}
div.content .back2home{position: absolute; bottom: 150px; left: 275px;}
div.content #video {position: relative; margin-top: 15px; margin-left: 15px;}
div.content .main  dd #video {position: relative; margin-top: 15px; margin-left: 3px;}
div.content h1 {position: relative; width: 100%; height: 36px; color: #F4F1EC; margin-bottom: 20px; margin-top: 25px; }
div.content h1 img{position: absolute; top: 0; left: 0;}
div.content h1 span {position: absolute; top: 10px; left: 40px; font-size: 8pt; color: #01B0F1;}



/*DTS*/
div.content dl dt span {position: absolute; display: block; top: -32px; right: 6px; width: 96px; height: 96px; overflow: hidden; text-indent: -3000px;}
div.content dl dt span.life {background: url(/images/dt_life.png) 0 0 no-repeat;}
div.content dl dt span.egeszseges {background: url(/images/dt_egeszseges.png) 0 0 no-repeat;}
div.content dl dt span.dietetikus {background: url(/images/dt_dietetikus.png) 0 0 no-repeat;}
div.content dl dt span.erdekessegek {background: url(/images/dt_erdekessegek.png) 0 0 no-repeat;}
div.content dl dt span.news {background: url(/images/dt_news.png) 0 0 no-repeat;}


/*LOGIN*/
div#login { width: 157px; height: 119px; text-align: center; margin-top: 20px; left: 30px; position: relative; background: url(/images/login_bg.png) 0 0 no-repeat; }
div#login form{ text-align: left;  width: 140px; position: relative; padding: 10px;  text-align: center;}
div#login form fieldset.input, div#login form fieldset.input div, div#login form fieldset.input div label {width: 130px; position: relative;}
div#login form fieldset.input div  {height: 22px;}
div#login form input.textfield {border: 1px solid #338C10; width: 128px; padding: 2px 2px 2px 3px; font-size: 8pt;}
div#login form .action { position: relative; margin: 2px 0 0 0; width: 134px;}
div#login form .action .submit {font-weight: bold; font-size: 8pt; color: white; display: block; border: 0px; width: 134px; height: 28px; cursor: pointer; background: url(/images/login_button.png) center 4px  no-repeat;}
div#login p, div#login  a, div#login  a:hover{ color: white;}
div#login p.login {padding: 20px 0px 10px 0;}
div#login  a.button, div#login  a.button:hover {text-decoration: none; font-weight: bold; font-size: 8pt; color: white; display: inline-block; border: 0px; width: 134px; height: 25px; padding-top: 3px; cursor: pointer; background: url(/images/login_button.png) center 0 no-repeat;}

/* BLOG */
div.blog h2{color: #399e30; margin: 0 0 0 15px;}
div.blog img.decorpic_right{border: 2px solid #5ca617;}
div.blog span.date{margin: 0 0 0 15px; font-weight: bold; color: #7db917; font-size: 7pt;}
div.leftblogcoll { width: 418px; float: left; margin-right: 12px;}
div.content .main div.leftblogcoll p {  padding: 0 5px 0 15px;}
div.leftblogcoll  a.more {position:relative; font-weight: bold; display: inline-block; background: url(/images/more2.png) right 8px no-repeat; padding: 3px 10px 3px 0;  text-decoration: none;}
div.leftblogcoll  a.more:hover { padding-right: 12px;}
div.rightblogcoll { width: 245px; float: left; padding-top: 25px;  font-size: 8pt;}
div.category, div.category a, div.category a:hover{color: #f69e2c;}
div.related, div.related a, div.related a:hover{color: #7db917;}
div.category a, div.related a {text-decoration: underline;}
div.category a:hover, div.related a:hover {text-decoration: none;}
div.category, div.related {margin: 10px 0 0 15px; font-weight: bold;  font-size: 8pt;}
div.related   ul {margin: 5px 0 30px 40px}
div.category img, div.related img {position: relative; top: 5px; margin: 0 7px 0 0;}
div.post {width: 418px; padding-top: 25px; margin-top: 20px; margin-bottom: 10px; position: relative; background: url(/images/bg_post.png) 0 0 no-repeat;}
div.post p {margin-left: 10px; font-size: 8pt; }
div.post span {position: absolute; top: 8px; color: #399e30; font-size: 7pt; font-weight: bold;}
div.post a {text-decoration: underline; color: #399e30;}
div.post span.name {left: 50px;}
div.post span.number {right: 18px; color: #399e30;}
div.rightblogcoll a, div.rightblogcoll  a:hover {font-weight: bold;}
div.rightblogcoll dl { width: 245px;}
div.rightblogcoll div.entrie {margin: 10px 0 10px 15px;}
div.rightblogcoll div.entrie span.date  {margin: 0 0 0 15px; font-weight: bold; color: #7db917; font-size: 8pt;}
div.rightblogcoll div.entrie p {margin: 5px 0 20px 0;}
div.rightblogcoll  div.entrie a, div.rightblogcoll div.entrie  a:hover {text-decoration: underline;}
div.rightblogcoll div.entrie  a.name {color: #399e30;}
div.rightblogcoll ul {margin-left: 50px;}

.leftblogcoll textarea{ width: 400px; height: 120px; border: 1px solid #338C10; margin: 10px 0 10px 15px;}
.leftblogcoll  .submit {font-weight: bold;  margin-left: 15px; font-size: 8pt; color: white; display: block; border: 0px; width: 106px; height: 18px; padding: 1px 0 17px 0; cursor: pointer; background: url(/images/btn.png) center 0  no-repeat;}


span.from {margin-left: 5px; font-weight: bold; color: #7db917; font-size: 7pt; }
div.news {padding-bottom: 30px; margin-bottom: 10px; background: url(/images/bg_news.png) left bottom repeat-x; width: 615px;}
div.news h3 {margin-bottom: 0;}
div.news  a.more {position:relative; font-weight: bold; display: inline-block; background: url(/images/more2.png) right 8px no-repeat; padding: 3px 10px 3px 0;  text-decoration: none;}
div.news  a.more:hover { padding-right: 12px;}


div.content .half_left, div.content .half_right {position: relative; width: 202px; float: left; text-align: center; margin-top: 20px; margin-bottom: 5px;}
div.content .half_left {clear: left; margin-right: 50px;}
div.thirded .half_left {margin-right: 12px;}

div.content .separator {position: relative; width: 100%; float: none; clear: left; margin-top: 20px; margin-bottom: 5px;}

/* FOOTER */
div.footer {width: 100%; height: 129px;  background: url(/images/bg_footer.png) 0 0 repeat-x; color: #00aeef; font-size:7pt; z-index: 10; position: relative;}
div.footer .info {position: absolute; left: 50%; margin-left: -85px; top: 105px;}
div.footer #createdby {position: absolute; left: 50%; margin-left: -160px; top: 105px; width: 512px; text-align: right;}
div.footer #copy {position: absolute; left: 50%; margin-left: -512px; top: 105px; width: 512px; text-align: left;}
div.footer a, div#footer strong {color: #00aeef; background-color: inherit; text-decoration: none;}
div.footer a {text-decoration: underline;}
div.footer a:hover {color: #00aeef; background-color: inherit; text-decoration: none;}
div.footer .lastsentence {background: url(/images/bg_lastsentence.png) 0 0 no-repeat; position: absolute; top: 0px; left: 50%; margin-left: -512px; width: 350px; height: 107px; text-indent: -3000px; font-size: 0; overflow: hidden;  z-index: 3;}
div.footer .lastsentence a {display: block;  width: 350px; height: 107px; text-indent: -3000px; font-size: 0; overflow: hidden; margin: 0; padding: 0;}
div.footer .subnav {position: absolute; top: 12px; left: 50%; margin-left: 120px;}
div.footer .subnav a {display: block; width: 142px; height: 75px; background-position: 0 5px; background-repeat: no-repeat; overflow: hidden; text-indent: -3000px; float: left;}
div.footer .subnav a:hover {background-position: 0 0; }
div.footer .subnav a.perfecto {background-image:url(/images/footer_perfecto.png);}
div.footer .subnav a.mia {background-image:url(/images/footer_mia.png);}

/* HEADLINES */
h1 {font-size: 13pt; font-weight: bold; color: #288816; background-color: inherit; }
h2 {font-size: 13pt; font-weight: bold; color: #288816; background-color: inherit; margin-bottom: 10px; margin-top: 20px; margin-left: 15px; clear: left;}
h3 {font-size: 11pt; font-weight: bold; color: #288816; margin-bottom: 10px; margin-top: 20px; margin-left: 15px; clear: left;}
ul, ol {margin: 15px 0 10px 28px;}
ul li{margin: 2px 0 3px 0;}
ol li{margin: 2px 0 3px 5px;}
a {color:#abd106; text-decoration: none;}
a:hover{color:#abd106; text-decoration: underline;}
.clear_left{clear: left; display: inline-block;}
.nobold, .nobold  strong, .nobold  b {font-weight: normal;}
.red {color: #f60025;}
a.red, a.red:hover {color: #f60025; font-weight: bold; text-decoration: none;}
a.red:hover {text-decoration: underline;}

/* ALLERGEN */
table.allergen {background: #99C688; font-size: 7pt; border: 1px solid #499912; border-spacing: 0px; margin: 15px 0 15px 15px;}
table.allergen thead th span {position: absolute; display: block; width: 0; height: 0; overflow: hidden; }
table.allergen th, table.allergen td {border: 1px solid #499912; padding: 3px; }
table.allergen th.width1 {text-align: left; vertical-align: bottom; background: #99c688; text-align: center; vertical-align: middle; color: white; font-size: 9pt; }
table.allergen th.width2 {width: 30px; text-align: center; vertical-align: bottom;}
table.allergen thead th {background: #ecf5dc;}
table.allergen tbody th {background: #ecf5dc;}
table.allergen tbody th span{font-weight: normal;}
table.allergen td {text-align: center; vertical-align: middle; color: #EF1E23; background: #F8F7F3;  font-weight: bold; font-size: 9pt;}


.pohar { float: right; margin-right: -8px; margin-left: -8px; width: 139px; height: 305px; background: url(/images/ajandek-pohar.png) top left no-repeat;}
.highlight { padding: 10px 20px 20px 20px; margin-top: 20px; background: #F4F1EC; border: 2px solid #E2DCCC; /*width: 420px;*/}

.kenyezteto-decor  { float: right; margin-right: 0; margin-left: -8px; margin-top: 0; width: 400px; height:289px; background: url(/images/100-kenyezteto.png) top left no-repeat;}