* {margin: 0; padding: 0; border: 0;}
body {color: #a90000; background: url(/images/bg_content.jpg) center 186px 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: 186px; 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; left: -15px;}

/* 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: 200px; float: left; }
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  table {margin-left: 15px;}
div.content .main  dd  a {color: #ed1c24;}
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 .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: 230px;}
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 -155px;}
div.content #menucol li.menu2 a:hover, div.content #menucol li.menu2 a.active  {background-position: 0 -195px;}
div.content #menucol li.menu3 a:hover, div.content #menucol li.menu3 a.active {background-position: 0 -236px;}
div.content #menucol li.menu4 a:hover, div.content #menucol li.menu4 a.active {background-position: 0 -276px;}

div.content #menucol li.level2 {font-weight: bold; color: #ED1C24; background: none; margin-bottom: 2px; margin-left: 15px;}
div.content #menucol li.level2 a {color: #ED1C24; 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; white-space: nowrap;}
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.menu15 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.menu15 a:hover, div.content #menucol li.menu15 a.active  {background-position: 0 bottom;}


div.content .decorpic_left{float: left; margin: 0 10px 2px 0;}
div.content .decorpic_right{float: right; margin: 0 10px 2px 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: #F1EEE7; 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;}

/* HALF */
div.content div.main div.half {float: left; width: 250px; margin-left: 10px; margin-right: 10px;}
div.content div.half h2 {position: relative; width: 100%; height: 36px; color: #F1EEE7; margin-bottom: 20px; margin-top: 25px; }
div.content div.half h2 img{position: absolute; top: 0; left: 0;}
div.content div.half h2 span {position: absolute; top: 10px; left: 40px; font-size: 8pt; color: #01B0F1;}
div.content div.half h2.top10h2 {margin-top: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;}

/*DTS*/
div.content dl dt span {position: absolute; display: block; top: -29px; right: 8px; width: 89px; height: 98px; overflow: hidden; text-indent: -3000px;}
div.content dl dt span.perfecto {background: url(/images/dt_perfecto.png) 0 0 no-repeat;}
div.content dl dt span.mitfozzek {background: url(/images/dt_mit_fozzek_ma.png) 0 0 no-repeat;}
div.content dl dt span.nevesnapok {background: url(/images/dt_neves_napok.png) 0 0 no-repeat;}
div.content dl dt span.recept {background: url(/images/dt_10recept.png) 0 0 no-repeat;}

/*SEARCH*/
div#search { width: 140px; height: 24px; margin-top: 6px; position: relative; left: 10px;}
div#search form{ text-align: left;  width: 140px; position: relative;}
div#search form fieldset.input, div#search form fieldset.input div, div#search form fieldset.input div label {width: 100px;}
div#search form fieldset.input {position: absolute; left: 0; top: 2px;}
div#search form input.textfield {border: 1px solid #00aeef; width: 90px; padding: 2px 2px 2px 3px; font-size: 8pt;}
div#search form .action { position: absolute; right: 0; top: 0; width: 31px; height: 23px;}
div#search form .action .submit { display: block; border: 0px; width: 31px; height: 23px; text-indent: -300px; cursor: pointer; background: url(/images/bg_search.png) top left no-repeat;}


/*LOGIN*/
div#login { width: 157px; height: 119px; text-align: center; margin-top: 20px; position: relative; background: url(/images/login_bg.png) 0 0 no-repeat; left: 30px;}
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 #a90000; 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;}



/*recipesearch*/
div#recipesearch { width: 157px; height: 115px; padding-top: 20px; margin-top: 20px; position: relative; background: url(/images/bg_recept_kereso.png) 0 0 no-repeat; left: 30px; }
div#recipesearch form{ text-align: left;  width: 140px; position: relative; padding: 10px;  text-align: center;}
div#recipesearch form fieldset.input, div#login form fieldset.input div, div#login form fieldset.input div label {width: 130px; position: relative;}
div#recipesearch form fieldset.input div  {height: 22px;}
div#recipesearch form input.textfield {border: 1px solid #a90000; width: 128px; padding: 2px 2px 2px 3px; font-size: 8pt;}
div#recipesearch form .action { position: relative; margin: 2px 0 0 0; width: 134px;}
div#recipesearch 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#recipesearch form p{ color: white;}

/* post */
div.post {width: 532px; margin-left: 30px; left:30px; padding-top: 25px; margin-top: 15px; margin-bottom: 10px; position: relative; background: url(/images/bg_post.jpg) 0 0 no-repeat;}
div.post p {margin-left: 10px; font-size: 8pt; }
div.post span {position: absolute; top: 8px; color: #ed1c24; font-size: 7pt; font-weight: bold;}
div.post a {text-decoration: underline;}
div.post span.name {left: 50px;}
div.post span.number {right: 18px; color: #a90000;}
.postform form {padding-left: 30px; margin-top: 30px;}
.postform form span{color: #ed1c24; font-size: 9pt; font-weight: bold; padding-bottom: 5px; display: inline-block;}
.postform form textarea {border: 1px solid #a90000; width: 532px; height: 82px;}
.postform form .submit {margin-top: 10px; font-weight: bold; font-size: 8pt; color: white; display: inline-block; border: 0px; width: 113px; height: 24px; padding-bottom: 10px; cursor: pointer; background: url(/images/btn_submit.png) center 0  no-repeat;}
.flowervote {margin: 25px 0 30px 15px; font-weight: bold;}
.flowervote span.votes {margin-left: 30px;}
.flowervote span.votes  span.red{color: #ed1c24;}
.flowervote img {position: relative; margin: 0; top: 5px;}
.flowervote img.vote {cursor:pointer;}
.nezdmeg {position: absolute; cursor: pointer; display: block; right: 0; top: 27px; width: 267px; height: 33px; background: url(/images/btn_nezd_meg.png) 0 0 no-repeat; overflow: hidden; text-indent: -3000px;}

/* 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.life {background-image:url(/images/footer_life.png);}
div.footer .subnav a.mia {background-image:url(/images/footer_mia.png);}

/* HEADLINES */
h1 {font-size: 13pt; font-weight: bold; color: #e60000; background-color: inherit; text-transform: uppercase;}
h2 {font-size: 11pt; font-weight: bold; color: #e60000; background-color: inherit; margin-bottom: 10px; text-transform: uppercase;}
h3 {font-size: 11pt; font-weight: bold; margin: 3px 0 3px 15px; color: #a90000; }
ul, ol {margin: 15px 0 10px 28px;}
ul li{margin: 2px 0 3px 0;}
ol li{margin: 2px 0 3px 15px;}
a {color:#ed1c24; text-decoration: none;}
a:hover{color:#ed1c24; text-decoration: underline;}
.negtop {position: relative; top: -12px;}
img.bordered {border: 2px solid white;}
img.flower_bullet {margin: 0 5px 0 0;}
img.tv_paprika {margin: 0 5px 0 0; position: relative; top: 10px;}
li.video  a{background: url(/images/video_small.png) right 3px no-repeat; padding: 2px 0; display: block; padding-right: 20px;}
.newRecept {margin: 0 0 0 5px; position: relative; top:  4px;}
.red {color: #ED1A21}

/* ALLERGEN */
table.allergen {background: #E5B3B3; font-size: 7pt; border: 1px solid #bd080b; 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 #bd080b; padding: 3px; }
table.allergen th.width1 {text-align: left; vertical-align: bottom; background: #e5b3b3; 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: #fde9ea;}
table.allergen tbody th {background: #fde9ea;}
table.allergen tbody th span{font-weight: normal;}
table.allergen td {text-align: center; vertical-align: middle; color: #EF1E23; background: #f9f8f4;  font-weight: bold; font-size: 9pt;}

.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;}

.highlight { padding: 10px 20px 20px 20px; margin-top: 20px; background: #F7F6F2; border: 2px solid #D3CBB4;}