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

* { margin: 0; padding: 0; text-decoration: none; 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; }
q { quotes: "" ""; }
font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */


html, body, form { margin:0px;
	   	   padding:0px;
		   height:100%; } 

body 	{ min-height:100%;
		  margin:0px;
		  padding:0px;
		  color:#636161;
		  font:11px/18px arial, verdana, sans-serif;
		  /*background: url(../images/bgnew.jpg) center;*/
		  background: url(../images/bgwinter.jpg) center; }
	
p,
span,
div,
table,
table p,
tr, 
tr p,
td,
td p { font:11px/18px arial, verdana, sans-serif;	}



h1	{ text-transform:uppercase;
	  font:12px/24px arial, verdana, sans-serif;
	  margin-bottom: 10px;	}
h1 span	{ text-transform:uppercase;
	  font:12px/24px arial, verdana, sans-serif;	}

h2	{ text-transform:uppercase;
	  font:bold 11px/23px arial, verdana, sans-serif;
	  margin-bottom: 10px;	}
h2 span	{ text-transform:uppercase;
	  font:11px/23px arial, verdana, sans-serif;	}

h3	{ font:bold 11px/18px arial, verdana, sans-serif; }
h3 span	{ font:bold 11px/18px arial, verdana, sans-serif; }


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

a:hover 	{ text-decoration:underline; }


img	{ border: 0px solid; 	}

.cufon-loading { visibility: hidden !important; }

ul, ol { margin:0px 0px 0px 20px; }

div#container	{ display:block;
				  width:auto;
				  margin:0px;
				  padding:0px;
				/*margin:20px 0px 0px 0px;
				  padding:90px 0px 0px 0px;
				  background: url(../images/containerbg.png) no-repeat center top;*/ }

	div#container2	{ display:block;
					  width:898px;
					  margin:0px auto -35px auto;
					  padding:0px;
					  position:relative;
					  z-index:50;
					  border:1px solid #333; }

div#container ul, div#container ol { margin:0px 0px 0px 0px; }
					
/* ------------------------------------------------
	header
-------------------------------------------------*/
			  
	div#header	{ display:block;
				  width:898px;
				  height:149px;
				  margin:0px;
				  padding:0px;
				  position:relative;}

		
	div#logo	{ display:block;
				  width:898px;
				  height:113px;
				  margin:0px;
				  padding:5px 0 0 0;
				  text-align:center;	
				  border-bottom:1px solid #333;
				  background:#fff; }

		div#logo a.logo	{ display:block;
					  width:150px;
					  height:111px;
					  margin:0px auto;
					  padding:0px; 
					  background: url(../images/logo.png) no-repeat 0px 0px; }

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


	div#menu	{ display:block;
				  width:898px;
				  height:29px;
				  margin:0px auto;
				  padding:0px;
				  text-align:center; 
				  border-bottom:1px solid #fff;
				  background:url(../images/menubg.png); }

		div#menu ul { margin:0px auto;
			  	    list-style:none; }

			div#menu li { display:inline-block;
						  *display:inline;
	      				  margin:0px 0px 0px 0px;
    	  				  padding:0px; }
  
				div#menu a { display:inline-block;
							 margin:0px;
							 padding:8px 28px;
							 /*color:#565656;*/
							 color:#fff;
							 text-transform:uppercase;
							 text-decoration:none;
							 font: 10px Arial, Verdana, sans-serif; }

					div#menu a:hover { color:#c1bfbd; }
					/*div#menu a.active { color:#c1bfbd; }*/



		

		div.submenu	{ width:122px;
					  margin:0px;
					  padding:23px 0px 0px 14px;	 }

			div.submenu ul { display:block;
							 width:112px;
							 margin:0px !important;
							 padding:0px 0px 0px 0px;
							 list-style:none;  }


				div.submenu li { display:block;
								 width:112px;
								 margin:0px 0px 0px 0px;
      					         padding:5px 0px; }

					div.submenu a { display:block;
									padding:0px 0px 0px 8px !important;
		      				        text-decoration:none;
		      				        /*color:#565656;*/
									color:#fff;
									text-transform:uppercase;
									text-decoration:none;
									font: 9px Arial, Verdana, sans-serif;  }
	
					
					div.submenu a:hover { color:#c1bfbd; }
					div.submenu li.active a { /*background: url(../images/submenuactive.png) no-repeat 0px center;*/ }

					div.submenu li.active ul { width:97px;
											   margin:5px 0px 0px 15px !important; }

						div.submenu li.active li { width:91px;
												   padding:3px; }

						div.submenu li.active li a { text-transform:none;
						     			     font: 10px Arial, Verdana, sans-serif; 
									     background: none; }
							div.submenu li.active li.active a {/* background: url(../images/submenuactive2.png) no-repeat 0px center;*/ }

					div.submenu li.open a { /*background: url(../images/submenuactive3.png) no-repeat 0px center;*/ }

					div.submenu li.open ul { width:97px;
											 margin:5px 0px 0px 15px !important; }

						div.submenu li.open li { width:91px;
												 padding:3px; }

						div.submenu li.open li a { text-transform:none;
						     			     font: 10px Arial, Verdana, sans-serif; 
									     background: none; }
							div.submenu li.open li.active a { /*background: url(../images/submenuactive2.png) no-repeat 0px center; */}

			
/* ------------------------------------------------
	start
-------------------------------------------------*/

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



	div#mainimg	{ display:block;
				  width:898px;
				  height:303px;
				  margin:0px;
				  padding:0px;
				  border-bottom:1px solid #fff; }

		div#mainimg img	{ display:block;
						  width:898px;
						  height:303px;
						  margin:0px;
						  padding:0px; }
			
		div.puffar	{ float:left;
					  display:block;
					  width:898px;
					  margin:0px;
					  padding:0px 0px;
					  border-bottom:1px solid #fff; }


			div.puff	{ float:left;
						  display:block;
						  width:299px;
						  height:150px;
						  margin:0px 0px 0px 0px;
						  padding:0px;
						  position:relative;
						  border-right:1px solid #fff; }

				div.puffbg	{ position:absolute;
							  top:0px;
							  left:0px;
							  display:block;
							  width:299px;
							  height:150px;
							  margin:0px;
							  padding:0px; }

					div.puffbg img	{ display:block;
									  width:299px;
									  height:150px;
									  margin:0px;
									  padding:0px; }

				a.pufftext	{ position:absolute;
							  bottom:0px;
							  left:0px;
							  display:block;
							  width:269px;
							  margin:0px;
							  padding:5px 15px;
							  text-decoration:none;
							  text-transform:uppercase;
							  color:#fff;
							  font:11px/24px arial, verdana, sans-serif;
							  background:url(../images/pufftextbg.png);  }
				a:hover.pufftext	{ color:#c1bfbd;  }


			div.puffaktuellt	{ float:left;
								  display:block;
								  width:298px;
								  height:150px;
								  margin:0px 0px 0px 0px;
								  padding:0px;
								  border-right:none;
					  		 	  background:url(../images/pufftextbg.png); }

				div.puffaktuellt h2	{ display:block;
									  padding:6px 20px;
									  text-transform:uppercase;
									  color:#fff;
									  font:11px/24px arial, verdana, sans-serif;
									  background:url(../images/pufftextbg.png);; }
				div.puffaktuellt ul	{ margin:0px;
									  padding:0px 20px;
									  list-style:none; }

				div.puffaktuellt a	{ text-decoration:none;
									  /*color:#565356;*/
									  color:#fff;
									  font:10px/24px arial, verdana, sans-serif;  }
				div.puffaktuellt a:hover	{ color:#c1bfbd; }


		div.bottom	{ clear:both;
					  display:block;
					  width:878px;
					  margin:0px;
					  padding:6px 10px;
					  text-align:center;
					  background:url(../images/menubg.png); }

			div.bottom p	{ color:#999;
							  font:9px/8px arial, verdana, sans-serif;  }

				div.bottom a	{ text-decoration:none;
								  color:#999;
								  font:9px/8px arial, verdana, sans-serif;  }

				div.bottom ul { margin:0px auto;
								list-style:none; }
		
					div.bottom li { display:inline-block;
								   *display:inline;
									margin:0px 0px 0px 0px;
									padding:0px 3px;
									color:#999;
								    font:9px/8px arial, verdana, sans-serif;
									border-right:1px solid #999; }
					div.bottom li.last { border-right:none; }

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


	div.mainbg	{ display:block;
				  width:898px;
				  margin:0px;
				  padding:0px;
				  background:url(../images/mainbg.png) repeat-y; }

	
		div.left	{ float:left;
					  display:inline;
					  width:147px;
					  margin:0px;
					  padding:0px; }
	
		div.right	{ float:left;
					  display:inline;
					  width:716px;
					  margin:0px -10px 0px 0px;
					  padding:0px 0px 0px 35px; }

			div.maintext	{ float:left;
							  display:inline;
							  width:716px;
							  margin:0px;
							  padding:21px 0px 0px 0px; }

				div.maintext ul	{ margin:0px;
						  padding:0px 0px 0px 16px; 
							  list-style:disc;}
				div.maintext ol	{ margin:0px;
						  padding:0px 0px 0px 16px; }

			div.relimgs	{ float:right;
						  display:inline;
						  width:250px;
						  margin:-15px 0px 0px 0px;
						  padding:20px 0px 0px 180px;
						  position:relative; }

				div.relimgs img	{ float:left;
								  display:block;
								  width:104px;
								  height:128px;
								  padding:0px 20px 18px 0px; }

			a.relimgspause	{ position:absolute;
							  top:10px;
							  right:10px;
							  display:block;
							  width:10px;
							  height:14px;
							  margin:0px;
							  padding:0px; 
							  z-index:1000; }
				div.relimg a.relimgspause img	{ display:block;
												  width:10px !important;
												  height:14px;
												  margin:0px;
												  padding:0px; }

			div#caption	{ position:absolute;
						  bottom:0px;
						  right:0px;
						  display:block;
						  width:280px;
						  margin:0px;
						  padding:5px 10px 5px 10px; 
						  z-index:1000;
						  display:none;
						  background:url(../images/menubg.png); }
			div#caption p	{ color:#fff; }

			div.leftinfo	{ float:left; 
							  display:inline;
							  height:120px;
							  width:128px;
							  display:block;
							  margin:-145px 0px 0px 14px;
							  position:relative;
							  z-index:2005;}
						
				div.leftinfoup { padding:10px; }
				div.leftinfoup p	{ padding:0px 0px 10px 0px;
									  text-decoration:none;
									  /*color:#666;*/
									  color:#fff;
									  font:9px/14px arial, verdana, sans-serif;  }
				div.leftinfoup a	{ text-decoration:underline;
									  /*color:#666;*/
									  color:#fff;
									  font:9px/14px arial, verdana, sans-serif;  }

		div.bottompage	{ clear:both;
						  display:block;
						  width:878px;
						  margin:0px;
						  padding:6px 10px;
						  text-align:center;
						  border-top:1px solid #fff;
						  background:url(../images/menubg.png); }

			div.bottompage p	{ color:#999;
								  font:9px/8px arial, verdana, sans-serif;  }

				div.bottompage a	{ text-decoration:none;
							  color:#999;
							  font:9px/8px arial, verdana, sans-serif;  }
					div.bottompage a:hover { color:#c1bfbd; }

				div.bottompage ul { margin:0px auto;
									list-style:none; }
		
					div.bottompage li { display:inline-block;
									   *display:inline;
										margin:0px 0px 0px 0px;
										padding:0px 3px;
										color:#999;
										font:9px/8px arial, verdana, sans-serif;
										border-right:1px solid #999; }
					div.bottompage li.last { border-right:none; padding: 0px; }


			div.relimg	{ float:right;
						  display:inline;
						  width:300px;
						  margin:-21px 0px 0px 0px;
						  padding:0px 0px 0px 35px;
						  position:relative; }
	
				div.relimgpadding	{ padding:0px 0px 0px 130px; }
	
				div.relimg img	{ display:block;
								  width:300px;
						  		  margin:0px;
								  padding:0px; }

			div.maintext2	{ background:url(../images/kompass.png) no-repeat 65px 200px !important; }
			div.maintext2 h1	{ color:#000; }
			div.maintext2 h2	{ color:#000; }
			div.maintext2 li	{ color:#000; }
			div.maintext2 li	a { color:#000; }

			div.maintext2 li.gray { color:#999;
					       list-style:circle; }
			div.maintext2 li.gray a { color:#999; }

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


			#slideshow { float:left;
						 display:inline;
						 width:300px;
						 height:465px; }
						 
				#slideshow img { 
								 width:300px;
								 height:465px; }

			div.caseimgs	{ display:block;
					  width:300px;
					  height:465px;
					  margin:0px;
					  padding:0px;
					  background:#fff; }

				div.caseimgs img	{ display:block;
							  width:300px;
							  height:465px;
							  margin:0px;
							  padding:0px; }

				div.pics div#controls { margin:-58px 0px 0px 0px;
							     position:relative;
							     z-index:1000;
							     background:#fff; }
							     
/* ------------------------------------------------
	slideshow startpage
-------------------------------------------------*/

			#startslideshow { float:left;
						 display:inline;
						 width:898px;
						 height:303px; }
						 
				#startslideshow img { 
								 width:898px;
								 height:303px; }

			div.startcaseimgs	{ display:block;
					  width:898px;
					  height:303px;
					  margin:0px;
					  padding:0px;
					  background:#fff; }

				div.startcaseimgs img	{ display:block;
							  width:898px;
							  height:303px;
							  margin:0px;
							  padding:0px; }

				div.startpics div#controls { margin:-58px 0px 0px 0px;
							     position:relative;
							     z-index:1000;
							     background:#fff; }

/* ------------------------------------------------
	form 
-------------------------------------------------*/

	div.form { margin:10px 0px;
			   padding:15px;
			   background:#f9f9f9; }
		label { display:block;
			width:190px;
			color:#666;
			font:10px/16px Verdana, Arial, Helvetica, sans-serif; }
					 	   
		.formfield { width:154px;
			     height:16px;
			     margin:0px 20px 0px 0px;
			     padding:1px 2px;
			     color:#666;
			     font:10px/16px Verdana, Arial, Helvetica, sans-serif;
			     border:1px solid #666;
			     background:#fff; }	
	
		.formbox { width:154px;
			   height:66px;
			   margin:0px 0px 2px 0px;
			   padding:2px 2px;
			   color:#666;
			   font:10px/16px Verdana, Arial, Helvetica, sans-serif;
			   border:1px solid #666;
			   background:#fff; }		
									 
			.form .pink { background:#fee7e7; }
			.form .yellow { background:#fefee7; }   

		.formbtn { margin:0px 0px 0px 0px;
			   padding:2px 2px;
			   color:#fff;
			   font:10px/16px Verdana, Arial, Helvetica, sans-serif;
			   border:1px solid #000;
			   background:#999; }		
							
		
		span.icon { float:left;
					display:inline;
					width:8px;
					margin:0px 0px 0px 5px;
					padding:8px 2px 0px 0px; }	
			
		.checklabel { float:left;
					  width:135px;
					  padding:2px 0px;
			    	  font:9px/15px Verdana, Arial, Helvetica, sans-serif; }
		.checklabel2 { float:left;
					   width:75px; 
					   font:9px/15px Verdana, Arial, Helvetica, sans-serif;}

/* ------------------------------------------------
	tell a friend
-------------------------------------------------*/

		div.tellafriend	{  width:348px;
				   margin:0px 0px;
				   display:block;
				   margin:0px auto;
				   position:relative;
				   border:1px solid #000;
				   background:#fff; }	

		div.tellafriendtop	{  display:block;
					   width:348px;
					   height:33px;
					   position:relative;
					   background:#fff url(../images/tipsatop.png) no-repeat 0px 0px; }	
				   
	div.tellafriendpadding	{  padding:15px 0px 0px 0px; }		
						  
		div.tellafriend h1 { margin:0px 0px 5px 0px;
				     padding:0px;
				     text-align:center;
				     color:#666;
				     font:14px verdana, arial, sans-serif; }
						  

		div.tellafriendform	{ margin:10px 0px;
					  padding:20px 15px;
				 	  border-top:1px solid #000;
					  border-bottom:1px solid #000;
					  background:#999; }	
							  
			div.tellafriend span.label { float:left;
						     display:inline;
						     width:115px;
						     padding:2px 0px 0px 0px;
						     text-align:right;
						     color:#fff; }	
			div.tellafriend span.icon { float:left;
										display:inline;
										width:8px;
										margin:0px 5px 0px 0px;
										padding:8px 2px 0px 0px; }	
			
			div.tellafriend .formfield { width:149px;
						     height:16px;
						     margin:0px 0px 2px 0px;
						     padding:2px 2px;
						     color:#000;
						     font:12px Arial, Verdana, Helvetica, sans-serif;
						     border:1px solid #666;
						     background:#fff; }
										 
						div.tellafriend .pink { background:#fee7e7; }
						div.tellafriend .yellow { background:#fefee7; }
									
			div.tellafriend .formbtn { float:right;
						   margin:0px 34px 0px 0px;
					   	   padding:0px; 
						   font:10px Arial, verdana,  Helvetica, sans-serif;}
										
	div.tellafriendshare	{ padding:5px 15px 10px 15px; }
							  
		div.tellafriendshare p	{ float:left; 
								  display:inline;
								  margin:0px 15px 0px 0px;
								  color:#535353 !important; }	
								  
							a.print { display:block;
									  margin:0px 0px 0px 0px;
									  padding:7px 0px 7px 40px;
									  color:#000;
									  font-weight:bold;
									  background: #f5f5f5 url(../images/printshare.gif) no-repeat 10px center;}
							a:hover.print { text-decoration:none;
									color:#fff;
									background: #ba2007 url(../images/printshare.gif) no-repeat 10px center;}

		div.tellafriendbottom	{  display:block;
					   width:348px;
					   height:36px;
					   position:relative;
					   background:#fff url(../images/tipsabottom.png) no-repeat 0px 0px; }	
					   

/* ------------------------------------------------
	gästbok
-------------------------------------------------*/

    div#gbcomment
    {
        width: 600px;
    }
    div#gbcomment label
    {
        float: left;
        display: block;
        width: 100px;
    }
    div#gbcomment input
    {
        float: left;
        display: block;
        width: 200px;
    }
    div#gbcomment textarea
    {
        float: left;
        display: block;
        width: 200px;
    }
    div#gbcomment img
    {
        float: left;
        display: block;
        width: 200px;
    }
					   
					   
					   
	   div.puff2 { 
								  border-right:none; width: 298px;}
/* ------------------------------------------------
	footer
-------------------------------------------------*/

	

	div#footer { display:block;
				 width:auto;
				 height:111px;
				 margin:0px auto;
				 padding:0px 20px;
				 position:relative;
				 z-index:40;
				 background: url(../images/footerbgnew.png) no-repeat center top; }		


		div#footer2 p { color:#fff;
				font:12px/21px georgia, "timew new roman", times, serif; }
	
		div#footer2 a { text-decoration:none;
				color:#fff;
				font:12px/21px georgia, "timew new roman", times, serif; }
		div#footer2 a:hover { color:#898989; }		

		div#footerleft	{ float:left;
				   display:block;
				   width:700px; }

		div#footerright	{ float:left;
				  display:block;
				  width:240px; }

			div#footerright ul	{ float:right;
						  margin:0px;
						  padding:0px;
						  list-style:none; }

				div#footerright li	{ float:left;
							  margin:0px;
							  padding:0px 0px 0px 25px; }
				div#footerright li a	{ padding:0px 0px 0px 15px;
							  background: url(../images/footerlink.gif) no-repeat 0px center; }
		


/*  C - Sharp */
div.newsletterForm
{    
    float:right;
    margin: 17px 10px 0px 10px;
    width:190px;
}
div.newsletterForm .nltb
{
    float:left;
    width: 134px;
    margin:0px 5px 0px 0px;
	padding:3px 2px;
    color: #c6c6c6;
	border: 1px solid #7f7f7f;
    
}
div.newsletterForm .nlsubmit
{
    float:left;
    padding: 2px;
    color: #fff;
    border: 1px solid #7f7f7f;
    background:#7f7f7f;
    
}


/* ------------------------------------------------
	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:350px; 
	height:auto;
}
/* for Internet Explorer */

* html .hojd {
	height: 350px;
}