/* CSS Document */

body {
	font-size:70%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:1.3em;
	color:#000000;
	padding:0;
	margin:0;
	background-color:#eff2f5;
	background-image:url(../images/images/bg_body.gif);
	background-repeat:repeat-x;
	text-align:center;
}

div#mainContainer {
	width:823px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}

div#topContainer {
	width:803px;
	margin-left:10px;
	background-color:#FFFFFF;

}

div#topLogo 
{	
	
}

#logolink
{
	float:left;
}

#languageSelector
{

	float:right;
	margin-top: 45px;
	margin-right: 14px;
}

div#topMedia {
	width:803px;
	margin-left:10px;
}

div#startContainer {
	margin:20px 0 0 0;

}
/* -- Ändrad 070611 -- */
div.startRow {
	clear:both;
	width:813px;
	margin:0 0 0 10px;
}
div.startLeft {
	width:583px;
	float:left;
}
div.startBox {
	background-color:#FFFFFF;
	min-height:200px;	
}
*html div.startBox {
	height:200px;
}
div.startBoxBottom {
	width:583px;
	height:4px;
	font-size:0px;
	margin-bottom:12px;
}
div.startBox2 
{
	background-color:#FFFFFF;
	text-align:center;
	
	/* Added by Sofie Qwarnström, Sogeti, 2007-07-18 */
	width:583px;
	height:95px;
	font-family:"HelveticaNeueLT Light", Helvetica, Arial, Verdana, sans-serif;
	font-size:24px;
	text-align:center;
	line-height:normal;
}

div.startBoxInfo {
	line-height:1.4em;
	padding:15px;
}
div.startRight {
	width:230px;
	float:right;
}
div.puffCol {
	float:left;
	width:100px;
	margin-left:10px;
	
}
div.puffSmall 
{
	margin-bottom:12px;	
}

div.squarePicture
{
	margin-bottom:12px;	
}

div.puffHigh 
{
	
}
div.puffColWide {
	width:200px;
}
/* -- Ändrad 070611 -- */
div.redPuff {
	margin-bottom:8px;
	margin-left:10px;
}

div.rectangualarPicture {
	margin-bottom:8px;
	margin-left:10px;
}


/* ***** TOP NAVIGATION ***** */
div#topNav {
	float:left;
	font-size:1.0em;
	font-weight:normal;
	padding:0 10px 0 8px;
	min-height:24px;
	border-top:solid 1px #fbfbfb;
	clear:both;
}
*html div#topNav {
	height:28px;
}
div#topNav ul {
	padding:0;
	margin:0;
	list-style-type:none;

}
div#topNav ul li {
	float:left;
	padding:0;
	margin:0;
	list-style-type:none;
}
div#topNav a,
div#topNav a:link,
div#topNav a:active,
div#topNav a:visited,
div#topNav a:hover {
	display:block;
	background-image:url(../images/images/top_nav_divider.gif);
	background-position:top right;
	background-repeat:no-repeat;
	padding:10px 14px 5px 10px;
	text-decoration:none;
}
div#topNav a:hover {
	text-decoration:underline;
}

div#topInfo {
	float:right;
	width:209px;
	text-align:right;
}
div#topInfo ul {
	/*padding:10px 10px 0 10px;*/
	/* För att Logga ut, Mina uppgifter och Sök ska få plats */
	padding:10px 5px 0 0;
	margin:0;
	list-style-type:none;
}
div#topInfo ul li {
	display:inline;
	/*padding:0 10px 0 0;*/
	/* För att Logga ut, Mina uppgifter och Sök ska få plats */
	padding:0 1px 0 0;
	margin:0;
	list-style-type:none;
}
div#topInfo a,
div#topInfo a:link,
div#topInfo a:active,
div#topInfo a:visited,
div#topInfo a:hover {
	padding:0;
	margin:0;
	text-decoration:none;
}
div#topInfo a:hover {
	text-decoration:underline;
}
.linkRed {
	color:#ec0404;
}


/* ***** Underpage ***** */
div#uPageContainer {

	width:803px;
	margin-left:10px;
	margin-top:12px;
	padding-bottom:20px;
	background-color:#FFFFFF;
	
	/* Added by Sofie Qwarnström, Sogeti, 2007-07-11 */
	/* För att fixa problememt i FF med att sidan inte automatiskt sträcker ut sig om själva innehållet 
	   blir längre än vad sidan är. */
	overflow:auto;
}
div#uPageLeft {
	float:left;
	width:215px;

}
div#uPageMain 
{
	float:left;
	/* Från början: */
	/*width:588px;*/
	width:582px;
	/* Har även fått minskat bredden i div#leftNav */
}
div#uPageMainLayout {
	padding:15px 12px 20px 12px;
}
div.uPageWidePuff {
	text-align:center;
	padding-bottom:10px;
}
div.uPageInfo {
	padding:0 8px 15px 8px;
}
div.uPage2Col {
	width:260px;
}
div.uPage2ColLeft {
	/*width:260px;*/
	width:340px;
	float:left;	
}
div.uPage2ColRight {
	/*width:260px;*/
	width:180px;
	float:right;
}
div.infoRow {
	padding-bottom:20px;
}
div.uPageMainCol {
	float:left;
	width:278px;
}

div.header {
	padding:15px 0 30px 0;
}

div#leftNav 
{
	/* Från början: */
	/*width:205px;*/
	width:200px;
	margin-left:10px;
}
div#leftNavTop {
	height:29px;
	font-size:0px;
	background-image:url(../images/images/left_nav_top.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
div#leftNav ul {
	padding:4px 10px 0 2px;
	margin:0;
	list-style-type:none;
}

div#leftNav li {
	padding:0 0 15px 20px;
	margin:0;
	list-style-type:none;
}

div#leftNav a,
div#leftNav a:link,
div#leftNav a:active,
div#leftNav a:visited,
div#leftNav a:hover {
	text-decoration:none;
}
div#leftNav a:hover {
	text-decoration:underline;
}
div#leftNav .link {	background-image:url(../images/images/color.gif);}
div#leftNav .link01 {	background-image:url(../images/images/color_01.gif);}
div#leftNav .link02 {	background-image:url(../images/images/color_02.gif);}
div#leftNav .link03 {	background-image:url(../images/images/color_03.gif);}
div#leftNav .link04 {	background-image:url(../images/images/color_04.gif);}
div#leftNav .link05 {	background-image:url(../images/images/color_05.gif);}
div#leftNav .link06 {	background-image:url(../images/images/color_06.gif);}
div#leftNav .link07 {	background-image:url(../images/images/color_07.gif);}
div#leftNav .link08 {	background-image:url(../images/images/color_08.gif);}
div#leftNav .link09 {	background-image:url(../images/images/color_09.gif);}
div#leftNav .link10 {	background-image:url(../images/images/color_10.gif);}
div#leftNav .link11 {	background-image:url(../images/images/color_11.gif);}
div#leftNav .link12 {	background-image:url(../images/images/color_12.gif);}

div#leftNav .link, .link01, .link02, .link03, .link04, .link05, .link06, .link07, .link08, .link09, .link10, .link11, .link12 {
	background-position:0px 3px;
	background-repeat:no-repeat;
}


/* ***** SUB MENU ***** */
div#leftNav div#leftNavSub ul {
	padding:0;
	margin:0;
}
div#leftNav div#leftNavSub ul li {
	padding:0 0 15px 23px;
	margin:0;	
}
div#leftNav div#leftNavSub ul li a,
div#leftNav div#leftNavSub ul li a:link,
div#leftNav div#leftNavSub ul li a:active,
div#leftNav div#leftNavSub ul li a:visited,
div#leftNav div#leftNavSub ul li a:hover {
	color:#8b8a8a;
	text-decoration:none;

}
div#leftNav div#leftNavSub ul li a:hover {
	color:#000;
	text-decoration:underline;

}
.subNavActive {
	background-image:url(../images/images/sub_nav_arrow.gif);
	background-repeat:no-repeat;
	/* För att få menylayouten ok måste nedanstående ändras lite. 
	background-position:16px 4px;
	*/
	background-position:13px 4px;
	color:#000000;
}
div#leftNav div#leftNavSub ul .subNavActive a,
div#leftNav div#leftNavSub ul .subNavActive a:link,
div#leftNav div#leftNavSub ul .subNavActive a:active,
div#leftNav div#leftNavSub ul .subNavActive a:visited,
div#leftNav div#leftNavSub ul .subNavActive a:hover {
	color:#000;
}

div.uPageInfo div.infoRow a,
div.uPageInfo div.infoRow a:link,
div.uPageInfo div.infoRow a:active,
div.uPageInfo div.infoRow a:visited,
div.uPageInfo div.infoRow a:hover {
	text-decoration:none;
}
div.uPageInfo div.infoRow a:hover {
	text-decoration:underline;
}


/* -------------------- TILLÄGG 070608 ------------------------------ */
div#uPageText {
	width:330px;
	float:left;
	padding-top:15px;
}

div#uPageImage {
	width:200px;
	float:right;
	padding-top:15px;
	text-align:left;
}

div.smallPuff {
	width:260px;
}
div.smallPuffInfo {
	padding:10px 15px 10px 10px;
}
div.smallPuffBg {
	background-image:url(../images/images/small_puff_bg.gif);
	background-repeat:repeat-y;
}
div.smallPuffTop {
	height:4px;
	font-size:0px;
	background-image:url(../images/images/small_puff_top.gif);
	background-repeat:no-repeat;
}
div.smallPuffBottom {
	height:7px;
	font-size:0px;
	background-image:url(../images/images/small_puff_bottom.gif);
	background-repeat:no-repeat;
}

/* Added by Sofie Qwarnström, Sogeti, 2007-06-27 */
div#breadCrumbs
{
	background-color:#FFFFFF;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:-12px;
	padding:5px 5px 5px 5px;
}

/* Från början: div#uPageText */
div.uPageTextRightImage {
	width:330px;/*170px;*//*330px;*/
	float:left;
	padding-top:15px;
}

/* Från början: div#uPageImage */
div.uPageImageRightImage {
	width:200px;
	float:right;
	padding-top:15px;
	text-align:left;
}

/* Från början: div#uPageText */
div.uPageTextRightImageOffices {
	width:170px;
	float:left;
	padding-top:15px;
}

/* Från början: div#uPageImage */
div.uPageImageRightImageOffices {
	width:360px;
	float:right;
	padding-top:15px;
	text-align:right;/*left;*/	
}