/* ------------------------------------------------
	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 	{ color: #5e5e5e;
		  font:12px Arial, Verdana, sans-serif;
		  margin:0px;
		  padding:0px;
		  background: url(../images/bg2.png); }

p	{ font:12px Arial, Verdana, sans-serif;
	  line-height:16px;	}

span	{ font:12px Arial, Verdana, sans-serif;
	  line-height:18px;	}

div	{ font:12px Arial, Verdana, sans-serif;
	  line-height:18px;	}

table, table p	{ font:12px Arial, Verdana, sans-serif;
	  	  line-height:18px;	}

tr, tr p	{ font:12px Arial, Verdana, sans-serif;
		  line-height:18px;	}

td, td p	{ font:12px Arial, Verdana, sans-serif;
		  line-height:18px;	}




h1 	{ margin-bottom: 10px;
	  color: #ec2d93;	
	  font: bold 26px Helvetica, Arial, Verdana, "sans-serif";
	  padding:0px 0px 0px 10px;
	  border-left:6px solid #ec2d93;}

h2 	{ font: 16px Arial, Verdana, sans-serif;
	  margin-bottom: 0px;	}

h3 	{ font-weight:bold;	}

a 	{ color: #eb2d93;
	  text-decoration:none;	}

img	{ border: 0px solid; 	}


.parent { display: block;
		  width: 100%;	
		  height:100%;
		  position: absolute;
		  top: 0px;
		  left: 0px;	
		  z-index:20;
		  margin:0px;
		  padding:0px;
		  background:url(../images/bg.png) repeat-x;}


.circle { display: block;
		  width: 100%;		
		  height:723px;
		  position: absolute;
		  top: 0px;
		  left:0px;
		  z-index:30;
		  margin:0px 0px 0px 0px;
		  background: url(../images/bg3.png) no-repeat center 0px;}


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

	.label { float:left;
			 display:block;
			 width:74px;
			 color: #333;
			 padding:0px 2px; }
			
	.textfield { float:left;
				 width:200px;
				 margin:2px 0px;
				 padding:2px;
				 border:1px solid #333;
				 background:#fff; 	}	
					 

	.btn { display:block;
		   width:60px;
		   padding:2px 10px;
	 	   margin:0px 0px 0px 0px;
		   line-height:18px !important;
		   color:#fff;
		   font:bold 12px arial, verdana, sans-serif; 
		   border:none;
	 	   background: #797979; }
					
/* ------------------------------------------------
	header
-------------------------------------------------*/

	div.tipsasitemap	{ display:block;
				  width:951px;
				  height:34px;
				  margin:0px auto 0px auto; }

		div.tipsasitemap ul	{ float:right;
					  display:block;
					  margin:9px 0px 0px 0px;
					  padding:0px; }

			div.tipsasitemap li	{ float:left;}

			div.tipsasitemap a	{ float:left;
						  display:block;
						  margin:0px 0px 0px 15px;
						  padding:0px 0px 0px 15px; 
						  color:#fff;
						  font:11px arial, verdana, sans-serif; }

			div.tipsasitemap li.tipsatop a	{ background: url(../images/tipsatop.gif) no-repeat 0px 3px; }
			div.tipsasitemap li.sitemap a	{ background: url(../images/sitemap.gif) no-repeat 0px 3px; }

			div.tipsasitemap li.tipsatop a:hover	{ color:#c7c7c7;
								  background: url(../images/tipsatop2.gif) no-repeat 0px 3px; }
			div.tipsasitemap li.sitemap a:hover	{ color:#c7c7c7;
								  background: url(../images/sitemap2.gif) no-repeat 0px 3px; }

	div#logo	{ float:left;
			  width:583px;
			  height:123px;
			  margin:0px;
			  padding:0px; }
	


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

	div#menu2	{ float:right;
				  display:block;
				  margin:-22px -15px 0px 0px;
				  padding:0px 0px 30px 30px;	}
	
	div#menu	{ clear:both;
				  display:block;
				  width:202px;
				  margin:0px;
				  padding:20px;
				  background: url(../images/menubg.png);	}

		div#menu ul	{ margin:0px;
				  padding:0px;	}

		div#menu ul.rss	{ margin:50px 0px 0px 0px;
				  padding:0px;	}

			div#menu li	{ margin:0px;
					  padding:2px 0px 2px 20px;
	 				  background: url(../images/li.png) no-repeat 2px 6px;	}

			div#menu a	{ line-height:18px !important; 
					 	  color:#3c3c3c;
						  position:relative;
					 	  font:bold 14px arial, verdana, sans-serif; }

			div#menu a.active	{ text-decoration:underline;}

			div#menu a:hover	{ color: #eb2d93; }

			div#menu li.rss	{ background: url(../images/rss.gif) no-repeat 0px 4px;	}
			div#menu li.fb	{ background: url(../images/fb.gif) no-repeat 0px 4px;	}
			div#menu li.tipsa	{ background: url(../images/tipsa.gif) no-repeat 0px 4px;	}
			div#menu li.share {background:none;position:relative;left:-20px;}


			div#menu li li	{ margin:0px;
					  padding:2px 0px 2px 10px;
	 				  background: url(../images/lili.png) no-repeat 2px 10px; }
			div#menu li li a	{ line-height:18px !important;
					  	  font:bold 12px arial, verdana, sans-serif;	}

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


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



	div.leftcol	{ float:left;
			  display:block;
			  width:583px:
			  margin:0px 0px 0px 0px;
			  padding:0px 0px 0px 0px; }

	div.leftcontenttop	{ display:block;
				  width:548px;
				  height:25px;
				  margin:0px;
				  padding:0px 0px 0px 35px;
				  background:#aeaeae; }

		div.leftcontenttop p	{ line-height:25px !important;
					  color:#fff;
					  font:18px arial, verdana, sans-serif; }

		span.pink { line-height:25px !important;
			    color:#de2487;
			    font:18px arial, verdana, sans-serif; }

	div.leftcontent	{ float:left;
			  display:block;
			  width:583px;
			  margin:5px 0px 0px 0px ;
			  padding:0px 0px 0px 0px; }

		div.news	{ float:left;
					  display:block;
					  width:315px;
					  margin:27px 0px 0px 0px;
					  padding:0px 0px 20px 0px; }

			div.newsitem	{ display:block;
							  width:315px;
							  margin:0px 0px 18px 0px;
							  padding:0px;
							  word-wrap: break-word;
							  border-top:6px solid #242424;
					 		  background: #fff; }



				div.newstext	{ display:block;
								  width:285px;
								  margin:0px;
								  padding:22px 15px; }

					div.newsitem p	{ padding:0px 0px 15px 0px;
									  line-height:18px !important; }
					div.newsitem p.comment	{ padding:0px 0px 0px 0px;
										  	  border-bottom:1px solid #a8a8a8; }
					
	 				div.newsitem li { padding:0px 0px 0px 12px;
									  background: url(../images/lili.png) no-repeat 2px 8px; }
	
					span.newsdate	{ margin:0px 5px 0px 0px;
							  padding:1px 6px 1px 0px;
							  color: #ec2d93;
							  font:bold 12px arial, verdana, sans-serif; }


				div.bloggimg	{ display:block;
								  width:315px;
								  margin:0px;
								  padding:0px; }
								  
					div.bloggimg	img { display:block;
										  width:315px;
										  margin:0px;
										  padding:0px; }
                div.newsitem img {display:block;
                                    width:315px;
                                    margin:0px;
                                    padding:0px; }

				div.newsimg	{ display:block;
						  width:387px;
						  height:242px;
						  margin:0px;
						  padding:0px; }

					div.newsimg img	{ width:387px;
							  height:242px;
							  margin:0px;
							  padding:0px; }

					div.newsimg object	{ width:387px;
								  height:242px;
								  margin:0px;
								  padding:0px; }
								  
		div.news2	{ float:left;
					  display:block;
					  width:583px;
					  margin:27px 0px 0px 0px;
					  padding:0px 0px 20px 0px; }

			div.newsitem2	{ display:block;
							  width:583px;
							  margin:0px 0px 18px 0px;
							  padding:0px;
							  border-top:6px solid #242424;
					 		  background: #fff; }

				div.newstext2	{ display:block;
								  width:553px;
								  margin:0px;
								  padding:22px 15px; }

					div.newsitem2 p	{ padding:0px 0px 15px 0px;
									  line-height:18px !important; }
									  
					div.newsitem2 p.comment	{ padding:0px 0px 0px 0px;
										  	  border-bottom:1px solid #a8a8a8; }
					
	 				div.newsitem2 li { padding:0px 0px 0px 12px;
									  background: url(../images/lili.png) no-repeat 2px 8px; }
	
					span.newsdate2	{ margin:0px 5px 0px 0px;
									  padding:1px 6px 1px 0px;
									  color: #ec2d93;
									  font:bold 12px arial, verdana, sans-serif; }



				div.newsimg2	{ display:block;
								  width:387px;
								  height:242px;
								  margin:0px;
								  padding:0px; }

					div.newsimg2 img	{ width:387px;
										  height:242px;
										  margin:0px;
										  padding:0px; }

					div.newsimg2 object	{ width:387px;
										  height:242px;
										  margin:0px;
										  padding:0px; }								  


		div.caroline	{ float:left;
				  display:block;
				  width:242px;
				  margin:-23px 0px 0px 26px;
				  padding:0px 0px 20px 0px; }

			div#carolinebild	{ display:block;
						  width:242px;
						  height:262px;
						  margin:0px;
						  padding:0px;
	 				 	  background: url(../images/caroline.png) no-repeat 0px 0px; }

			div.note	{ display:block;
					  width:242px;
					  margin:0px;
					  padding:0px; 
	 				  background: url(../images/notebg.png) repeat-y; }
		
				div.notetop	{ display:block;
						  width:242px;
						  height:64px;
						  margin:0px 0px -50px 0px;
						  padding:0px; 
	 					  background: url(../images/notetop.png) no-repeat 0px 0px; }

				div.note p	{ padding:0px 15px;
						  line-height:20px !important; 
						  color:#fff;
						  font:14px arial, verdana, sans-serif;
						  position:relative;
						  z-index:220; }

				div.notebottom	{ display:block;
						  width:242px;
						  height:64px;
						  margin:-50px 0px 0px 0px;
						  padding:0px; 
						  position:relative;
						  z-index:200;
	 					  background: url(../images/notebottom.png) no-repeat 0px 0px; }
		
			div.comments	{ clear:both;
					  display:block; }
		
				div.comment	{ display:block;
						  width:222px;
						  margin:5px 0px;
						  padding:10px;
				 		  background: #313131; }
	
					div.comment h2	{ margin:0px 0px 5px 0px;
							  color:#fff; 
							  font:bold italic 14px arial, verdana, sans-serif;}

						div.comment h2 span.commentdate	{ color:#eb2d93; 
										  font:bold italic 14px arial, verdana, sans-serif;}
		
					div.comment p	{ line-height:18px !important;
							  color:#fff;
							  font:12px arial, verdana, sans-serif; }

			div.arkivtaggar	h2	{ margin:20px 0px 10px 0px;
						  padding:0px 22px;
						  line-height:18px !important; 
						  text-transform:uppercase;
						  color:#fff;
						  font:bold 18px arial, verdana, sans-serif; }

				div.arkivtaggar	ul 	{ margin:0px;
							  padding:0px 32px; }

				div.arkivtaggar li	{ padding:2px 0px;
							  color:#000;
							  font: 12px arial, verdana, sans-serif; }

				div.arkivtaggar	li a	{ text-decoration:none;
							  font:bold 12px arial, verdana, sans-serif; }



	div.rightcol	{ float:left;
			  display:block;
			  width:363px;
			  margin:0px 0px 0px 5px;
			  padding:0px; }

		div.bok	{ display:block;
			  width:363px;
			  height:593px;
			  margin:0px;
			  padding:0px; }

			div.bok	img{ width:363px;
				     height:593px;
				     margin:0px;
				     padding:0px; }

		div.puff	{ display:block;
					  width:323px;
					  margin:5px 0px;
					  padding:10px 20px;
					  background: #313131; }

			div.puff p	{ line-height:18px !important;
					  color:#fff;
					  font:12px arial, verdana, sans-serif; }
	
				div.puff a	{ line-height:18px !important;
						  color:#fff;
						  font:bold 12px arial, verdana, sans-serif;
						  border-bottom:1px solid #fff; }

				div.puff a:hover{ border-bottom:1px solid #e02589; }	


		div.arkiv	{ display:block;
				  width:323px;
				  margin:5px 0px;
				  padding:10px 20px; }

			div.arkiv h2	{ color:#fff;
					  font:bold 18px arial, verdana, sans-serif; }
			
			.treeview { margin: 0;
				    padding: 0; }
		
			.treeview li { list-style-type: none;
				       color:#fff;
				       font:bold 14px arial, verdana, sans-serif;
				       margin:6px 0px;
				       padding:0px 0px 0px 18px
				      /*background: url(../images/pilsidan.gif) no-repeat 0px 0px;*/ }

				.treeview li a { margin:0px;
						 padding:0px;
						 line-height:18px !important;
						 color:#fff;
					         font: 14px arial, verdana, sans-serif;
						 border-bottom:1px solid #8c8c8c; }
				.treeview li a:hover { border-bottom:1px solid #fff; }

			.treeview li.submenu{ cursor: hand !important;
					      cursor: pointer !important;
					      background: url(../images/pilsidan.gif) no-repeat 0px 0px; }


				.treeview li.submenu ul { display: none; }

				.treeview .submenu ul li{ cursor: default; }



/* ------------------------------------------------
	pages
-------------------------------------------------*/


	div.commentform	{ display:block;
			  width:297px;
			  margin:0px;
			  padding:10px 8px 10px 10px;
			  background: #313131;}

		div.commentform	h2 { margin:0px 0px 10px 0px;
				     color: #fff;
				     font:bold 12px arial, verdana, sans-serif; }

		div.commentleft	{ float:left;
				  display:block;
				  width:165px;
				  margin:0px;
				  padding:0px; }

			.formbox	{ display:block;
					  width:156px;
					  height:107px;
					  margin:0px;
					  padding:2px;
					  line-height:18px !important;
					  color:#797979;
					  font:bold 12px arial, verdana, sans-serif; 
					  border:none;
	 				  background: #fff;  }

		div.commentright	{ float:left;
					  display:block;
					  width:123px;
					  margin:0px;
					  padding:0px; }

			.formfield	{ display:block;
					  width:122px;
					  height:15px;
					  padding:2px;
					  height:20px;
					  margin:0px 0px 5px 0px;
					  line-height:18px !important;
					  color:#797979;
					  font:bold 12px arial, verdana, sans-serif; 
					  border:none;
	 				  background: #fff;  }

			.formbtn	{ display:block;
					  width:60px;
					  padding:2px 10px;
					  margin:0px 0px 0px 66px;
					  line-height:18px !important;
					  color:#fff;
					  font:bold 12px arial, verdana, sans-serif; 
					  border:none;
	 				  background: #797979;  }
		
	div.commentspage	{ clear:both;
				  display:block; }
		
		div.commentspage div.comment	{ width:295px; }

	div.senaste	{ clear:both;
				  display:block;
				  width:202px;
				  margin:5px 0px 0px 0px;
				  padding:20px;
				  background: url(../images/senastebg.png);	}

		div.senaste h2	{ margin:0px 0px 5px 0px;
						  color:#fff; 
						  font:bold 18px arial, verdana, sans-serif;}

		div.senaste ul	{ margin:0px;
						  padding:0px;	}

		div.senaste ul.rss	{ margin:50px 0px 0px 0px;
							  padding:0px;	}

			div.senaste li	{ margin:0px;
							  text-indent: -15px;
							  padding:2px 0px 2px 35px;
	 						  background: url(../images/lisen.png) no-repeat 2px 6px;	}

			div.senaste a	{ line-height:18px !important; 
							  color:#fff;
						 	  font: 14px arial, verdana, sans-serif; 
							  position:relative;
							  border-bottom:1px solid #8c8c8c; }

			div.senaste a:hover	{ border-bottom:1px solid #fff; }
			
			
            

/* ------------------------------------------------
	tipsa en vän
-------------------------------------------------*/

div.tellafriend{  width:336px;
		   		  height:242px;
			      display:block;
			      margin:30px auto;
				  padding:10px;
				  font-size:11px;
				  background:#fff; }	
					  				  
					  
		div.tellafriend p {  font-size:11px;
							 padding:0px 20px; }	
		
		.textfieldtellfriend {	padding:1px 2px;
								border:1px solid #dadada;
								background:#fff; }
								
		.btntellfriend {	color:#fff;
							padding:2px 5px;
							margin:0px 0px 0px 20px;
							border:none;
							background:#797979; }

/* ------------------------------------------------
	produktsidor
-------------------------------------------------*/




/* ------------------------------------------------
	footer
-------------------------------------------------*/

#footer { float:right;
		  width:951px;
		  height:20px;	
		  padding:5px 0px 0px 0px;
		  margin:0px 0px 0px 0px;
		  border-top:6px solid #313131;
		  background: url(../images/footerbg.png) repeat-x;	}

	#footer p { clear:both;
		    padding:0px 0px 0px 15px;
		    color:#fff; 
		    font: 11px arial, verdana, sans-serif;}
	#footer a { text-decoration:none;
		    color:#fff; 
		    font: 11px arial, verdana, sans-serif;}

	#footer a:hover { text-decoration:underline; }

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

.clearfix:after { content: "\0020"; 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;
}


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

* html .contenthojd {
	height: 301px;
}

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

* html .contenthojd2 {
	height: 341px;
}

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

* html .pagehojd {
	height: 503px;
}



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

}