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

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

/* HEADER */
div.header { position: relative; width: 1024px; height: 180px; background: url(/images/bg_header.jpg) 0 0 no-repeat; z-index: 10;}
div.header .logo {position: absolute; top: 0; left: 360px; width: 255px; height: 105px;  z-index: 2;}
div.header .logo a {display: block; width: 255px; 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: -25px;}

/* CONTENT */
div.content {position: relative; min-height: 100%; height: auto; margin-top: -177px; margin-bottom: -129px; z-index: 5; overflow: hidden; text-align: left; font-size: 9pt;}
div.content .main { position: relative; width: 620px; margin-top: 177px; margin-left: 50px; 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:358px;  margin: 0 20px 0 0; padding-top: 25px;}
div.content .main .rightcoll {width:242px; 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: #4d4118;}
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 12px 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 .main  dl dd .static {position: absolute; top: 38px; right: -5px;}
div.content .main  dl dd .static2 {position: absolute; top: 18px; right: -2px;}

div.content #menucol {position: relative; float: left; left: 50px; top: 191px; padding-bottom: 300px; width: 200px; padding-left: 30px;}
div.content #menucol ul {list-style: none; width: 150px; margin-top: 6px; margin-bottom: 16px;}
div.content #menucol li.level1 { margin-bottom: 6px;}
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: #e2001a; }
div.content #menucol li.level1 a:focus {outline:0;}
div.content #menucol li.menu1 a {background: url(/images/mia-menusor01.png) 0 0 no-repeat; }
div.content #menucol li.menu1 a:hover, div.content #menucol li.menu1 a.active {background: url(/images/mia-menusor01.png) 0 -34px no-repeat;}
div.content #menucol li.menu2 a {background: url(/images/mia-menusor02.png) 0 0 no-repeat; }
div.content #menucol li.menu2  a:hover, div.content #menucol li.menu2 a.active {background: url(/images/mia-menusor02.png) 0 -34px no-repeat;}
div.content #menucol li.menu3 a {background: url(/images/mia-menusor03.png) 0 0 no-repeat; }
div.content #menucol li.menu3 a:hover, div.content #menucol li.menu3 a.active {background: url(/images/mia-menusor03.png) 0 -34px no-repeat;}
div.content #menucol li.menu4 a {background: url(/images/mia-menusor04.png) 0 0 no-repeat; }
div.content #menucol li.menu4 a:hover, div.content #menucol li.menu4 a.active {background: url(/images/mia-menusor04.png) 0 -34px no-repeat;}
div.content #menucol li.menu5 a {background: url(/images/mia-menusor05.png) 0 0 no-repeat; }
div.content #menucol li.menu5 a:hover, div.content #menucol li.menu5 a.active {background: url(/images/mia-menusor05.png) 0 -34px no-repeat;}

div.content #menucol li.level2 {font-weight: bold; color: #e2001a; background: none; margin-bottom: 2px; margin-left: 15px;}
div.content #menucol li.level2 a {color: #e2001a; 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: 10px;}
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 .decorpic_left{float: left; margin: 0 10px 2px 0;}
div.content .decorpic_right{float: right; margin: 0 0 2px 5px;}
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 h1 {position: relative; width: 100%; height: 36px; color: #c90015; 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: #c90015;}
div.content .main ul {margin-left: 30px; margin-top: 5px;}

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;}
span.new {position: absolute; display: block; top: 1px; left: 15px; width:  70px; height: 55px; background: url(/images/termekek/new.png) 0 0 no-repeat;}

/*DTS*/
div.content dl dt span {position: absolute; display: block; top: -37px; right: -15px; width: 122px; height: 103px; overflow: hidden; text-indent: -3000px;}
div.content dl dt span.mia {background: url(/images/dt_mia.png) 0 0 no-repeat;}
div.content dl dt span.kremturo {background: url(/images/dt_kremturo.png) 0 0 no-repeat;}
div.content dl dt span.reklam {background: url(/images/dt_reklam.png) 0 0 no-repeat;}
div.content dl dt span.dalma {background: url(/images/dt_dalma.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; }
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 #0062a5; 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;}



/* FOOTER */
div.footer {width: 100%; height: 152px;  background: url(/images/bg_footer.png) 0 0 repeat-x; color: #e2001a; font-size:7pt; z-index: 10; position: relative;}
div.footer .info {position: absolute; left: 50%; margin-left: -20px; top: 132px;}
div.footer #createdby {position: absolute; left: 50%; margin-left: -120px; top: 132px; width: 512px; text-align: right;}
div.footer #copy {position: absolute; left: 50%; margin-left: -450px; top: 132px; width: 512px; text-align: left;}
div.footer a, div#footer strong {color: #e2001a; background-color: inherit; text-decoration: none;}
div.footer a {text-decoration: underline;}
div.footer a:hover {color: #e2001a; 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: -420px; width: 385px; 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.perfecto {background-image:url(/images/footer_perfecto.png);}
div.footer .footerDecor{position: absolute; top: 0; left: 50%; margin-left: 10px;}

/* HEADLINES */
h1 {font-size: 13pt; font-weight: bold; color: #e2001a; background-color: inherit; text-transform: uppercase;}
h2 {font-size: 11pt; font-weight: bold; color: #e2001a; margin-bottom: 10px; margin-left: 15px;}
h3 {font-size: 10pt; font-weight: bold; color: #e2001a; margin-top: 10px; margin-bottom: 10px; margin-left: 15px;}
h3 img {vertical-align: bottom;}
h4 {font-size: 11pt; font-weight: bold; color: #ffffff; background-color: #cf1b1b; margin-bottom: 10px; text-transform: uppercase;}
a {color:#4d4118; text-decoration: underline;}
a:hover{color:#4d4118; text-decoration: none;}
.red {color: #f60025;}
a.red, a.red:hover {color: #f60025; font-weight: bold; text-decoration: none;}
a.red:hover {text-decoration: underline;}
a.modallink, a.modallink:hover{cursor: pointer; color:#4d4118;}
img.flower_bullet {position: relative; top: 2px;}

/* KVIZ */
.header .pudingkviz {position: absolute; top: 162px; right: 70px; z-index: 100; width: 290px; height: 196px;}
div.content .kvizmain {font-size: 8pt; width:700px;}
div.content .kvizmain .leftcoll{width:370px; margin-right: 0;}
div.content .kvizmain .rightcoll {width:270px; padding-top: 170px;}
div.content .kvizmain .whithspace {display: inline-block; width: 17px;}
div.content .kvizmain .radio {position: relative; top: 2px;}
div.content .kvizmain h2 {position: relative; width: 100%; height: 30px;  margin: 0 0 10px 0; color: #F7E9C6; margin-top: 25px; }
div.content .kvizmain h2 img{position: absolute; top: 0; left: 0;}
div.content .kvizmain h2 span {position: absolute; top: 10px; left: 40px; font-size: 8pt; color: #01B0F1;}
div.content .kvizmain .rightcoll p{ margin: 5px 0 10px 5px; width: 270px; font-size: 7pt;}
div.content .kvizmain .submit {font-weight: bold; font-size: 8pt; color: white; display: block; border: 0px; width: 198px; height: 20px; margin-left: 15px; padding-bottom:5px; cursor: pointer; background: url(/images/kviz-btn.png) 0 0  no-repeat;}

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

/* Bogrek */
.bogrek { position: relative; float: right; margin-right: -10px; margin-left: 10px; left: 10px; top: 20px; width: 350px; height: 350px; background: url(/images/bogre_decor2.png) top left no-repeat;}
.marcipanos  { float: right; margin-right: 0; margin-left: -8px; margin-top: 25px; width: 220px; height: 165px; background: url(/images/promo-marcipan.png) top left no-repeat;}
.kremturo-decor  { float: right; margin-right: 0; margin-left: -8px; margin-top: -10px; width: 320px; height:255px; background: url(/images/kremturo99.png) top left no-repeat;}
.piruet-decor  { float: right; margin-right: 0; margin-left: -8px; margin-top: -30px; width: 350px; height:288px; background: url(/images/cappuccino-multipack-decor.png) top left no-repeat;}
.highlight { padding: 10px 20px 20px 20px; margin-top: 20px; background: #FBF4E1; border: 2px solid #F5E7C0;}
.kremturo-multipack-decor  { float: right; margin-right: 0; margin-left: -8px; margin-top: -10px; width: 350px; height:280px; background: url(/images/kremturo-multipack-decor.png) top left no-repeat;}
.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;}

.highpic{
	margin: 10px 0 5px 10px; border: 1px solid white;
	-webkit-box-shadow:  0 2px 8px rgba(0,0,0, 0.1);
	   -moz-box-shadow:  0 2px 8px rgba(0,0,0, 0.21);
			box-shadow:  0 2px 8px rgba(0,0,0, 0.1);
}