html { background:#fff; }
body { font:normal normal 12px Arial,Helvetica,Verdana,Geneva,sans-serif; }

a { color:#2e8c3b; text-decoration:none; }
img { border:0; } /* Avoid borders on linked images in lemons editor */
#container a:hover { text-decoration:underline; }

/**
 * Block types h1-h6, pre, p and address can be used in Lemon's editor and
 * you can customize their names by altering the comment behind the rule.
 * See the example below! Note: The rule must be on ONE line to work in Lemon.
 */
h1 { font:normal normal 34px "Trebuchet MS",Arial,Helvetica,Verdana,Geneva,sans-serif; padding:3px 0 3px 0; } /* Stor rubrik (34px) */
h2 { font:normal normal 18px "Trebuchet MS",Arial,Helvetica,Verdana,Geneva,sans-serif; padding:3px 0 3px 0; } /* Mellanstor rubrik (18px) */
h3 { font:normal bold 14px "Trebuchet MS",Arial,Helvetica,Verdana,Geneva,sans-serif; padding:3px 0 3px 0; letter-spacing:.05em; } /* Liten rubrik (15px) */
p { padding:0 0 10px 0; line-height:18px; font:normal normal 12px Arial,Helvetica,Verdana,Geneva,sans-serif; } /* Stycke */

b, strong { font-weight:bold; }
i, em { font-style:italic; }

#container ul { padding:0 0 0 20px; }
#container li { list-style-type:disc; padding-bottom:10px; }
#container blockquote { padding:0 0 10px 40px; }

/**
 * Styles can also be included in Lemon's editor with custom names.
 * See the example below!
 */
.small { font-size: 9px; } /* LemonStyle: Small text */
.left { float:left; }
.right { float:right; }
.maplink { } /* LemonStyle: Kartposition */

#wrapper { width:900px; margin:0 auto; padding-top:40px; }
	#header { padding-bottom:10px; }
		#logotype { float:left; }
		#lang {}
			#lang_se { position:relative; top:33px; left:870px; }
			#lang_fi { position:relative; top:54px; left:820px; }
			#lang_en { position:relative; top:74px; left:845px; }
			
	#slideshow {width:836px; margin:0 auto 10px; padding:10px 30px; border: 1px solid #E1E1E1;}
	#slideshow img {border-right:8px solid #fff;}		
	#slideshow img:last-child {border:none;}
	
	
	#container { border:1px solid #e1e1e1; padding:30px; }
		#content #content_left { float:left; width:550px; margin-right:20px; }
		#content #content_right { border:1px solid #ddd; float:left; padding:10px; width:245px; font-size:11px; }
		#content #content_right2 { float:right; width:265px; }

		#cabins { background:url('../img/pixel.gif') repeat-y top center; border-bottom:1px solid #e1e1e1; }
		#cabins #content_left { float:left; margin:0 38px 20px 0; width:400px; }
		#cabins #content_right { float:left; margin:0 0 20px; padding:0; width:400px; }
		
		#new_cabin { background:url('../img/pixel.gif') repeat-y top center; border-bottom:1px solid #e1e1e1; margin:0 0 20px; padding:20px 0 0; }
		#new_cabin_left { display:inline; float:left; margin:0 38px 20px 0; width:400px; }
		#new_cabin_right { display:inline; float:left; margin:0 0 20px; width:400px }
		 
		.gallery { margin:10px 0; }
		.galleryimg { width:120px; height:90px; float:left; margin:0 20px 10px 0; overflow:hidden; }
		.nomargin { margin:0 0 10px 0; }
		
		#news {margin:10px 0;}/*border:1px solid #E1E1E1; padding:10px;*/
		#news .wide {width:550px; padding-bottom:10px; border-bottom:1px solid #E1E1E1; }
		#news .narrow {width:260px; border-right:1px solid #E1E1E1; float:left; padding:10px 10px 0 0;}
		#news .narrow:last-child {border:none; margin-left:5px; padding:10px 0 0 10px;}
		

	#footer { padding:10px; margin-bottom:20px; font:normal normal 11px Arial,Helvetica,Verdana,Geneva,sans-serif; color:#999; }

/* CLEAR */
#content:after,#cabins:after,#new_cabin:after,#header:after,#footer:after,.gallery:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#content,#cabins,#new_cabin,#header,#footer,.gallery{display:inline-block;}* html #content,* html #cabins,* html #new_cabin,* html #header,* html #footer,* html .gallery{height:1%;}#content,#cabins,#new_cabin,#header,#footer,.gallery{display:block;}