/* ------------------------------------------------
	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
-------------------------------------------------*/
html, body, form { margin:0;
				   padding:0;
				   height:100%; }



body 	{ color: #5b5b5b;
	  font: 13px "trebuchet ms", Verdana, Arial, sans-serif;
	  margin:0px;
	  padding:0px;
	  background: url(../images/bg2.png);	}

p	{ font: 13px "trebuchet ms", Verdana, Arial, sans-serif;
	  line-height:20px;	}

span	{ font: 13px "trebuchet ms", Verdana, Arial, sans-serif;
	  line-height:18px;	}

div	{ font: 13px "trebuchet ms", Verdana, Arial, sans-serif;
	  line-height:18px;	}

table, table p	{ font: 13px "trebuchet ms", Verdana, Arial, sans-serif;
	  line-height:18px;
	  color:#606060;	}

tr, tr p	{ font: 13px "trebuchet ms", Verdana, Arial, sans-serif;
	  line-height:18px;
	  color:#606060;	}

td, td p	{ font: 13px "trebuchet ms", Verdana, Arial, sans-serif;
	  line-height:18px;
	  color:#606060;	}




h1 	{ font: 24px "trebuchet ms", arial, Verdana, sans-serif;
	  color: #4a4a4a;	
	  margin-bottom: 20px;
	  font-weight: normal;	}

h2 	{ font-size: 14px; 
	  color: #606060;	
	  margin-bottom: 5px;
	  font-weight: normal;	}

h3 	{ font-weight:bold;	}

a 	{ color:#5d5b8d;
	  text-decoration: none;	}
a:hover { text-decoration:underline;	}

img	{ border: 0px solid; 	}

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


div#containerbg	{  position:absolute;
		   width:100%;
		   left:0%;
		   right:0%;
		   height:234px;
		   bottom:0px;
		   z-index:1;
		   background: url(../images/bottombg.png) repeat-x; }



div#container	{ position:relative;
		  z-index:2;
		  width:971px;
		  margin:0px auto;
		  height:auto;	}
		  
/* ------------------------------------------------
	form
-------------------------------------------------*/	


			
	.textfield { margin:1px 0px;
			     border:1px solid #5d5b8d;
			     background:#fff; }	
				 
	.textarea  { width:305px;
				 margin:1px 0px;
			     border:1px solid #5d5b8d;
			     background:#fff; }					 
					 

	.btn { float:right;
		   color:#fff;
	       text-align:center;
	       text-transform:none;
	       margin:0px 8px 0px 0px;
	       padding:1px 5px;
	       border:none;
	       background:#5d5b8d; }
					




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



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

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

	div#menu li {	margin:0px 0px 0px 0px;
      			padding:0 0 0 0px; }
	
	div#menu a {	display:block;
      			width:151px;
			padding:5px 36px;
      			text-decoration:none;
      			color:#7b7b7b;
      			
			font: 14px trebuchet ms, Arial, Verdana, sans-serif;
      			background:url('../images/rightnav.png') no-repeat right top; }

	div#menu li.active a { color:#000;
			     background: #eee6d7 url('../images/menupil.gif') no-repeat 205px 7px; }

	div#menu a:hover { color:#000;
			   background:#f2f2f2; }
			   
	div#menu ul ul li a {width:136px;
	    }
	    
	    div#menu ul li.active ul a {width:136px;background:none;
	    }
			   
	div#menu ul ul li {	margin:0px 0px 0px 0px;
      			padding:0 0 0 15px; }
      			
    div#menu ul ul li.active a { color:#000;
			     background: #fff9e8 url('../images/menupil.gif') no-repeat 190px 7px; }
	



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




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

div#maincontent	{ float:left;
		  display:block;
		  width:911px;
		  margin:0px;
		  padding:0px 0px 0px 0px; }	

div#maincontentbg	{ width:971px;
			  background: url('../images/mainbg.png') repeat-y;}	

	div#leftcol	{ float:left;
			  display:block;
			  width:223px;
			  padding:0px 0px 0px 0px; }
	
		div#logo	{ display:block;
				  width:223px;
				  height:184px;
				  padding:0px 0px 0px 0px; }

	div#rightcol	{ float:left;
			  display:block;
			  width:688px;
			  padding:0px 0px 0px 0px; }

		div#adress	{ display:block;
				  width:688px;
				  height:40px;
				  padding:25px 0px 0px 0px;
				  text-align:right; }

			div#adress p	{ line-height:18px !important;
					  color:#606060;
					  font: 11px helvetica, trebuchet ms, Arial, Verdana, sans-serif; }

			span.tel	{ font:bold 14px helvetica, trebuchet ms, Arial, Verdana, sans-serif; }

		div#mainimg	{ display:block;
				  width:688px;
				  height:443px;
				  padding:0px 0px 0px 0px; }

			div#mainimg img	{ display:block;
					  width:688px;
					  height:443px;
					  padding:0px 0px 0px 0px; }

		div#puffar	{ display:block;
				  width:688px;
				  margin:17px 0px 0px 0px;
				  padding:0px 0px 0px 0px; }

			div.puff	{ float:left;
					  display:block;
					  width:155px;
					  height:214px;
					  padding:0px 0px 0px 0px;
					  background:#f6f3ed url('../images/pil.png') no-repeat right bottom; }

			.puffmargin { margin:0px 17px 0px 0px; }

				div.puffimg	{ display:block;
						  width:155px;
						  height:103px;
						  margin:0px 0px 0px 0px;
						  padding:0px 0px 0px 0px;
						  border-bottom:4px solid #c6bfb3; }

					div.puffimg img	{ width:155px;
							  height:103px; }


				div.pufftext	{ display:block;
						  width:144px;
						  height:79px;
						  margin:0px 0px 0px 0px;
						  padding:12px 0px 12px 10px; }

					div.pufftext h2	{ margin:0px 0px 5px 0px;
							  padding:0px 0px 0px 0px;
							  color:#3c3b3a;
							  font: 18px trebuchet ms, Arial, Verdana, sans-serif; }

					div.pufftext p	{ line-height:18px !important;
							  color:#868481;
							  font: 11px trebuchet ms, Arial, Verdana, sans-serif; }

					div.pufftext a	{ line-height:18px !important;
							  color:#868481;
							  font: 11px trebuchet ms, Arial, Verdana, sans-serif;
							  border-bottom:1px solid #cfcbc2;
							  text-decoration:none; }

				div.pufftextover	{ display:block;
							  width:144px;
							  height:79px;
							  margin:0px 0px 0px 0px;
							  padding:12px 0px 12px 10px; }

					div.pufftextover h2	{ margin:0px 0px 5px 0px;
								  padding:0px 0px 0px 0px;
								  color:#3c3b3a;
								  font: 18px trebuchet ms, Arial, Verdana, sans-serif; }

					div.pufftextover p	{ line-height:18px !important;
								  color:#868481;
								  font: 11px trebuchet ms, Arial, Verdana, sans-serif; }

					div.pufftextover a	{ line-height:18px !important;
								  color:#868481;
								  font: 11px trebuchet ms, Arial, Verdana, sans-serif;
								  border-bottom:1px solid #6f6f6f;
								  text-decoration:none; }

		div#news	{ display:block;
				  width:688px;
				  margin:18px 0px 0px 0px;
				  padding:0px 0px 0px 0px; }

		div#pagenews	{ clear:both;
				  display:block;
				  margin:0px 0px 0px 0px;
				  padding:10px 0px 0px 0px; }

			div.newsitem	{ float:left;
					  display:block;
					  width:317px;
					  margin:0px 0px 10px 0px;
					  padding:0px 0px 17px 0px; }
			
			div.newsmargin { margin:0px 27px 0px 0px;
clear:left }

				div.newsimg	{ float:left;
						  display:block;
						  width:65px;
						  height:65px;
						  margin:0px 10px 0px 0px;
						  padding:0px 0px 0px 0px; }
			
					div.newsimg img	{ width:65px;
							  height:65px; }

				div.newstext	{ float:left;
						  display:block;
						  width:239px;
						  height:65px;
						  overflow: hidden;
						  margin:0px 0px 0px 0px;
						  padding:0px 0px 0px 0px; }

				div.newstextover	{ float:left;
							  display:block;
							  width:239px;
							  height:65px;
							  overflow: hidden;
							  margin:0px 0px 0px 0px;
							  padding:0px 0px 0px 0px; }
		
					span.pil { float:left;
						   display:block;
						   width:15px;
						   height:15px;
						   margin:4px 0px 0px 0px;
						   background: url('../images/pil.png') no-repeat right bottom; }

					span.nyhet { float:left;
						     display:block;
						     height:11px;
						     margin:4px 4px 0px 0px;
						     padding:2px 2px 2px 2px;
						     color:#fff;
						     font: 9px Verdana, trebuchet ms, Arial, sans-serif;
						     background: #a84431; }

					span.erbjudande { float:left;
						          display:block;
						          height:11px;
							  margin:4px 4px 0px 0px;
						          padding:2px 2px 2px 2px;
						          color:#fff;
						          font: 9px Verdana, trebuchet ms, Arial, sans-serif;
						          background: #494594; }


					div.newstext h2	{ display:block;
							  margin:0px 0px 0px 0px;
							  padding:0px 0px 0px 0px;
							  color:#3c3b3a;
							  font: 16px trebuchet ms, Arial, Verdana, sans-serif; }

					div.newstext p	{ float:left;	
							  display:inline;
							  line-height:20px !important;
							  color:#959595;
							  font: 11px trebuchet ms, Arial, Verdana, sans-serif; }

					div.newstextover h2	{ display:block;
								  margin:0px 0px 0px 0px;
								  padding:0px 0px 0px 0px;
								  color:#3c3b3a;
								  font: 16px trebuchet ms, Arial, Verdana, sans-serif; }

					div.newstextover p	{ float:left;	
								  display:inline;
								  line-height:20px !important;
								  color:#959595;
								  font: 11px trebuchet ms, Arial, Verdana, sans-serif; }

					span.newsdate	{ padding:0px 3px 0px 0px;
							  color:#d5d1c8;
							  font: bold 10px trebuchet ms, Arial, Verdana, sans-serif; }


					div.newstext a	{ color:#6f6f6f;
							  font: 11px trebuchet ms, Arial, Verdana, sans-serif;
							  text-decoration:none;
							  border-bottom:1px solid #c2c2c2; }

					div.newstextover a	{ color:#6f6f6f;
								  font: 11px trebuchet ms, Arial, Verdana, sans-serif;
								  text-decoration:none;
								  border-bottom:1px solid #6f6f6f; }

					  
div#right	{ float:left;
		  width:30px;  }

		div.boka	{ display:block;
					  width:170px;
					  margin:50px 0px 0px 17px;
					  padding:10px 10px 10px 10px;
					  background: url('../images/leftbg.png') no-repeat 0px bottom; }

			div.boka h2	{ font:16px "trebuchet ms", arial, verdana, sans-serif;
					  margin:0px 0px 10px 0px;
					  padding:0px 0px 0px 25px;
					  background: url('../images/boka.png') no-repeat 0px 0px; }
			div.boka p	{ font:12px "trebuchet ms", arial, verdana, sans-serif; }
			div#menu div.boka a	{ color:#5d5b8d;
						  text-decoration:none;
						  border-bottom:1px solid #302c78;
						  position:relative;
						  z-index:2446;
						  display:inline;
						  width:auto;
						  padding:0px;
						  font: 13px "trebuchet ms", Verdana, Arial, sans-serif;
						  background:none; }
			div.boka a:hover { text-decoration:none;
					   border-bottom:1px solid #c2c2c2; }

	  	   /*	div.boka blockquote { display: table;
					      height: 146px;
					      *display: block;
					      *position: relative;
					      border:none;
					      font-weight:normal;
					      line-height:22px !important;
					      font-size:12px; }			 
						
		 		div.boka blockquote span { display: table-cell;
							   vertical-align: BOTTOM;
							   *display: block;
							   *position: absolute;
							   *left: 0px;
							   *width: 100%;
							   line-height:22px !important;
							   *top: expression(this.parentElement.clientHeight - this.clientHeight / 2-23); }
									   
					div.boka blockquote span span { display: inline;
									vertical-align: baseline;
									position: relative;
									left: auto;
									width: auto;
									top:auto; }	*/
									
									
	div.leftbottom { display:block; }

	div.bottomleft	{ float:left;
					  display:block;
					  width:190px;
					  height:156px;
					  margin:-156px 0px 0px 0px;
					 *margin:-156px 0px 0px 0px;
					  padding:0px 0px 0px 47px; }


	
		div.kontakta	{ display:block;
						  width:170px;
						  height:156px;
						  margin:0px 0px 0px 0px;
						  padding:10px 10px 0px 10px;
						  background: url('../images/leftbg.png') no-repeat 0px bottom; }

			div.kontakta h2	{ font:16px "trebuchet ms", arial, verdana, sans-serif;
					  margin:0px 0px 10px 0px;
					  padding:0px 0px 0px 25px;
					  background: url('../images/kontakta.png') no-repeat 0px 0px; }
			div.kontakta p	{ font:12px "trebuchet ms", arial, verdana, sans-serif; }
			div.kontakta a	{ color:#5d5b8d;
					  text-decoration:none;
					  border-bottom:1px solid #302c78;
					  position:relative;
					  z-index:2446; }
			div.kontakta a:hover { text-decoration:none;
					       border-bottom:1px solid #c2c2c2; }

	  	   	div.kontakta blockquote { display: table;
								  	  height: 146px;
								  	  *height: 136px;
							          *display: block;
							          *position: relative;
							          font-size:12px;line-height:12px;
							          border:none;
							          font-weight:normal;
							          line-height:22px !important; }			 
							
		 		div.kontakta blockquote span { display: table-cell;
										       vertical-align: bottom;
										       *display: block;
										       *position: absolute;
										       *left: 0px;
										       *width: 100%;
										       line-height:22px !important;
										       *top: expression(this.parentElement.clientHeight - this.clientHeight / 2-30); }
											   
					div.kontakta blockquote span span { display: inline;
													    vertical-align: baseline;
													    position: relative;
													    left: auto;
													    width: auto;
													    top:auto; }
/* ------------------------------------------------
	pages
-------------------------------------------------*/

	div#relimgcontainer	{ display:block;
			  	  width:688px;
				  height:232px;
				  padding:0px;
				  margin:0px;
				  background:#000; }	

		div#ulvsundaimg	{ float:left;
				  display:block;background;#f00;
				  width:155px;
				  height:105px;
				  padding:0px;
				  margin:0px; }	

			div#ulvsundaimg img { width:155px;
					      height:105px;
					      padding:0px;
					      margin:0px 0px 0px 0px;}	

		div#valkommen	{ float:left;
				  display:block;
				  width:497px;
				  height:105px;
				  margin:0px;
				  padding:0px 18px;
				  background:#191919; }

			div#valkommen p	{ line-height:20px !important;
					  color:#ffffff;
					  font:14px "trebuchet ms", arial, verdana, sans-serif; }	


	  	   	div#valkommen blockquote { display: table;
					  	  height: 105px;
					          *display: block;
					          *position: relative;
					          font-size:12px;line-height:12px;
					          border:none;
					          font-weight:normal;
					          line-height:22px !important; }			 
						
		 		div#valkommen blockquote span { display: table-cell;
							       vertical-align: middle;
							       *display: block;
							       *position: absolute;
							       *left: 0px;
							       *width: 100%;
							       line-height:22px !important;
							       *top: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2); }
									   
					div#valkommen blockquote span span { display: inline;
									    vertical-align: baseline;
									    position: relative;
									    left: auto;
									    width: auto;
									    top:auto; }			


		div#relimg	{ float:left;
				  display:block;
				  width:500px;
				  height:110px;
				  padding:0px;
				  margin:0px; }	

		div#blue	{ float:left;
				  display:block;
				  width:188px;
				  height:110px;
				  padding:0px;
				  margin:0px;
				  /*background: url('../images/blue.png') no-repeat 0px 0px;*/
				  background-color:#000; }	


	div#mainleft	{ float:left;
					  display:block;
					  width:315px;
					  padding:30px 25px 30px 20px;
					  margin:0px;
					  overflow:hidden; }

		div#mainleft p	{ padding:0px 0px 15px 0px; }

	div#mainright	{ float:left;
					  display:block;
					  width:317px;
					  padding:0px;
					  margin:24px 0px 0px 0px; }

		div.ansvariga	{ float:left;
				  display:block;
				  width:273px;
				  padding:12px 17px;
				  margin:12px 0px 12px 0px;
				  border-top:4px solid #c6bfb3;
				  background: #f1eade url('../images/ansvarigbg.png') repeat-x; }

			div.ansvariga h2	{ margin;0px;
						  padding:0px;
						  color:#3c3b3a;
						  font-weight:normal;
						  font:18px "trebuchet ms", arial, verdana, sans-serif; }

			div.ansvariga p	{ line-height:18px !important;
					  margin;0px;
					  padding:0px 0px 10px 0px;
					  color:#918f8b;
					  font-weight:normal;
					  font:12px "trebuchet ms", arial, verdana, sans-serif; }

			div.ansvariga p.kontaktperson	{ color:#625f59; }

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

			div.ansvariga li	{ margin:0px;
						  padding:0px 0px 0px 25px;
						  background:  url('../images/pil.png') no-repeat 0px 3px; }

			div.ansvariga li.tipsa	{ margin:0px;
						  padding:0px 0px 0px 25px;
						  background: url('../images/tipsa.gif') no-repeat 0px 4px; }

			div.ansvariga a	{ color:#b1aeaa;
					  font:12px "trebuchet ms", arial, verdana, sans-serif;
					  text-decoration:none; }

			div.ansvariga a:hover	{ text-decoration:underline; }

		div#imgs	{ margin:12px 0px 0px 0px; }


		div.imgRoom	{ width:307px;
				  height:228px;
				  border:0px solid; }

			div.imgRoom img	{ width:297px;
					  height:228px;
					  border:0px solid; }




	div.konf	{ float:left;
			  display:block;
			  width:315px;}

		div.konfimg	{ float:left;
				  display:block;
				  width:150px; }

		div.konftext	{ float:left;
				  display:block;
				  width:150px;; }

	span.leftkonf	{ float:left;
			  display:block;
			  width:110px;  }

	span.rightkonf	{ float:left;
			  display:block;}

	span.lefthotell	{ float:left;
			  display:block;
			  width:150px;
			  margin:0px 0px 20px 0px;  }

	span.righthotell	{ float:left;
			 	  display:block;
				  margin:0px 0px 20px 0px; }

	div.prev	{ float:left;
			  display:block;
			  width:152px;
			  margin:20px 0px 20px 0px;
			  background: url(../images/prev.png) no-repeat 0px 0px;  }

	div.prev a	{ padding:3px 0px 3px 20px;  }

	div.next	{ float:left;
			  display:block;
			  width:152px;
			  margin:20px 0px 20px 0px;
			  text-align:right; 
			  background: url(../images/next.png) no-repeat right 0px;  }

	div.next a	{ padding:3px 20px 3px 0px; }


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


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

#footer { width:951px;
		  height:46px;	
		  background: url(../images/footerbg.png) no-repeat top left;
		  padding:70px 0px 30px 0px;
		  margin:0px 0px 0px 0px;	}

#footer ul { color:#989898; 
		     font:10px verdana, arial, sans-serif;
		     margin:0px 0px 0px 0px;
			 padding:0px 0px 0px 55px;
			 list-style:none; }
			 
	#footer li { float:left;
				 margin:0px 25px 0px 0px;
				 padding:0px; }		
				 
	#footer li.sitemap { background: url(../images/sitemap.gif) no-repeat 0px 0px; }	
	#footer li.sitemap a {margin:0px 0px 0px 22px; }		
	#footer li.uk { background: url(../images/uk.gif) no-repeat 0px 0px; }
	#footer li.uk a { margin:0px 0px 0px 22px; }		
				 	 
#footer p { font:10px verdana, arial, sans-serif;
		    color:#989898; 
		    line-height:18px; }

#footer a {font:10px verdana, arial, sans-serif;
		   color:#989898;
		   border-bottom:1px solid #979797;  }
#footer a:hover { text-decoration:none;
				  border-bottom:1px solid #707070; }

#footer a.sphinxlink { color:#989898;
					   border:none; }
#footer a:hover.sphinxlink { color:#989898;
							 border-bottom:1px solid #989898;}

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

* html .hojd {
	height: 600px;
}

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

* html .hojd2 {
	height: 384px;
}


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