/* ------------------------------------------------
	reset css
-------------------------------------------------*/

/*
    Tripoli is a generic CSS standard for HTML rendering. 
    Copyright (C) 2007  David Hellsing

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, cite, var, address { font-style: normal; }
th,h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none;}
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1; background: white; color: black; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; } /* we don't need a visual hr in layout */
font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */

/* ------------------------------------------------
	global
-------------------------------------------------*/



body, html, form 	{ margin:0;
					  padding:0;
					  height:100%; }
 
body 	{
	color: #666;
	font: 12px Georgia,Times,'Times New Roman',serif;
	margin:0px;
	padding:0px; 
	height:100%;
	background: #004166 url(../images/linne-bg.jpg);
	/*background: #988b24 url(../images/linne-bg-green.jpg);*/
	/*background:#333;*/ }

p, span, div, table, table p, tr, tr p, td, td p{
	font: 12px Georgia,Times,'Times New Roman',serif;
}

h1 	{ clear:both;
	  padding:0px 0px 2px 0px;
	  color:#000;
	  font:18px Georgia,Times,'Times New Roman',serif;
	  border-bottom:4px solid #000;	}
	  
h1.header { clear:both;
	  padding:0px 0px 2px 0px;
	  color:#000;
	  font:18px Georgia,Times,'Times New Roman',serif;
	  border-bottom:4px solid #000;	
	  margin-bottom:24px;}

h2 	{ font: bold 18px Georgia,Times,'Times New Roman',serif;
	  color: #2b2b2b;
	  margin-bottom: 0px;	}

h3 	{ color:#333;font-weight:bold;font-size:14px;	}

a { color: #0C32AF; /*3C627F;*/
	  text-decoration:none;	}

a:hover	{ text-decoration:underline;	}

img	{ border: 0px solid; 	}



div#container	{ display:block;
				  width:960px;
				  position:relative;
				  z-index:100;
				  margin:0px auto;
				  padding:10px;}
		  
/* ------------------------------------------------
	form
-------------------------------------------------*/	

	.label { width:60px;
		 display:block;
		 color: #333;
		 padding:0px 2px; }
					 

	.btn { color:#716e6e;
	       text-align:center;
	       margin:5px 0px 0px 0px; }
					
/* ------------------------------------------------
	header
-------------------------------------------------*/

	div#header	{ width:960px;
				  height:99px;
				  margin:0px 0px 0px 0px;
				  padding:0px 0px 0px 0px;
				  background: url(../images/headerbg.png) no-repeat 0px 0px; }

		div#logo	{ float:left;
					  display:block;
					  width:380px;
					  height:99px;
					  margin:0px;
					  padding:0px; }

		div#kontakt	{ float:left;
				  display:block;
				  width:565px;
				  height:79px;
				  margin:0px;
				  padding:15px 15px 0px 0px;
				  text-align:right; }

			div#kontakt p 	{ float:right; }

				div#kontakt span.tel	{ float:left;
							  display:block;
							  padding:3px 15px 0px 0px;
							  line-height:18px !important;
							  color:#aaaaaa;
								  font:18px Georgia,Times,'Times New Roman',serif; }
	
				div#kontakt a	{ float:left;
						  display:block;
						  margin:0px 0px 0px 0px; }
	

/* ------------------------------------------------
	menus
-------------------------------------------------*/



	div#menu	{ clear:both;
				  display:block;
				  width:960px;
				  height:30px;
				  margin:0px;
				  /*background: url(../images/menubg.gif) repeat-x;*/	}

		div#menu ul	{ float:left;
					  display:block;
					  height:30px;	}

			div#menu li	{ float:left;
						  display:block;}

				div#menu li a	{ float:left;
								  display:block;
								  text-decoration:none;
								  padding:6px 20px 7px 20px;
								  color:#fff;
								  font:14px Georgia,Times,'Times New Roman',serif;
								  border-right:1px solid #fff;	
								  border-bottom:1px solid #fff;	}

				div#menu li a:hover	{ color:#fff;
									  background:#dddddd;	}

				div#menu li a.green		{ background: url(../images/greenmenubg.gif) repeat-x; }
				div#menu li a.greenactive	{ border-bottom:1px solid #5cc31f;
											  background:#5cc31f;	}
				div#menu li a:hover.green	{ border-bottom:1px solid #5cc31f;
											  background:#5cc31f;	}

				div#menu li a.yellow		{ background: url(../images/yellowmenubg.gif) repeat-x; }
				div#menu li a.yellowactive	{ color:#000;
											  border-bottom:1px solid #bddb69;
											  background:#bddb69;	}
				div#menu li a:hover.yellow	{ color:#000;
											  border-bottom:1px solid #bddb69;
											  background:#bddb69;	}

				div#menu li a.blue		{ background: url(../images/bluemenubg.gif) repeat-x; }
				div#menu li a.blueactive	{ border-bottom:1px solid #6f9cbe;
										      background:#6f9cbe;	}
				div#menu li a:hover.blue	{ border-bottom:1px solid #6f9cbe;
										      background:#6f9cbe;	}

				div#menu li a.nyckelhal	{ padding:6px 20px 7px 25px;
										  border-right:none;
										  background: url(../images/nyckelhal.gif) no-repeat 5px center;}
							  
			    div#menu li a.nyckelhalactive	{ padding:6px 20px 7px 25px;
						  						  border-right:none;background:#dddddd url(../images/nyckelhal.gif) no-repeat 5px center;	}
							  
				div#menu li a:hover.nyckelhal	{ background:#dddddd url(../images/nyckelhal.gif) no-repeat 5px center;	}


	div.line	{ display:block;
				  width:960px;
				  height:4px;
				  margin:0px 0px 2px 0px;	
				  background: url(../images/menubg.png) repeat-x bottom;	}

	div.line.green	{ background:#6cc935;	}
	div.line.yellow	{ background:#bddb69;	}
	div.line.blue	{ background:#6f9cbe;	}


/* ------------------------------------------------
	main content
-------------------------------------------------*/



	div#maincontent	{ display:block;
					  width:960px;
					  margin:0px;
					  padding:0px 0px 30px 0px;	}


		div.left	{ float:left;
					  display:inline;
					  width:580px;
					  margin:40px 0px 0px 30px;
					  padding:0px; }

			div.left h2	{ clear:both;
					  padding:0px 0px 2px 0px;
					  color:#009239;
					  font: 18px Georgia,Times,'Times New Roman',serif;
					  border-bottom:4px solid #009239; }

			div.left h2.blue	{ padding:50px 0px 0px 0px;
						  color:#3c627f;
						  border-bottom:4px solid #3c627f; }

			div.puffar	{ clear:both;
					  display:block;
					  width:580px;
					  margin:0px;
		  			  padding:0px; }

				div.puff	{
							  display:block;
							  width:580px;
							  margin:5px 0px;
							  padding:0px; }

					div.puffimg	{ float:left;
							  display:block;
							  width:160px;
							  height:90px;
							  margin:0;
		  					  padding:0;
		  					  overflow:hidden;
		  					  }

						div.puffimg img	{ /*width:75px;
								  height:65px;*/
								  margin:0px auto;
		  						  padding:0px;}

					div.pufftext	{ float:left;
							  display:block;
							  width:400px;
							  height:90px;
							  margin:0px;
		  					  padding:0px 0px 0px 20px; }

	  					div.puff blockquote { display: table;
								      height: 90px;
								     *display: block;
								     *position: relative;}			 
						
	 					div.puff blockquote span { display: table-cell;
								     	   vertical-align: middle;
									  *display: block;
									  *position: absolute;
									  *left: 0px;
									  *width: 100%;
									  *top: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2); }
									   
						div.puff blockquote span span { display: inline;
										vertical-align: baseline;
										position: relative;
										left: auto;
										width: auto;
										top:auto; }		

						div.pufftext h2	{ color:#000;
								  font:14px Georgia,Times,'Times New Roman',serif;	
								  border:none; }

						div.pufftext p	{ color:#333;
								  font:12px Georgia,Times,'Times New Roman',serif;
					  			  line-height: 150%; }
			div.puffar2	{ clear:both;
						  display:block;
						  width:530px;
						  margin:0px;
						  padding:20px 25px;
						  background:#f1f0f0; }

				div.puff2	{ float:left;
						  display:block;
						  width:230px;
						  margin:0px;
		  				  padding:0px 0px 0px 0px; }

					div.puff2padding	{ padding:0px 55px 0px 0px; }
					
					div.puff2 h2	{ color:#000;
							  font:14px Georgia,Times,'Times New Roman',serif;	
							  border:none; }

					div.puff2 p	{ color:#333;
							  font:12px Georgia,Times,'Times New Roman',serif;
					  			  line-height: 150%; }

		div.right	{ float:left;
				  	  display:inline;
					  width:270px;
					  margin:40px 0px 0px 50px;
					  padding:0px; }

			div.right h2	{ padding:0px 0px 2px 0px;
					  color:#a67527;
					  font:18px Georgia,Times,'Times New Roman',serif;
					  border-bottom:4px solid #a67527; }

			div.right a	{ color:#a67527; }

				div.right ul {  width:220px; }
				div.right li {  margin:20px 0px 0px 0px; }

						div.right ul h2	{  color:#000;
								   font:14px Georgia,Times,'Times New Roman',serif;	
							   	   border:none; }
	
						div.right ul p	{  font:12px Georgia,Times,'Times New Roman',serif; line-height: 150%; }
						div.right ul a	{  font:12px Georgia,Times,'Times New Roman',serif; }
		
/* ------------------------------------------------
	pages
-------------------------------------------------*/

		div.pageleft	{ float:left;
						  display:inline;
						  width:580px;
						  margin:40px 0px 0px 30px;
						  padding:0px;
						  line-height: 150% !important;  }

			div.pageleft h1	{ margin:0px 0px 15px 0px;
							  padding:0px; }
			div.pageleft p	{ padding:0px 0px;
					line-height: 150% !important; }
							  
			div.pageleft div	{ line-height: 150% !important; }
			
			div.pageleft span	{ line-height: 150% !important; }

			div.relimg	{ float:right;
					  display:block;
				 	  margin:20px 0px 20px 20px;
		  		 	  padding:0px; }

			ul.rellinks	{ margin:20px 0px 0px 0px; }
			ul.rellinks li	{ margin:5px 0px; }


		div.submenu	{ clear:both;
					  padding:0px 0px 50px 0px; }

			div.submenu h2	{ clear:both;
					  padding:0px 0px 2px 0px;
					  color:#009239;
					  font: 18px Georgia,Times,'Times New Roman',serif;
					  border-bottom:4px solid #009239; }
	
			div.right div.submenu ul	{ margin:20px 0px 0px 0px;
							  padding:0px;}
	
				div.right div.submenu li	{ margin:0px;
								  padding:2px 0px;}
		
					div.right div.submenu a	{ padding:0px 0px 0px 15px;
						  		  color:#000;
								  font:14px Georgia,Times,'Times New Roman',serif;
								  background: url(../images/svartpil.png) no-repeat 0px center; }
		
					div.right div.submenu a.active	{ color:#009239; 
									  background: url(../images/gronpil.png) no-repeat 0px center;}



/* ------------------------------------------------
	nyheter
-------------------------------------------------*/


	

/* ------------------------------------------------
	footer
-------------------------------------------------*/
	#cont{
		min-height:100%;
		position:relative;
		width:980px;
		margin:0px auto;
		border-right:1px solid #ccc;
		/* border-bottom:1px solid #ccc;*/
		border-left:1px solid #ccc;
		background:#fff;
	}
	#body {
		padding:0px;
		padding-bottom:32px;
	}
	#footer {
		position:absolute;
		bottom:0;
		width:100%;
		padding:0px 0px 0px 0px;
		height:32px;	}
	

#footer2 { 
	   width:900px;
	   height:28px;
	   padding:0px 0px 0px 0px;
	   margin:0px auto;
	   text-align:right;
	   border-top:4px solid #333; }

	#footer2 ul { float:right;
		      padding:5px 0px 0px 0px; }
		
		#footer2 li { float:left;
			      padding:0px 5px;
			      background: url(../images/footerdivider.png) no-repeat right center;	 }

		#footer2 li.last { padding:0px 0px 0px 5px;
				   background: none;	 }
			
			#footer2 a { color:#333;
				     font:12px Georgia,Times,'Times New Roman',serif; }
	


	
/* ------------------------------------------------
	misc
-------------------------------------------------*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* for understanding browsers */
.hojd {
	min-height:625px; 
	height:auto;
}
/* for Internet Explorer */

* html .hojd {
	height: 625px;
}


form {
margin: 0px;
padding: 0px;

}

	.loginFrm a{
		color: #6f9cbe;
	}
	.boldLabel{
		font-weight: bold;
		color: #000;
	}
	
	.loginFrm input{
		font-size: 16px;
	}

.searchtextSub input{
	font-size: 14px;
}
.searchtextSub{
	margin: 20px 0;
}
	.searchSub{
		width: 300px;
	}

.form input.formfield{
	width: 200px;
	padding: 5px;
	font-size: 14px;
	line-height: 150%;
}
.form input.formfield:focus, .form textarea:focus{
	background-color: #e3ea82;
}
.form input.formfield.fail{
	background-color: #af4814;
}
.form textarea{
	width: 200px;
	height: 100px;
	padding: 5px;
	font-size: 14px;
	line-height: 150%;
}
.form label{
	font-weight: bold;
}

#searchResultList .resultItem{
	padding: 10px 0;
	margin: 5px 0;
	border-bottom: 1px dotted #CCC;
}

#searchPagination{
	font: 12px Arial, Sans-serif;
	padding: 5px;
	background-color: #EEE;
	text-align: center;
	border: 1px solid #AAA;
}

#searchPagination span{
	padding: 0 5px;
	margin: 0 3px;
}
#searchPagination span.active{
	border: 1px solid #999;
}

#searchPagination a{
	padding: 0 5px;
	margin: 0 3px;
	border: 1px solid #FFF;
}

#searchPagination a:hover{
	border: 1px solid #0C32AF;
	text-decoration: none;
}
#searchPagination .infotext{
	font-weight: bold;
}
#searchPagination .infotext, #searchPagination .pagFlip{
	margin: 0 !important;
}

.pagFlip a, .pagFlip a:hover{
	border: 1px solid #FFF !important;
}

#calcTable{
	margin-top:10px;
}

#calcTable tr th{
	font-weight: bold;
	text-align: center;
	padding-bottom:5px;
}

#calcTable tr td{
	vertical-align: middle;
	padding-bottom:5px;
}
#calcTable tr td.selectIngredient{
	padding-left: 5px;
}
#calcTable tr td.selectIngredient a{
	cursor: help;
}
.recipeCategories{
	list-style: none;
}
.recipeCategories li{
	float: left;
	margin: 0 10px 10px 0;
	width: 200px;
}
.recipeCategories li.break{
	clear: left;
	width: 480px;
	border-top: 1px dotted gray;
}

.recipeCategories li label{
	border-bottom: 1px dotted #AAA;
}

.recipeList{
	list-style: none;
}
.recipeList li.header a{
	color: #006600;
	text-decoration: underline;
}
.recipeList li.header{
	border: 1px solid green;
	background-color: #ddffdd;
	margin-bottom: 20px;
}
.recipeList li{
	padding: 10px;
}
.recipeList li.grey{
	background-color: #ddffdd;
}

div.hr{
	border-bottom:1px dotted #AAA;margin:10px 0
}

#nutritionIndex th{
	color: #333;
	background-color: #DDD;
	border-bottom: 1px solid #AAA;
	padding: 5px;
}
#nutritionIndex tr.grey td{
	background-color: #EEE;
}
#nutritionIndex td{
	padding: 5px;
}

#nutritionPercents tr td{
	padding: 0 10px 5px 0;
}

ol.list{
	padding-left:20px;
	list-style: decimal;
}

.box{
	width:14px;
	height:14px;
	float:left;
	margin-right:3px;
}

.qtip .qtip-content{
   padding: 10px;
   overflow: hidden;
}
   
   .qtip .qtip-content .qtip-title,
   .qtip-cream .qtip-content .qtip-title{
      background-color: #F0DE7D;
   }
   
   .qtip-light .qtip-content .qtip-title{
      background-color: #f1f1f1;
   }

   .qtip-dark .qtip-content .qtip-title{
      background-color: #404040;
   }

   .qtip-red .qtip-content .qtip-title{
      background-color: #F28279;
   }
   
   .qtip-green .qtip-content .qtip-title{
      background-color: #B9DB8C;
   }
   
/*NEW*/

div.fpright	{ float:left;
				  	  display:inline;
					  width:270px;
					  margin:40px 0px 0px 50px;
					  padding:0px; }

			div.fpright h2	{ padding:0px 0px 2px 0px;
					  color:#009239;
					  font:18px Georgia,Times,'Times New Roman',serif;
					  border-bottom:4px solid #009239; }
			div.fpright h2.blue	{ padding:30px 0px 0px 0px;
						  color:#3c627f;
						  border-bottom:4px solid #3c627f; }

			div.fpright a	{ color:#009239; }
			
			a.fb	{ display:block;
					  margin:4px 0px;
					  padding:1px 0px 1px 20px;
					  color:#3B5998 !important;
					  font:12px Georgia,Times,'Times New Roman',serif;
					  background:url(../images/fbicon.png) no-repeat 0px center; }
			a.tw	{ display:block;
					  margin:4px 0px;
					  padding:1px 0px 1px 20px;
					  color:#3B5998 !important;
					  font:12px Georgia,Times,'Times New Roman',serif;
					  background:url(../images/twicon.png) no-repeat 0px center; }
			

div.fpleft	{ float:left;
		  	  display:inline;
			  width:580px;
			  margin:40px 0px 0px 30px;
			  padding:0px; }

	div.fpleft h2	{ padding:0px 0px 2px 0px;
			  color:#a67527;
			  font:18px Georgia,Times,'Times New Roman',serif;
			  border-bottom:4px solid #a67527; }

	div.fpleft a	{ color:#a67527; }

		div.fpleft ul {  width:530px; }
		div.fpleft li {  margin:20px 0px 0px 0px; }

				div.fpleft ul h2	{  color:#000;
						   font:14px Georgia,Times,'Times New Roman',serif;	
					   	   border:none; }

				div.fpleft ul p	{  font:12px Georgia,Times,'Times New Roman',serif; line-height: 150%; }
				div.fpleft ul a	{  font:12px Georgia,Times,'Times New Roman',serif; }

div.search	{ display:block;
		  margin:0;
  		  padding:10px 20px;
		  background: url(/images/searchbg.png) no-repeat 0px 0px;	}

	div.searchtext	{
					  display:inline;
					  width:460px;
					  margin:0;
					  padding:0px;	}

		div.searchtext h2	{ margin:0px 0px 10px 0px;
					  color:#2c3547;
					  font:16px Georgia,Times,'Times New Roman',serif;
					  border: 0 !important;}

		div.searchtext .search	{
					  width:270px;
					  height:14px;
					  margin:0px 0px 4px 0px;
					  padding:5px;
					  color:#666666;
					  font:10px Georgia,Times,'Times New Roman',serif;
					  border:1px solid #696a6b;
					  background:#fff;	}

		div.searchtext .searchbtn {
						  width:94px;
						  height:25px;
						  padding:5px 0px;
						  text-align:center;
						  text-transform:uppercase;
						  color:#fff;
						  font:10px Georgia,Times,'Times New Roman',serif;
						  border:none;
						  background: url(../images/searchbtn.png) no-repeat 0px 0px;	}