/* ------------------------------------------------
	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:#000;
	  font:12px/20px arial, verdana, sans-serif;
	  background: #2A2823 url(../images/bg3.jpg) no-repeat center top; }
	
p,
span,
div,
table,
table p,
tr, 
tr p,
td,
td p { font:12px/20px arial, verdana, sans-serif;	}



h1	{ color:#60a3d2;
	  font:bold 20px/30px arial, verdana, sans-serif;
	  margin-bottom: 10px;	}
	h1 span	{ color:#60a3d2;
		  font:bold 20px/30px arial, verdana, sans-serif;	}	}

h2	{ color:#6699cc;
	  font:bold 14px arial, verdana, sans-serif; 
	  margin-bottom: 10px;	}
h2 span	{ color:#6699cc;
		  font:bold 14px arial, verdana, sans-serif; 	}

h3	{  color:#6699cc;
	  font:bold 12px arial, verdana, sans-serif;  }
h3 span	{ color:#6699cc;
		  font:bold 12px arial, verdana, sans-serif;  }
h4	{  font:bold 12px arial, verdana, sans-serif;  }
h4 span	{ font:bold 12px arial, verdana, sans-serif;  }


a 	{ text-decoration:none;
	  color:#6699cc; }

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 auto;
		  padding:0px; }

div#fbtrss	{ float:left;
		  display:block;
		  width:57px;
		  margin:13px 0px 0px 0px;
		  padding:0px; }
	div#fbtrss h2	{ height:20px;
			  padding:0px 0px 0px 10px;
			  color:#898989;
			  font:10px/20px arial, verdana, sans-serif;
			  background: url(../images/fbtrssh2.png) no-repeat 0px 0px;  }
	div#fbtrssinner	{ padding:10px 0px 10px 12px;
			  background: url(../images/fbtrssbg.png) no-repeat 0px bottom;  }
	div#fbtrssinner a	{ display:block;
				  padding:4px 0px 0px 0px; }

	div#container ul, div#container ol { margin:0px 0px 0px 0px; }
					
/* ------------------------------------------------
	header
-------------------------------------------------*/
			  
	div#header	{ display:block;
			  width:1000px;
			  height:67px;
			  margin:0px auto -57px auto;
			  padding:89px 0px 0px 0px; }

		
		div#logo	{ float:left;
				  display:inline;
				  width:144px;
				  height:73px;
				  margin:0px 0px 0px 10px;
				  padding:0px;
				  position:relative;
				  z-index:1000;  }
	
			div#logo a	{ display:block;
					  width:144px;
					  height:73px;
					  padding:0px; 
					  background: url(../images/logo.png) no-repeat 0px 0px; }
	
/* ------------------------------------------------
	menus
-------------------------------------------------*/

    	div#topmenu	{ float:left;
			  display:inline;
			  width:846px;
			  height:20px;
			  margin:0px;
			  padding:0px;
			  padding-top: 1px;
			  position:relative;
			  z-index:1100;  }

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

 	div#topmenu li { float:left;
		      margin:0px;
		      padding:0px; }

		div#topmenu a { float:left;
			     display:block;
			     height:20px;
			     padding:0px 0px 0px 15px;
			     text-decoration:none;
			     text-transform:uppercase;
			     color:#002c77;
			     font:bold 11px arial, verdana, sans-serif; }

		    div#topmenu a:hover {color:#6699cc; }
		    
		    
		    
		    
	div#menu	{ float:left;
			  display:inline;
			  width:846px;
			  height:25px;
			  margin:0px;
			  padding:0px;
			  padding-top: 4px;
			  position:relative;
			  z-index:1100;  }

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

 	div#menu li { float:left;
		      margin:0px;
		      padding:0px;
		      font:bold 14px arial, verdana, sans-serif;
		      text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
		      }

		div#menu a { float:left;
			     display:block;
			     height:29px;
			     padding:0px 0px 0px 15px;
			     text-decoration:none;
			     text-transform:uppercase;
			     color:#fff;
			      }
            div#menu li:hover {text-shadow:none; }
		    div#menu a:hover {color:#6699cc; }



		

	
	div.breadcrumbs { float:left;
					  display:inline;
					  width:846px;
					  /* height:25px; */
					  height: 10px;
					  
					  margin:0px;
					  padding:4px 0px 0px 0px;
					  position:relative;
					  z-index:1200;  }

  		div.breadcrumbs ul { float:right;
				     margin:0px;
			             padding:0px 20px 0px 0px;
		  	             list-style:none; }

 			div.breadcrumbs li { float:left;
					     margin:0px 0px 0px 6px;
					     padding:0px 0px 0px 10px;
					     background: url(../images/crumb.gif) no-repeat 0px center; }
 			div.breadcrumbs li.first { margin:0px;
						   padding:0px;
						   background: none; }

		div.breadcrumbs a { float:left;
							display:block;
							padding:0px 0px 0px 0px;
							text-decoration:none;
							/*text-transform:uppercase;*/
							font:10px arial, verdana, sans-serif;
							color:#666;  }

		div.breadcrumbs a:hover { color:#6699cc;  }

 			div.breadcrumbs li.active a { font:bold 10px arial, verdana, sans-serif; }
			
/* ------------------------------------------------
	start
-------------------------------------------------*/

	

	div#startbg	{ display:block;
				  width:auto;
				  margin:0px 0px 0px 0px;
				  padding:32px 0px 32px 0px;
				  background: url(../images/startbg.png) no-repeat center bottom; }
    
		div#startbg2	{ position:relative;
						  display:block;
						  width:972px;
						  margin:0px auto;
						  padding:0px 0px 0px 0px;
						  min-height: 385px;
						  background: url(../images/startbg3.png) no-repeat center bottom;
						  }
						  
			div#startbg2 a.hyra 
			{
			    bottom: 182px;
                display: block;
                position: absolute;
                right: 0;
			}
						  


			div#startbg2 h1	{ position:relative;
							  clear:both;
							  display:block;
							  
							  padding:40px 40px 0px 40px;
							  margin:0px;
							  
							  color: #60a3d2;
							  font: bold 20px/30px arial,verdana,sans-serif;}
							  

				div#startbg2 h1 span	{ display: none; }


                div#starttext	{ padding: 0px 40px 0px 40px;
                             	  width: 400px; 
                             	  color: #353434;}











	

		div.rellinksstart	{ position:absolute;
							  right:-19px;
							  bottom:0px;
							  display:block; }
							  
		div.rellinkstart	{ display:block;
							  width:220px;
							  height:65px;
							  margin:0px;
							  padding:0px;
							  z-index:12150; 
							  background: url(../images/rellinkstart2bg.png) no-repeat 0px 0px; }

			div.rellinkstartforie	{ display:block;
									  width:200px;
									  height:45px;
									  margin:0px;
									  padding:10px; }


		div.rellinkstart a	{ position:relative;
							  display:block;
							  padding:0px;
							  color:#6699cc;
							  font:16px/20px arial, verdana, sans-serif;  }
		div.rellinkstart a:hover	{ text-decoration:none;
									  color:#333; }
							  
			div.rellinkstart img	{ margin:0px 0px 0px 5px; }
/* ------------------------------------------------
	main content
-------------------------------------------------*/


div#mainbg	{ display:block;
		  width:auto;
		  margin:0px 0px -272px 0px;
		  padding:0px 0px 0px 0px;
		  position:relative;
		  background: url(../images/mainbg.png) repeat-y center top; }

	div.mainimg	{ float:left;
			  display:block;
			  width:1000px;
			  margin:-72px 0px 0px 0px;
			  padding:90px 0px 0px 0px;
			  height: 302px;
			  position:relative;
			  background: url(../images/mainimg2.png) no-repeat 0px 0px; }

		div.pigge	{ position:absolute;
					  right:96px;
					  bottom:0px;
					  display:block;
					  width:325px;
					  height:306px;
					  margin:0px;
					  padding:0px;
					  background: url(../images/pigge.png) no-repeat 0px 0px;  }
	
		div.mainimgtext	{ display:block;				  
				 		  min-height:280px;
						  margin:90px 0px 0px 43px;
						  padding:0px 0px 0px 0px; }
						  
		div.mainimgtext2	{ display:block;				  
							  min-height:280px;
							  margin:0px 0px 0px 43px;
							  padding:0px 0px 0px 0px; }
				  
        .mainthin {
            width:385px;
        }
				  
	    div.mainform { width: 950px;}
	
			div.mainimg h1	{ margin:0px;
					  padding:0px;
					  color:#60a3d2;
					  font:bold 20px/30px arial, verdana, sans-serif; }
			div.mainimg p	{ color:#353434;
					  font: 12px/19px arial, verdana, sans-serif; }
	
	.contactcol2 table {
	    width: 440px;
	}
	
	.contactcol2 table tr {
	    height: 18px;
	}
	
	.contactcol2 table tr td {
	    padding: 2px 5px;
	}
	.contactcol2 table tr td input {
	    margin-right: 5px;
	}
	


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

		div.puff	{ float:left;
					  display:block;
					  width:252px;
					  margin:-23px 0px 0px -2px;
					  padding:0px;
					  position:relative;
					  cursor:pointer;
					  }
            
            div.puff-top, div.puff-bottom { display: block; width: 252px; height: 13px; }
            div.puff-top, div.puff-middle, div.puff-bottom { background-image: url("../images/puff-bg.png"); }
            
            div.puff-top { background-repeat: no-repeat; background-position: 0px 0px; }
            div.puff-bottom { background-repeat: no-repeat; background-position: 0px -13px; }
            div.puff-middle { background-repeat: repeat-y; background-position: -252px 0px; }
            
            div.puffover div.puff-top { background-repeat: no-repeat; background-position: 0px -26px; }
            div.puffover div.puff-bottom { background-repeat: no-repeat; background-position: 0px -39px; }
            div.puffover div.puff-middle { background-repeat: repeat-y; background-position: -504px 0px; }
            

			div.puff-middle	 
			{
			    display:block;
		        width:226px;
		        min-height:136px;
		        margin:0px;
		        padding:0px 13px 0px 13px;
		        position: relative;
		    }
						  
				div.puff-middle a	 
				{
				            position:relative;
							  display:block;
							  z-index:300; }

				div.puff-middle a:hover	{ text-decoration:none; }
				div.puff-middle img { position: relative;
							   width: 226px;
							   z-index: 150;
							   display: block; }

                div.puff-middle div.contents 
                {
                    position: absolute;
                    bottom: 0px;
                    z-index: 400;
                    display: block;
                    overflow:hidden;
                    width: 206px;
                    margin: 10px;
                }
                
                div.puff-middle div.contents,
                div.puff-middle div.contents p,
                div.puff-middle div.contents span
                {
                    color: #333;
                    font-size: 12px;
                    line-height: 16px;
                    display: inline;
                }
                div.puff-middle div.contents a { display: inline; }

			div.pufflabel	{ position:absolute;
							  top:28px;
							  left:-4px;
							  display:block;
							  height:38px;
							  margin:0px;
							  padding:0px 0px 0px 0px;
							  overflow:hidden;
							  z-index:500;}
									  
			div.pufflabelleft	{ float:left;
								  display:block;
								  width:31px;
								  height:38px;
								  margin:0px;
								  padding:0px 0px 0px 0px;
								  overflow:hidden;
								  background: url(../images/pufflabelleft.png) no-repeat 0px 0px;  }
								  
			div.pufflabelmiddle	{ float:left;
								  display:block;
								  height:32px;
								  margin:0px;
								  padding:6px 10px 0px 0px;
								  background: url(../images/pufflabelbg.png) repeat-x;  }
										  
			div.pufflabelright	{ float:left;
								  display:block;
								  width:7px;
								  height:38px;
								  margin:0px;
								  padding:0px 0px 0px 0px;
								  overflow:hidden;
								  background: url(../images/pufflabelright.png) no-repeat 0px 0px;  }

				div.pufflabel h2	{ position:relative;
									  z-index:200;
									  margin:0px 0px 0px -5px;
									  color:#6699cc;
									  font:bold 14px arial, verdana, sans-serif;  }

			div.green div.pufflabelleft { background: url(../images/pufflabels.png) no-repeat 0px 0px; }
            div.green div.pufflabelmiddle { background: url(../images/pufflabels.png) no-repeat -31px 0px; }
            div.green div.pufflabelright { background: url(../images/pufflabels.png) no-repeat -225px 0px; }
            div.green div.pufflabel h2 { color: #fff; }
									  
			div.purple div.pufflabelleft { background: url(../images/pufflabels.png) no-repeat 0px -40px; }
            div.purple div.pufflabelmiddle { background: url(../images/pufflabels.png) no-repeat -31px -40px; }
            div.purple div.pufflabelright { background: url(../images/pufflabels.png) no-repeat -225px -40px; }
            div.purple div.pufflabel h2 { color: #fff; }
            
			div.blue div.pufflabelleft { background: url(../images/pufflabels.png) no-repeat 0px -80px; }
            div.blue div.pufflabelmiddle { background: url(../images/pufflabels.png) no-repeat -31px -80px; }
            div.blue div.pufflabelright { background: url(../images/pufflabels.png) no-repeat -225px -80px; }
            div.blue div.pufflabel h2 { color: #fff; }
            
            div.gold div.pufflabelleft { background: url(../images/pufflabels.png) no-repeat 0px -120px; }
            div.gold div.pufflabelmiddle { background: url(../images/pufflabels.png) no-repeat -31px -120px; }
            div.gold div.pufflabelright { background: url(../images/pufflabels.png) no-repeat -225px -120px; }
            div.gold div.pufflabel h2 { color: #fff; }
	

            div.puff-middle a.puffleft, 
            div.puff-middle a.puffright
            {
                width: 113px;
                position: relative;
            }
            
            div.puff-middle a.puffleft
            {
                float: left;
            }
            div.puff-middle a.puffright
            {
                float: right;
            }
            
            div.puff-middle a.puffleft div.puffhalf,
            div.puff-middle a.puffright div.puffhalf
            {
                position: absolute;
                top: 0px;
                left: 0px;
                width: 100%;
                height: 100%;
                z-index: 500;
            }
            
            div.puff-middle a.puffleft:hover div.puffhalf,
            div.puff-middle a.puffright:hover div.puffhalf
            {
                background-image: url("../images/puffhalfbg.png");
            }
            
            div.puff-middle a.puffleft img,
            div.puff-middle a.puffright img
            {
                width: 113px;
            }
		
/* ------------------------------------------------
	stugmodeller
-------------------------------------------------*/

	div.stugmodellertop	{ display:block;
				  width:972px;
				  height:10px;
				  margin:10px auto 0px auto;
				  padding:0px;
				  background: url(../images/stugmodellertop.png) no-repeat 0px 0px; }

	div.stugmodeller	{ display:block;
				  width:932px;
				  margin:0px auto;
				  padding:0px 20px 10px 20px;
				  background: url(../images/stugmodellerbg.png) repeat-y; }


		div.stugmodeller div.kalkylright { width:230px;
						   margin: 0 0 10px 40px; }

		ul.stugstorlek	{ clear:both;
				  display:block;
				  width:932px;
				  margin:0px;
				  padding:0px 0px 10px 0px;
				  list-style:none; }

			ul.stugstorlek li	{ float:left;
						  display:block;
						  margin:0px 8px 0px 0px;
						  padding:0px;
						  color:#000;
						  font:12px/30px arial, verdana, sans-serif; }

				ul.stugstorlek li a	{ float:left;
							  display:block;
							  margin:0px;
							  padding:0px 12px 0px 0px;
							  color:#60a3d2;
							  font:bold 12px/30px arial, verdana, sans-serif;
							  background:url(../images/stugstorlekdivider.png) no-repeat right center; }
				ul.stugstorlek li.last a	{ padding:0px;
							  	  background:none; }

				ul.stugstorlek li.active a	{ text-decoration:underline; }


		ul.stugbilder	{ display:block;
				  margin:0px;
				  padding:10px 0px 0px 0px;
				  list-style:none; }

			ul.stugbilder li	{ float:left;
						  display:block;
						  margin:0px 15px 0px 0px;
						  padding:0px;
						  color:#000;
						  font:bold 12px/30px arial, verdana, sans-serif; }

				ul.stugbilder li a	{ float:left;
							  display:block;
							  margin:0px;
							  padding:0px 10px 0px 20px;
							  color:#60a3d2;
							  font:12px/30px arial, verdana, sans-serif;
							  background: url(../images/arrow.png) no-repeat 0px center; }

				ul.stugbilder li.active a	{ text-decoration:underline;	
								  font-weight:bold; }

		div.stugmodeller h2	{ color:#60a3d2;
				  	  font:bold 16px arial, verdana, sans-serif; }

	
	div.stugmodellerbottom	{ display:block;
				  width:972px;
				  height:10px;
				  margin:0px auto;
				  padding:0px;
				  background: url(../images/stugmodellerbottom.png) no-repeat 0px 0px; }



/* ------------------------------------------------
	qtip
-------------------------------------------------*/

	.qtip-red { display:block;
		    width:164px;
		    height:223px;
		    margin:0px 0px 0px -10px !important;
		    padding:0px 0px 0px 21px !important;
		    background: url(../images/qtip.png) no-repeat 0px 0px !important; }
				
	
	.qtip-contentWrapper { }
				
	.qtip-wrapper { padding:15px 0px 0px 0px !important; }
				
			.qtip-contentWrapper p { display:block;
						 margin:0px;
						 padding:0px 42px 6px 8px;
						 color:#000;
						 font:10px/14px arial, verdana, sans-serif; } 				
				.qtip-contentWrapper p sup { color:#000;
							     font:8px arial, verdana, sans-serif; } 

			.qtip-contentWrapper a	{ display:block;
						  padding:0px 42px 0px 8px;
						  color:#6699cc;
						  font:9px/11px arial, verdana, sans-serif;} 
				
				.qtip-tip  { display:none !important; }
				.qtip-tip canvas { display:none !important; }
				.qtip-tip shape { display:none !important; }
				.qtip-tip image { display:none !important; }
				.qtip-tip img { display:none !important; }




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



	div.wide	{ clear:both;
			  display:inline-block;
			  padding:0px 0px 0px 41px; 
			  width: 920px;}

		div.wide div.rellinks	{ float:right;	
					  display:block;
					  width:165px;
					  margin:0px -29px 0px 0px;
					  padding:0px;
					  z-index:12150; 
					  background: url(../images/rellinkbg.png) no-repeat 0px 0px; }

			div.wide div.rellink	{ display:block;
						  width:165px;
						  height:41px;
						  margin:0px;
						  padding:0px;
						  z-index:12150; 
						  background: url(../images/rellinkbg.png) no-repeat 0px 0px; }

				div.wide div.forie	{ display:block;
							  width:155px;
							  height:32px;
							  margin:0px;
							  padding:0px 0px 0px 10px;  }

					div.wide div.rellink a	{ position:relative !important;
								  display:block;
								  padding:0px 0px 0px 15px;
								  font:bold 14px/40px arial, verdana, sans-serif; 
								  background: url(../images/rellink.gif) no-repeat 0px center;  }
	
	div.heading	{ float:left;
				  display:block;
				  width:972px;
				  margin:0px;
				  padding:0px 0px 0px 41px; }

	div.left	{ float:left;
				  display:inline;
				  width:420px;
				  margin:0px;
				  padding:0px 0px 0px 41px; }

		div.relimg	{ display:block;
					  width:447px;
					  height:248px;
					  margin:0px 0px 0px -10px;
					  padding:0px;
					  position:relative;
					  background: url(../images/relimgbg.png) no-repeat 0px 0px; }

			div.relimg img	{ position:absolute;
							  top:11px;
							  left:11px;
							  display:block;
							  width:425px;
							  margin:0px;
							  padding:0px 0px; }

				div.relimg div.rellinks	{ position:absolute;
										  right:-6px;
										  bottom:10px;
										  display:block;
										  width:186px;
										  margin:0px;
										  padding:0px;
										  z-index:12150;  }

					div.relimg div.rellink	{ display:block;
											  width:186px;
											  height:41px;
											  margin:5px 0px 10px 0px;
											  padding:0px;
											  z-index:12150; 
											  background: url(../images/rellinkbg3.png) no-repeat 0px 0px; }

						div.relimg div.forie	{ display:block;
												  width:176px;
												  height:32px;
												  margin:0px;
												  padding:0px 0px 0px 10px;  }
	
							div.relimg div.rellink a	{ position:relative !important;
														  display:block;
														  padding:0px 0px 0px 15px;
														  font:bold 12px/36px arial, verdana, sans-serif; 
														  background: url(../images/rellink.gif) no-repeat 0px center;  }

				div.karta img	{ top:8px; z-index: 1;}
					
					a.stad { position:absolute;
							 display:block;
							 width:20px;
							 height:20px;
							 z-index:9999;
							 background-image: url(../images/trans.gif); }

					a.are { top:11px;
							left:288px; }
					a.sandviken { top:70px;
							      left:329px; }
					a.leksand { top:78px;
							    left:301px; }
					a.falun { top:93px;
							  left:316px; }
					a.tanum { top:128px;
							  left:238px; }
					a.salen { top:58px;
							  left:270px; }
					a.goteborg { top:152px;
							     left:242px; }
					 a.sodertalje { top:130px;
							       left:336px; }
					a.valdemarsvik { top:152px;
							         left:314px; }
					a.granna { top:161px;
							   left:290px; }
					a.vastervik { top:171px;
							      left:310px; }
					a.oland { top:190px;
							  left:314px; }
					a.gotland { width:24px;
							  height:35px;
							  top:175px;
							  left:340px; }
					a.kneippbyn { width:10px;
							      height:10px;
							      top:176px;
							      left:345px; }
					a.bjorkhaga { width:10px;
							      height:10px;
							      top:187px;
							      left:337px; }
                    a.areduved { width:10px;
							      height:10px;
							       left: 295px;
                                    top: 17px; }
                    a.arestrand { width:10px;
							      height:10px;
							      left: 286px;
                                  top: 26px;}
                    a.slite     { width:10px;
							      height:10px;
							      left: 356px;
                                   top: 175px; }


			div#slides img	{ top:10px !important;
					  left:11px !important; 
					   height:226px !important; width: 425px !important;}

			div#slidesnav	{ position:absolute;
							  bottom:15px;
							  left:11px;
							  display:block;
							  width:425px;
							  height:30px;
							  margin:0px auto;
							  padding:0px 0px 0px 0px;
							  z-index:500;
							  text-align:center;	}
	
				div#slidesnav ul { margin:0px auto;
								   height:19px;
								   list-style:none; }
			
					div#slidesnav li { display:inline;
									   height:19px;
								  	   margin:0px;
									   padding:0px; }

						div#slidesnav li.prev a { display:inline-block;
												  width:18px;
												  height:19px;
												  margin:0px;
												  padding:0px; 
												  background:url(../images/prev.png) no-repeat 0px 0px; }

						div#slidesnav li.count p { display:inline-block;
												   height:19px;
												   margin:0px;
												   padding:0px 5px;
												   color:#333;
												   font:12px/19px arial, verdana, sans-serif; 
												   vertical-align:top;
												   background:url(../images/slidesnavbg.png) repeat-x; }

						div#slidesnav li.next a { display:inline-block;
												  width:18px;
												  height:19px;
												  margin:0px;
												  padding:0px; 
												  background:url(../images/next.png) no-repeat 0px 0px; }


							  
		div.longtextdiv	{ overflow: hidden; }

        div.columns
        {
            margin: 0px 41px 10px 41px;
            width: 889px;
            float: left; 
    
        }

        html.csscolumns div.columns 
        {
            column-count: 2;
            column-gap: 36px;
            -o-column-count: 2;
            -o-column-gap: 36px;
            -moz-column-count: 2;
            -moz-column-gap: 36px;
            -webkit-column-count: 2;
            -webkit-column-gap: 36px;
        }

        div.columns div.first
        {
            margin-right: 35px;    
        }

	div.middle	{ float:left;
			  display:block;
			  width:275px;
			  margin:0px 10px 0px 29px;
			  padding:0px 0px;
			  min-height: 1px; }
        
        div.bildpuff {margin: 0px 0px 20px 0px;}

		div.relimg2	{ display:block;
				  width:253px;
				  height:181px;
				  margin:0px;
				  padding:11px;
		 		  background: url(../images/relimg2bg.png) no-repeat 0px 0px; }

			div.relimg2 img	{ display:block;
					  width:253px;
					  height:181px;
					  margin:0px;
					  padding:0px 0px; }

		div.middle p	{ padding:0px 0px 0px 15px;
				  color:#333;
				  font:11px/16px arial, verdana, sans-serif; }

	div.right	{ float:left;
				  display:block;
				  width:175px;
				  margin:0px 0px 0px 0px;
				  padding:0px 0px 0px 0px; }

		div.right div.rellinks	{ float:right;	
					  display:block;
					  width:219px;
					  margin:0px -40px 0px 0px;
					  padding:0px;
					  z-index:12150;  }

			div.right div.rellink	{ display:block;
						  width:219px;
						  height:41px;
						  margin:5px 0px 10px 0px;
						  padding:0px;
						  z-index:12150; 
						  background: url(../images/rellinkbg2.png) no-repeat 0px 0px; }

				div.right div.forie	{ display:block;
							  width:209px;
							  height:32px;
							  margin:0px;
							  padding:0px 0px 0px 10px;  }
	
					div.right div.rellink a	{ position:relative !important;
								  display:block;
								  padding:0px 0px 0px 15px;
								  font:bold 14px/40px arial, verdana, sans-serif; 
								  background: url(../images/rellink.gif) no-repeat 0px center;  }

		div.right p	{ color:#333;
				  font:12px/18px arial, verdana, sans-serif; }


	div.logos	{ clear:both;
			  display:block;
			  margin:0px;
			  padding:0px 0px 0px 41px; }
		div.left div.logos	{ padding:0px; }

		div.logos img	{ float:left;
				  display:block;
				  margin:0px;
				  padding:0px 10px 4px 0px; }

		div.logos p	{ float:left;
				  display:block;
				  margin:0px;
				  padding:0px 10px 0px 0px;
				  color:#333;
				  font:11px/20px arial, verdana, sans-serif; }

		div.logos a	{ color:#333;
				  font:11px/20px arial, verdana, sans-serif; }



        .ortercols{ margin: 0px 0px 27px 0px; height: 196px;}

		ul.orter	{ display:block;
				  width:87px;
				  margin:0px;
				  padding:10px 0px 0px 0px;
				  list-style:none; 
				  float:left;}

			ul.orter li	{ margin:0px;
					  padding:0px; }
	
				ul.orter li a	{ display:block;
						  margin:0px;
						  padding:2px 0px 2px 20px;
						  background:  url(../images/rellink2.gif) no-repeat 0px center; }
						  
					.ortercols ul.orter li a { padding: 0px 0px 0px 20px; }

		ul.laddaner	{ display:block;
				  margin:0px;
				  padding:5px 10px 0px 0px;
				  list-style:none; }

			ul.laddaner li	{ margin:0px;
					  padding:0px; }
	
				ul.laddaner li a	{ display:block;
							  margin:0px;
							  padding:0px 0px 0px 20px;
							  background:  url(../images/rellink2.gif) no-repeat 0px center; }
				ul.laddaner li a span	{ color:#333; }


	div.mainbg { float:left;
		     display:block;
		     width:1000px;
		     margin:-72px 0px 0px 0px;
		     padding:0px 0px 23px 0px;
		     position:relative;
		     z-index:100;
		     background: url(../images/maintextbg.png) no-repeat 0px bottom; }
	 			 
		div.mainbg2 { float:left;
			      display:block;
			      width:976px;
			      margin:0px 14px;
			      position:relative;
			      z-index:100;
			      background: url(../images/mainimgbg2.jpg) no-repeat 0px 0px; }
				 
		div.mainbgforie { display:block;
						 width:1000px;
						 margin:0px 0px 0px 0px;
						 padding:0px 0px 0px 0px; }




        .rellinkleft {
            background: url(../images/rellinkleftbg.png) no-repeat 0px 0px !important;
            left: -15px;
            right: auto !important;
        }
        
        .rellinkleft .forie {
            padding-left: 23px;
        }
        .rellinkleft .forie a {
            background: url(../images/rellinkleft.gif) no-repeat 0px center !important;
        }

		div.maintext { float:left;
					   display:inline;
					   width:450px;
					   margin:90px 0px 0px 350px;
					   padding:0px 0px 20px 0px;
					   position:relative;
					   z-index: 2000;}
					   
        .newsletter {
            width: 610px !important;
            padding: 0 10px 20px 0 !important;
			min-height: 500px !important;
        }
		
		div.freecontent {
		   margin-left: 43px !important;
		   margin-right: 43px !important;
		   width: 886px !important;
		}
		
		.freecontent h1 {
		    margin-bottom: 0;
		}
		
		.stugmodell {
		    display: block;
		    float:left;
		    width: 432px;
		}
		
		.stugmodellbild {
		    float:left;
		    width: 225px;
		}
		
		.stugmodellbeskrivning {
		    float: left;
		    width: 195px;
		    padding-top: 26px;
		    padding-right: 12px;
		}
		
		.stugmodellbeskrivning h2 {
		    font-size: 12px;
		    font-weight: bold;
		    margin-bottom: 2px;
		}
		
		.lanklista2 h3,
		.stugmodellbeskrivning h3 {
			font-size: 12px;
		    font-weight: normal;
		    margin-bottom: 2px;
		    color: #000;
		}
		
		.lanklista2 h3 span ,
		.stugmodellbeskrivning h3 span {
		    color: #000;
		}
		
		.stugmodellbeskrivning p {
		    font-size: 12px;
		    margin-bottom: 11px;
		}
		
		.stugmodell img.planritningar {
		    padding: 9px 10px 10px 9px;
		    width: 194px;
		    height: 181px;
		    display: block;
		    background: url("../images/stugabg.png") repeat-x scroll 0 0 transparent;
		}
		
		.stugmodell p a ,
		.stugmodell p a span {
		    font-size: 10px !important;
		    line-height: 7px !important;
		    color: #000;
		}
		
		.stugmodell p a img {
		    padding: 5px 0px;
		}
		
		.stugmodell td a {
		    margin-bottom: 0 !important;
		}

		.lanklista2 td a,
		.lanklista td a { display:block;
						  margin:0px 0px 10px 0px;
						  padding:0px 0px 0px 15px;
						  background: url(../images/link.png) no-repeat 0px center;  }

		.lanklista2 td a {
					margin:0px;
		}
						  
		div.map	{ position:absolute;
			  bottom:22px;
			  left:14px;
			  display:block;
			  margin:0px;
			  padding:0px;
			  z-index:-200;
			  width: 758px;
			  height: 248px;
			  background: url(../images/map.gif) no-repeat 0px 0px;  }

		.polaroids	{ position:absolute;
						  top:90px;
						  left:-23px;
						  display:block;
						  width:369px;
						  height:303px;
						  margin:0px;
						  padding:0px;
						  z-index:1100;
						  /*background: url(../images/polaroids.png) no-repeat 0px 0px*/;  }
						  
		.sweden	{ position:absolute;
				  top:60px;
				  left:83px;
				  display:block;
				  width:174px;
				  height:303px;
				  margin:0px;
				  padding:0px;
				  /*background: url(../images/sweden.png) no-repeat 0px 0px;*/  }
				  
		.sverige	{ position:absolute;
				  top:60px;
				  left:30px;
				  display:block;
				  width:274px;
				  height:308px;
				  margin:0px;
				  padding:0px;}
		.broschyr, 
		.broschyr1, 
		.broschyr2, 
		.broschyr3, 
		.broschyr4, 
		.broschyr5, 
		.broschyr6, 
		.broschyr7, 
		.broschyr8, 
		.broschyr9, 
		.broschyr10, 
		.broschyr11, 
		.broschyr12, 
		.broschyr13, 
		.broschyr14, 
		.broschyr15
			{ position:absolute;
				  top:120px;
				  left:-40px;
				  display:block;
				  width:375px;
				  height:448px;
				  margin:0px;
				  padding:0px;}

		div.compass	{ position:absolute;
					  right:-20px;
					  bottom:-20px;
					  display:block;
					  width:193px;
					  height:180px;
					  margin:0px;
					  padding:0px;
					  background: url(../upl/images/137616.png) no-repeat 0px 0px;  }


		div.maintext2 { float:left;
			        display:block;
			        width:880px;
			        height:302px;
			        margin:0px 0px 0px 45px;
			        padding:0px 0px 0px 0px;
				position:relative;
				z-index:50; }




	/*	div.contactcol { float:left;
						 display:inline;
						 width:445px;
						 min-height:272px;
						 margin:0px;
						 padding:0px 40px 0px 0px;
						 overflow:hidden; }

		div.contactcol2 { float:left;
						  display:inline;
						  width:465px;
						  min-height:272px;
						  margin:0px;
						  padding:0px;
						  overflow:hidden; }*/
						  
						  .contactcol2 fieldset {
						    margin: 10px 0;
						  }

       
        span.checkall {
        display: block;
        margin: 2px 5px;
        height: 18px;
        }
        
        span.checkall input,
        input[type=checkbox] {
        margin-right: 5px;}

        .contactcol .textfields label {
            display: block;
            width: 126px;
            float: left;
            margin:0px 10px 5px 0px;
        }
        
        .contactcol2 label.box {
            display:block;
            width: 300px;
        }
        .contactcol2 label.box .formbox {
            float: right;
            width: 230px;
            height: 80px;
        }

			a.provhyra { text-decoration:underline;
				     color:#353434;
				     font:italic 10px arial, verdana, sans-serif; }


		div.skicka	{ position:absolute;
				  right:23px;
				  bottom:0px;
				  display:block;
				  width:135px;
				  height:46px;
				  margin:0px;
				  padding:0px;
				  background: url(../images/skicka.png) no-repeat 0px 0px;  }
					  
		div.skickaforie	{  display:block;
						   width:125px;
						   height:30px;
						   margin:0px;
						   padding:11px 0px 0px 10px; }

			div.skicka a	{ position:relative;
							  padding:0px 0px 0px 15px;
							  font:bold 16px arial, verdana, sans-serif; 
							  background: url(../images/rellink.gif) no-repeat 0px center;  }

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

	div.form { margin:10px 0px; }

		span.label { float:left;
			     display:block;
			     width:145px;
			     margin-bottom: 15px;
			     color:#252525;
			     font:12px/18px Arial, Verdana, Helvetica, sans-serif; }

		span.label2 { float:left;
			      display:block;
			      width:50px;
			      color:#252525;
			      font:12px/18px Arial, Verdana, Helvetica, sans-serif; }

		span.checklabel { float:left;
						  display:block;
						  width:145px;
						  margin:0px 0px 4px 5px;
						  color:#252525;
						  font:12px/18px Arial, Verdana, Helvetica, sans-serif; }
						 	   
		.formfield { float:left;
			     display:inline;
			     width:120px;
			     height:16px;
			     margin:0px 5px 0px 0px;
			     padding:3px 2px;
			     color:#252525;
			     position:relative;
			     font:12px/18px Arial, Verdana, Helvetica, sans-serif; }
	
		.formbox { float:left;
				   width:158px;
				   height:63px;
				   margin:0px 0px 10px 0px;
				   padding:3px 2px;
				   color:#252525;
				   position:relative;
			  	   font:12px/18px Arial, Verdana, Helvetica, sans-serif;  }		
									 
			.form .pink
{
    background-color: red;
    color: #fff;
}
			.form .yellow
{
    background-color: #FFFFCC;
}   

		/*.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; }	 */	
.formbtn {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .3em 1em .33em;
	/*text-shadow: 0 1px 1px rgba(0,0,0,.3);*/
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.formbtn:hover {
	text-decoration: none;
}
.formbtn:active {
	position: relative;
	top: 1px;
}

.formbtn {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.formbtn:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.formbtn:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}


		
		span.icon { float:left;
					display:inline;
					width:8px;
					margin:0px 0px 0px 5px;
					padding:3px 2px 0px 0px; }	
			
		.checklabel { float:left;
			      width:140px;
			      padding:2px 0px;
			      font:9px/15px Verdana, Arial, Helvetica, sans-serif; }
		.checklabel2 { float:left;
			       width:70px; 
			       font:9px/15px Verdana, Arial, Helvetica, sans-serif;}

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

	/*.html	{  width:460px;
		   margin:0px 0px;
		   display:block;
		   margin:0px auto;
		   background:#fff; }	*/

	div.tellafriend	{  margin:0px 0px;
			   display:block;
			   margin:0px auto;
			   position:relative;
			   background:#fff; }		
				   
	div.tellafriendpadding	{ margin:5px;
				  padding:10px;
				  border:1px solid #e0e1de; }		
						  
		div.tellafriend h1 { margin:0px 0px 5px 0px;
				     padding:0px;
				     color:#60a3d2;
				     font:bold 28px arial, verdana, sans-serif; }

        div.tellafriendpadding .message {
            margin-top: 15px;
            padding: 5px;
            border-width: 1px;
            border-style: solid;
        }
        
        div.tellafriendpadding .failure {
            background-color: #F7A8A8;
            border-color: #F44E4E;
        }
        
        div.tellafriendpadding .success {
            background-color: #A8F4AF;
            border-color: #5BF24D;
        }

        div.tellafriend p {
            margin-bottom: 0px;
        }
		div.html h1 { margin:0px 0px 5px 0px;
			      padding:0px;
			      color:#60a3d2;
			      font:bold 28px arial, verdana, 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:205px;
						     margin:0px;
						     padding:2px 0px 0px 0px;
						     color:#252525; }	

			div.tellafriend span.icon { float:left;
						    display:inline;
						    width:8px;
						    margin:0px 5px 0px 0px;
						    padding:8px 2px 0px 0px; }	
			
			div.tellafriend .formfield { width:180px;
						     height:16px;
						     margin:0px 14px 12px 0px;
						     padding:2px 2px;
						     color:#252525;
						     font:12px Arial, Verdana, Helvetica, sans-serif; }
			div.tellafriend .formfield2 { width:220px;
						      height:16px;
						      margin:0px 0px 12px 0px;
						      padding:2px 2px;
						      color:#252525;
						      font:12px Arial, Verdana, Helvetica, sans-serif; }
										 
						div.tellafriend .pink { background:#fee7e7; }
						div.tellafriend .yellow { background:#fefee7; }

			div.tellafriend .formfieldlong { width:420px;
							 height:16px;
							 margin:0px 14px 5px 0px;
							 padding:2px 2px;
							 color:#252525;
							 font:12px Arial, Verdana, Helvetica, sans-serif; }

			div.html span.label { float:left;
					      display:inline;
					      width:205px;
					      padding:2px 0px 0px 0px;
					      color:#252525; }	

			div.html span.icon { float:left;
										display:inline;
										width:8px;
										margin:0px 5px 0px 0px;
										padding:8px 2px 0px 0px; }	
			
			div.html .formfield { width:180px;
						     height:16px;
						     margin:0px 14px 12px 0px;
						     padding:2px 2px;
						     color:#252525;
						     font:12px Arial, Verdana, Helvetica, sans-serif; }
										 
						div.tellafriend .pink { background:#fee7e7; }
						div.tellafriend .yellow { background:#fefee7; }
									
			div.tellafriend .formbtn { float:right;
						   margin:0px 20px 0px 0px;
					   	   padding:0px; 
						   color:#60a3d2;
						   font:bold 12px Arial, verdana,  Helvetica, sans-serif;
						   border:none;
						   background:none;
						   clear: both;
						   display:block;}
			div.html .formbtn { float:right;
					    margin:0px 0px 0px 0px;
					    padding:0px; 
					    color:#60a3d2;
					    font:bold 12px Arial, verdana,  Helvetica, sans-serif;
					    border:none;
					    background:none; }
										
	div.tellafriendshare	{ padding:5px 15px 10px 15px; text-align:center; }
							  
		div.tellafriendshare p	{ color:#535353 !important; }
        div.tellafriendshare p a img { display: inline-block; margin: 0px 0px -3px 5px; }
								  
							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.tellafriend ul { clear:both;
			     margin:6px 0px;
		    	     padding:0px; 
			     list-style:none; }
	
		div.tellafriend li { margin:0px;
			    	     padding:0px;  }

			div.tellafriend li a { margin:0px;
				    	       padding:0px 0px 0px 20px;
					       font-weight:bold; 
					       background: url(../images/rellink.gif) no-repeat 0px center;  }


	div.tellafriend hr	{ height:1px;
				  margin:6px 0px 0px 0px;
				  border:none;
				  background: #e0e1de; }	


	div.kalkylright { float:right;	
			  display:block;
			  width:313px;
			  margin:0px 0px 10px 20px; }

		div.kalkylright ul { clear:both;
			    	     margin:0px 0px 10px 10px;
				     padding:0px; 
				     list-style:none; }
	
			div.kalkylright li { margin:0px;
				    	     padding:0px;  }
	
				div.kalkylright li a { margin:0px;
						       font-weight:bold;   }

			div.kalkylright p { margin:0px 0px 0px 10px; }
			div.kalkylright p.antalstugor { width:150px; }
			div.kalkylright p.antalstugor span { float:right; }

	div.stugmodellerleft p  { width:550px;
			       margin:0px; }

	div.kvitto { display:block;
		     width:313px;
		     margin:0px;
		     padding:0px; }

		div.kvittotop { display:block;
			    	width:313px;
			        height:14px;
				margin:0px;
			        padding:0px; 
				background: url(../images/kvittotop.png) no-repeat 0px 0px; }

		div.kvittobg { display:block;
			       width:263px;
			       margin:0px;
			       padding:10px 25px; 
			       background: url(../images/kvittobg.png) repeat-y; }

	
			div.kvittobg h2 { color:#000;
				          font:bold 14px arial, verdana, sans-serif; }

			span.kvittoleft { float:left;
					  display:block;
				          width:190px;
				          margin:0px;
				          padding:2px 0px;
				          color:#000;
				          font:12px arial, verdana, sans-serif;   }

			span.kvittoright { float:left;
					   display:block;
				           width:65px;
				           margin:0px;
				           padding:2px 0px; 
					   text-align:right;
				           color:#000;
				           font:12px arial, verdana, sans-serif; }

		div.kvittobottom { display:block;
			    	   width:313px;
			           height:14px;
				   margin:0px;
			           padding:0px; 
				   background: url(../images/kvittobottom.png) no-repeat 0px 0px; }


	ul.jobblista { margin:0px;
		       padding:0px 0px 5px 0px !important; 
		       list-style:none; }
	
		ul.jobblista li { float:left;
				  margin:0px;
			    	  padding:0px 10px 0px 0px;  }

			ul.jobblista li a { margin:0px;
				    	    padding:0px 0px 0px 20px;
					    font-weight:bold; 
					    background: url(../images/arrow.png) no-repeat 0px center;  }

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

	
		div#footer { clear:both;
			     display:block;
			     width:1000px;
			     margin:0px auto;
			     padding:0px 0px 16px 0px;
			     text-align:center;	}

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

				div#footer li {	display:inline;
			      			margin:0px;
		    	  			padding:0px 5px;
		    	  			font-weight: normal;}
 
					div#footer a { height:43px;
			    	  		       margin:0px;
						       text-decoration:none;
				      		       color:#fff;}
						

						div#footer a:hover { color:#c1bfbd; }
						div#footer a.active { color:#c1bfbd; }

		div#footer p { color:#fff;
			       font: 12px Arial, Verdana, sans-serif;  }

	
		div#footer strong { color:#fff;
			            font: 12px Arial, Verdana, sans-serif;
			            text-transform: uppercase;
			            font-weight: bold; }

		div#footer li { color:#fff;
			        font: 11px Arial, Verdana, sans-serif;  }
			
		div#footer a { text-decoration:none;
			       color:#fff;  }
	

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

* html .hojd {
	height: 280px;
}

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

* html .mainhojd {
	height: 258px;
}
/* for understanding browsers */
.mainhojd2 {
	min-height:308px; 
	height:auto;
}
/* for Internet Explorer */

* html2 .mainhojd {
	height: 308px;
}

br.innova {
    display:none;
}

#planritningar1, #planritningar2 {
    display: none;
}

.planritning {
    margin: 10px;
    border: solid 1px #ddd;
    padding: 10px;
}

.planritning h1 {
    font-size: 18px !important;
    }

.planritning h2 {
    font-size: 16px !important;
    margin-bottom: 8px;
    }

.planritning h2 span { font: 16px/19px arial,verdana,sans-serif; color:#000; }


.magazine {
    position: absolute;
    top: 400px;
    left: 50px;
    width: 250px;
}

.magazine img {
    float:left;
}

.magazine p {
    padding-top: 18px;
    padding-left: 90px;
}

.magazinepuff {
    position:absolute;
    top: 70px;
    left: 20px;
    width: 300px;
}

.magazinepuff img {
    float:left;
}

.magazinepuff p {
    color: White;
    padding-top: 105px;
    font-weight: bold;
	font: bold 12px/15px arial,verdana,sans-serif;
}

.magazinepuff p a {
    color: White;
    text-decoration: underline;
}

.relimages-thumbs {
    margin-top: 15px;
    margin-left: -5px;
}


.relimages-thumbs a { 
    display: block;
    width: 292px;
    height: 199px;
    padding: 10px 0 0 10px;
    background: url("../images/relimgbg.png") no-repeat center top;
    float: left;
}


.clickable { cursor: pointer; }
.clickable:hover a { text-decoration: underline; }

.validation { color: Red; margin: 15px 0 0 0; width: 240px; }


div#container div.contactform 
{
    display: block;
    width: 893px;
    height: 172px;
    margin: 0px 0px 0px 41px;
    overflow: hidden;
    background: url("../images/contact/contact-bg.png") no-repeat;
    position: relative;
    color: #333;
}

div#container div.contactform ul.contact-navigation 
{
    list-style: none;
    margin: 17px 0 0 0;
    padding: 0;
    width: 159px;
    float: left;
}

div#container div.contactform ul.contact-navigation li 
{
    background: url("../images/contact/arrow-blue.png") no-repeat;
    padding: 0 0 0 20px;
    margin: 0 0 0 12px;
    display: block;
    height: 28px;
}

div#container div.contactform ul.contact-navigation li a 
{
    color: #333;
    text-decoration: none;
}

div#container div.contact-newsletter-active     { background: url("../images/contact/contact-bg.png") no-repeat 0px -172px; }
div#container div.contact-interest-active       { background: url("../images/contact/contact-bg.png") no-repeat 0px -344px; }
div#container div.contact-demonstration-active  { background: url("../images/contact/contact-bg.png") no-repeat 0px -516px; }
div#container div.contact-tryout-active         { background: url("../images/contact/contact-bg.png") no-repeat 0px -688px; }

div#container div.contactform div.module-container 
{
    position: absolute;
    top: 8px;
    left: 166px;
    display: none;
    width: 708px;
}

div#container div.contact-newsletter-active div#contact-newsletter,
div#container div.contact-interest-active div#contact-interest,
div#container div.contact-demonstration-active div#contact-demonstration,
div#container div.contact-tryout-active div#contact-tryout
{
    display: block;
}


div#container div.contactform div.module-container div.contact-top
{
    font-weight: bold;
    margin: 0 0 5px 0;
    line-height: 16px;
}

div#container div.contactform div.module-container div.contact-column 
{
    display: block;
    float: left;
    margin: 0px 20px 0px 0px;
}

div#container div.contactform div.module-container input,
div#container div.contactform div.module-container textarea 
{
    height: 21px;
    line-height: 21px;
    padding: 0px 3px;
    resize: none;
}

div#container div.contactform div.module-container table input
{
    height: auto;
    line-height: inherit;
    padding: 0px;
}






div#container div.contactform div#contact-newsletter div.contact-top 
{
    margin: 0 0 16px 0;
}

div#container div.contactform div#contact-newsletter div.column-1
{
    width: 139px; 
    height: 94px;
}

div#container div.contactform div#contact-newsletter div.column-1 input
{
    width: 129px;
}

div#container div.contactform div#contact-newsletter div.column-2
{
    height: 94px;
}

div#container div.contactform div#contact-newsletter div.column-2 h4
{
    
}

div#container div.contactform div#contact-newsletter div.column-2 table
{
    width: 525px;
    margin: 5px 0 0 0;
}





div#container div.contactform div#contact-interest div.column-1,
div#container div.contactform div#contact-interest div.column-2,
div#container div.contactform div#contact-interest div.column-3,
div#container div.contactform div#contact-interest div.column-4
{
    width: 84px; 
    height: 118px;
    margin: 0px 10px 0px 0px;
}

div#container div.contactform div#contact-interest div.column-3
{
    width: 122px;    
}
div#container div.contactform div#contact-interest div.column-4
{
    width: 365px;
}

div#container div.contactform div#contact-interest div.column-1 input,
div#container div.contactform div#contact-interest div.column-2 input
{
    width: 74px;
    margin: 0 0 6px 0;
}

div#container div.contactform div#contact-interest div.column-3 textarea
{
    width: 112px;
    height: 108px;
}

div#container div.contactform div#contact-interest div.column-4 h4
{
    
}

div#container div.contactform div#contact-interest div.column-4 table
{
    width: 365px;
    margin: 7px 0 0 0;
}

div#container div.contactform-error 
{
    color: red;
    margin: 0 0 0 207px;
}






div#container div.contactform div#contact-demonstration
{
    
}

div#container div.contactform div#contact-demonstration div.column-1,
div#container div.contactform div#contact-demonstration div.column-2,
div#container div.contactform div#contact-demonstration div.column-3,
div#container div.contactform div#contact-demonstration div.column-4
{
    width: 84px; 
    height: 118px;
    margin: 0px 10px 0px 0px;
}

div#container div.contactform div#contact-demonstration div.column-3
{
    width: 122px;    
}
div#container div.contactform div#contact-demonstration div.column-4
{
    width: 194px;
}

div#container div.contactform div#contact-demonstration div.column-1 input,
div#container div.contactform div#contact-demonstration div.column-2 input
{
    width: 74px;
    margin: 0 0 6px 0;
}

div#container div.contactform div#contact-demonstration div.column-3 textarea
{
    width: 112px;
    height: 108px;
}

div#container div.contactform div#contact-demonstration div.column-4 h4
{
 
}
div#container div.contactform div#contact-demonstration div.column-4 p
{
    line-height: 16px;
}

div#container div.contactform div#contact-demonstration div.column-4 table
{
    width: 365px;
    margin: 5px 0 0 0;
}







div#container div.contactform div#contact-tryout
{
    
}

div#container div.contactform div#contact-tryout div.column-1,
div#container div.contactform div#contact-tryout div.column-2,
div#container div.contactform div#contact-tryout div.column-3,
div#container div.contactform div#contact-tryout div.column-4
{
    width: 84px; 
    height: 118px;
    margin: 0px 10px 0px 0px;
}

div#container div.contactform div#contact-tryout div.column-3
{
    width: 122px;    
}
div#container div.contactform div#contact-tryout div.column-4
{
    width: 194px;
}

div#container div.contactform div#contact-tryout div.column-1 input,
div#container div.contactform div#contact-tryout div.column-2 input
{
    width: 74px;
    margin: 0 0 6px 0;
}

div#container div.contactform div#contact-tryout div.column-3 textarea
{
    width: 112px;
    height: 108px;
}

div#container div.contactform div#contact-tryout div.column-4 h4
{
    
}

div#container div.contactform div#contact-tryout div.column-4 table
{
    width: 365px;
    margin: 5px 0 0 0;
}

div#container div.contactform div.module-container div.skicka
{
    right: -31px;
    bottom: -13px;
}



div.news-feed 
{
    display: block;
    width: 196px;
    height: 48px;
    position: absolute;
    background-image: url("../images/news-bg.png");
    right: -4px;
    bottom: -4px;
    padding: 29px 23px 32px 23px;
}

div.news-feed h2 
{
    display: block;
    height: 35px;
    width: auto;
    background-image: url("../images/pufflabel_red.png");
    background-repeat: no-repeat;
    position: absolute;
    top: -5px;
    left: -3px;
    
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    padding: 3px 18px 0 21px;
}

div.news-feed ul 
{
    display: block;
    width: 196px;
    height: 48px;
    position: relative;
    overflow: hidden;
}

div.news-feed ul li 
{
    display: block;
    width: 196px;
    height: 48px;

    color: #353434;
    line-height: 16px;
}

div.news-feed ul li h3
{
    display: inline;
    color: #353434;
}

div.news-feed div.nav
{
    text-align: center;
    height: 7px;
    width: 196px;
    position: absolute;
    bottom: 20px;
    line-height: 0;
}

div.news-feed div.nav a 
{
    display: inline-block;
    width: 7px;
    height: 7px;
    text-indent: -9999px;
    background: url("../images/news-dots.png") 0px -7px;
    margin: 0px 3px 0px 0px;
}

div.news-feed div.nav a.active 
{
    background: url("../images/news-dots.png") 0px 0px;
}




/* ------------------------------------------------
	KAMPANJ
-------------------------------------------------*/

body.kampanj 
{
    background: #fff url(../images/bg.png) no-repeat center top; 
}

body.kampanj div#startbg2 
{
    height:437px;
    background: url(../images/startbg2.png) no-repeat center 0px;
}
			    
body.kampanj div#startbg h1 
{
    width:732px;
    padding:0px 40px 0px 200px;
    color:#748593;
    text-align:right;
    font:bold 46px/56px arial, verdana, sans-serif; 
}
			    
body.kampanj div#startbg2 h1 span  
{
    display: block;
    position:absolute;
    top:-1px;
    left:-1px;
    display:block;
    width:732px;
    text-align:right;
    padding:0px 40px 0px 200px;
    color:#fff;
    font:bold 46px/56px arial, verdana, sans-serif; 
}

body.kampanj div#starttext	
{ 
    position:absolute;
    bottom:-8px;
    left:-35px;
    display:block;
    width:566px;
    height:286px;
    margin:0px;
    padding:0px;
    background:url(../images/starttextbg.png) no-repeat 0px 0px; 
}

body.kampanj div#starttextie	 
{
    display:block;
    width:516px;
    height:125px;
    margin:0px;
    padding:161px 0px 0px 50px; 
}

body.kampanj div#reservera	 
{
    display:block;
    width:388px;
    height:34px;
    margin:0px;
    padding:2px 10px 2px 105px;
}

body.kampanj div#reservera p	 
{
    letter-spacing:-1px;
    color:#eaeaeb;
    font:bold 14px/16px arial, verdana, sans-serif;
}

body.kampanj div#ledigastugor	 
{
    display:block;
    width:491px;
    height:38px;
    margin:0px;
    padding:0px 10px;
}

body.kampanj div#ledigastugor p	 
{
    letter-spacing:-1px;
    color:#333;
    font:bold 14px/38px arial, verdana, sans-serif;
}

body.kampanj div#ledigastugor a	 
{
    position:relative;
    display:block;
    letter-spacing:-1px;
    color:#333;
    font:bold 14px/38px arial, verdana, sans-serif;
}

body.kampanj div#ledigastugor span	 
{
    color:#6699cc;
    font:bold 22px/38px arial, verdana, sans-serif;
}

body.kampanj div#ledigastugor strong	 
{
    color:#6699cc;
    font:bold 14px/38px arial, verdana, sans-serif;
}

body.kampanj div#ledigastugor a:hover	 
{
    text-decoration:none;
    color:#6699cc;
}

div#maintop	 
{
    display:block;
    width:auto;
    height:130px;
    margin:30px auto 0px auto;
    padding:0px;
    background: url(../images/maintop.png) no-repeat center top;
}

div#mainwhitetop	 
{
    display:block;
    width:972px;
    height:100px;
    margin:30px auto 0px auto;
    padding:0px;
    background: url(../images/mainwhitetop.png) no-repeat 0px 0px;
}

body.kampanj div#mainwhitetop	 
{
    margin:0px auto;
}	

div#mainwhitebg	 
{
    clear:both;
    display:block;
    width:auto;
    margin:0px;
    padding:0px;
    background: url(../images/mainwhitebg.png) repeat-y center top;
}
					  
div#mainwhitebgcenter	 
{
    clear:both;
    display:block;
    width:972px;
    margin:0px auto;
    padding:0px;
}

div.kampanjimg	 
{
    position:absolute;
    bottom:0px;
    left:50%;
    display:block;
    width:972px;
    height:439px;
    margin:0px 0px 0px -486px;
    background: url(../images/kampanjimgbg.png) no-repeat center bottom;
}

div#mainwhite	 
{
    clear:both;
    position:relative;
    display:inline-block;
    margin:-86px 0px 0px 0px;
    padding:0px; 
    min-height: 365px;
}	

div.kampanjleft	 
{
    float:left;
    display:block;
    width:510px;
    margin:0px;
    padding:0px 30px;
}

div.kampanjleft	h1	 
{
    position:relative;
    color:#748593;
    font:bold 32px arial, verdana, sans-serif;
}
	
div.kampanjleft	h1 span	 
{
    position:absolute;
    top:-1px;
    left:-1px;
    color:#fff;
    font:bold 32px arial, verdana, sans-serif;
}

div.kampanjleft ul	 
{
    float:left;
    display:block;
    width:115px;
    margin:0px;
    padding:0px 10px 0px 0px;
    list-style:none;
}

div.kampanjleft li	 
{
    width:115px;
    margin:0px;
    padding:0px;
}
	
div.kampanjleft li a	 
{
    display:block;
    width:95px;
    margin:0px;
    padding:1px 0px 1px 20px;
    text-decoration:underline;
    color:#000;
    background:  url(../images/green.png) no-repeat 0px center;
}

div.kampanjleft ul.stugor3 { width:160px; }
div.kampanjleft ul.stugor3 li { width:160px; }
div.kampanjleft ul.stugor3 li a { width:140px; }

div.kampanjleft li.yellow a	 
{
    text-decoration:none;
    color:#666;
    cursor:default;
    background:  url(../images/yellow.png) no-repeat 0px center;
}

div.kampanjleft li.red a	 
{
    text-decoration:none;
    color:#666;
    cursor:default;
    background:  url(../images/red.png) no-repeat 0px center;
}
	
div.kampanjright	 
{
    float:left;
    display:block;
    width:380px;
    margin:0px;
    padding:0px 0px 0px 0px;
}

div.kampanjstugor	 
{
    position:relative;
    display:block;
    width:388px;
    height:291px;
    margin:0px;
    padding:0px;
    background:  url(../images/kampanjstugorbg.png) no-repeat 0px 0px;
}

div.kampanjstugor img	 
{
    position:absolute;
    top:15px;
    left:15px;
    display:block;
    width:358px;
    height:264px;
    margin:0px;
    padding:0px;
}

div.kampanjright p	 
{
    padding:0px 0px 0px 12px;
}


p.antalstugor  	 
{
    letter-spacing:-1px;	
    color:#333;
    font:bold 14px/18px arial, verdana, sans-serif;
}

p.antalstugor  span	 
{
    color:#6699cc;
    font:bold 34px/38px arial, verdana, sans-serif;
}

div.kampanjright div.rellinks	 
{
    float:right;	
    display:block;
    width:165px;
    margin:0px -40px 0px 0px;
    padding:0px;
    z-index:12150;
}

div.kampanjright div.rellink	 
{
    display:block;
    width:165px;
    height:41px;
    margin:0px;
    padding:0px;
    z-index:12150; 
    background: url(../images/rellinkbg.png) no-repeat 0px 0px;
}

div.kampanjright div.forie	 
{
    display:block;
    width:155px;
    height:32px;
    margin:0px;
    padding:0px 0px 0px 10px;
}
		
div.kampanjright div.rellink a	 
{
    position:relative !important;
    display:block;
    padding:0px 0px 0px 15px;
    font:bold 14px/40px arial, verdana, sans-serif; 
    background: url(../images/rellink.gif) no-repeat 0px center;
}
		
div#mainbottom	 
{
    display:block;
    width:auto;
    height:303px;
    margin:0px auto;
    padding:0px;
    background: url(../images/mainbottom.png) no-repeat center top;
}

div#mainwhitebottom	 
{
    display:block;
    width:972px;
    height:5px;
    margin:0px auto;
    padding:0px;
    background: url(../images/mainwhitebottom.png) no-repeat 0px 0px;
}

body.kampanj div#topmenu a 
{
    color: #fff;
}

body.kampanj div#topmenu a:hover
{
    color: #69C;
}

body.kampanj div.breadcrumbs a  
{
    color: #fff;
}

body.kampanj div.breadcrumbs li  
{
    background: url("../images/crumb_white.png") no-repeat scroll 0 center transparent;
}
    
div.kampanjtop	 
{
    display:block;
    width:441px;
    height:10px;
    margin:4px 0px 0px 0px;
    padding:0px;
    background: url(../images/kampanjtop.png) no-repeat 0px 0px;
}

div.kampanj	 
{
    display:block;
    width:421px;
    margin:0px;
    padding:0px 10px;
    background: url(../images/kampanjbg.png) repeat-y;
}

div.kampanj a	 
{
    position:relative !important;
    display:block;
    padding:0px 0px 0px 15px;
    font:bold 12px/20px arial, verdana, sans-serif; 
    background: url(../images/arrow.png) no-repeat 0px center;
}


div.kampanjbottom	 
{
    display:block;
    width:441px;
    height:10px;
    margin:0px 0px 25px 0px;
    padding:0px;
    background: url(../images/kampanjbottom.png) no-repeat 0px 0px;
}

body.kampanj div#footer a  
{
    color:#0f1f2d;
}
							  
body.kampanj div#footer p   
{
    color:#0f1f2d;
}

body.kampanj div#footer strong   
{
    color:#0f1f2d;
}

body.kampanj div#footer li   
{
    color:#0f1f2d;
}

body.kampanj div#footer a   
{
    color:#0f1f2d;
}