body,
html
{	height: 100%;
	}
	
	body
	{	font-family: arial, helvetica, verdana;
		font-size: .75em;
		text-align: center;
		margin: 0;
		}
		
		img
		{	border: none;
			}
			
		a
		{	text-decoration: none;
			}
			a.arrow
			{	display: block !important;
				background: url('../site_mainGraphics/global/arrows/arrow_000.png') no-repeat left center;
				text-decoration: none;
				padding-left: 18px;
				font-size: 1.1em;
				line-height: 25px;
				color: #000;
				border: none !important;
				}
			a.blue
			{	background-image: url('../site_mainGraphics/global/arrows/arrow_0099cc.png');
				color: #0099cc;
				}
				a.blue .selected
				{	color: #ccc;
					}
			a.white
			{	background-image: url('../site_mainGraphics/global/arrows/arrow_fff.png');
				color: #fff
				}
			a.inactive
			{	text-decoration: line-through;
				}
			a.tag
			{	display: block;
				background-color: #999;
				padding: 0 10px;
				margin: 0 5px;
				line-height: 1.5em;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				color: #fff !important;
				border: none !important;
				float: left;
				}
				a.tag:hover,
				a.tag.selected
				{	background-color: #666 !important;
					}
			a.file
			{	position: relative;
				background: url('../site_mainGraphics/global/file.jpg') no-repeat left center;
				display: block !important;
				line-height: 56px;
				padding-left: 50px;
				border-color: #ccc !important;
				}
				a.file span
				{	position: absolute;
					top: 30px;
					left: 2px;
					width: 35px;
				/*	background-color: #0099cc; */
					font-size: .8em;
					color: #0099cc;
					line-height: 14px;
					text-align: center;
					text-transform: uppercase;
					}
				a.file i
				{	display: none;
					}
				a.file:hover i
				{	float: right;
					display: inline;
					}
		
		p
		{	line-height: 1.5em;
			}
			
		/*		Containers		*/
		
		#fullscreen_blind
		{	position: fixed;
			z-index: 1100;
			top: 0px;
			left: 0px;
			width: 100%;
			height: 100%;
			background-color: #171717;
			opacity: .98;
		}
		
		#fullscreen
		{	position: absolute;
			z-index: 1101;
			top: 0px;
			left: 50%;
			width: 980px;
			height: auto;
			margin-top: 0px;
			margin-left: -490px;
			padding-top: 40px;
			text-align: left;
			}
			#close_fullscreen {
				position: absolute;
				z-index: 10;
				top: 40px;
				left: 20px;	
			}
			#fullscreen_top_navigation {
				position: absolute;
				z-index: 20;
				top: 40px;
				left: 20px;
				width: 100%;				
				}
				#fullscreen_top_navigation a.tag {
					float: right !important;
				}
			#fullscreen_sub_navigation {
				position: absolute;
				z-index: 21;
				top: 70px;
				left: 20px;	
				width: 100%;			
				}
				#fullscreen_sub_navigation a.tag {
					float: right !important;
				}
				
			#fullscreen_content {
				position: relative;
				height: 600px;
				margin-top: 60px !important;
				}
			
				#fullscreen_content img.level{
					position: absolute;
					top: 0px;
					left: 0px;
				}
				#fullscreen_content h1 {
					position: absolute;
					top: 0px;
					left: 20px;
					color: #fff;
					text-transform: uppercase;
				}
				#fullscreen_content a.spot_mark {
					position: absolute;
					top: 0px;
					left: 0px;
					width: 20px;
					height: 20px;
					display: block;
					background: url('../site_mainGraphics/area_map/spot_marker.png') no-repeat;
					}
					#fullscreen_content a.spot_mark:hover,
					#fullscreen_content a.spot_mark.selected {
						background: url('../site_mainGraphics/area_map/spot_marker_selected.png') no-repeat;
					}
					
				#area_map_start_view {
					position: absolute;
					top: 0px;
					left: 10px;
					width: 980px;
					margin-top: 50px;
					}
					#area_map_start_view h1 {					
						top: -60px;
						}
					#area_map_start_view .area_map_instance {
						width: 305px;
						background-color: #333;
						float: left;
						margin-left: 20px;
						color: #fff;
						overflow: hidden;
						}
						#area_map_start_view .area_map_instance img {
							margin: 20px 0 0 10px;
							display: block;
						}
						#area_map_start_view .area_map_instance h3 {					
							margin: 10px 20px 5px 20px;
						}
						#area_map_start_view .area_map_instance p {
							margin: 0 20px 20px 20px;
						}
		
		#event_extended
		{	background-color: #171717;
			color: #fff;
			overflow: hidden;
			padding-bottom: 50px;
			}
			#event_extended_wrapper
			{	position: relative;
				width: 980px;
				margin: 0 auto;
				text-align: left;
				}
				#event_extended_wrapper div
				{	float: left;
					}
				#close_event_extended
				{	position: absolute;
					top: 20px;
					left: 5px;
					cursor: pointer;
					}
				#event_extended_info
				{	width: 600px;
					margin-right: 50px;
					}
					#event_extended_info h1
					{	margin: 70px 0 0 0;
						text-transform: uppercase;
						}
					#event_extended_info h2
					{	margin-top: 0px;
						font-size: 1.5em;
						font-weight: normal;
						}
					#event_extended_info h3
					{	margin: 30px 0 0 0;
						text-transform: uppercase;
						}
					#event_extended_info a
					{	color: #ffcc00;
						}
						
				#event_extended_details
				{	width: 330px;
					}
					#event_extended_details img
					{	margin-top: 20px;
						width: 100%;
						}
					#event_extended_details_paragraph
					{	width: 100%;
						background-color: #333;
						margin: 15px 0;
						}
						#event_extended_details_paragraph h2,
						#event_extended_details_paragraph p
						{	margin: 10px 15px;
							}
						#event_extended_details_paragraph h2
						{	font-weight: normal;
							font-size: 1.2em;
							line-height: 1.5em;
							}
						#event_extended_details_paragraph a.blue
						{	font-weight: bold;
							}
				#event_extended p a.white
				{	background-image: url('../site_mainGraphics/global/arrows/arrow_fff_small.png');
					padding-left: 12px;
					font-size: 1em;
					line-height: 1.5em;
					}
			
		#body_wrapper
		{	background: #fff url('../site_mainGraphics/header/background.jpg') left top repeat-x;
			overflow: hidden;
			padding-bottom: 40px;
			}
		
			#page_container
			{	width: 980px;
				margin: 0 auto;
				text-align: left;
				}
				
				/*		Dialog		*/
				
				#dialog
				{	position: fixed;
					z-index: 10000;
					top: 50%;
					left: 50%;
					width: 600px;
					height: 400px;
					margin-top: -200px;
					margin-left: -300px;
					background-color: #333;
					opacity: .90;
					}
					#dialog_wrapper
					{	margin: 10px;
						height: 380px;
						background-color: #000;
						color: #fff;
						}
						#dialog_wrapper a
						{	display: inline;
							color: #0099CC;
							border-bottom: dotted 1px #0099CC;
							}
							#dialog_wrapper a:hover
							{	color: #999;
								border-bottom: dotted 1px #999;
								}
						#dialog_wrapper h1
						{	color: #fff;
							margin: 0;
							padding: 60px 40px 20px 40px;
							}
						#dialog_wrapper p
						{	color: #fff;
							margin: 0;
							padding: 0 40px 0 40px;
							}
						#dialog_wrapper form
						{	color: #fff;
							margin: 0;
							padding: 20px 40px 40px 40px;
							}
						#dialog_wrapper label
						{	display: block;
							margin: 5px 0 2px 0;
							}
						#dialog_wrapper input.text_field,
						#dialog_wrapper textarea.text_field
						{	border: solid 1px #666;
							background-color: #333;
							padding: 3px 5px;
							color: #fff;
							}
						#close_dialog
						{	position: absolute;
							top: 20px;
							left: 20px;
							cursor: pointer;
							}
				
				/*		Main structure		*/
				
				#header
				{	margin: 24px 0;
					}
					#header img {
						width: 181px;
						height: 19px;
						}
					#header h2
					{	margin: 0;
						float: right;
						color: #fff;
						text-transform: uppercase;
						font-size: 16px;
						font-weight: normal;
						letter-spacing: 2px;
						}
						
					#main_navigation {
						position: relative;
						z-index: 1000;
						border-left: 1px solid #000;
						height: 50px;
						margin-bottom: 15px;
						}
						#main_navigation a {
							border-left: 1px solid #333;
							border-right:1px solid #000;
							color: #FFF;
							display: block;
							font-size: 1.2em;
							font-weight: bold;
							padding: 16px 25px 15px;
							text-align: center;
						}
						#main_navigation a:hover {
							background: url(../site_mainGraphics/main_navigation/hover.jpg) repeat-x scroll left top;
						}
						#main_navigation a.selected {
							background: url(../site_mainGraphics/main_navigation/selected.jpg) repeat-x scroll left top;
						}
													
						#main_navigation ul {
							list-style: none;
							margin: 0;
							padding: 0;
							}
							#main_navigation li {
								position: relative;
								display: block;
								float: left;
								margin: 0;
								padding: 0;
								}
								#main_navigation li ul {
									position: absolute;
									left: 0;								
									top: 50px;
									z-index: 1;
									}
									#main_navigation li ul li {
										float: none;
									}
									#main_navigation li ul a {
										height: auto;
										width: 200px;
										padding: 10px 0;
										text-indent: 15px;
										background: #171717 none repeat scroll 0 0;
										border: none;
										border-bottom: solid 1px #000;
										opacity: .9;
										font-weight: normal;
										font-size: 1em;
										text-align: left;
										color: #fff;
										white-space: nowrap;
										}
										#main_navigation li ul a:hover,
										#main_navigation ul ul li.has_children > a:hover
										{	background-color: #333;
											}
										#main_navigation ul ul li.has_children > a
										{	background: #171717 url('../site_mainGraphics/global/top_navigation/has_children.gif') no-repeat right center;
											}
										#main_navigation li ul ul {
											left: 150px;
											top: 40px;
											z-index: 2;
											}
											#main_navigation li ul ul ul {
												z-index: 3;
											}
							#main_navigation li.last {
								border-left:1px solid #333;
								height:50px;
							}
					
					#search_form
					{	position: relative;
						float: right;
						width: 300px;
						}
						#search_form input
						{	margin: 14px 0;
							width: 300px;
							line-height: 1.8em;
							text-indent: 5px;
							color: #666;
							float: right;
							}
							#search_form input.active
							{	color: #000;
								}
							
							
				#head_banner
				{	position: relative;
					background-color: #000;
					height: 300px;
					clear: left;
					}
					#event_slide_action_indicator
					{	position: absolute;
						z-index: 100;
						top: 10px;
						left: 10px;
						width: 22px;
						height: 28px;
						cursor: pointer;
						display: block;
						}
					#event_slides
					{	position: relative;
						height: 300px;
						width: 980px;
						overflow: hidden;
						}
						#event_slides img
						{	height: 300px;
							width: 980px;
							}
						#event_type_banner
						{	position: absolute;
							z-index: 12;
							}
							#event_type_banner img
							{	width: 150px;
								height: 90px;
								}
						#event_slides .slide
						{	position: relative;
							height: 300px;
							width: 980px;
							}
							#event_slides .event_info
							{	position: absolute;
								z-index: 10;
								top: 30px;
								left: 650px;
								width: 300px;
								height: 245px;
								background: url('../site_mainGraphics/head_banner/event_info/background.png') no-repeat left top;
								}
								#event_slides .event_info div
								{	margin: 28px 30px;
									}
								#event_slides .event_info h1
								{	font-size: 1.8em;
									margin: 20px 0 0 0;
									}
								#event_slides .event_info h2
								{	font-size: 1.3em;
									font-weight:  normal;
									margin: 5px 0 15px 0;
									}
								#event_slides .event_info h3
								{	font-size: 1.1em;
									margin: 5px 0;
									}
								#event_slides .event_info p
								{	margin: 0 0 15px 0;
									}
								#event_slides .event_info a
								{	display: block;
									}
					#calendar_slides
					{	background-color: #000;
						height: 30px;
						}
				
				#event_banners
				{	position: relative;
					width: 995px;
					margin-top: 20px;
					overflow: hidden;
					}
					
					#event_banners h3
					{	padding: 20px 0 0 0;
						margin: 0;
						text-transform: uppercase;
						clear: both;
						}
						
					#subscribe
					{	position: relative;
						width: 400px;
						text-align: right;
						}
						#subscribe a
						{	display: block;
							background-color: #999;
							padding: 0 10px;
							margin-right: 5px;
							line-height: 1.5em;
							-moz-border-radius: 10px;
							-webkit-border-radius: 10px;
							float: left;
							color: #fff;
							}
							#subscribe a:hover
							{	background-color: #666;
								}

					
					#event_filter
					{	position: relative;
						width: 500px;
						margin-right: 15px;
						float: right;
						text-align: right;
						}
						#event_filter a
						{	display: block;
							background-color: #ccc;
							padding: 0 10px;
							margin-left: 5px;
							line-height: 1.5em;
							-moz-border-radius: 10px;
							-webkit-border-radius: 10px;
							float: right;
							color: #fff;
							}
							#event_filter a:hover
							{	background-color: #999;
								}
							#event_filter a.selected
							{	background-color: #666;
								}
						#event_filter_label
						{	position: absolute;
							z-index: 0;
							top: 25px;
							left: 715px;
							width: 260px;
							font-size: 10px;
							color: #999;
							text-align: center;
							border-top: dotted 1px #ccc;
							padding-top: 4px;
							}
						#event_list_control_container
						{	position: absolute;
							top: -1px;
							left: 0px;
							width: 180px;
							}
							#event_list_control_bar_label
							{	position: absolute;
								z-index: 0;
								top: 15px;
								left: 0px;
								width: 180px;
								font-size: 10px;
								color: #999;
								text-align: center;
								}
							#event_list_control_bar_start_value
							{	position: absolute;
								top: 3px;
								left: -10px;
								font-size: 12px;
								color: #999;
								}
							#event_list_control_bar_end_value
							{	position: absolute;
								top: 3px;
								left: 185px;
								font-size: 12px;
								color: #999;
								}
							#event_list_control_bar
							{	position: absolute;
								top: 10px;
								left: 0px;
								width: 100%;
								height: 2px;
								background-color: #ccc;
								}
								#event_list_control_handle
								{	position: absolute;
									top: -9px;
									left: 0px;
									width: 10px;
									height: 20px;
									background-color: #999;
									line-height: 20px;
									}
									#event_list_control_handle_status
									{	position: absolute;
										z-index: 10;
										top: 20px;
										left: -5px;
										width: 20px;
										height: auto;
										font-size: .9em;
										text-align: center;
										line-height: 20px;
										color: #ccc;
										}
					
					#event_banners .event_container
					{	position: relative;
						width: 233px;
						height: 265px;
						margin: 15px 15px 0 0;
						float: left;
						}
						#event_banners .event_container:hover
						{	background-color: #f1f1f1;
							}
						#event_banners .event_container img
						{	width: 233px;
							height: 108px;
							margin-bottom: 2px;
							}
						#event_banners .event_container h4
						{	font-size: 1.2em;
							margin: 5px 10px;
							}
						#event_banners .event_container p
						{	margin: 5px 10px;
							}
						#event_banners .event_container p.extended_content
						{	position: absolute;
							top: 200px;
							left: -2px;
							width: 216px;
							padding: 7px 0;
							-moz-border-radius: 3px;
							-webkit-border-radius: 3px;
						/*	background-color: #f1f1f1; */
							background: url('../site_mainGraphics/event_banners/background.jpg') repeat-x left bottom;
							}
							#event_banners .event_container p.extended_content a
							{	background-image: url('../site_mainGraphics/global/arrows/arrow_000_small.png');
								background-position: 12px 4px;
								font-size: 1em;
								line-height: 1.5em;
								text-indent: 7px;
								}
								#event_banners .event_container p.extended_content a.blue
								{	background-image: url('../site_mainGraphics/global/arrows/arrow_0099cc_small.png');
									}
									
		#footer
		{	width: 100%;
			height: 200px;
			background: #333 url('../site_mainGraphics/footer/background.jpg') repeat-x;
			margin: 40px 0;
			text-align: center;
			}
			#footer_wrapper
			{	position: relative;
				width: 980px;
				height: 100%;
				margin: 0 auto;
				text-align: left;
				}
				#footer_wrapper div
				{	width: 50%;
					color: #fff;
					float: left;
					padding: 20px 0;
					}
					#footer_wrapper div a
					{	color: #ffcc00;
						}
					#footer_wrapper div p
					{	margin: 0 15px;
						}
					#footer_wrapper table h3
					{	margin: 0 0 5px 0;
						}
					#footer_wrapper table p
					{	margin: 0 15px 10px 0;
						font-size: .9em; 
						}
				#svenska-moten
				{	position: absolute;
					top: 210px;
					left: -5px;
					width: 60px;
					height: 60px;
					}
					#svenska-moten img
					{	width: 60px;
						height: 60px;
						}
		#digiplant
		{	width: 181px;
			height: 40px;
			margin: 20px 0 20px 830px;
			}
	
							
					
