/* Start of CMSMS style sheet 'style' */
/* ---------------------------------------------------------------

 	Blocks - v1.0
	* One of its kind, A Content First CSS Framework
 
 	Blocks author and architect: Kenneth Illman 
    * Copyright (c) 2010 Blocks - Kenneth Illman

--------------------------------------------------------------- */


/*------------------------------------------------
 * Project name - Master Css
 *------------------------------------------------

# TABLE OF CONTENT
#
# - Reset
#
# - Grid
# - - width-x 	
# - - before-x 	
# - - after-x 	
# - - left-x	(Content first layout)
# - - content-x	(Content first layout)
#
# - Typography
# - - Global
# - - Headers
# - - Links
#
# - Colors / Themes 
# - -Color1
#
# - Redefined standard elements
# - - CMS
#
# - Layout
# - - Content First Containers 
#
# - Content
# - - Header
# - - Navigation
# - - Bottom
# - - Startpage
# - - Sub pages
# - - - Article page
# - - - Career page
# - - - Loggin page
# - - Article
# - - Career
# - - Loggin
#
# - Common Elements ------
# - - Backgrounds
# - - Borders
# - - Boxes
# - - Buttons & Links
# - - Colors
# - - Forms
# - - Lists
# - - Tables
#
# - Misc ------------------
# - - Display
# - - Text
# - - Floats
# - - Positioning
# - - Transparency / Opacity
# - - Clearing
# - - Font sizes
# - - Z-index
# - - Margins
# - - Paddings
#
#----------------------------------------------
# Glossary
#
#	act					- active
#	b bt bl bb br		- Border Top, Left, Bottom, Right
#	bg					- Background
#	cf					- Content First
#	d dIn dBl dInBl   	- Display Inline, Block, Inline-block
#	f					- Float
#	f10					- Font (1em)
#	H					- Holder (classNameH)
#	le					- Left
# 	m mt mr mb ml     	- Margin Top, Right, Bottom, Left
# 	p pt pr pb pl	 	- Padding Top, Right, Bottom, Left
#   pos1				- Position(1,2,3 etc.)
#	ri					- right
#	Sp				 	- Spacer (tagNameSp) 
# 	txt txtL txtR txtC	- Text Left, Right, Center
#	z					- Z-index
#  
#----------------------------------------------*/

/*---------------------------------------------*/
/*################## Reset ####################*/
/*---------------------------------------------*/

	/* Eric Meyer’s Global Reset ++ */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	ol, ul, li, input, textarea,
	fieldset, form, label, legend{
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}

	/* Remember to define focus styles! */
	:focus {outline:0; -moz-outline-style: none;}
	
	html {overflow:-moz-scrollbars-vertical}

	ol, ul {list-style:none}

	/* Tables still need 'cellspacing="0"' in the markup */
	table {border-collapse:separate; border-spacing:0}

	caption, th, td {text-align:left;font-weight: normal}

	blockquote:before, blockquote:after,q:before, q:after {content:""}

	blockquote, q {quotes: "" ""}

	a img {border:0}
	

/*---------------------------------------------*/
/*################## Grid ######################
-------------------------------------------------

  		* Page width:            940 px
   		* Number of columns:     16
    	* Column width:          40 px
    	* Margin width:          20 px             

-----------------------------------------------*/

		/* Sets up basic grid floating and positioning */
        .width-1, .width-2, .width-3, .width-4, .width-5, .width-6, .width-7, .width-8, 
		.width-9, .width-10, .width-11, .width-12, .width-13, .width-14, .width-15, .width-full
		{float:left; position:relative;} /* ie fix */

		/* Use these classes to set the width of a column */
		.width-1  {width: 40px}
		.width-2  {width: 100px}
		.width-3  {width: 160px}
		.width-4  {width: 220px}
		.width-5  {width: 280px}
		.width-6  {width: 340px}
		.width-7  {width: 400px}
		.width-8  {width: 460px}
		.width-9  {width: 520px}
		.width-10  {width: 580px}
		.width-11  {width: 640px}
		.width-12  {width: 700px}
		.width-13  {width: 760px}
		.width-14  {width: 820px}
		.width-15  {width: 880px}
		.width-full  {width: 940px}


		/* Add these to column for empty space before the column */
		.before-1  {padding-left: 60px}
		.before-2  {padding-left: 120px}
		.before-3  {padding-left: 180px}
		.before-4  {padding-left: 240px}
		.before-5  {padding-left: 300px}
		.before-6  {padding-left: 360px}
		.before-7  {padding-left: 420px}
		.before-8  {padding-left: 480px}
		.before-9  {padding-left: 540px}
		.before-10  {padding-left: 600px}
		.before-11  {padding-left: 660px}
		.before-12  {padding-left: 720px}
		.before-13  {padding-left: 780px}
		.before-14  {padding-left: 840px}
		.before-15  {padding-left: 900px}


		/* Add these to column for empty space after the column */
		.after-1  {padding-right: 60px}
		.after-2  {padding-right: 120px}
		.after-3  {padding-right: 180px}
		.after-4  {padding-right: 240px}
		.after-5  {padding-right: 300px}
		.after-6  {padding-right: 360px}
		.after-7  {padding-right: 420px}
		.after-8  {padding-right: 480px}
		.after-9  {padding-right: 540px}
		.after-10  {padding-right: 600px}
		.after-11  {padding-right: 660px}
		.after-12  {padding-right: 720px}
		.after-13  {padding-right: 780px}
		.after-14  {padding-right: 840px}
		.after-15  {padding-right: 900px}

		
		/* Left column placement */
		.left-1  {left: -40px}
		.left-2  {left: -100px}
		.left-3  {left: -160px}
		.left-4  {left: -220px}
		.left-5  {left: -280px}
		.left-6  {left: -340px}
		.left-7  {left: -400px}
		.left-8  {left: -460px}
		.left-9  {left: -520px}
		.left-10  {left: -580px}
		.left-11  {left: -640px}
		.left-12  {left: -700px}
		.left-13  {left: -760px}
		.left-14  {left: -820px}
		.left-15  {left: -880px}


		/* The Content first container placement */
		.content-0  {left: 0}
		.content-1  {left: 60px}
		.content-2  {left: 120px}
		.content-3  {left: 180px}
		.content-4  {left: 240px}
		.content-5  {left: 300px}
		.content-6  {left: 360px}
		.content-7  {left: 420px}
		.content-8  {left: 480px}
		.content-9  {left: 540px}
		.content-10  {left: 600px}
		.content-11  {left: 660px}
		.content-12  {left: 720px}
		.content-13  {left: 780px}
		.content-14  {left: 840px}
		.content-15  {left: 900px}
		.content-16  {left: 960px}


/*---------------------------------------------*/
/*############### Typography ##################*/
/*---------------------------------------------*/

/* Global */

	body {
		font-family: Arial, Helvetica, Verdana, sans-serif;
		line-height: 1.4; /* Unitless for proper inheritance */
		color: #333;
	}

	/* The top one is for IE: The percentage is of 16px (default IE text size)
	   10px is 62.5%, 12px is 75%, 13px is 81.25%, and so forth).
	   The second value is what all other browsers see (the wanted font size). */

	body          {font-size: 62.5%}	/* IE */
	html > body   {font-size: 10px}		/* Other browsers */
	
    

/* - - Headers - */

	h1,h2,h3,h4,h5,h6 {font-weight:bold; line-height:1.2em; color:#000; 
					   font-family: Arial, Helvetica, Verdana, sans-serif;}
	h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {text-decoration: none}

	h1 {font-size:2.8em; margin:0 0 14px;}
	h2 {font-size:2.1em;}
	h3 {font-size:1.7em;}
	h4 {font-size:1.2em}
	h5 {font-size:1.1em}
	h6 {font-size:1.0em}

/* - - Links - */
   
   	/* LoVe/HAte-order */
    a				{color:#3c8a2e; text-decoration:underline}
	a:link 			{ }  
	a:visited 		{ }  
	a:hover 		{color:#57b646; text-decoration:underline}  
	a:active 		{ }
	a:focus			{ }
    

	
/*---------------------------------------------*/
/*########  Redefined standard elements #######*/
/*---------------------------------------------*/

	body 				{background:#f6f6f4;}
	p 					{padding:0 0 1.1em}
	strong				{font-weight:bold;}
    blockquote		    {font-style:italic;}
    


    
/* - - CMS Made Simpel (User tags) - */
    
	.CMS				{font-size:1.2em; color:#565552;}
    
    /* Keep P font-size as inherit for proper CMS usage*/
	.CMS p			    {font-size:inherit;}
	.CMS p.ingress		{font-size:1.334em; font-weight:bold;}
    
    .CMS h1, .CMS h2, .CMS h3, .CMS h4, .CMS h5, .CMS h6 {
            font-weight:bold;
            font-style:normal;
            font-family:inherit; 
            line-height:1.3em; 
            color:#565552;
            margin:0; 
            padding:0 0 0.2em;}
	
	.CMS h1 			{font-size:3.25em; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; color:#0085bd;}
	.CMS h2 			{font-size:1.417em; padding: 0px;}
	.CMS h3 			{font-size: 1em;}
	.CMS h4 			{font-size:1.8em;}
	.CMS h5 			{font-size:1.2em; margin-bottom: 13px;}
	.CMS h6 			{font-size:1.1em;}
	
	.CMS blockquote  	{margin: 1.5em; font-style: italic;}
	.CMS strong       	{font-weight: bold;}
	.CMS  em,dfn      	{font-style: italic;}
	.CMS  dfn         	{font-weight: bold;}
	.CMS  sup, sub    	{line-height: 0;}

	.CMS  pre 			{margin: 1.5em 0; white-space: pre; }
	.CMS  pre,code,tt 	{font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

	.CMS  li ul,
	.CMS  li ol       	{margin: 0; }
	.CMS  ul, ol      	{list-style-position:inside;}

	.CMS  ul          	{list-style-type: disc;}
	.CMS  ol          	{list-style-type: decimal;}

    .CMS a:link       	{color:#e06c08; text-decoration:none;}      
    .CMS a:visited    	{color:#e06c08;}     
    .CMS a:hover      	{color:#e06c08; text-decoration:underline;}
    .CMS a:active     	{color:#e06c08;} 

/*---------------------------------------------*/
/*################## Layout ###################*/
/*---------------------------------------------*/   

/* - - Content first holders - */
		 
    /*** NO PADDING ALLOWED IN THIS SECTION ***/ 
	.cf-container 			{margin:0 auto; text-align:left; float:none!important; width:940px; position:relative} 
	.cf-header 				{position:absolute; top:0; left:0; height:140px} /* ie6 fix */
	.cf-content 			{float:left; position:relative;}
	.cf-rightH				{float:right; background:#eee}
	.cf-leftH				{}
	.cf-bottom 				{float:left; width:100%;}
	
	/* cfSp = Content first spacer
	   Setting the placement to the main containers from the top (cf-content, cf-rightH, cf-leftH) */
	.cfSp		 			{margin-top:170px}
    
    /*** NO PADDING ALLOWED IN THIS SECTION ***/
     cf-container, .cf-header, .cf-content, .cf-rightH, .cf-leftH , .cf-bottom, .cfSp {padding:0!important}  


	.sub .subContent 	{color:#232222; float:right; width:597px; padding:0 50px 0 0}
	.sub .subNav 		{float:left; height:240px; width:228px; padding:0 0 0 50px}

	
/*---------------------------------------------*/
/*################## Content ##################*/
/*---------------------------------------------*/

	.wrapper				{width:100%; background:#f3f2ed url(/images/misc/bgBody.gif) repeat-x;}
	


/* - - Header - */

	/* Logo holder*/
	.logo 					{position:absolute; top:43px; left:0; height:45px; width:232px;}
	.logo a					{display: block; height: 45px; width:232px;  overflow: hidden;
		 	  	      		 background: url(/images/misc/spriteLogo.gif) no-repeat left top} 
							 
	/* Navigation holder */
	.navigation				{position:absolute; top:5px; right:0;} /* ie6 fix */
	
/* - - Navigation - */

	/* Main nav */
	.navigation ul 					{}
	.navigation li 					{float: left; position: relative; background:url(/images/misc/spriteTopMenu.gif) no-repeat top left; height:118px; padding:0}
	.navigation li a 				{padding:31px 15px 0 30px; margin:0; display:block; height:77px; width:155px; font-size:11px; color:#bbb8b1; text-decoration:none; line-height: 1.2;}
	.navigation li a span			{font-size:18px; display:block; margin-bottom: 3px; position: relative; left: -2px;}
	
	.navigation li:hover a span		{font-size:18px; color:#e06c08; display:block}

	.navigation .act 				{background:url(/images/misc/spriteTopMenu.gif) no-repeat left -118px;}
	.navigation .act span			{font-size:18px; color:#e06c08; display:block; /*font-weight:bold*/}
	.navigation .act a				{background:url(/images/misc/spriteTopMenu.gif) no-repeat right -236px;}
	
	.navigation .last 				{background:url(/images/misc/spriteTopMenu.gif) no-repeat top left;}
	
	
	/* Sub nav */
	.subNav							{padding:0; margin:0;}
	.subNav ul 						{list-style-type: none; margin:0; padding:0;}
	.subNav ul li 					{border-top: solid 1px #edece6;}
	.subNav ul li.last				{border-bottom: solid 1px #edece6;}
	.subNav ul li a 				{text-decoration:none; color: #6d6d6d; font: 15px Arial, Helvetica, sans-serif; 
									 padding:8px 0 8px 0; display: inline-block;}
	.subNav ul li a:hover 			{color:#e06c08;}
	.subNav ul .act a 				{background:url(/images/misc/spriteLeftNav.gif) no-repeat left 10px; font-weight: bold; color: #e06c08;
									 padding:8px 0 8px 14px;}


/* - - Bottom - */

	.cf-bottom 					{ background:#f6f6f4 url(/images/misc/bottomBg.gif) repeat-x top left; padding:36px 0 30px  !important}
	.refrences					{ padding:40px 0 45px 0;}
	
	.cf-bottom .content, .refrences .content
	{margin:0 auto; width:940px; padding:0 0 0 18px}
	
	.refrences span					{ display:block; font-size:1.2em; color:#b3b3b3; border-bottom:solid 1px #b3b3b3; margin: 0 0 18px 0; }
	.refrences ul					{ margin: 0; padding: 0; list-style: none; }
	.refrences ul li				{ display:inline; }
	.refrences li a 				{ display: inline-block; height: 64px; float:left}

	.refrences li .logoA			{ background: url(/uploads/images/Referenser/logoA.png) no-repeat; width:57px; margin: 0 43px 0 0 }
	.refrences li .logoA:hover		{ background: url(/uploads/images/Referenser/logoAHover.png) no-repeat; width:57px;}
	.refrences li .logoB 			{ background: url(/uploads/images/Referenser/logoB.png) no-repeat; width:65px; margin: 0 36px 0 0 }
	.refrences li .logoB:hover		{ background: url(/uploads/images/Referenser/logoBHover.png) no-repeat; width:65px;}
	.refrences li .logoC			{ background: url(/uploads/images/Referenser/logoC.png) no-repeat; width:56px; margin: 0 29px 0 0 }
	.refrences li .logoC:hover		{ background: url(/uploads/images/Referenser/logoCHover.png) no-repeat; width:56px;}
	.refrences li .logoD 			{ background: url(/uploads/images/Referenser/logoD.png) no-repeat; width:139px; margin: 0 33px 0 0 }
	.refrences li .logoD:hover		{ background: url(/uploads/images/Referenser/logoDHover.png) no-repeat; width:139px; }
	.refrences li .logoE 			{ background: url(/uploads/images/Referenser/logoE.png) no-repeat; width:97px; margin: 0 40px 0 0 }
	.refrences li .logoE:hover		{ background: url(/uploads/images/Referenser/logoEHover.png) no-repeat; width:97px;}
	.refrences li .logoF 		{ background: url(/uploads/images/Referenser/logoF.png) 
no-repeat; width:45px; margin: 0 35px 0 0 }
	.refrences li .logoF:hover	{ background: url(/uploads/images/Referenser/logoFHover.png) no-repeat; width:45px; }
	.refrences li .logoG 		{ background: url(/uploads/images/Referenser/logoG.png) 
no-repeat; width:119px; margin: 0 35px 0 0 }
	.refrences li .logoG:hover	{ background: url(/uploads/images/Referenser/logoGHover.png) no-repeat; width:119px; }
	.refrences li .logoH 		{ background: url(/uploads/images/Referenser/logoH.png) 
no-repeat; width:107px; float: right; }
	.refrences li .logoH:hover	{ background: url(/uploads/images/Referenser/logoHHover.png) no-repeat; width:107px; }
	
	/* -- Bottom Left -- */
	
	.cf-bottom .content .bottomLeft					{float:left}
	.cf-bottom .content .bottomLeft ul				{padding:0; margin:0; font-size:11px; color:#a1a0a0}
	.cf-bottom .content .bottomLeft li,
	.cf-bottom .content .bottomRight li				{padding:0; margin:0; float:left; border-left:1px solid #e8e8e8; padding:10px 20px}
	.cf-bottom .content .bottomLeft li p			{padding:0; margin:0}
	.cf-bottom .content .bottomLeft li p a			{color:#a1a0a0; text-decoration:none}
	.cf-bottom .content .bottomLeft li p a:hover	{color:#a1a0a0; text-decoration:underline}
	.cf-bottom .content .bottomLeft li p span		{font-weight:bold}
	.cf-bottom .content .bottomLeft .smallLogo		{background:url(/images/misc/spriteLogo.gif) no-repeat left -52px; 
													 width:90px; height:28px; border-style:none; margin:10px 0 0 0}
	
	/* -- Bottom Right -- */
	
	.cf-bottom .content .bottomRight						{float:right}
	.cf-bottom .content .bottomRight ul						{padding:0; margin:0}

	.cf-bottom .content .bottomRight li a					{float:left; margin:0 3px}
	.cf-bottom .content .bottomRight li .del				{background:url(/images/misc/spriteIcons.gif) no-repeat top left; width:26px; height:27px; display:block}
	.cf-bottom .content .bottomRight li .del:hover			{background:url(/images/misc/spriteIcons.gif) no-repeat left -31px; width:26px; height:27px; display:block}
	.cf-bottom .content .bottomRight li .twitter			{background:url(/images/misc/spriteIcons.gif) no-repeat -31px top; width:26px; height:27px; display:block}
	.cf-bottom .content .bottomRight li .twitter:hover		{background:url(/images/misc/spriteIcons.gif) no-repeat -31px -31px; width:26px; height:27px; display:block}
	.cf-bottom .content .bottomRight li .in					{background:url(/images/misc/spriteIcons.gif) no-repeat -63px top; width:26px; height:27px; display:block}
	.cf-bottom .content .bottomRight li .in:hover			{background:url(/images/misc/spriteIcons.gif) no-repeat -63px -31px; width:26px; height:27px; display:block}
	.cf-bottom .content .bottomRight li .facebook			{background:url(/images/misc/spriteIcons.gif) no-repeat -95px top; width:26px; height:27px; display:block}
	.cf-bottom .content .bottomRight li .facebook:hover		{background:url(/images/misc/spriteIcons.gif) no-repeat -95px -31px; width:26px; height:27px; display:block}
	
	
	.cf-bottom .content .bottomRight li span				{background:url(/images/misc/spriteIcons.gif) no-repeat left -80px; 
															 display:block; width:41px; height:26px; float:left}
	.cf-bottom .content .bottomRight li span .flag1			{background:url(/images/misc/spriteIcons.gif) no-repeat -131px top;
															 display:inline-block; width:32px; height:25px; margin:0 0 0 6px !important}
	.cf-bottom .content .bottomRight li span .flag1:hover, .cf-bottom .content .bottomRight li span .flag1Active	{background:url(/images/misc/spriteIcons.gif) no-repeat -131px -31px;}
	
	.cf-bottom .content .bottomRight li span .flag2			{background:url(/images/misc/spriteIcons.gif) no-repeat -167px top;
															 display:inline-block; width:32px; height:25px; margin:0 0 0 6px !important}
	.cf-bottom .content .bottomRight li span .flag2:hover, .cf-bottom .content .bottomRight li span .flag2Active	{background:url(/images/misc/spriteIcons.gif) no-repeat -167px -31px;}
	

/* - - Startpage - */

	.contentBoxTop									{background:url(/images/misc/spriteFullBox.gif) no-repeat left top; padding:0; width:958px}
	.contentBoxTop .contentBoxBot					{background:url(/images/misc/spriteFullBox.gif) no-repeat -958px bottom; 
												     width:958px; padding:50px 0; min-height:150px}
	
	.contentBoxTop .contentBoxBot2					{background:url(/images/misc/spriteFullBox.gif) no-repeat -958px bottom; padding:28px; min-height:150px}
	
	.quickLinks										{margin:30px 0 0 0; width:958px;}
	.quickLinks a									{text-decoration:none; cursor:pointer}
	.quickLinks a:hover								{text-decoration:none;}
	.quickLinks .smallBox							{width:316px; margin:0 0 0 5px; float:left; display:block; 
													 background:url(/images/misc/spriteSmallBox.gif) no-repeat top left; 
										 			 height:162px; position:relative}
	.quickLinks .smallBoxR							{width:316px; margin:0 -9px 0 5px; float:left; display:block;
													 background:url(/images/misc/spriteSmallBox.gif) no-repeat top left; 
										 			 height:162px; position:relative}
										
	.quickLinks .smallBox .imgSpot	, .quickLinks .smallBox img					{position:absolute; bottom:8px; right:8px; display:block; z-index:2}
	.quickLinks .smallBoxR .imgSpotR, .quickLinks .smallBoxR img 	    		{position:absolute; bottom:8px; right:-31px; display:block; z-index:2}
	.quickLinks .smallBox .contentH,
	.quickLinks .smallBoxR .contentH				{display:block; padding:20px 0 0 25px; position:relative; z-index:8}
	.quickLinks .smallBox .contentH .heading,
	.quickLinks .smallBoxR .contentH .heading,
	.quickLinks .smallBox h2,
	.quickLinks .smallBoxR h2{display:block; font-size:19px; color:#0085bd; font-weight:500; z-index:3; position: relative; margin-bottom: 3px;}
	.quickLinks .smallBox .contentH .heading2,
	.quickLinks .smallBoxR .contentH .heading2,
	.quickLinks .smallBox h3,
	.quickLinks .smallBoxR h3		{display:block; width:165px; color:#999488; font-size:20px; line-height:20px;  overflow:hidden; height:80px; padding:10px 0 0 0; z-index:3; position: relative; font-weight: normal;}
	.quickLinks .smallBox .contentH .info,
	.quickLinks .smallBoxR .contentH .info,
	.quickLinks .smallBox p,
	.quickLinks .smallBoxR p{display:block; width:165px; color:#999488; font-size:11px; overflow:hidden; height:90px; z-index:3; position: relative; line-height: 1.2em;}

.quickLinks .smallBox h2, .quickLinks .smallBoxR h2{padding: 25px  0 0 25px;}
.quickLinks .smallBox h3, .quickLinks .smallBoxR h3	{padding: 0 0 0 25px;}
.quickLinks .smallBox p, .quickLinks .smallBoxR p{padding: 0 0 0 25px;}

/* - - Article page - */

	.articleImgH				{width:597px; padding:0; margin:0 0 20px 0;}
	.articleImgH img			{margin:0; padding:0 0 5px 0;}
	.articleImgH  {display:inline-block; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; color:#565552; }
	
	.articleContent				{width:540px; margin:0; padding:0;}
	.articleContent	a			{text-decoration: none;}

/* - - Career page - */

	.jobListH 						{ margin: 11px 0 0 0; padding: 0 0 36px 0 }
	.jobListH h3 					{ color: #565552; margin: 0 0 8px 0; }
	.jobListH ul 					{ margin: 0 0 24px 0; padding: 0; list-style: none; width: 580px; }
	.jobListH li 					{ display: block; border-bottom: solid 1px #edece6; padding: 9px 0 7px 0; }
	.jobListH li.first 				{ border-top: solid 1px #edece6; }
	.jobListH li a					{ display:inline-block; font: 1.2em Arial, Helvetica, sans-serif; color: #565552; text-decoration:none;}
	.jobListH li a:hover			{ color:#e06c08; text-decoration:underline;}
	.socialLinkH 					{ width: 550px; border-top: solid 1px #edece6; padding: 6px 0 0 0; margin:20px 0 0; }
	.socialLinkH ul 				{ margin: 0; padding: 0; list-style: none; float: right; }
	.socialLinkH li 				{ display:inline; margin: 0 0 0 3px }
	.socialLinkH li a 				{ display: inline-block; width: 16px; height: 31px; }
	.socialLinkH li .blogBox 		{ background: url(/images/misc/spriteSocialNetwork.jpg) no-repeat top left; }
	.socialLinkH li .blogBox:hover 	{ background: url(/images/misc/spriteSocialNetwork.jpg) no-repeat left -31px; }
	.socialLinkH li .twitter 		{ background: url(/images/misc/spriteSocialNetwork.jpg) no-repeat -16px top; }
	.socialLinkH li .twitter:hover 	{ background: url(/images/misc/spriteSocialNetwork.jpg) no-repeat -16px -31px; }
	.socialLinkH li .in 			{ background: url(/images/misc/spriteSocialNetwork.jpg) no-repeat -32px top; }
	.socialLinkH li .in:hover 		{ background: url(/images/misc/spriteSocialNetwork.jpg) no-repeat -32px -31px; }
	.socialLinkH li .faceBook 		{ background: url(/images/misc/spriteSocialNetwork.jpg) no-repeat -48px top; }
	.socialLinkH li .faceBook:hover	{ background: url(/images/misc/spriteSocialNetwork.jpg) no-repeat -48px -31px; }
	.publishedTxt 					{ display: inline-block; font-size: 1.1em; color: #cccac5; }
	
/* - - Loggin page - */

	.login 							{ padding: 30px 0 0 39px; margin: 0; }
	.loginTopBox 					{ width: 278px; padding: 14px 0 0 0; background: url(/images/misc/spriteLogin.gif) no-repeat left top; float: left }
	.loginBottomBox 				{ width: 232px; background: url(/images/misc/spriteLogin.gif) no-repeat right bottom; padding: 12px 23px 18px 23px; }
	.loginBottomBox h2 				{ font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #e06c08; padding: 0 0 12px 0; }
	.loginBottomBox ul 				{ margin: 0; padding: 0; }
	.loginBottomBox li 				{ font-size: 1.2em; color: #565552; padding: 0 0 8px 0; }
	.loginBottomBox li span 		{ font-weight: bold; }
	.loginBottomBox li.first 		{ border-top: solid 1px #e0e0e0; color: #e06c08; padding: 8px 0 0 0; }
	.loginBottomBox li a 			{ color: #e06c08; text-decoration: none; }
	.loginBottomBox li a:hover 		{ color: #e06c08; text-decoration: underline; }
	.loginBottomBox li.support 		{ border-top: solid 1px #e0e0e0; color: #e06c08; padding: 8px 0 8px 0; }
	.loginBottomBox li.first span 	{ font-weight: bold; }
	
	.topLoginSpot 					{width: 828px; height: 198px; margin: 25px 0 0 25px; padding: 26px 0 0 26px; 
									 background: url(/uploads/images/Bilder/imageLoggin.jpg) no-repeat; }
	.bgLogin 						{ background: url(/images/misc/bgLogin.png) no-repeat; width: 227px; height: 160px; padding: 12px 0 0 21px; }
	.bgLogin h2 					{ font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; color: #0085bd; margin: 0 0 6px 0; }
	.bgInputField 					{ background: url(/images/misc/bgInputfield.jpg) no-repeat; width: 204px; height: 32px; margin: 0 0 3px 0; }
	.emailIt, .password				{ background: none; width: 192px; margin: 0 0 0 10px; font-size: 1.1em; color: #7c7b7b; padding: 10px 0 0 0 }
	.newUser 						{ display: inline-block; width: 140px; float: left; margin: 9px 0 0 0; }
	.newUser a 						{ display: inline-block; font-size: 1.1em; color: #9d9d9d; text-decoration: none; }
	.newUser a:hover 				{ text-decoration: underline; color: #9d9d9d;}
	.loginBtn 						{ float: left; display: inline-block; background: url(/images/misc/btnLogin.png) no-repeat; color: #fff; cursor: pointer; 
						  			  width: 62px; height: 30px; font-size:1.1em; margin: 4px 0 0 0; }

	
	.column								{padding:64px 0 0 20px; margin:0;}
	.columnTopBox						{width:278px; padding:14px 0 0 0; background: url(../images/misc/spriteLogin.gif) no-repeat left top; float:left;}
	.columnBottomBox					{width:232px; background: url(/images/misc/spriteLogin.gif) no-repeat right bottom;
										 padding:9px 23px 18px 23px; margin:0 0 70px 0}
	
	.columnBottomBox h2					{font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#0085BD; padding: 0 0 10px 0;}
	
	.columnBottomBox li					{font-size:1.2em; color:#565552; padding:0 0 10px 0;}
	.columnBottomBox li span			{font-weight:bold;}
	.columnBottomBox li.others			{border-top:solid 1px #e0e0e0; color:#e06c08; padding:8px 0 0 0;}
	.columnBottomBox li.others span		{font-weight:bold;}
	.columnBottomBox li.support			{border-top:solid 1px #e0e0e0; color:#e06c08; padding:8px 0 8px 0;}
	
	.columnBottomBox .readMore			{display:block;}
	.columnBottomBox .readMore a		{color:#e06c08; font-weight:normal; text-decoration:none;}
	.columnBottomBox .readMore a:hover	{color:#e06c08; text-decoration:underline;}
		
/*---------------------------------------------*/
/*############# Common Elements ###############*/
/*---------------------------------------------*/

/* - - Backgrounds - */
	.bgBlack 		{background:#000;}
	.bgGray			{background:#888;}

/* - - Borders - */
	.bNo		{border:none !important}

/* - - Boxes - */

/* - - Buttons & Links - */

/* - - Colors - */	 

/* - - Forms - */

/* - - Lists - */

/* - - Tables- */


/*---------------------------------------------*/
/*############## Miscellaneous ################*/
/*---------------------------------------------*/

	.selected	{height:200px} /* Blocks - make longest class added with jquery */

/* - - Temporary height:s - */	
	.h100		{height:100px;}
	.h200		{height:200px;} 
    .h300		{height:300px;}   

/* - General classes - */		
	.hand		{cursor:pointer}
	.noWrap		{white-space:nowrap}
    
/* - Display - */
	.dIn 		{display:inline}
	.dInBl 		{display:inline-block}
	.dBl, .show	{display:block}
	.hide       {display:none}

/* - Text - */
	.txtL		{text-align:left}
	.txtR		{text-align:right}
	.txtC		{text-align:center}
	.uLine	    {text-decoration:underline}
	.bold		{font-weight:bold}
	.normal		{font-weight:normal}
	.italic  	{font-style:italic}
	.capitalize	{text-transform:capitalize}
	.upperCase	{text-transform:uppercase}
    


/* - - Indent - */	
    .indentH5 				{display:block; padding:0 5px 0;}
	.indentH10 				{display:block; padding:0 10px 0;}
	
/* - Floats - */
	.fLeft		{float:left}
	.fRight		{float:right}
	.fNo		{float:none}
	
/* - Positioning - */
	.absolute	{position:absolute}
	.relative	{position:relative}
	.static		{position:static}
	.fixed		{position:fixed}
	
	.pos1, .pos2, .pos3, .pos4, .posTL, .posTR, .posBL, .posBR 
	{position:absolute; display:inline-block; z-index:2;}
	
	.pos1		{top:-8px; left:-12px; z-index:800;}

	.posTL 		{top:0px; left:0px}  
	.posTR 		{top:0px; right:0px}  
	.posBL 		{bottom:0px; left:0px}  
	.posBR		{bottom:0px; right:0px}
	
/* - Transparency / Opacity - */
	.op25 		{opacity: 0.25; filter:alpha(opacity=25);
				 -khtml-opacity: 0.25; -moz-opacity:0.25}
	.op50 		{opacity: 0.5; filter:alpha(opacity=50);
				 -khtml-opacity: 0.5; -moz-opacity:0.5}	
	.op75 		{opacity: 0.75; filter:alpha(opacity=75);
				 -khtml-opacity: 0.75; -moz-opacity:0.75}
	
/* - Clearing - */
	.clear:after	{content: "\0020"; display: block; height: 0; clear: both;
  					 visibility: hidden; overflow:hidden;}
	.clear			{display:block; clear:both}

/* - Font sizes - */
	.f9 {font-size:0.9em;}
	.f10{font-size:1.0em;}
	.f11{font-size:1.1em;}
	.f12{font-size:1.2em;}
	.f14{font-size:1.4em;}
	.f16{font-size:1.6em;}
	.f18{font-size:1.8em;}
	.f20{font-size:2.0em;}
	.f22{font-size:2.2em;}
	.f24{font-size:2.4em;}
	.f26{font-size:2.6em;}
	.f28{font-size:2.8em;}   


/*-----------------*/
/***** Margins *****/
/*-----------------*/
	
/* TRouBLed-order: Top, Right, Bottom, Left */

.m0{margin:0 !important} .m1{margin:1px} .m2{margin:2px} .m3{margin:3px} .m4{margin:4px} .m5{margin:5px} .m6{margin:6px} .m8{margin:8px} .m10{margin:10px} .m12{margin:12px} .m14{margin:14px} .m16{margin:16px} .m20{margin:20px}
	
/* - Margin Top - */

.mt0{margin-top:0} .mt1{margin-top:1px} .mt2{margin-top:2px} .mt3{margin-top:3px} .mt4{margin-top:4px} .mt5{margin-top:5px} .mt6{margin-top:6px} .mt8{margin-top:8px} .mt10{margin-top:10px} .mt12{margin-top:12px} .mt14{margin-top:14px} .mt16{margin-top:16px} .mt20{margin-top:20px}

/* - Margin Right - */

.mr0{margin-right:0} .mr1{margin-right:1px} .mr2{margin-right:2px} .mr3{margin-right:3px} .mr4{margin-right:4px} .mr5{margin-right:5px} .mr6{margin-right:6px} .mr8{margin-right:8px} .mr10{margin-right:10px} .mr12{margin-right:12px} .mr14{margin-right:14px} .mr16{margin-right:16px} .mr20{margin-right:20px}

/* - Margin Bottom - */

.mb0{margin-bottom:0} .mb1{margin-bottom:1px} .mb2{margin-bottom:2px} .mb3{margin-bottom:3px} .mb4{margin-bottom:4px} .mb5{margin-bottom:5px} .mb6{margin-bottom:6px} .mb8{margin-bottom:8px} .mb10{margin-bottom:10px} .mb12{margin-bottom:12px} .mb14{margin-bottom:14px} .mb16{margin-bottom:16px} .mb20{margin-bottom:20px}

/* - Margin Left - */

.ml0{margin-left:0} .ml1{margin-left:1px} .ml2{margin-left:2px} .ml3{margin-left:3px} .ml4{margin-left:4px} .ml5{margin-left:5px !important} .ml6{margin-left:6px} .ml8{margin-left:8px} .ml10{margin-left:10px} .ml12{margin-left:12px} .ml14{margin-left:14px} .ml16{margin-left:16px} .ml20{margin-left:20px}	

/*------------------*/
/***** Paddings *****/
/*------------------*/

/* TRouBLed-order: Top, Right, Bottom, Left */

.p0{padding:0} .p1{padding:1px} .p2{padding:2px} .p3{padding:3px} .p4{padding:4px} .p5{padding:5px} .p6{padding:6px} .p8{padding:8px} .p10{padding:10px} .p12{padding:12px} .p14{padding:14px} .p16{padding:16px}  .p20{padding:20px}

/* - Padding Top - */

.pt0{padding-top:0} .pt1{padding-top:1px} .pt2{padding-top:2px} .pt3{padding-top:3px} .pt4{padding-top:4px} .pt5{padding-top:5px} .pt6{padding-top:6px} .pt8{padding-top:8px} .pt10{padding-top:10px} .pt12{padding-top:12px} .pt14{padding-top:14px} .pt16{padding-top:16px}  .pt20{padding-top:20px}
	
/* - Padding Right - */	

.pr0{padding-right:0 !important} .pr1{padding-right:1px} .pr2{padding-right:2px} .pr3{padding-right:3px} .pr4{padding-right:4px} .pr5{padding-right:5px} .pr6{padding-right:6px} .pr8{padding-right:8px} .pr10{padding-right:10px} .pr12{padding-right:12px} .pr14{padding-right:14px} .pr16{padding-right:16px}  .pr20{padding-right:20px}

/* - Padding Bottom - */

.pb0{padding-bottom:0}  .pb1{padding-bottom:1px} .pb2{padding-bottom:2px} .pb3{padding-bottom:3px} .pb4{padding-bottom:4px} .pb5{padding-bottom:5px} .pb6{padding-bottom:6px} .pb8{padding-bottom:8px} .pb10{padding-bottom:10px} .pb12{padding-bottom:12px} .pb14{padding-bottom:14px} .pb16{padding-bottom:16px}  .pb20{padding-bottom:20px} .pb40{padding-bottom:40px}
	
/* - Padding Left - */	

.pl0{padding-left:0} .pl1{padding-left:1px} .pl2{padding-left:2px} .pl3{padding-left:3px} .pl4{padding-left:4px} .pl5{padding-left:5px} .pl6{padding-left:6px} .pl8{padding-left:8px} .pl10{padding-left:10px} .pl12{padding-left:12px} .pl14{padding-left:14px} .pl16{padding-left:16px}  .pl20{padding-left:20px} 

.references li a{text-indent: -9999px; white-space: nowrap;}

#mainFlash{
width: 902px;
height: 405px;
}

/* **** Ta bort den här för att visa flaggor **** */
.bNo		{display:none;}
/* End of 'style' */