/*
Theme Name: Activia.se
Theme URI: http://www.activia.se
Description: Activia.se
Version: 1.0
Author: Kumpan
Author URI: http://www.kumpan.se

*/


body {
	background:url(../../../images/bg.png) repeat-x #008a36;
	margin:0px;
	font-family:Arial, Verdana, Tahoma;
	font-size:12px;
}


#wrapper {
	margin: 0 auto;

}

#container {
	margin: 0 auto;

}
/* Top content div innehåller header mm. */
#top {
	z-index: 1;
	margin:0 auto;
	width:100%;
	position: absolute;
}

#header {
	margin: 0 auto;
	background:url(../../../images/top.png) no-repeat;
	background-position: top;
	width:100%;
	height:200px;
	width:950px;
	
}

#perm-links {
	position: absolute;
	margin-top: 26px;
	margin-left: 650px;
	font-family: Arial,Verdana,Tahoma;
	font-size: 11px;
	text-decoration: none;
	color: #cbdebf;
}

#perm-links a {
	color: #cbdebf;
	text-decoration: none;
	display: inline;
	outline:none;
}
#perm-links p {
	color: #cbdebf;
	text-decoration: none;
	display: inline;
	outline:none;
}

#perm-links a:hover {
	color:#9bbf72;
}

.worldwide {
	cursor: pointer;
	display:block;
	height:30px;
	margin-left:830px;
	margin-top:15px;
	margin-top:26px;
	position:absolute;
	width:120px;
	
}

#logo {
	margin-left:5px;
	height: 191px;
	float:left;
	
}

#logo img {
	border-style: none;
}

#top-menu a{
	border-style: none;
	margin-top:100px;
	outline: none;
}

a:focus {
	-moz-outline-style: none;
	outline:none;
	outline-style: none;
}


#top-menu img{
	border-style: none;
	
}
#top-menu {
	margin-right: 45px;
	float:right;
	margin-top:100px;
}


.menu_vanliga_fragor {
	float:left;

}

.menu_tv_reklam {
	float:left;

}

.menu_matsmaltningen{
	float:left;

}

.menu_produkter{
	float:left;

}

.menu_activia_effekten {
	float:left;

}



/* Content div rör ej!*/



#content {
	margin: 0 auto;
	width:950px;
	
	

}

#main-push {
	margin:0 auto;
	background: #fff;
	width:950px;
	float:left;
	margin-top:10px;
	height:200px;
}

/* Main content div, allt innehåll här. */

#main-content {
	margin:0 auto;
	background: #fff;
	width:950px;
	float:left;
}

/* Main content div startsidan innehåller allt på startsidan */

/* Första divven på startsidan + allt innehåll */
#mainEtt {
	height:250px;
	width:950px;
}


.mainpic {
	float:left;
	width:252px;
	margin-left:50px;

}

.one-main-text {
	float:right;
	width:500px;
	margin-right:50px;

}

.one-main-text h2 {
	height:79px;
	width:435px;

}

.one-main-text p {
	color:#5b5b5b;
	font-size:14px;
	width:450px;

}



.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* ======== POPUP STYLE ======== */
div.popup-wrapper{position: absolute; width: 724px; display: none; z-index: 999;}
	div.popup-wrapper .popup-top{position: relative; width: 724px; height: 16px; background: url(../../../images/popup/popup-top.png) 0 0 no-repeat;}
	div.popup-wrapper .popup{width: 644px; background: url(../../../images/popup/popup-middle.png) 0 0 repeat-y; padding: 20px 40px;}
		div.popup-wrapper .popup p, div.popup-wrapper .popup ul{margin: 0; padding: 0;}
		div.popup-wrapper .popup p{font-size: 14px; font-weight: bold; line-height: 20px; margin-bottom: 20px;}	
		div.popup-wrapper .popup ul{font-size: 14px; font-weight: bold; line-height: 20px; margin-bottom: 20px; list-style: none;}	
		div.popup-wrapper .popup ul li{margin-bottom: 5px;}
	div.popup-wrapper .popup-bottom{width: 724px; height: 16px;background: url(../../../images/popup/popup-bottom.png) 0 0 no-repeat;}

	
	.smallList{list-style-type:disc !important; list-style-position: inside !important; font-size: 10px !important; font-weight: normal !important; }
	.smallText{font-size: 10px;}
	
div.blackoverlay{z-index: 998; display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: url(../../../images/popup/blackOverlay.png) 0 0 repeat; width: 100%; height: 100%;}

/* Andra divven på startsidan + allt innehåll */

#mainTva {
	height:230px;
	background: url(../../../images/challengeAndNews.png);
	width:950px;
	float:left;

}

#mainTvaNew {
	height:250px;
	/*background: url(../../../images/challengeAndNewsNew.png);*/
	background: url(../../../images/homePage/vanilj_challange_puff.png);
	width:911px;
	position: relative;
	margin: 0 auto;
}

#mainTvaNew a{position: absolute; display: block;}
#mainTvaNew  a.products{left: 45px; bottom: 50px; width: 140px; height: 35px;}
#mainTvaNew  a.read-rules{right: 65px; bottom: 50px; width: 170px; height: 35px;}

div.nyhets-boll{width: 100px; height: 100px; background: url(../../../images/homePage/nyhets_boll.png) 0 0 no-repeat; position: absolute; left: -45px; top: -35px;}

.two-leftside {
	float:left;
	width:590px;
	padding-top:20px;

}

.two-leftside h2 {
	margin-left:40px;


}

.two-leftside p {
	color:#5b5b5b;
	font-size:14px;
	width:310px;
	margin-left:45px;
	margin-bottom:20px;
}

.two-leftside img {
	float:left;
	margin-bottom:10px;
	
}

.storknappTextLeft {




}

.storknappLeft a {
	color:#fff;
	text-decoration:none;
	display: block;
}

.storknappLeft a:hover {
	color:#c7e5cf;
}

.storknappLeft {
	margin-left:45px;
	background:url(../../../images/storKnapp.gif);
	color:#FFFFFF;
	line-height:26px;
	height:26px;
	width:126px;
	text-transform:uppercase;
	text-align: center;
}



.two-rightside {
	float:right;
	width:315px;

}

.storknappRight {
	background:url(../../../images/anta_utmaning_knapp.png);
	color:#FFFFFF;
	font-size:11px;
	height:26px;
	line-height:26px;
	margin-left:5px;
	margin-top:165px;
	text-align:center;
	text-transform:uppercase;
	width:136px;
}

.storknappRight a {
	color:#fff;
	text-decoration:none;
	display: block;
}

.storknappRight a:hover {
	color:#c7e5cf;
}








/* Tredje divven på startsidan + allt innehåll */



#mainTre {
	width:950px;
	float:left;

}

#tre-leftside {
	width:440px;
	float:left;

}

#mikroskopBild {
	float:left;
	width:152px;

}

#vetenskap {
	width:400px;


}

#vetenskap h2 {
	font-size:16px;
	font-family: Trebuchet, Arial, Verdana;
	color:#2a7b39;
}

#vetenskap p {
	color:#707070;
	font-family: Trebuchet, Arial, Verdana;
	font-size: 12px;
}

.knapp {
	background: url(../../../images/knapp.gif);
	text-align: center;
	height:26px;
	margin-left:152px;
	width:82px;
	text-transform: uppercase;
	color:#fff;
	font-family: Arial,Verdana,Tahoma;
	font-size: 11px;
	line-height: 26px;
}

.knapp a {
	text-decoration: none;
	color:#fff;
	display: block;

}

.knapp a:hover {
	color:#c7e5cf;

}




#tre-middle {
	background:url(../../../images/skiljelinje_utropstecken.png);
	width:28px;
	height:158px;
	float:left;

}

#tre-rightside {
	width:470px;
	background:#fff;
	float:right;
	padding-left:10px;
}

#utropsteckenBild {
	float:left;

}

#tips {
	width:200px;
	float:left;

}

#tips h2 {
	font-size:16px;
	font-family: Trebuchet, Arial, Verdana;
	color:#2a7b39;
}

#tips p {
	color:#707070;
	font-family: Trebuchet, Arial, Verdana;
	font-size: 12px;
}

.knappTips {
	background: url(../../../images/knapp.gif);
	text-align: center;
	height:26px;
	width:82px;
	text-transform: uppercase;
	color:#fff;
	font-family: Arial,Verdana,Tahoma;
	font-size: 11px;
	line-height: 26px;
}

.knappTips a {
	text-decoration: none;
	color:#fff;
	display: block;

}

.knappTips a:hover {
	color:#c7e5cf;

}


#dietist {
	float:right;
}




/* CSS för undersidor */

#sidebar {
	width:240px;
	float:left;
	height:100%;

}

#sidebar ul {
	padding:0px;
	padding-left:17px;

}

#sidebar li {
	background:url(../../../images/sidebar/omarkerad1.png) no-repeat;
	list-style: none;
	font-size:12px;
	height:57px;
	width:239px;
	color:#2a7b39;
	line-height: 57px;
	text-align: left;
	padding-left:72px;


}

#sidebar .firstItem {
	background:url(../../../images/sidebar/top_med_marker.png) no-repeat;
	list-style: none;
	font-size:18px;
	height:57px;
	width:239px;
	color:#2a7b39;
	line-height: 57px;
	text-align: left;



}

#sidebar .firstItemRund {
	background:url(../../../images/sidebar/top_bottom.png) no-repeat;
	list-style: none;
	font-size:18px;
	height:57px;
	width:239px;
	color:#2a7b39;
	line-height: 57px;
	text-align: left;

}

#sidebar .dot {
	background:url(../../../images/sidebar/omarkerad-dot.png) no-repeat;
	list-style: none;
	font-size:12px;
	font-weight: bold;
	height:57px;
	width:239px;
	color:#2a7b39;
	line-height: 57px;
	text-align: left;


}

#sidebar a {
	color:#000;
	text-decoration: none;
	display: block;
}

#sidebar a:hover {
	background:url(../../../images/sidebar/markerad.png) no-repeat;
	margin-left:-72px;
	padding-left:72px;




}

#sidebar .current_page_item {
	background:url(../../../images/sidebar/markerad.png) no-repeat;
}



#main-text {
	float:right;
	width:560px;
	margin-right:100px;
	

}

#main-text h2 {
	font-size:22px;
	font-family: Arial, Trebuchet, Verdana;
	color:#2a7b39;
}
h2 {

	font-size:22px;
	font-family: Arial, Trebuchet, Verdana;
	color:#2a7b39;

}

#main-text p {
	font-size:12px;
	font-family: Arial, Trebuchet, Verdana;
	color:#646464;
	line-height: 20px;
}

#main-text a {
	color:#646464;
}

#main-text a:hover {
	color:#777777;
}

.forskning {
	text-align:center;
	margin-top:30px;
}


/* CSS för produktsidan */

#produktinfo {
	width:950px;
	float:left;
	height:auto;
}

#produktListan {
	width:950px;
	height:551px;
	margin-top:50px;
	margin-left:15px;

}

#produktListan img {
	border-style: none;
	

}

#produktListan h2 {
	margin-left:0px;
	margin-top:15px;
	margin-bottom:0px;
}

.listFirstItem {
	margin-top:0px;
	margin-left:1px;

}

.listSecondItem {
	margin-top:0px;
	margin-left:1px;



}

.listThirdItem {
	margin-top:-3px;
	margin-left:2px;


}


#firstList {
	background: url(../../../images/produkter/bg.png);
	width:294px;
	height:551px;
	float:left;
	margin-right:15px;
	clear:both;


}

#secondList {
	background: url(../../../images/produkter/bg.png);
	width:294px;
	height:551px;
	margin-right:15px;
	float:left;

}

#thirdList {
	background: url(../../../images/produkter/bg.png);
	width:294px;
	height:551px;
	float:left;

}

#div0 { 
	display: none;
	width:600px;
	text-align: center;
	margin:0 auto;


}

.produktText {
 	width:300px;
 	float:left;
 	text-align: left;
	margin-bottom:50px;

}


.produktBild {
	width:250px;
	float:right;
	margin-top:40px;

}
.stark {
	font-weight:bold;
}
.green {
	background-color:#E5F0EC;
}
.vst {
	float:left;
	width:200px;
}
.hgr {
	float:left;
	width:100px;
}
.vdi {
	font-size:0.8em;
	padding-left:30px;
	padding-top:10px;
}


#div1 {	
	display: none;
	width:600px;
	text-align: center;
	margin:0 auto;


}
#div2 { 
	display: none;
	width:600px;
	text-align: center;
	margin:0 auto;

 }
#div3 { 
	display: none;
	width:600px;
	text-align: center;
	margin:0 auto;



}
#div4 { 
	display: none;
	width:600px;
	text-align: center;
	margin:0 auto;

}

#div5 { 
	display: none;
	width:600px;
	text-align: center;
	margin:0 auto;

}

#div6 { 
	display: none;
	width:600px;
	text-align: center;
	margin:0 auto;

}

#div7 { 
	display: none;
	width:600px;
	text-align: center;
	margin:0 auto;

}

/* CSS för vanliga frågor */
html.js fieldset.collapsible {
position:relative;
}

fieldset {
border:1px solid #CCCCCC;
}

fieldset {
margin-bottom:1em;
padding:0.5em;
}

#mission, .node .content, .comment .content {
line-height:1.4em;
}
html.js fieldset.collapsible legend a {
display:block;
}

html.js fieldset.collapsed legend a {
background-image:url(../../../images/menu-collapsed.png);
background-position:5px 50%;
}

fieldset.collapsible legend a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../../../images/menu-expanded.png) no-repeat scroll 5px 75%;
padding-left:15px;
color:#25563B;
text-decoration:none;
}

/* css för matsmältningen */

#matsmaltningen {

	float:right;
	margin-top:80px;
	width:110px;

} 

#kontaktaoss {
	float:right;
	margin-top:-150px;
	margin-bottom:200px;
}


#flash {
	margin-left:-14px;
	margin-top:-3px;
}


/* Footer content */
#footer {
	margin: 0 auto;
	background:#fff;
	float:left;
	width:950px;
	height:33px;
	padding-top:40px;

}

.footer-content {
	width:900px;
	margin:0 auto;
	height:32px;
	border-top:1px solid #ccd0ce;
	text-transform:uppercase;
	color:#255542;
	padding-left:15px;
	line-height: 32px;
	font-size: 9px;
	font-weight: bold;
}

.footer-content a {
	text-decoration:none;
	color:#255542;

}

.footer-content a:hover {
	color:#507667;
}