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

a { color:#a7a37e; text-decoration:none; }
#wrapper_middle 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 bold 24px Arial,Helvetica,Verdana,sans-serif; padding:3px 0 14px; } /* Rubrik 1 */
h2 { font:normal 18px Arial,Helvetica,Verdana,sans-serif; padding:3px 0 3px; } /* Rubrik 2 */
h3 { font:normal bold 14px Arial,Helvetica,Verdana,sans-serif; padding:3px 0 3px; } /* Rubrik 3 */
p { margin:0; padding:0 0 14px 0; line-height:18px; } /* Stycke */

#wrapper { margin:0 auto; padding-top:20px; width:860px; }

#wrapper_top { background:url('../img/wrapper_top_bg.gif') no-repeat; height:90px; }
	#logotype { float:left; display:inline; height:75px; width:226px; margin:10px 15px 0 20px; }

#wrapper_middle { background:url('../img/wrapper_middle_bg.gif') repeat-y; padding:5px 15px; }
	#header { padding-bottom:5px; z-index:1;}
	#breadcrumbs { background:#fff url('../img/bcrumb_bg.gif') no-repeat; font:normal normal 11px verdana; height:17px; padding:2px 0 0 5px; }
	#breadcrumbs a { color:#1a78a4; }
	#content { margin:30px 20px 0 20px; }
		#left_content { float:left; width:420px; }
			#newsbox { border-top:1px solid #e3e3e3; margin-top:10px; }
			#newsbox a { border-bottom:1px solid #e3e3e3; color:black; display:block; padding:10px 4px; }
			#newsbox a:hover { text-decoration:none; background:#efefef; }
			#newsbox a span { color:#999; display:block; font:normal 10px arial; }
		#right_content { float:right; width:283px; }
			#right_content_top { background:url('../img/rightbox_top_bg.gif') no-repeat; font-size:0; height:10px; }
			#right_content_middle { background:url('../img/rightbox_middle_bg.gif') repeat-y; padding:0 21px 0 22px; }
				#right_content_middle h2 { padding:3px 0 10px; }
			#right_content_bottom { background:url('../img/rightbox_bottom_bg.gif') no-repeat; font-size:0; height:10px; padding-bottom:20px; }
		#about_left { float:left; width:400px; }
		#maparea { border:1px solid #999; float:right; height:350px; width:350px; }

#wrapper_bottom { background:url('../img/wrapper_bottom_bg.gif') no-repeat; height:10px; font-size:0; }
#footer { background:url('../img/footer_bg.gif') no-repeat; font-size:11px; height:36px; }
	#footer a { color:white; }
	.footer_left { float:left; margin-left:36px; padding-top:4px; display:inline; }
	.footer_right { float:right; margin-right:26px; display:inline; font-size:10px; color:white; padding-top:11px; }

#wrapper_top:after,#content:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#wrapper_top,#content{display:inline-block;} * html #wrapper_top,* html #content{height:1%;} #wrapper_top,#content{display:block;}

#left_content {width:460px; float:left;}
