html { background:#0a0a0a url('../img/body_bg.jpg') no-repeat top center; }
body { font:normal normal 12px Verdana,Helvetica,Arial,Geneva,sans-serif; color:#ebebeb; }

a { color:#fff; text-decoration:underline; }
a:hover { color:#999; }

img { border:0; } /* Avoid borders on linked images in lemons editor */

ul { margin:0 0 10px 30px; }
li { list-style-type:disc; }

/**
 * 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 38px Arial; padding:3px 0 3px 0; } /* Dirty huvudrubrik(38px vit) */
h2 { font:normal normal 30px Arial; padding:3px 0 3px 0; } /* Dirty mellanrubrik (30px vit) */
h3 { font:normal bold 18px Verdana; padding:3px 0 10px 0; } /* Clean mellanrubrik (24px vit) */

p { font:normal normal 12px Verdana,Helvetica,Arial,Geneva,sans-serif; line-height: 18px; padding: 0 0 10px 0; } /* Stycke */

#wrapper { margin:50px auto 0; width:960px; }
	#header { padding:0 57px 0; font-size:0; }
		#logotype { float:left; height:119px; padding-left:30px; width:115px; }
		#menu { background:transparent url('../img/menu_bg.png') no-repeat; float:right; height:79px; width:620px; margin-top:30px; padding-left:50px; }
			#menu li { background:transparent url('../img/menu_star.png') center no-repeat; display:inline; float:left; height:57px; margin-top:10px; }
			#menu li.active, #menu li.hover { background:transparent url('../img/menu_star_red.png') center no-repeat; }
			#menu li div { padding:12px 15px 0; font-size:16px; }

	#container { background:transparent url('../img/container_bg.png') no-repeat left top; height:550px; padding:0 20px; }
		/* For retarded browsers like IE6 --> */ * html #container { height:550px !important; }
		#left_content { background:transparent url('../img/picview_bg.png') no-repeat; display:inline; float:left; height:372px; padding:40px 40px 0 47px; width:477px; }
		/* For retarded browsers like IE6 --> */ * html #left_content { height:375px !important; }

		/* The same styles are used in both start.con and article.con */
		#right_content { display:inline; float:right; margin-top:16px; width:355px; overflow:hidden; }
		#current_article { float:left; padding-top:20px; width:430px; }
		#article_archive { display:inline; float:right; width:355px; overflow:hidden; }
			#right_content ul,
			#article_archive ul { margin:0 0 24px; }
			#right_content li,
			#article_archive li { list-style-type:none; }
			#right_content li a,
			#article_archive li a { border-bottom:1px solid #333; display:block; padding:15px 0; }
			#article_archive li a.active { font-weight:bold; color:#999; }
			#right_top { background:transparent url('../img/news_bg.png') no-repeat; height:325px; overflow:hidden; padding:40px 40px 0; }
			/* For retarded browsers like IE6 --> */ * html #right_top { height:285px; }
				#right_top ul li a { text-decoration:none; color:#ebebeb; }
					#right_top ul li a:hover { color:#999; }
			#right_bottom { background:transparent url('../img/news_bg_bottom.png') no-repeat; height:21px; width:355px; }
			.black_block { background:#0b0b0b; height:100px; padding:10px 10px 0; width:255px; }

		#wide_content_top { background:transparent url('../img/wide_bg_top.png') no-repeat; height:90px; padding:0 68px 0; width:790px; }
			.wide_content_top_space { height:24px; }
		#wide_content_middle { background:transparent url('../img/wide_bg_middle.png') repeat-y; line-height:18px; padding:0 68px 0; width:790px; }
			#vip_left { float:left; margin-right:35px; width:590px; }
			#vip_right { display:inline; float:right; width:160px; overflow:hidden; }
				#vip_right .block { display:block; }
				#vip_right .textfield { background:#000; border:1px solid #333; color:#999; padding:5px 5px; width:140px; font-size:14px; }
				#vip_right .checkbox { margin-left:10px; }
				#vip_right #submit { background:#000; border:1px solid #333; color:#999; padding:3px; width:150px; }

		#wide_content_bottom { background:transparent url('../img/wide_bg_bottom.png') no-repeat; height:90px; padding:0 68px 0; width:790px; }

	#footer { clear:both; padding:0 40px; position:relative; bottom:30px; }
		.footer_title { float:left; }
		.footer_phone { float:left; }
		.footer_email { float:left; }
		.footer_address { float:left; }
		.footer_contact { float:left; }
		.footer_language { float:left; }
		.footer_star { background:transparent url('../img/footer_star.gif') no-repeat 5px 8px; display:block; float:left; height:25px; width:13px; padding:0 4px; }
		/* For retarded browsers like IE6 --> */ * html .footer_star { background:transparent url('../img/footer_star.gif') no-repeat 0 8px; display:block; float:left; height:25px; width:6px; padding:0 4px; }
	
	#straxfooter { bottom:25px; color:#222; font-size:10px; padding:0 40px; position:relative; width:300px;  }
		#straxfooter a { color:#222; text-decoration:none; }
		#straxfooter a:hover { color:#920c03; }

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


/* GALLERY */
#gallery_container { padding-bottom:20px; }
#gallery_container a { border:1px solid #666; display:block; float:left; padding:10px; margin-right:10px; width:100px; color:#666; }
#gallery_container a:hover { border:1px solid #999; color:#999; }
#gallery_container a span { display:block; text-align:center; }
#gallery .thumbPic { float:left; margin:0 14px 10px 0; border:10px solid #333; font-size:0; line-height:0; }
#gallery .nomargin { margin:0 0 10px; }


/* VIP-formuläret */
#form_msg { height: 30px; }
.form_error { color: red; }