* {margin: 0; padding: 0; border: 0;}
body {color: #006cb7; background: url(/images/bg_body.png) left top repeat-x #e6f0f6; 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: 238px; background: url(/images/bg_header.png) 200px 153px no-repeat; z-index: 10;}
div.header .logo {background: url(/images/bg_logo.png) 0 0 no-repeat; position: absolute; top: 69px; left: 232px; width: 158px; height: 112px;  z-index: 2;}
div.header .logo a {display: block; width: 158px; height: 112px; 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;}
div.header #menucol {background: url(/images/bg_menu.png) 0 0 no-repeat; position: absolute; top: 0px; left: 68px; width: 887px; height: 106px; z-index: 1;}
div.header #menucol ul, div.header #menucol ul li {list-style-type:none; position: relative;}
div.header #menucol ul  {background: url(/images/bg_menu_ul.png) 41px 0 no-repeat; text-align: left; padding-left: 40px;}
div.header #menucol ul li {padding: 12px 0; display: inline;}
div.header #menucol ul li a, div.header #menucol ul li.active ul li a {display: inline-block; padding: 12px 0; font-size: 10pt; font-weight: bold; color: #0061ab; text-decoration: none; text-align: center;}
div.header #menucol ul li.menu1 a {width: 108px;}
div.header #menucol ul li.menu2 a {width: 143px;}
div.header #menucol ul li.menu3 a {width: 98px;}
div.header #menucol ul li.menu4 a {width: 107px;}
div.header #menucol ul li a:hover, div.header #menucol ul li a.active {color: #00aeef;}
div.header #menucol ul li a.active {background-image: url(/images/bg_menu_active.png); background-repeat: no-repeat;}
div.header #menucol ul li.menu1 a.active {background-position: 0 0;}
div.header #menucol ul li.menu2 a.active {background-position: -108px 0;}
div.header #menucol ul li.menu3 a.active {background-position: -251px 0;}
div.header #menucol ul li.menu4 a.active {background-position: -349px 0;}



/*SEARCH*/
div#search { position: absolute; top: 9px; left: 580px; width: 140px; height: 24px; z-index: 11;}
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;}

/*FLOWER*/
div#flower {position: absolute; top: 0; left: 710px; width: 224px; height: 94px; z-index: 10;}


/* CONTENT */
div.content {position: relative; min-height: 100%; height: auto; margin-top: -238px; margin-bottom: -36px; z-index: 5; overflow: hidden;}
div.content .main {position: relative; float: left; padding: 238px 190px 36px 190px;  padding-top: 238px; padding-bottom: 56px; text-align: left; z-index:2;}
div.content  .background { height: 730px;  width: 100%; top: 0; left: 0; position: absolute; background: url(/images/bg_main.png) 0 238px no-repeat; z-index: 1;}
div.content .main p {font-size: 11px;}
div.content div.half, div.content div.halfright {float: left; width: 290px; margin-left: 10px; margin-right: 35px;}
div.content div.halfright { margin-left: 0; margin-right: 0;}

/* HOME */
body.home div.content .main {height: 652px; text-align:center; padding: 0;}
body.home div.content .background {background: url(/images/bg_main_home.png) 0 238px no-repeat;}
body.home div.content .main .home_flash1, body.home  div.content .main .home_flash2, body.home  div.content .main .home_flash3 {position: absolute; top: 357px; width: 216px; font-weight: bold; font-size: 9pt; line-height: 165%;}
body.home div.content .main .home_flash1 div, body.home  div.content .main .home_flash2  div, body.home  div.content .main .home_flash3  div { margin: 8px 0 16px 0; position: relative; }
body.home div.content .main .home_flash1 a, body.home  .content .main .home_flash2  a, body.home  div.content .main .home_flash3  a { top: -100px; left:0; position: absolute; display: block; width: 216px; height: 140px; overflow: hidden; text-indent: -500px; z-index: 5; }
body.home  .content .main .home_flash2  a, body.home  div.content .main .home_flash3  a { top: -88px; }
body.home div.content .main .home_flash1 p, body.home  .content .main .home_flash2  p, body.home  div.content .main .home_flash3 p {z-index: 1;}
body.home div.content .main .home_flash1 div { margin: 16px 0 16px 0;}
body.home div.content .main .home_flash1 {left: 147px; color: #00aeef;  top: 369px;}
body.home div.content .main .home_flash2 {left: 400px; color: #5faa1f;}
body.home div.content .main .home_flash3 {left: 654px; color: #de1215;}

div.content h1 {position: relative; width: 100%; height: 36px; color: #ffffff; margin-bottom: 20px; margin-top: 25px;  left: -12px;}
div.content h1 img{position: absolute; top: 0; left: 0;}
div.content h1 span {position: absolute; top: 10px; left: 25px; color: #ffffff; font-size: 0;}

div.content h2 {position: relative; padding: 9px 0 10px 14px; color: white; left: -12px; font-size: 10pt; background: url(/images/bg_h2.png) 0 0 no-repeat; margin-top: 25px; margin-bottom: 5px;}
div.content h2 span {position: absolute; top: -14px; right: 0; display: block; width: 64px; height: 64px;}
div.content h2 span.desszertek {background: url(/images/h2_desszert.png) 0 0 no-repeat;}
div.content h2 span.tejfol {background: url(/images/h2_tejfol.png) 0 0 no-repeat; top: -13px;}
div.content h2 span.vaj {background: url(/images/h2_vaj.png) 0 0 no-repeat;}
div.content h2 span.tej {background: url(/images/h2_tej.png) 0 0 no-repeat;}
div.content h2 span.joghurt {background: url(/images/h2_joghurt.png) 0 0 no-repeat;}
div.content h2 span.turo {background: url(/images/h2_turo.png) 0 0 no-repeat;}
div.content h2 span.tejszin {background: url(/images/h2_tejszin.png) 0 0 no-repeat;}
div.content p { margin-top: 4px; margin-bottom: 8px;}

div.content .decorpic_left{float: left; margin: 0 10px 2px 0;}
div.content .decorpic_right{float: right; margin: 0 10px 2px 10px;}

/* FOOTER */
div.footer {width: 1024px; height: 36px; background: url(/images/bg_footer.png) center 0 no-repeat; color: #00aeef; font-size:7pt; z-index: 10; position: relative;}
div.footer #createdby {position: absolute; right: 205px; top: 15px; width: 50%; text-align: right;}
div.footer #copy {position: absolute; left: 205px; top: 15px; width: 50%; 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 .back2home{position: absolute; bottom: 43px; right: 188px;}

/* HEADLINES */
h1, h1 span{font-size: 13pt; font-weight: bold; color: #ffffff; font-size: 0;}
h2 {font-size: 11pt; font-weight: bold; color: #ffffff; background-color: #f91919; margin-bottom: 10px; text-transform: uppercase;}
h3 {font-size: 10pt; font-weight: bold; margin-bottom: 3px; margin-top: 3px;  color: #ff0000; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
h3 img {vertical-align: bottom;}
h4 {font-size: 11pt; font-weight: bold; color: #ffffff; background-color: #cf1b1b; margin-bottom: 10px; text-transform: uppercase;}
a, a:hover{color: #ed1c24; text-decoration: underline;}
a:hover{text-decoration: none;}
.termekeink a, .termekeink a:hover {color: #006cb7; padding-bottom: 4px; display: inline-block;}
span.red {color: #ed1c24;}

/* ALLERGEN */
table.allergen {background: #50c6f2; font-size: 7pt; border: 1px solid #0da6e9; border-spacing: 0px; margin: 15px 0 15px 0;}
table.allergen thead th span {position: absolute; display: block; width: 0; height: 0; overflow: hidden; }
table.allergen th, table.allergen td {border: 1px solid #0da6e9; padding: 3px; }
table.allergen th.width1 {text-align: left; vertical-align: bottom; background: #50c6f2; 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: #cdeefc;}
table.allergen tbody th {background: #e6f7fe;}
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;}