/* CSS Document */

/*--------------------
General
--------------------*/
*	{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}

body	{
	margin: 10px 0 15px 0;
	background: #E0D9C9 url(../images/body_background.gif) repeat-x;
}

img, table	{
	border: 0;
}

/*--------------------
Structure
--------------------*/
#Container	{
	margin: 0 auto;
	width: 920px;
}

#Mainmenu	{
	padding: 12px 0 0 20px;
	height: 35px;
	background: url(../images/mainmenu_background.gif);
}

#Body	{
	background: #fff url(../images/content_background.gif) repeat-y;
	min-height: 450px;
	_height: 450px;
}

#Head	{
	height: 72px;
	padding: 13px 20px 0 35px;
}

#SearchAndLanguage	
{
	float: right;
	padding: 0;
}

#Leftmenu	{
	width: 180px;
	padding: 6px 0 0 0;
	background: #eee url(../images/submenu_top.gif) no-repeat;
}

#Content	{
	display: table;
	margin: 0 10px;
	padding: 20px 20px 5px 20px;
	width: 860px;
	background: url(../images/content_shade.gif) repeat-x;
}

#MainRegion
{
	width: 400px;
	margin: 0 25px;
	padding: 5px 0 10px 0;
	line-height: 16px;
}

#Foot	{
	padding: 30px 25px 0 25px;
	background: url(../images/foot_background.gif) no-repeat;
	color: #67737A;
}

#Startpage	{
	margin: 0 20px 0 0;
	width: 630px;
}

#Rightlisting	{
	width: 210px;
}

#RightRegion	{
	width: 230px;
}

#StructureTable	{
	margin: 0;
	padding: 0;
	width: 860px;
	border: 0;
}

/*--------------------
Design
--------------------*/
	/*--------------------
	Links
	--------------------*/
	a, #Mainmenu a:hover, #Leftmenu a:hover	{
		text-decoration: underline;
	}
	
	a:hover, #Mainmenu a, #Leftmenu a	{
		text-decoration: none;
	}
	
	a.BlueBullet	{
		padding: 0 0 0 16px;
		background: url(../images/bullet_blue.gif) no-repeat;
		color: #68AEE0;
	}
	
	/*--------------------
	Mainmenu
	--------------------*/
	#Mainmenu ul	{
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	#Mainmenu li	{
		float: left;
		margin: 0;
		padding: 0;
	}
	
	#Mainmenu a	{
		display: block;
		padding: 10px 12px;
		color: #fff;
	}

	/*-------------------------
	Head / Search and language
	-------------------------*/
	#SearchAndLanguage td   {vertical-align: middle;}
	#SearchAndLanguage .ergo    {padding: 0 10px 0 20px; border-left: 1px solid #ddd;}
	
	#SearchAndLanguage .Search	
	{
		/* 		
			padding: 0 20px 0 0;
			border-right: 1px solid #ccc;
		*/
	}
	
	#SearchAndLanguage .Language	{
		padding: 0 20px 0 20px;
		color: #68737A;
		white-space: nowrap;
	}

	#SearchAndLanguage .Language ul	{
		margin: 7px 0 0 0;
		padding: 0;
		list-style-type: none;
	}
	
	#SearchAndLanguage .Language li	{
		float: left;
		margin: 0 2px 0 0;
		padding: 0;
	}

	#SearchAndLanguage .Search select	{
		width: 172px;
	}
	
	#SearchAndLanguage .Search .SearchField	{
		margin: 4px 3px 0 0;
		width: 121px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 11px;
	}
	
	#SearchAndLanguage .Search .SubmitSearch	{
		width: 45px;
		height: 21px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 11px;
	}

	/*--------------------
	Leftmenu
	--------------------*/
	#Leftmenu a {display: block; color: #535A5F;}
	#Leftmenu li.active a   {font-weight: bold; }
	
	#Leftmenu ul.Menu	{margin: 0; padding: 0 0 7px 0; list-style-type: none; background: url(../images/submenu_bottom.gif) no-repeat bottom;}
	#Leftmenu ul.Menu li    {margin: 0; _margin-bottom: -3px;}
	#Leftmenu li.level1 {padding: 7px 20px; width: 140px; overflow: hidden;}
	#Leftmenu li.level2 {padding: 7px 20px 7px 35px; width: 125px; overflow: hidden;}
	#Leftmenu li.level3 {padding: 7px 10px 7px 50px; width: 120px; overflow: hidden;}
	#Leftmenu li.level4 {padding: 7px 20px 7px 65px; width: 95px; overflow: hidden;}
	#Leftmenu li.active {background: #ddd;}
	#Leftmenu ul.Menu li.SameLevel  {background: #ddd;}


	#Leftmenu h3	{
		margin: 0 0 8px 0;
		font-size: 11px;
		color: #4897CF;
	}
	
	#Leftmenu .Search	{
		padding: 7px 15px;
	}
	
	#Leftmenu .Search .SearchButton	{
		width: 60px;
		height: 24px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 11px;
	}

	#Leftmenu .Search .SearchField	{
		display: block;
		margin: 0;
		width: 144px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 11px;
	}
	
	#Leftmenu ul.SearchOptions	{
		margin: 8px 0 13px 0;
		padding: 0;
		list-style-type: none;
	}

	#Leftmenu ul.SearchOptions li	{
		margin: 5px 0 0 0;
	}
	
	/*--------------------
	Foot
	--------------------*/
	#Foot ul	{
		float: right;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	#Foot li	{
		float: left;
		margin: 0 0 0 15px;
		padding: 0;
	}
	
	#Foot a	{
		color: #67737A;
	}
	
	/*-------------------------
	Content / StructureTable
	-------------------------*/
	#StructureTable td	{
		vertical-align: top;
	}
	
	/*-------------------------
	Content / Startpage
	-------------------------*/
		/*-------------------------
		Content / LargePuffs
		-------------------------*/
		#Startpage ul.LargePuffs
		{
			margin: 0;
			padding: 0;
			width: 630px;
			list-style-type: none;
		}
		
		#Startpage ul.LargePuffs li	
		{
			width: 605px;
			margin: 0 0 20px 0;
			padding: 0 25px 20px 0;
			border-bottom: 1px solid #ddd;
		}
		
		#Startpage ul.LargePuffs table
		{
			border: 0;
		}
		
		#Startpage ul.LargePuffs td
		{
			line-height: 16px;
			vertical-align: middle;
		}
		
		#Startpage ul.LargePuffs li img	
		{
			margin: 0 25px 0 0;
		}

		/*-------------------------
		Content / SmallPuffs
		-------------------------*/
		#Startpage ul.SmallPuffs	{
			margin: 0;
			padding: 0;
			width: 630px;
			list-style-type: none;
			clear: left;
		}
		
		#Startpage ul.SmallPuffs li	{
			float: left;
			margin: 0 20px 0 0;
			padding: 0 20px 0 0;
			width: 182px;
			line-height: 16px;
			border-right: 1px solid #ddd;
		}
		
		#Startpage ul.SmallPuffs li.Last
		{
			margin: 0;
			padding: 0;
			border: 0;
		}
		
		#Startpage ul.SmallPuffs img	{
			display: block;
			margin: 0 0 13px 0;
		}
		
		#Startpage ul.SmallPuffs h3	{
			margin: 0;
			font-size: 11px;
			text-transform: uppercase;
		}
		
		#Startpage ul.SmallPuffs p
		{
			margin: 8px 0 0 0;
		}
		
		#Startpage ul.SmallPuffs object
		{
			display: block;
			margin: 0 0 13px 0;
		}
		
	/*-------------------------
	Content / NewsList
	-------------------------*/
	dl.NewsList	{
		margin: 5px 0 0 0;
		padding: 0;
	}
	
	dl.NewsList dt
	{
		float: left;
		margin: 15px 0 0 0;
		width: 70px;
	}
	
	dl.NewsList dd
	{
		float: left;
		margin: 15px 0 0 0;
		width: 330px;
	}
	
	dl.NewsList dd a
	{
		font-size: 11px;
		font-weight: bold;
		color: #4897CF;
	}

	/*-------------------------
	Content / Search
	-------------------------*/
	ol.SearchResult	
	{
	}
	
	ol.SearchResult li	
	{
		margin: 10px 0 0 0;
	}
	
	ol.SearchResult a
	{
		font-weight: bold;
		color: #4897CF;
	}

	/*-------------------------
	Content / Locations
	-------------------------*/
	div.LocationsMainBody	{
		margin: 15px 0 0 0;
	}
	
	ul.LocationsList	
	{
		float: left;
		margin: 0 0 0 0;
		width: 125px;
		padding: 0;
		list-style-type: none;
	}
	
	ul.LocationsList li	{
		margin: 3px 0 0 0;
	}
	
	ul.LocationsList a	{
		color: #4897CF;
	}
	
	div.CityLocationsItem	{
		margin: 20px 0 25px 0;
	}
	
	div.CityLocationsItem table	{
		margin: 3px 0 0 0;
	}
	
	div.CityLocationsItem table td	{
		vertical-align: top;
		white-space: nowrap;
	}
	
	div.CityLocationsItem table td.LeftColumn	{
		padding: 0 35px 0 0;
	}
	
	/*-------------------------
	Content / Job openings
	-------------------------*/
	div.JobsListingItem
	{
		display: block;
		margin: 15px 0 0 0;
	}
	
	div.JobsListingItem a
	{
		display: block;
		font-size: 11px;
		font-weight: bold;
		color: #4897CF;
	}
	
	ul.JobOpeningInfo	{
		display: block; 
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	ul.JobOpeningInfo li
	{
		margin: 5px 0 0 0;
		padding: 0;
	}
	
	b.PostFilled	{
		display: block;
		margin: 0 0 10px 0;
		color: #c00;
	}

	/*-------------------------
	Content / Rightlisting
	-------------------------*/
	#Rightlisting h3	{
		margin: 15px 0 0 0;
		padding: 7px 13px;
		font-size: 11px;
		font-weight: bold;
		background: url(../images/rightlisting_head.gif) no-repeat;
		color: #fff;
		text-transform: uppercase;
	}
	
	#Rightlisting h3.first	{
		margin: 0;
		background: url(../images/rightlisting_head_first.gif) no-repeat;
	}
	
	#Rightlisting ul	{
		margin: 0;
		padding: 2px 15px 13px 15px;
		list-style-type: none;
		background: url(../images/rightlisting_list.gif) no-repeat bottom;
	}
	
	#Rightlisting li	{
		margin: 10px 0 0 0;
		line-height: 16px;
		color: #999;
	}

	/*-------------------------
	Content / RightRegion
	-------------------------*/
	#RightRegion h3	{
		margin: 15px 0 0 0;
		padding: 16px 20px 4px 20px;
		font-size: 11px;
		color: #4897CF;
		background: #eee url(../images/rightregionbox_top.gif) no-repeat;
	}
	
	#RightRegion h3 *	{
		color: #4897CF;
	}

	#RightRegion div.RightRegionBox	{
		padding: 0 20px 17px 20px;
		line-height: 16px;
		background: #eee url(../images/rightregionbox_bottom.gif) no-repeat bottom;
	}
	
	#RightRegion div.RightRegionBox p	{
		margin: 0;
		padding: 7px 0 0 0;
	}

	/*--------------------
	Content / References
	--------------------*/
	ul.CustomerReferences	{
		float: left;
		margin: 0;
		padding: 0;
		width: 200px;
		list-style-type: none;
	}
	
	ul.CustomerReferences li	{
		margin: 3px 0 0 0;
	}
	
	ul.CustomerReferences a	{
		color: #4897CF;
	}
	
	.References	{
		margin: 0 0 25px 0;
		padding: 6px 0 0 0;
		background: #eee url(../images/references_topbackground.gif) no-repeat top;
	}
	
	.References div	{
		padding: 10px 20px 18px 20px;
		background: #eee url(../images/references_bottombackground.gif) no-repeat bottom;
	}
	
	.References table td	{
		vertical-align: top;
		width: 170px;
		padding-top: 10px;
	}
	
	.References table td.Left
	{
		padding-right: 20px;
	}
	
	.References label
	{
		display: block;
		margin: 0 0 5px 0;
	}
	
	.TextSearch
	{
		width: 353px;
	}
	
	.Select
	{
		width: 170px;
	}
	
	.MultipleSelect
	{
		width: 170px;
		height: 80px;
	}
	
	.Submit
	{
		width: 60px;
		height: 24px;
		font-family: Arial;
		font-size: 11px;
	}
	
	.Space
	{
		margin-bottom: 17px;
	}
	
	.SearchResultItem
	{
		margin: 20px 0 0 0;
	}
	
	.SearchResultItem a
	{
		display: block;
		font-size: 11px;
		font-weight: bold;
		color: #4897CF;
	}
	


/* Lediga jobb
--------------------------------------------------*/

h3.jobb	{margin: -15px 0 0 0;}

/* Lediga jobb, startsida */

p.jobb-header	{margin-top: 30px; font-size: 13px; font-weight: bold; color: #4897cf;}
p.jobb-header span	{font-size: 13px; font-weight: bold; color: #333;}

table.jobb-lista	{}
table.jobb-lista th	{padding: 7px 0; font-weight: bold; color: #4897cf; border-bottom: 1px solid #eee;}
table.jobb-lista th.city	{width: 85px;}
table.jobb-lista th.job	{width: 315px;}
table.jobb-lista td	{padding: 7px 0; border-bottom: 1px solid #eee;}

.jobb-searchfield	{width: 180px;}
.jobb-searchselect	{width: 180px;}

/* Annons */

a.jobb-applybutton	{display: block; margin: 15px 0; padding: 12px 0 0 15px; width: 215px; height: 34px; background: url(../images/jobb/applybutton.gif) left top; font-size: 18px; font-weight: normal; color: #fff; text-decoration: none;}
a.jobb-applybutton:hover	{text-decoration: underline;}

div.infobox	{padding: 5px 0 0 0; background: url(../images/jobb/annons-infobox-top.gif) left top no-repeat;}
div.infobox div.content	{padding: 10px 20px 15px 20px; background: url(../images/jobb/annons-infobox-bottom.gif) left bottom no-repeat;}

div.infobox table th	{padding: 0 0 0 15px; font-weight: bold;}
div.infobox table th.first	{padding: 0;}
div.infobox table td	{padding: 5px 0 0 15px; font-weight: normal;}
div.infobox table td.first	{padding: 5px 0 0 0;}

div.application-recieved-info {margin-bottom: 1em; font-weight: bold; font-size: 14px; color: #4897cf; padding: 5px; border: 1px solid #dedede; }

/* Ansökningsformulär */

h4.jobb	{margin: 20px 0 10px 0; font-size: 13px; color: #4897cf;}
div.formsection	{margin: 0 0 20px 0; padding: 7px 0 0 0; background: url(../images/jobb/ansokan-form-top.gif) left top no-repeat;}
div.content	{padding: 0 20px 20px 20px; background: url(../images/jobb/ansokan-form-bottom.gif) left bottom no-repeat;}

div.formsection table td	{width: 160px;}
div.formsection table td.first	{width: 190px;}
div.formsection table td.double	{width: 360px;}
div.formsection label	{display: block; margin: 10px 0 2px 0; font-weight: bold;}
div.formsection .field	{width: 160px;}
div.formsection p	{margin: 10px 0;}




/*--------------------
Specials
--------------------*/
.Block	{
	display: block;
}

.LeftMenuContainer
{
	position: relative;
	display: inline;
	float: left;
}
.ExternalPageContainer
{
	position: relative;
	display: inline;
	float:left;
	margin: 0px;
	padding: 0 0 0 25px;
}

.rightaligned
{
	text-align: right;
}