@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,700);
*{
	outline:none;
	border:none;
	font-family:'Roboto';
}
body{
	background:#fff;
}
div#pagewrapper{
	width:100%;
}
div#slide{
	display:none;
}
div#header{
	height:150px;
	background:url(../images/mobile-header.png) no-repeat top left;
	background-size:contain;
	width:100%;
}
#search{
	display:none;
}
div#sidebar{
	display:none;
}
div#header div.logo-mobile{
	margin: 35% 0 10%;
    top: 0;
}
div.logo{
	display:none;
}
div.logo-mobile{
	float:left;
	display:block;
	left:0 !important;
	width:100%;
	height:auto;
	position:relative !important;
	top:-60px;
}
div.logo-mobile a img{
	margin:0 0 0 8%;
	display:block;
    height:auto;
}
.logo-mobile a{
	width:80%;
	float:left;
	display:block;
}
a#mobile-menu{
	display:block;
	float:left;
	width:20%;
	height:50px;
	background: url(../images/menu-mobile.png) no-repeat right bottom;
	background-size:contain;
}
div#menu_horiz{
	margin: -61px 0 0;
    position: absolute !important;
	width:100%;
	right:0;
	z-index:999;
	padding:0 0 10px;
	display:none;
}
div#menu_horiz li{
	width:100%;
	display:block;
}
div#menu_horiz ul ul.submenu{
	display:block;
	position:relative;
	background:none;
}
div#menu_horiz ul ul.submenu li a{
	font-size:13px;
	padding:2px 5px 2px 25px;
}
div#menu_horiz a{
	text-align:left;
	padding:2px 10px 5px;
}
.login-panel-control{
	display:none;
}
div#content{
	float:left;
	width:100%;
}
.featured{
	margin:0 0 30px;
	padding:0 2%;
	background:none;
	width:96%;
}
div#content div.featured h1,
div#content div.featured h2,
div#content div.featured p,
div#content .featured h2 a{
	color:#666 !important;
	font-size:14px;
	margin:3px 0;
	line-height:1.4;
	padding:0;
	background:none;
}
.featured .img{
	background:none;
	padding:0;
	width:33%;
	margin:0;
	height:auto;
}
.imgwrap img{
	margin:0;
	width:100%;
	height:auto;
}
.imgwrap{
	border:0;
}
.featured-inside{
	float:right;
	width:60%;
	padding:0 2%;
}
a.readon-mobile{
	display:block;
	float:left;
	font-size:13px;
	text-decoration:none;
	color:#fff !important;
	padding:6px 20px;
	background:#b3d628;
	margin:3px 0 0;
}
a.readon-reg{
	display:none;
}
div#main{
	margin:0;
	padding:0 0 38% !important;
	width:100%;
	background:url(../images/main-img-mobile.png) no-repeat bottom left;
	float:left;
}
div#content .section-title h1{
	background: url(../images/triangle-h1-mobile.png) no-repeat left 5px;
	border:none;
	padding:0 20px 0;
	line-height:1;
	margin:25px 0;
}
.newsbox.hp .article-image .article-title a{
	display:none;
}
.newsbox.hp .article-image .article-title{
	background:url(../images/triangle-white-mobile.png) no-repeat  7% bottom;
	padding:0;
	left:0;
	bottom:9px;
	height:10px;
	width:100%;
    font-size:0;
}
.newsbox.hp.right .article-image .article-title{
	background:url(../images/triangle-white-mobile.png) no-repeat  7% bottom;
	font-size:0;
}
.rec .newsbox.hp.right .article-image .article-title,
.rec .newsbox.hp .article-image .article-title{
	background:none;
}
.nbimg{
	background:none;
	padding:0;
	margin:0 7px 7px 2%;
}
.newsbox.hp,
.newsbox.hp.right{
	width:46%;
	margin:0 0 10px;
	padding:0 2%;
	height:auto;
	text-align:left;
}
.rec .newsbox.hp,
.rec .newsbox.hp.right{
	width:100%;
	min-height:0;
}
.newsbox.hp .article-image{
	width:100%;
	padding:0 0 8px;
	height:auto;
}
.rec .newsbox.hp .article-image{
	width:33%;
	float:left;
}
.rec .newsbox.hp .article-overall{
	width:60%;
	padding:0 2%;
	float:right;
}
.homepage-articles.rec p{
	padding:0 20% 0 0;
}
.homepage-articles p{
	font-size:14px;
	padding:0 0 0 3%;
}
.homepage-articles .newsbox.hp.right p{
	padding:0 3% 0 0;
}
.homepage-articles.rec .newsbox.hp.right p{
}
.homepage-articles a{
	color:#46a128;
	text-decoration:none;
}
.section-title{
	float:left;
	width:100%;
}
#main p{
	padding:0 2%;
}
#main .img{
	background:none;
	width: auto;
}
#futer{
	width:100%;
	padding:50px 0 20px;
	background:#b3d628 !important;
}
.footerleft{
	display:none;
}
.footerleft-mobile{
	display:block;
	float:left;
	width:40%;
	padding:0 0 0 10%;
}
.footerleft-mobile ul li{
	display:block;
}
.footerleft-mobile ul li a{
	text-decoration:none;
	color:#fff;
	font-size:20px;
	font-family:'Roboto';
	font-weight:700;
	line-height:1.2;
}
.footerright{
	display:none;
}
.footerright-mobile{
	display:block;
	width:40%;
	padding:0 10% 0 0;
	float:right;
}
.social-media-footer{
	float:right;
	position:relative;
}
.social-media-footer li{
	display:block;
	margin:5px 0;
}
.social-media-footer li:first-child{
	margin:0 0 5px;
}
.footer-bottom-mobile{
	display:block;
	width:84%;
	margin:45px auto 0;
	border-top:1px solid #88a31e;
}
.footer-bottom-mobile p{
	text-align:center;
	padding:20px 0 0;
	margin:0;
}
#page2{
	width:100%;
	padding:0 0 15px;
}
.newsbox{
	width:100%;
}
.newsblock-left,
.newsblock-right{
	padding:0 2% 0 0;
	width:46%;
}
.newsbox .nbimg{
	margin:0 7px 5px 0;
}
.newsbox.begrip{
	width:96%;
	padding:2% 2%;
}
#main .newsbox.begrip p{
	padding:0;
}
.newsbox.begrip .readon-mobile{
	float:right;
	margin-right:2%;
}
.article{
	padding:0 5%;
}
.article h1{
	color:#46a128;
	font-weight:normal;
	font-size:36px !important;
	line-height:1.2 !important;
	margin:0 0 10px -5.5% !important;
	padding:0 0 0 5%;
	background: url(../images/triangle-h1-mobile.png) no-repeat left 15px;
}
.article .nbimg{
	margin:0 7px 0 0;
}
.dag{
	width:100%;
	margin:0;
	padding:15px 0 10px;
}
.dag p,
.dag strong{
	padding:0 5%;
}
.dag .img{
	background:none;
	padding:0;
	margin:0 7px 5px 2%;
	width:50%;
	height:auto;
}
.dag a{
	margin:0 0 0 2%;
}
.dag p a{
	margin:0;
}
div#content .dag h3{
	color:#46a128;
	padding:0 0 0 3%;
	background: url(../images/triangle-h1-mobile.png) no-repeat left 5px;
	margin:0.5em 0 1em;
}
div#content h1{
	color:#46a128;
	background: url(../images/triangle-h1-mobile.png) no-repeat left 20px;
	padding:0 0 0 15px;
}
div#content h2{
	color:#46a128;
	background: url(../images/triangle-h1-mobile.png) no-repeat left 8px;
	padding:0 0 0 12px;
}
div#content #page2 h2{
	color:#46a128 !important;
}
.newsbox .article-image{
	width:40%;
	height:auto;
}
.vitaminerals{
	width:96%;
	padding:2%;
	border-radius:0;
}
.homepage-articles .nbimg{
	margin:0;
}
.vitaminerals-right{
	width:100%;
}
#content .newsbox.begrip h2{
	background:none;
	clear:both;
	padding:0;
}
.social-share-block div.item{
	clear:left;
}
.rest .newsbox.begrip{
	padding:2% 0;
	width:100%;
}
.social-comment-block .comment{
	width:100% !important;
	overflow:hidden;
}
#main p img{
	max-width:96%;
	height:auto;
}
.social-share-block{
	position:relative;
	float:left;
	width:96%;
	padding:0 2%;
	margin:10px 0 0;
}
.social-comment-block{
	width:96%;
	padding:0 2%;
}