html, body {
    margin: 0px;
    padding: 0px;
    /*font-family: 'HelveticaNeue', Helvetica, sans-serif;*/
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
    width: 100%;
    background: #fff;
    color: #3f5f8a;
    height: 100%;
}

a{color: #3f5f8a;}


body {

    text-align: left;
    color: #0e3d9c;
    text-align: center;
}

img {
    border: 0px none;
}

p {
    margin: 0;
    padding: 0;
}
.slider-in-box {
    overflow: hidden;
}

a {
    text-decoration: none;
}

.rsImg {

}

/*.btn-terms {*/
    /*width: 171px;*/
    /*height: 32px;*/
    /*background: transparent url('../gfx/teilnahmebed.png') top left no-repeat;*/
    /*float: left;*/
    /*color: transparent;*/
/*}*/
/*.btn-terms:hover {*/
    /*background-position: top right;*/
/*}*/

p, td, th, tr  {
    font-family: Arial;
}

h1, h2, h3, h4, h5 {
    font-family:'HelveticaNeue', Helvetica, sans-serif;
    font-weight: normal;
    color: #3f5f8a;
    line-height: 1.2em;
}

h1 {
    font-size: 30px;
    text-transform: uppercase;
    line-height: 1em;
    color: #4a6991;
}

h2 {
    font-size: 18px;
}

h3 {
    font-size: 14px;
    text-transform: uppercase;
    color: #3f5f8a;
}

#wrapper {
    min-height: 100%;
    max-width: 100%;
    background-image: url('../img/bg_page.png');
    background-position: bottom left;
    background-repeat: repeat-x;
    overflow: hidden;
}

#blueBar, #content {
    max-width: 100%;
    margin: 0 auto;
}

#blueBarHolder, #footer {
    background: #0046ad;
    color: #fff;
}

#blueBarHolder {
    height: 81px;
    max-width: 100%;
}

#header, #page {
    width: 1024px;
    z-index: 10;
}

#header {
    height: 205px;
    float: left;
    z-index: 200;
}
a.jetztMitmachen {
    background: transparent url('../gfx/jetztMitmachenBtn.png') top left no-repeat;
    width: 140px;
    height:32px;
    display: block;
}
a.jetztMitmachen:hover {
    background-position: -153px 0px;
}
.jetztMitmachen span {
    display: none;
}

a.hoverEffect:hover {
    opacity: 0.75;
}

/*a.btn_search {*/
    /*background: transparent url('../gfx/search_btn.png') top left no-repeat;*/
    /*width: 110px;*/
    /*height: 32px;*/
    /*margin-top: 42px;*/
    /*display: block;*/
    /*margin-left: 5px;*/
/*}*/
/*a.btn_search:hover {*/
    /*background-position: top right;*/
/*}*/
/*.btn_search span {*/
    /*display: none;*/
/*}*/

/*a.productRecipeLink {*/
    /*background: transparent url('../gfx/passendeRezepteBtn.png') top left no-repeat;*/
    /*width: 140px;*/
    /*height:32px;*/
    /*display: block;*/
    /*float: right;*/
    /*margin-right: 80px;*/
    /*margin-top:-30px;*/
/*}*/
/*a.productRecipeLink:hover {*/
    /*background-position: -153px 0;*/
/*}*/
/*a.productRecipeLink span {*/
    /*display: none;*/
/*}*/
.headerInner {
    height:135px;
    overflow: hidden;
    float: left;
    width:966px;
    margin-left:29px;
    border-bottom:8px solid #ea7125;
    position: relative;
}
.ui-helper-reset, .ui-widget {
    font-size: 12px;
}
#header div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
body.index #header {
    float: none;
    height: auto;
    position: absolute;
    z-index: 999;
}

#logo_wrapper {
    max-width: 620px;
    margin: 0 auto;
    background: transparent url('../img/header_bg.png') 0px 13px no-repeat;
    padding-top: 10px;
}

#page {
    padding-bottom: 48px;
    margin: 0 auto;
    background: transparent url('../img/content_bg.jpg') center top no-repeat;
    min-height: 500px;
    max-width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    margin-top: 5px;
}/* must be same height as the footer */

body.index #page {
    background: transparent;
}
body.index #header {
    position: relative;
}
#content {
    float: left;
    text-align: center;
    margin-top: -20px;
    min-height: 550px;
    width: 100%;
}

body.index #content {
    margin-top: -45px;
}

#contentwrapper {
    width: 810px;
    margin: 0;
    text-align: left;
    padding: 0 107px 80px;
    float: left;
    margin-top: 5px;
    background-position: bottom right;
    background-repeat: no-repeat;
    position: relative;
    z-index: 10;
}

#footer {
    position: relative;
    margin-top: -48px; /* negative value of footer height */
    height: 48px;
    clear: both;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    display: block;
    z-index: 999;
}

#slide-box{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 50px; /* height of thumbs (if not required set to 0) */
    height: auto; // optionally add !important for WP version
    width: auto;}

/*Opera Fix*/
body:before {
    content: "";
    height: 100%;
    float: left;
    width: 0;
    margin-top: -32767px;/
}

/**
 * Menu
 */
nav#menu {
    width: 700px;
    position: absolute;
    z-index: 999;
    left: 0;
    top: 0px;
    margin-left: 162px;
}


.sf-menu li {
    background: transparent;
}

.sf-menu a, .sf-menu a:visited {
    color: #fff;
    text-align: left;
    border: 0px none;
    /*padding: 1.1em 0.5em 1.5em 0.6em;*/
    padding: 0.7em 0.30em 1.5em 0.6em;
}

a > .sf-sub-indicator { display: none; }
.sf-menu a.sf-with-ul { padding-right: 1em; }
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: none; }
.sf-menu ul li:hover, .sf-menu ul li.sfHover,
.sf-menu ul a:focus, .sf-menu ul a:hover, .sf-menu ul a:active { background: transparent; }
.sf-menu {margin: 0 auto 0 16px;width: 720px; float: none; }
.sf-menu li:hover ul,
.sf-menu li.sfHover ul { top: 4em; }
/*.sf-menu > li.first { margin-left: 0px; }*/
/*.sf-menu > li.first { margin-left: 65px; }*/
.sf-menu > li.first { margin-left: 5px; }
.sf-menu ul li a,
.sf-menu ul li a:active,
.sf-menu ul li a:focus,
.sf-menu ul li a:visited {
    line-height: 1.5em;
    text-shadow: none;
    font-size: 12px;
    font-weight: normal;
    font-family: Helvetica;
    padding: 8px 0; border-bottom: 1px solid #d4b59b; margin: 0 20px;
    filter: none;
}
.sf-menu ul li.last a { border-bottom: 0px none; }

.sf-menu ul li:last-child a { border-bottom: 0px none; }

.sf-menu ul  {
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}


.sf-menum li {
    background: transparent;
}

.sf-menum a, .sf-menum a:visited {
    color: #fff;
    text-align: left;
    border: 0px none;
    /*padding: 1.1em 0.5em 1.5em 0.6em;*/
    padding: 0.7em 0.30em 1.5em 0.6em;
}

a > .sf-sub-indicator { display: none; }
.sf-menum a.sf-with-ul { padding-right: 1em; }
.sf-menum li:hover, .sf-menum li.sfHover,
.sf-menum a:focus, .sf-menum a:hover, .sf-menum a:active { background: none; }
.sf-menum ul li:hover, .sf-menum ul li.sfHover,
.sf-menum ul a:focus, .sf-menum ul a:hover, .sf-menum ul a:active { background: transparent; }
.sf-menum {margin: 0 auto;width: 720px; float: none; }
.sf-menum li:hover ul,
.sf-menum li.sfHover ul { top: 4em; }
/*.sf-menu > li.first { margin-left: 0px; }*/
/*.sf-menu > li.first { margin-left: 65px; }*/
.sf-menum > li.first { margin-left: 5px; }
.sf-menum ul li a,
.sf-menum ul li a:active,
.sf-menum ul li a:focus,
.sf-menum ul li a:visited {
    line-height: 1.5em;
    text-shadow: none;
    font-size: 12px;
    font-weight: normal;
    font-family: Helvetica;
    padding: 8px 0; border-bottom: 1px solid #d4b59b; margin: 0 20px;
    filter: none;
}
.sf-menum ul li.last a { border-bottom: 0px none; }

.sf-menum ul li:last-child a { border-bottom: 0px none; }

.sf-menum ul  {
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

 * 	Footer menü
 */
ul.footer-menu {
    list-style-type: none;
    margin: 0px auto 0 auto;
    padding: 15px 0;
    width: 500px;
}

ul.footer-menu li {
    float: left;
    list-style-type: none;
}

ul.footer-menu li.last {
    padding: 0 3px;
    margin-top: 0;
}

ul.footer-menu li a {
    padding: 1px 10px;
    margin-top: 3px;
    float: left;
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    line-height: 12px;

    border-right: 1px solid #fff;
}

ul.footer-menu li.last a {
    border-right: 0px none;
}

#slider-box-next, #slider-box-prev {
    position: absolute;
    z-index: 150;
    right: -8px;
    top: 0;
    width:178px;
    height: 457px;
}
#slider-box-prev {
    left: -8px;
}

#slider-box-next img, #slider-box-prev img  {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
	width: 100%;
	height: 100%;
}

#slide-teaser {
    top: -60px;
    width: 1024px;
    position: relative;
    z-index: 150;
    height: 175px;
}

ul.group {
    width: 1000px;
    list-style-type: none;
    position: absolute;
    left: 50%;
    margin-left: -439px;
    padding:0;
}

ul.group li {
    float: left;
    margin-right: 40px;
    position: relative;
}

ul.group li.last {
    margin-right: 0
}

ul.group .groupText {
    position: absolute;
    top: 130px;
    padding-top: 5px;
    font-family: 'HelveticaNeue', Helvetica;
    font-size: 13px;
    text-align: center;
    width: 194px;
    color: #3f5f8a;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 46px;
    vertical-align: middle;
    padding-left: 26px;
    padding-right: 26px;
}

ul.group .groupText > span {
    line-height: 14px;
    display: inline-block;
    vertical-align: middle;
}

.new,
.new-red {
    background: url(../img/slide_new_bkg.png) no-repeat;
    height: 54px;
    width: 201px;
    color: #fff !important;
}

.new-red {
    background: url(../img/slide_new_bkg_red.png) no-repeat;
}

.new-menu {
    background-color: red;
    padding: 2px 6px 2px 4px;
    display: inline-block;
}

.social {
    float: right;
    margin-right: 25px;
}
.fb-like-iframe {
    float: right; border:none; width:115px; height:20px
}

body#pid-6 #page #contentwrapper {
    background-position:230px 500px ;
    background-repeat: no-repeat;
    min-height: 950px;

}


.tx_rsnsearch_pi_input_text {
    background: #336bbd url('../../global/gfx/bg_search.png') 5px 5px no-repeat;
    border: 0px none;
    padding: 2px 2px 2px 20px;
    color: white;
    margin: 0 0 0 6px;
    width: 100px;
}

i.persons_cnt {
    background-position: left top;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 21px;
    display: inline-block;
}

i.person_2 {
    background-image: url('../gfx/persons_2.png');
    width: 21px;

}
.type-text {
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 15px;
}

.type-text label {
    float: left;
    width: 185px;
}

.type-text input[type="text"],.type-text select  {
    width: 193px;
    float: left;
    border: 1px solid #cccccc;
    padding: 3px;
    margin: 0;
}

.type-text select {
    min-width: 200px;
    width: auto;
}

.layout3.left,.layout3.right {
    width: 50%;
    float: left;
}

.header_bg_white {
    position: absolute;
    top: 123px;
    left: 103px;
    z-index: 210;
}

.headerlink_left {
    position: absolute;
    left: 8px;
    top: 0px;
    z-index: 20;
}
.headerlink_right {
    position: absolute;
    right: 10px;
    top: 0px;
    z-index: 20;
}

.topmenu_fb {
    padding: 0;
    margin-top: -4px;
}



/*search-box*/
#content .browsebox {clear:both; width: 100%;position: relative;height: 20px;}
#content  ul.browsebox{margin-left:0px;padding-left: 0px;}
#content .browsebox li {width:20px; float:left;list-style:none;}
#content .browsebox li a{text-decoration:none;}
.res-tmpl-css{margin-bottom: 25px;}
.tx-indexedsearch-text-item-path{float:left;}
.tx-indexedsearch-info{display:none;}
.tx-indexedsearch-descr{clear:both;}
.tx-indexedsearch-res{margin-top: 20px;}
.tx-indexedsearch {margin-top: 15px;}
/*#search-box .searchbox {*/
    /*font-size: 12px;*/
    /*background: #336bbd url('../../global/gfx/bg_search.png') 5px 5px no-repeat;*/
    /*border: 0px none;*/
    /*padding: 2px 2px 2px 20px;*/
    /*color: white;*/
    /*margin: 0 0 0 6px;*/
    /*width: 100px;*/
/*}*/


/*accrodion*/

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: url(../img/accordion_open.png) top left no-repeat;
    font-weight: normal;
    color: #fff;
    width: 485px;
    min-height:28px;
    border:none;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    padding: 0.4em 0 0;
    min-height: 28px;

}


.ui-accordion-header-active{
    background: url(../img/accordion_close.png) left top no-repeat;
}

.ui-accordion-content h3 {
    display: none;
}
.ui-accordion .ui-accordion-content {
    padding-top: 0;
}
.ui-widget-content {
    background: transparent;
    color: #3f5f8a;
    border:none;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited,
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #3f5f8a;
    padding: 0 0 0 35px;
}

.ui-accordion .ui-accordion-content { margin-left: 4px; }

.error ul,.error ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    color: #b40e0e;
}
.error ul  {
    margin-left: 185px;
}
.type-check .error ul  {
    margin-left: 0px;
}
/*contact*/

#Tx_Formhandler_UploadedFiles_file{margin-left: 186px;margin-top: 10px;}
ul.graphMenu {
    margin:0;
    padding: 0;
    list-style-type: none;
}
ul.graphMenu li {
    height: 271px;
    width: 270px;
    list-style-type: none;
    float: left;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'HelveticaNeue', Helvetica, sans-serif;
    color: #3f5f8a;
    display: block;
}

ul.graphMenu a {
    float: left;
    cursor: pointer;
}

ul.graphMenu span span {
    color: red;
}

ul.graphMenu li div {
    width: 270px;
    float: left;
}

#pid-5 ul.graphMenu li,
#pid-5 ul.graphMenu li div,
#pid-6 ul.graphMenu li,
#pid-6 ul.graphMenu li div,
#pid-7 ul.graphMenu li,
#pid-7 ul.graphMenu li div {
    width: 405px;
}

#pid-5 ul.graphMenu li span,
#pid-6 ul.graphMenu li span,
#pid-7 ul.graphMenu li span {
    display: none;
}

.btn_send {
    background-color: transparent;
    padding: 1px;
    padding-left: 0px;
    padding-right: 0px;
    border: 0px solid #ffffff;
    border-left: 0px solid #ffffff;
    border-top: 0px solid #ffffff;
    color: transparent;
    font-family: 'HelveticaNeue', Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: normal;
    height: 32px;
    width: 97px;
    background-image: url('../gfx/btn.png');
    background-position: top left;
    background-repeat: no-repeat;
    letter-spacing: 0.1em;
}

.btn_send span {
    display: none;
}

.btn_send:hover {
    background-position: -105px 0px;
}

ul.graphMenu a:hover img,
ul.interest_teaserlist a:hover img,
.tx-rsn-products_startpage a:hover div img {
    opacity: 0.6;
}
input.btn_search {
    background: transparent url('../gfx/search_btn.png') top left no-repeat;
    width: 110px;
    height: 32px;
    float: left;
    display: block;
    margin-left: 5px;
    color: transparent;
    background-color: transparent;
    padding: 1px;
    padding-left: 0px;
    padding-right: 0px;
    border: 0px solid #ffffff;
    border-left: 0px solid #ffffff;
    border-top: 0px solid #ffffff;
    margin-top: -2px;
    color: transparent;
}
input.btn_search:hover {
    background-position: -110px 0;
}

a.grillpromo_gewinnerlink {
    background: transparent url('../gfx/button_gewinner.png') top left no-repeat;
    width: 140px;
    height: 30px;
    position: absolute;
    right: 150px;
    top: 20px;
    color: transparent;

}

a.grillpromo_gewinnerlink:hover {
    background-position: -153px 0;
}
.hidden {
    display: none;
    visibility: hidden;
}
.vjs-loading-spinner { display: none !important; }

.tx-rtl-marathon-pi1-container {
    position: relative;
}

.tx-rtl-marathon-pi1-counter {
    position: absolute;
    right: 64px;
    bottom: 21px;
    font-size: 36px;
    font-family:'HelveticaNeue', Helvetica, sans-serif;
    font-weight: normal;
    color: #ea7125;
    line-height: 1.2em;
    width: 150px;
    height: 41px;
    text-align: center;
    letter-spacing: 3px;
}

.tx-rtl-marathon-pi1-rtllink {
    position: absolute;
    top: 50px;
    right: 0;
    height: 75px;
    width: 150px;
}

/*.weitereInfosRTL {*/
    /*background: transparent url('../gfx/btn_weitere_infos_rtl_spendenmarathon.png') top left no-repeat;*/
    /*width: 263px;*/
    /*height: 32px;*/
    /*color: transparent;*/
    /*float: left;*/
/*}*/
/*.weitereInfosRTL:hover {*/

    /*background-position: right top;*/
/*}*/

#mobile-menu {
    display: none;
    left: 10px;
    position: absolute;
    top: 15px;
    cursor: pointer;
}

#mobile-menu-content {
    background-color: #0046ad;
    display: none;
    height: auto;
    left: 0;
    position: absolute;
    top: 82px;
    width: 100%;
    z-index: 2147483647;
}

.clearfix{
    clear: both;
    float: none;
}

#mobile-menu-content #menu {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    left: 0;
    top: 0;
}

#mobile-menu-content .sf-menu li {
    border-bottom: 1px solid #fefefe;
    clear: both;
    float: none;
    margin: 0;
    max-width: 100%;
    padding: 3px 0;
    position: relative;
    text-align: left;
    width: 100%;
}

#mobile-menu-content nav#menu {
    left: 0;
    margin-left: 10px;
    position: relative;
    top: 0;
    width: auto;
    z-index: 999;
}

#mobile-menu-content .sf-menu a, .sf-menu a:visited {
    border: 0 none;
    color: #fff;
    padding: 0.3em 0.3em 0.5em 0.6em;
    text-align: left !important;
}

#mobile-menu-content .sf-menu {
    float: none;
    margin: 0 auto;
    width: 100%;
}

#mobile-menu img{
    width: 50px;
}

#footer .footer-menu{
    height: 30px;
    line-height: 30px;
    margin: 14px auto;
    padding: 0;
    width: 504px;
}

#contentwrapper .tovabb_btn a img{
	width: 137px !important;
}

.new_category_big_image{
	width: 756px;
}

/*** POPUP WINDOW ***/
#homePopupWindow {
    /*background-image: url("../img/popup/desktop.jpg");
    border-radius: 15px;
    box-shadow: -1px 0 15px;
    display: none;
    height: 400px;
    margin: 0 auto;
    max-width: 910px;
    position: absolute;
    top: 115px;
    width: 909px;
    z-index: 2147483647; 	
	left: 0;
	right: 0;*/
    background-color: #fff;
    position: absolute;
    top: 50px;
    width: 900px;
    left: 50%;
    right: 0;
    z-index: 2147483647;
    max-width: 95%;
    display: none;
    box-shadow: -1px 0 15px;
    padding: 40px;
    transform: translateX(-50%);
}


#homePopupWindow #close {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 9px;
	width: 32px;
	height: 32px;
    font-size: 20px;
}

#homePopupLayer{
    background-color: rgb(100, 100, 100);
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
	display: none;
}

#homePopupWindow #close {
    position: absolute;
    right: 10px;
    top: 10px;
	cursor: pointer;
}

#homePopupWindow h1 {
    margin: 0 0 30px;
}

#homePopupWindow img {
    margin-top: 20px;
}

/*
#homePopupWindow .text {
    float: right;
    margin: 0 52px 0 0;
    position: relative;
    text-align: left;
    width: 45%;
	color: #FFF;
}

#homePopupWindow h2 {
	padding: 0;
	margin: 0;
}

#homePopupWindow p {
    font-size: 16px;
    font-weight: normal;
    line-height: 25px;
    margin: 0;
    padding: 20px 0 10px;
}

#homePopupWindow div {
	font-weight: bold;
	padding: 10px 0 10px 0;
}

#homePopupWindow .red {
	font-weight: bold;
	color: #FF0000;
}
*/
#cookiePolicyWrapper {
    position: fixed;
    bottom: 0;
    background: rgba(0,70,173,0.7);
    z-index: 9999999;
    display: none;
    width: 100%;
}

#cookiePolicyWrapper p {
    color: white;
    padding: 10px;
    text-align: center;
    margin: 0px;
}

#cookiePolicyWrapper button {
    background-color: #FFF;
    color: #0046AD;
    font-weight: bold;
    border: none;
    padding: 3px 5px;
    margin: 5px 5px 0 5px;
    transition: all 0.25s;
}

#cookiePolicyWrapper button:hover {
    color: #FFF;
    background-color: #0046AD;
}


@media screen and (max-width: 1000px) {
    #slider-box-next, #slider-box-prev {

    }
	#billboardSchatten{
		display: none;
	}		
	/*#homePopupWindow {
		background-image: url("../img/popup/tablet.jpg");
		height: 739px;
		max-width: 598px;	
		width: 598px;
	}*/
	
}

@media screen and (max-width: 860px) {
	ul.group {
		left: 34%;
		list-style-type: none;
		margin: 0 auto;
		padding: 0;
		position: absolute;
		width: 100%;
	}	

    body.grilled .sf-menu ul {
        background-color: #0046ad !important;
        display: block !important;
    }

    .sf-menu ul {
        margin: -3px 0 -4px !important;
        position: relative !important;
        top: 0 !important;
        width: 10em;
    }

    .layout4.products {
        float: none;
        clear: both;
        margin-top: 0px;
        width: 100%;
    }

    #contentwrapper {
        text-align: left;
        width: 100%;
        padding: 0 30px 80px;
    }

    #contentwrapper img{
        width: 100%;
        margin: 0 10px;
    }

    .layout4 ul {
        width: 74% !important;
    }

    .layout4 p {
        width: 86% !important;
    }

    .layout4.left {
        width: 87% !important;
    }

    header nav {
        display: none;
    }
    #mobile-menu{
        display: block;
    }

    .headerInner {
        width: 91%;
    }
    #header, #page {
        width: 100%;
        z-index: 10;
    }
    #contentwrapper img{
        clear: both !important;
        float: none !important;
        margin: 0;
        width: 100% !important;
        height: auto !important;
    }
    #contentwrapper .image{
        right: 0;
    }

    #contentwrapper .infobox, #contentwrapper .image{
        clear: both;
        float: none;
        margin-top: 0;
        position: relative !important;
        width: 88% !important;
        z-index: 10;
        top: 0;
    }

    .infobox .nutrientsText {
        width: 272px !important;
    }
    .infobox .nutrients th {
        width: 97px !important;
    }
    #product_content, .interest_teaserbox, .infobox .product_text {
        width: 100% !important;
        float: none;
        clear: both;
    }
	#slider-box-next img, #slider-box-prev img {
		height: 70%;
		width: 70%;
	}		

	#slider-box-next, #slider-box-prev {
		right: -43px;
	}	
	
	#slider-box-next{
		right: -77px;
	}	
	
	#slider-box-prev{
		left: -30px;
	}	
	#page {
		height: auto;
		overflow: visible;
	}	
	
	ul.group li {
		clear: both;
		margin: 20px 0;
	}
	
	#slide-box{
		max-width: 1024px;
		width: auto;		
	}
	
	.tovabb_btn a img{
		width: auto !important;
	}	
	#slide-teaser {
		height: 820px;
		position: relative;
		width: auto;
		z-index: 150;		
	}
	
	.graphMenu li img{
		height: auto;
		width: 100%;
	}	
	.graphMenu li{
		width: auto;
		
	}	
	ul.graphMenu li {
		width: auto  !important;
		height: auto  !important;
	}

	.menuitems li {
		float: left;
		margin: 0 5px;
	}	

	.lactofree-menu .menuitems {
		float: left;
		width: 100%;
	}
	img.woman {
		display: none;
	}	
	#contentwrapper .lactofree-logo {
		width: 500px !important;
		float: none;
		clear: both;
	}	
}

@media screen and (max-width: 600px) {

	.recipe_selector {
		height: 112px;
		margin: 10px 10px 0 0;
		width: 42%;
	}

	.recipe_selector .sutotok.active, .recipe_selector .sutotok, .recipe_selector .penne, .recipe_selector .madartej, .recipe_selector .fagyi {
		background-size: cover;
		height: 112px;
		width: 34%;
	}


	.product-item .desc {
		margin-left: 0;
		width: 75%;

    }

	.new_category_big_image{
		width: auto;
	}
	.news_image_big{
		display: none;
	}

	.layout4, .layout4 .news_left_image{
		width: auto !important;
	}

	#contentwrapper h3{
		font-size: 20px !important;
	}	
	ul.group .groupText {
		width: 100%;
	}	
	
	.new {
		background-position: center top;
	}	

	#slide-teaser {
		height: 820px;
		position: relative;
		width: auto;
		z-index: 150;		
	}	
	
	#page {
		height: auto;
		overflow: visible;
	}	
	
	ul.group li {
		clear: both;
		margin: 20px 0;
		width: 88%;		
	}	
	
	ul.group {
		left: 25px;
		position: absolute;
		top: -66px;
		width: 100%;
	}
		
	.royalSlider {
		height: 265px;
	}	
	
	#slider-box-prev {
		left: 5px;
	}
	
	#slider-box-next img, #slider-box-prev img {
		height: auto;
		width: 50%;
	}	

	#slider-box-next, #slider-box-prev {
		height: 244px;
		position: absolute;
		right: -79px;
		top: 3px;
		width: 169px;
	}
	
	img.rsImg {
		height: auto;
		margin: 0;
		max-width: 92%;
	}
    body, html{
        width: 100%;
    }
    ul.graphMenu li {
        float: none;
        clear: both;
    }
    header nav {
        display: none;
    }
    #logo_wrapper{
        background-image: none !important;
    }
    #footer ul li{
        width: 100%;
        border: none;
        height: 30px;
        line-height: 30px;
    }
    #footer {
        height: auto;
    }
    ul.footer-menu li a {
        border: none;
    }
    #blueBarHolder {
        height: 81px;
        min-width: 320px;
    }
    .headerInner{
        width: 93%;
        margin: 0 4px 0 12px;
    }
    .headerInner img{
        width: 100%
    }
	ul.interest_teaserlist li, ul.interest_teaserlist li span, .interest_teaserbox {
		height: auto !important;
	}

	ul.interest_teaserlist li, ul.interest_teaserlist li span {
		text-align: left !important;
		width: 100% !important;
	}
	.interest_teaserbox {
		height: auto !important;
	}

	.lactofree-menu {
		float: none;
		width: 100%;
	}
	
	.lactofree-header h1{
		margin: 0;
		font-size: 25px;
	}	
	.lactofree-header h2 {
		font-size: 20px;
		margin: 0 0 0 30px;
	}	
	
	#contentwrapper {
		width: 83% !important;
	}	
	
	.menuitems li {
		width: 	91%;
		margin: 10px 0 0;
	}
	#contentwrapper .woman{
		display: none;
	}
	#contentwrapper .site {
		width: 100%;
	}
	div.products {
		margin-left: 0;
	}
	.lactofree-menu .menuitems {
		width: 100%;
	}	

	p.index {
		margin-left: 0;
		width: 100%;
	}	

	/*#homePopupWindow {
		background-image: url("../img/popup/mobile.jpg");
		height: 640px;
		width: 322px;
	}*/

    #homePopupWindow h1 {
        font-size: 20px;
    }
	
	
}

@media screen and (max-width: 360px) {

	.wiki-title {
		float: none;
		
	}

	.wiki-text {
		width: 84%;
		margin: 0;
	}

    .layout4.left {
        width: 100% !important;
    }

    .layout4 ul {
        width: 100% !important;
    }
	
	#contentwrapper .lactofree-logo {
		width: 263px !important;
	}	
	#slider-box-next, #slider-box-prev {
		height: 244px;
		position: absolute;
		right: -79px;
		top: 3px;
		width: 169px;
	}
	#slider-box-prev {
		left: 4px;
	}	
	#slider-box-next {
		right: -114px;
	}
	
	#slider-box-next img, #slider-box-prev img {
		width: auto;
	}	
}