/* CSS Document */

body {font-family:Arial, Helvetica, sans-serif; font-size:70%; line-height:1.5em; margin:0; padding:0; text-align:center; background-color:#f5f4d8;}


table, tr, td {
font-family:Arial, Helvetica, sans-serif; font-size:86%; line-height:1.5em; margin:0; padding:0; text-align:left;
}

.button
{
	background-color: #DDDE8E;
	text-align: center;
	vertical-align: top;
	/*display: block;*/
	font-size: 1.1em;
	/*float: left;*/
	color: #000;
	text-decoration: none;
	padding-top: 0em;
	padding-right: 0.5em;
	padding-bottom: 0em;
	padding-left: 1em;
    font-family:Arial, Helvetica, sans-serif;
	font-style:normal;	
}
.SearchField
{
	border: solid 1px #ccc;
	width: 10em;
	font-size: 1.1em;
	padding-left: 0.2em;
	margin-right: 0.2em;
	padding-top: 0.3em;
	padding-bottom: 0.1em;	
	float: left;
	color: #000;
	font-style:normal;
	font-family:Arial, Helvetica, sans-serif;
}



div#mainContainer {
	width:1000px;
	margin: 3px auto 3px auto;
	text-align:left;
}
div#topMedia {
	clear:left;
	padding:3px 0 3px 0;
	width:1000px; 
	height:200px;
}
div#mainLayout {
	float:left;
	width:1000px;
}

div#centerContainer {
	clear:both;
}

.searchButton {
	background-color:#DDDE8E;
	background-repeat: no-repeat;
	text-align: center;
	border: 1px solid #84A058;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
	margin-left: 3px;
}
.searchButton:hoover {
	background-color:#84A058;
	background-repeat: no-repeat;
	text-align: center;
	border: 1px solid #DDDE8E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
	margin-left: 3px;
}			

/* ***** TOP NAVIGATION ***** */

div#topNav {
	width:1000px;
	float:left;
	font-size:1.0em;
	font-weight:bold;
	min-height:35px;
	line-height:30px;
	background-image:url(../images/nav_top_bg.jpg);
	background-repeat:no-repeat;
	display: inline;
}



div#topNav a,
div#topNav a:link,
div#topNav a:active,
div#topNav a:visited,
div#topNav a:hover {
	text-decoration:none;
	color:#000000;
}
div#topNav a:hover {
	text-decoration:underline;
	color:#000000;	
}
div#topNav ul {
	/*position:relative;*/
	list-style-type:none;
	margin:0;
	padding:0 5px 9px 23px;
	color:#000000;	
}
div#topNav ul li {
	list-style-type:none;
	display:inline;
	padding:0 10px 0 0;
	color:#000000;	
}
div#topNavSearch {
	/*position:relative;*/
	float:right;
	/*visibility:visible;*/
	padding:0;
	display:inline;
	margin:3px 20px 0 0;
}
div#topNavSearch input {
	float:left;
	margin:0;
}
/* ***** END TOP NAVIGATION ***** */


/* ***** LEFT MENU **** */
#menycontainer{
	float: left;
	width:183px;
	font: 100% Arial, Helvetica, sans-serif;
	font-weight:bold;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #E7E5AA;
	border-left-color: #E7E5AA;
	padding-left: 23px;
	margin: 0;
}
#meny{margin: 0 0 0 0; list-style-type: none;}
#meny a{
	display: block;
	margin: 0;
	text-decoration: none;
	height: 100%;
	padding-top: 0.7em;
	padding-right: 0.3em;
	padding-bottom: 0.7em;
	padding-left: 0;
}

#meny ul a{margin: 0;}	
#meny a:link{color: #000000;}
#meny a:visited{color: #000000;}
#meny a:hover{text-decoration:underline;}
#meny a#current{font-weight: bold;}
#meny a#subcurrent{font-weight: bold;}

/* ***** Left NAV ***** */

div#leftNav {
	margin:0;
	font-family: Arial, Verdana, Helvetica;
	width:210px;
	float:left;
	padding-right: 2;
	padding-left: 5;
	height: 99%;
}

div#leftNavTop {
	height:6px;
	font-size:0px;	
	background-image:url(../images/leftNavTop.jpg);
	background-repeat:no-repeat;	
}

div#leftNavHeader {
	font-size:1.1em;
	font-weight:bold;
	background-color:#e7e5aa;
	border-bottom:solid 2px #cac94a;
	border-left:solid 1px #ddde8e;
	border-right:solid 1px #ddde8e;
	padding-top: 2px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 23px;
}

div#leftNav a, #navigationarea span {color:#000;display: block;width: auto;text-decoration: none;}

div#leftNav ul {margin:0;list-style-type:none;padding:0px 0px 100px 0px;}
div#leftNav ul li {margin:0;padding:0;list-style-type:none;}
div#leftNav ul li span {padding: 0px 0px 2px 17px; text-decoration: none; font-size:100%; font-weight:bold;}

div#leftNav ul ul, 
div#leftNav ul ul li {padding:0;}
div#leftNav ul ul {margin:0 8px 8px 25px;}
div#leftNav ul ul li {border-bottom:0px;}

div#leftNav a,
div#leftNav a:link,
div#leftNav a:visited {text-decoration:none; color:#000000;}
div#leftNav a:active,
div#leftNav a:hover {text-decoration:underline; color:#000000;}

div#leftNavBottom {
	height:6px;
	font-size:0px;
	background-image:url(../images/leftNavBottom.jpg);
	background-repeat:no-repeat;
	float:left;	
    width:210px;	
}



/* **** RIGHT AREA **** */
div#rightArea {
	width:245px;
	float:right;
}




/* ***** STARTPAGE ***** */
div#leftStartpage {
	width:400px;
	float:left;
}
div#centerStartpage {
	width:295px;
	float:left;
	margin:0 0 0 10px;
}

div#rightStartpage {
	width:285px;
	float:right;
	margin-left:10px;
}


div#textBanners {
	
}
div.banner {
	margin:0;
}
div.banner p {
	margin:0;
}





/* ***** SUB PAGE ***** */
div#centerBlock {
	width:530px;
	float:left;
	margin-top: 0;
	margin-right: 7px;
	margin-bottom: 0;
	margin-left: 7px;
}
div#centerBlockWide {
	width:780px;
	float:left;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 8px;
}
div#centerBlockWideSearchresult {
	width:748px;
	float:left;
	margin-top: 0;
	margin-right: 6px;
	margin-bottom: 0;
	margin-left: 0px;
}


/* ***** LIST PAGE EX AKTUELLT UTLYSNINGAR***** */


div.SubPageHeaderList {
	font-family:Arial, Helvetica, sans-serif;
	font-size:150%;
	line-height:1.3em;
	font-weight:bold;
	margin:0;
	padding-top: 6px;
	text-align:left;
	padding-bottom: 1px;
}

div.puffInfoSubPageList {
	padding-top: 20px;
	padding-right: 27px;
	padding-bottom: 20px;
	padding-left: 25px;
}
div.puffInfoSubPageList a,
div.puffInfoSubPageList a:link,
div.puffInfoSubPageList a:active,
div.puffInfoSubPageList a:visited,
div.puffInfoSubPageList a:hover {
	text-decoration:none;
	font-weight:bold;	
	color:#000000;
}
div.puffInfoSubPageList a:hover {
	text-decoration:underline;
	font-weight:bold;		
	color:#000000;	
}
div.puffLayoutList {

}

div#NavHeaderList {
	font-size:1.1em;
	font-weight:bold;
	background-color:#e7e5aa;
	padding:2px 15px 8px 23px;
	border-bottom:solid 2px #cac94a;
	border-left:solid 1px #ddde8e;
	border-right:solid 1px #ddde8e;			
}
div#LeftNavTopList {
	height:6px;
	font-size:0px;	
	background-image:url(../images/leftNavTopList.jpg);
	background-repeat:no-repeat;	
}


/* *** TOPNAV LISTPAGE *** */
div#topNavList {
	float:left;
	font-size:1em;
	font-weight:bold;
	width: 520px;
	background-image: url(../images/nav_top_bg_list.jpg);
	background-repeat: no-repeat;
	display: inline;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	position: relative;
	line-height: 30px;
}


div#topNavList a,
div#topNavList a:link,
div#topNavList a:active,
div#topNavList a:visited,
div#topNavList a:hover {
	text-decoration:none;
	color:#000000;
	left: 23px;
}
div#topNavList a:hover {
	text-decoration:underline;
	color:#000000;	
}
div#topNavList ul li {
	list-style-type:none;
	display:inline;
	color:#000000;
	padding-top: 0;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 0;
	margin: 0px;
}
.InfoSubPageTop ul li {
	list-style-type:none;
	display:inline;
	color:#000000;
	padding-top: 0;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 0;
	margin: 0px;
}

/* ***** PUFF LAYOUT ***** */
div.puffWide {
	margin-bottom:7px;
}
div.puffWide h1 {
	font-size:1.1em;
	font-weight:bold;
	line-height:1.2em;
	margin:0 0 10px 0;
}
div.puffSearch {
	margin-bottom:20px;
}
div.puffSmall {
	margin-bottom:10px;
}
div.puffLayout {
	border-left:solid 1px #DDDE8E;
	border-right:solid 1px #DDDE8E;	
}



/* INFO SUB PAGE */
div.puffInfoSubPage {
	padding-top: 15px; /* tidigare 23px tog bort 0 varde fran p taggen*/
	padding-right: 30px;
	padding-bottom: 25px;
	padding-left: 15px; /* tidigare 23px */
}

div.puffInfoSubPage table {font-family:Arial, Helvetica, sans-serif; font-size:135%; line-height:1.5em; margin:0; padding:0; text-align:left;}

div.puffInfoSubPage a,
div.puffInfoSubPage a:link,
div.puffInfoSubPage a:active,
div.puffInfoSubPage a:visited,
div.puffInfoSubPage a:hover {
	text-decoration:underline;
	color:#000;
}
/* div.puffInfoSubPage p { margin: 0; } */

div.puffInfoSubPage a:hover {
	text-decoration:underline;		
	color:#5F5F5F;	
}

div.SubPageHeader {
	font-family:Arial, Helvetica, sans-serif;
	font-size:150%;
	line-height:1.3em;
	font-weight:bold;
	padding:0;
	text-align:left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 0;
}



div#SubPageCategory {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1.3em;
	font-weight:bold;
	margin:0;
	padding:3px 0 3px 0;
	text-align:left;
}

div#SubPagePublDate {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1.3em;
	margin:0;
	padding:3px 0 3px 0;
	text-align:left;
	padding-top: 12px;
	padding-bottom: 12px;
}


div.puffInfo15 {
	padding-top: 4px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 23px;
}
div.puffInfo15 p {
	margin-top:6px;
	margin-bottom:6px;
}
div.puffInfo15 a,
div.puffInfo15 a:link,
div.puffInfo15 a:active,
div.puffInfo15 a:visited,
div.puffInfo15 a:hover {
	text-decoration:none;
	font-weight:bold;	
	color:#000000;
}
div.puffInfo15 a:hover {
	text-decoration:underline;
	font-weight:bold;		
	color:#000000;	
}

div.puffInfo10 {
	padding-top: 10px;
}
div.puffInfo0 {
	padding:0;
}
div.puffColor {
	background-color:#e7e5aa;
}
div.puffColor2 {
	background-color:#f0eec7;
}
div.puffColor3 {
	background-color:#f5f4d8;
}
div.puffColor4 {
	background-color:#F2B825;
	font-size: 185%;
	font-weight: bold;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 15px;
	line-height: 135%;
	padding-top: 15px;
	padding-bottom: 15px;
}
div.puffColor4 a,
div.puffColor4 a:link,
div.puffColor4 a:active,
div.puffColor4 a:visited,
div.puffColor4 a:hover {
	text-decoration:none;
	color:#fff;
}
div.puffColor4 a:hover {
	text-decoration:underline;		
	color:#fff;	
}
div.puffColorGrey {
	background-color:#DCCDBA;
	font-size: 185%;
	font-weight: bold;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 15px;
	line-height: 135%;
	padding-top: 15px;
	padding-bottom: 15px;
}
div.puffColorGrey a,
div.puffColorGrey a:link,
div.puffColorGrey a:active,
div.puffColorGrey a:visited,
div.puffColorGrey a:hover {
	text-decoration:none;
	color:#fff;
}
div.puffColorGrey a:hover {
	text-decoration:underline;		
	color:#fff;	
}

div.puffColor5 {
	background-color:#E7E5AA;
}


div.puffHeader {
	font-size:1.1em;
	font-weight:bold;
	background-color:#e7e5aa;
	padding:2px 12px 8px 23px;
	border-bottom:solid 2px #cac94a;
}
div.puffHeaderSearch {
	font-weight:normal;
}
div.puffWideTop {
	height:6px;
	font-size:0px;
	background-image:url(../images/InfoSubPage_topWide.jpg);
	background-repeat:no-repeat;	
}
div.puffWideBottom {
	height:6px;
	font-size:0px;
	background-image:url(../images/InfoSubPage_bottomWide.jpg);
	background-repeat:no-repeat;	
}
div.puffWideBottom2 {
	height:1px;
	font-size:0px;
	background-image:url(../images/puff_wide_bottom2.gif);
	background-repeat:no-repeat;	
}
div.puffSmallTop {
	height:6px;
	font-size:0px;
	background-image:url(../images/puff_small_top.jpg);
	background-repeat:no-repeat;	
}
div.puffSmallBottom {
	height:6px;
	font-size:0px;
	background-image:url(../images/puff_small_bottom.jpg);
	background-repeat:no-repeat;	
}
div.puffSearchTop {
	height:6px;
	font-size:0px;
	background-image:url(../images/puff_search_top.jpg);
	background-repeat:no-repeat;	
}

div.InfoSubPageTop {
	height:6px;
	font-size:0px;
	background-image:url(../images/InfoSubPage_Top.jpg);
	background-repeat:no-repeat;
}
div.InfoSubPageBottom {
	height:6px;
	font-size:0px;
	background-image:url(../images/InfoSubPage_bottom.jpg);
	background-repeat:no-repeat;
	clear:both;
}
div.InfoSearchTopWide {
	height:6px;
	font-size:0px;
	background-image:url(../images/InfoSearch_Top_wide.jpg);
	background-repeat:no-repeat;
}
div.InfoSearchBottomWide {
	height:6px;
	font-size:0px;
	background-image:url(../images/InfoSearch_bottom_wide.jpg);
	background-repeat:no-repeat;
	clear:both;
}



/* ***** SEARCH RESULT ***** */

div.SearchTop {
	height:6px;
	font-size:0px;
	background-image:url(../images/Search_Top.jpg);
	background-repeat:no-repeat;
}
div.SearchBottom {
	height:6px;
	font-size:0px;
	background-image:url(../images/Search_bottom.jpg);
	background-repeat:no-repeat;	
}
div#searchResContainer {
	padding-bottom:20px;
	text-align:center;
}
div#searchResLayout {
	width:720px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}
.searchResTable {
	width:720px;
}
.searchTopInfo {
	margin-bottom:15px;
}
.searchTopInfo a,
.searchTopInfo a:link,
.searchTopInfo a:active,
.searchTopInfo a:visited,
.searchTopInfo a:hover {
	text-decoration:none;
}
.searchTopInfo a:hover {
	text-decoration:underline;
}
.searchTopInfoLeft {
	float:left;
	margin-right:20px;
}
.searchTopInfoRight {
	float:right;
}
.searchResRow {
	
}
.searchResRow td {
	padding:10px 15px 10px 15px;
	border-bottom:solid 1px #e5e6ad;
}
.searchResRow .tdImage {
	padding-left:0;
	width:100px;
}
.searchResRow .tdButton {
	padding-right:0;
	padding-left:0;
}
.searchResTable th {
	background-image:url(../images/result_header_bg.jpg);
	background-repeat:no-repeat;
	background-color:#cfcc65;
	padding:6px 0 6px 15px;
}
.searchResTable th a,
.searchResTable th a:link,
.searchResTable th a:active,
.searchResTable th a:visited,
.searchResTable th a:hover {
	text-decoration:none;
}
.searchResTable th a:hover {
	text-decoration:underline;
}



/* ***** FOOTER ***** */
div#footer {
	clear:both;
	margin-top:15px;
	margin-bottom: 15px;
}
div#footer a,
div#footer a:link,
div#footer a:active,
div#footer a:visited,
div#footer a:hover {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
}
div#footer a:hover {
	text-decoration:underline;
}
div#footerInfo {
	color:#FFFFFF;
	background-color:#000000;	
	padding:6px 25px 6px 25px;
}
div#footerBottom {
	height:5px;
	font-size:0px;
	background-image:url(../images/footer_bottom.gif);
	background-repeat:no-repeat;
}
div#elforsklogo {
	margin-bottom:2px;
	float:right;	
}




/* SEARCH */
div#SearchArea {
	border-bottom:solid 2px #cac94a;
	background-color:#e7e5aa;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 0;
	padding-left: 23px;
	height: 20px;
}
div#SearchArea ul {
	margin:15px 0 0 0;
	padding:0 0 0 0;
}

div#SearchArea ul li {
	margin:0 0 1.2em 0;
	padding:2px 0 2px 0;
	display: inline;
    float:left;
    clear:both;
	width:100%;
	}
div#SearchArea label {
	font-weight:bold;
}

div#SearchArea input {
	/*margin-bottom:8px;*/
	margin-left:5px;
}

div#ResultArea {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	float:left; 
	width:100%;
}


div#ResultArea ul {
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 24px;
	padding-left: 24px;
}

div#ResultArea ul li {
	display: inline;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	}
div#ResultArea ul li p{
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	}

div#ResultArea span.dateTime {
	font-size:0.90em;
	color:#7e7e7e;
}

div#ResultArea p {
	font-size:1.0em;
	margin:0;
	list-style-type: none;
}
#ResultArea a{
	margin: 0;
	text-decoration: none;
	height: 100%;
	padding-bottom:inherit;
}
#ResultArea a:link{color: #000000;}
#ResultArea a:visited{color: #000000;}
#ResultArea a:hover{text-decoration:underline;}
#ResultArea a#current{font-weight: bold;}
#ResultArea a#subcurrent{font-weight: bold;}

.ResultAreaDate {
	font-size:1.0em;
	margin:0;
	list-style-type: none;
	float:left;
	padding: 2px 3px 4px 0;
	width: 75px;
}
.ResultAreaCategory {
	font-size:1.0em;
	margin:0;
	list-style-type: none;
	float:left;
	font-weight:bold;	
	padding: 2px 3px 4px 0;
	width: 75px;
}
.ResultAreaHeader {
	font-size:1.0em;
	margin:0;
	list-style-type: none;
	float:left;
	font-weight:bold;
	width: 320px;
	padding: 2px 3px 4px 0;
	}
	
.ResultAreaHeader a, a:link, a:active, a:visited {
	text-decoration:none;
	font-weight:bold;
	color:#000000;
}
.ResultAreaHeader a:hover {
	text-decoration:underline;
}

.ResultAreaRub1 {
	font-size:1.0em;
	margin:0;
	list-style-type: none;
	float:left;
	font-weight:bold;	
	padding: 2px 3px 4px 0;
	width: 75px;
}
.ResultAreaRub2 {
	font-size:1.0em;
	margin:0;
	list-style-type: none;
	float:left;
	font-weight:bold;	
	padding: 2px 3px 4px 0;
	width: 75px;
}
.ResultAreaRub3 {
	font-size:1.0em;
	margin:0;
	list-style-type: none;
	float:left;
	font-weight:bold;
	width: 200px;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 4px;
	padding-left: 0;
}
.ResultAreaRub4 {
	font-size:1.0em;
	margin:0;
	list-style-type: none;
	float:left;
	font-weight:bold;
	width: 370px;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 4px;
	padding-left: 0;
}
		

div.Paging {
	font-weight:bold;
	margin:0;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 23px;
}
div.Paging a, div.Paging a:link, div.Paging a:visited, div.Paging a:hover, div.Paging a:active {
	font-weight:normal;
	padding:2px 5px;
	margin:0;
	color:#000;
}
div.Paging a:hover {
	background-color:#e7e5aa;
}
div.Paging a.ActiveItem {
	color:#000;
	font-weight:bold;
	text-decoration:none;
}