/* Specialinställningar för olika läsare */
HR { text-align: right; height: 1px; color: #e3e3e3; border: none; clear: both; }
/* For Internet Explorer */
HTML > BODY HR { margin-right: 0; height: 1px; background-color: #e3e3e3; border: none; clear: both; }
/* For Gecko-based browsers */
HTML > BODY HR { margin-right: 0; height: 1px; background-color: #e3e3e3; border: 0px solid #e3e3e3; clear: both; }
/* For Opera and Gecko-based browsers */
hr.section { margin: 1em 0 1em 0; }

/* General styles for web site */
* { padding: 0; margin: 0; }

/* General styles for elements */
form { margin:0; padding:0;}
body { background-image:url(images/bg_shadow_line.gif); background-repeat:repeat-y;  background-position: center top; margin: 0; padding: 7px 10px 0 10px; color:#000; background-color: #ebebeb; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; height: 100%; }
html { height: 100%; }
fieldset { border: none; }
img { border: none;}
input:focus, input:active, a:focus, a:active, select:focus, select:active, textarea:focus, textarea:active { background-color: #BFE3E2; }
p { margin: 0 0 0.6em 0; }
a { text-decoration: none; font-weight: bold; color: #00457E; font-size:100%;}
h1, h2, h3, h4, h5, h6 { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0.5em 0; padding: 0;}
h1 { font-size: 135%; }
h2 { font-size: 120%; }
h3 { font-size: 105%; }
h4 { font-size: 100%; }
blockquote { margin: 0.9em 0.5em 0.9em 15px; font-style: italic;}
.red { color: #CC0000;}
q { font-style: italic;}

/* General classes */
.hiddentext { position: absolute; left: -900px; overflow: hidden; width: 0; } /* Ex-auraltext */
.separator { height: 5px; margin-top: 5px; }
.sosdate { padding: 0; margin: -0.3em 0 0.4em 0;}
.introtext { padding: 0; margin: 0.4em 0 1.5em 0;}

.labelheader { font-size: 100%; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0;}
.ddlmargin { margin-top: 0.5em; }
.clear { clear:both;}

/* Header area */
#header { float:left; background-color: #FFF;}
#headerline { background-image: url(images/pageheader_line.gif); background-repeat: repeat-x; width: 948px; margin: 0 3px 0 3px;}
div#logoarea { float:left; display: inline; margin: 0 0 0 30px; }
div#logoarea .logo { border: none; }
#quicksearch { float:right; width: auto; padding-left: 1em; margin: 1.8em 0.3em 0 1em;}
#quicksearch input { vertical-align: middle; }

/* Header area - top navigation division */ 
#topnav { float: right; width: auto; text-align: right; padding: 0.4em 0.8em 0.4em 1em; margin-bottom: 2px;}
#topnav ul { display: block; float: right; width: auto; margin: 0.3em 0 0 0; padding: 0; }
#topnav ul li { display: inline; line-height: 1.6em;}
#topnav ul li a { color: #5A5A5A; font-size: 90%; vertical-align: middle; font-weight:normal;}
#topnav .toplink { background-repeat: no-repeat; background-position: top left; padding: 0em 0.4em 0.4em 20px; vertical-align: middle; }
	
/* Header area - top menu division */
#topmenu { float:left; margin: 0.9em 2px 0 2px; width:948px; text-align:center;}
#topmenu ul { }
#topmenu ul li { display:inline; float:left; list-style: none; font-weight: bold; margin: 0 1px 1px 1px; padding: 14px 0 3px 0; } /*border-bottom-width: 6px; border-bottom-style:solid;}*/
#topmenu ul li a { padding: 0 0 0 13px; color: #000;}
#topmenu ul .firstmenuitem { width: 192px; height:31px;}
#topmenu ul .topmenuitems { width:248px; height:31px;}
#topmenu ul li .selectedtopmenu { background-image: url(images/arrow_menu_down.gif); background-position: center left; background-repeat:no-repeat; text-align:center; padding: 0 0 0 12px;}
#topmenu ul li .notselectedtopmenu { background-image: url(images/arrow_menu_right.gif); background-position: center left; background-repeat:no-repeat; text-align:center; padding: 0 0 0 12px;}
#topmenushadow { float:left; background-image: url(images/menu_shadow.gif); background-repeat:repeat-x; width: 942px;height: 17px;margin: 1px 3px 0 3px;}
#backlink { margin-left: 10px;}

/* Main area */
#container { margin: 7px auto 0 auto; padding: 0; text-align: left; width: 955px; background-color: #FFF;}
#page { min-height: 500px; height: auto !important; height: 350px; margin: 7px; padding-bottom: 20px;}
#page a { font-weight: bold; color: #00457E;}
#centercol { float:left; width:473px; margin: 3px 5px 5px 20px;}

/* Main area - Breadcrumbs division */
div#centercol ul.breadcrumb { padding: 0 0 7px 0; font-size: 90%; margin: 0; list-style-type: none; }
div#centercol ul.breadcrumb li { display: inline; margin: 0 0 0 0;padding: 0 0 0 0;}
div#centercol ul.breadcrumb a { padding: 0 4px 0 0; margin: 0;}

/* Main area - Default main content */
div#defaultmaincontent { margin: 10px 0 0 0;}
div#defaultmaincontent #defaultmainingress { font-weight:bold;}
div#defaultmaincontent #defaultmainbody { margin: 10px 0 0 0;} 
div#defaultmaincontent #defaultmainbody ul li { margin: 0.4em 0 0.4em 18px;} 
div#defaultmaincontent #defaultmainbody ol li { margin: 0.4em 0 0.4em 23px;} 
div#defaultmaincontent #defaultlastupdated { padding: 25px 0 0 0; color: #5A5A5A;}
div#pagelistarea .link { font-size: 80%;}

/* Main area - Center division - start/target pages */
div#centercol {}
div#centercol #startmainpicture {width: 463px; height:220px;}
div#centercol #startmainpicture .mainpicturetext {padding: 30px 30px 30px 200px }
div#centercol #startmainpufflist {float: left; padding-top: 15px}
div#centercol #startmainpufflist h2 {margin-top: 5px; color: #B50D1A;}
div#centercol #startmainpufflist img {border: none; margin: 0; padding: 0;}
div#centercol #startmainpufflist .picbox {width:145px; height: 104px; overflow:hidden;}
div#centercol #startmainpufflist .startpuff1 {padding-right: 14px; float:left; display:inline; width:145px}
div#centercol #startmainpufflist .startpuff2 {padding-right: 14px; float:left; display:inline; width:145px}
div#centercol #startmainpufflist .startpuff3 { float:left; display:inline; width:145px;}

div#centercol #pufflisttargetgroup { width: 463px;}
div#centercol #pufflisttargetgroup { float: left; padding-top: 10px}
div#centercol #pufflisttargetgroup .puff {padding: 10px 0 10px 0; height: 64px; border-bottom: 1px dotted #E0E1E1}
div#centercol #pufflisttargetgroup .picbox {float: left; width: 58px; height: 64px; padding-right:10px;}
div#centercol #pufflisttargetgroup h2 {font-size:100%;}
div#centercol .hrtargetgroup {padding: 0 0 0 0; margin: 10px 0 -5px 0;}

/* Main area - Center division - News page */
.newsintrotext { padding: 0; font-weight: bold; margin: 0.4em 0 1.5em 0;}

/* Main area - Center division - Search page */
div#pager { margin: 0px; padding: 0px; list-style-type: none; }
div#pager { margin: 15px 0 0 0; font-weight: bold; color: #5A5A5A; }
div#pager ul { margin: 0; padding: 0; display: inline; }
div#pager li { display: inline; list-style-type: none; margin: 0 0.2em 0 0.2em; padding: 0.1em 0.3em 0.2em 0.3em; background-color: #FFF; border: solid 1px #5A5A5A;}
.searchresultrow .linkpic { margin-right: 5px;}
.searchresultrow .link { font-size: 80%;}

div#search { /*background-color: #DDD;*/ padding: 10px 10px; margin-bottom: 0px;border:solid 1px #ccc;}
div#searchheader { font-size: 100%; font-weight: bold; margin-top: 5px; margin-bottom: 10px;}
div#searchcontrols { margin-top: 10px; margin-bottom: 10px;}
div#search .searchkeyword { width:400px; margin-right: 10px; padding-bottom: 2px;}
div#search .searchbutton {margin-top: 0px;}

/* Main area - Left division */
#leftcol { width: 190px; float: left; display:inline;}
#leftcol ul li { text-decoration: none; list-style: none; }
#leftcol .puff { background-image: url(images/puff1_left.gif); background-repeat: no-repeat; background-position: left top; padding: 0; margin: 10px 0 0 0; }

#leftcol .bannerpuff { margin: 20px 0 0 0; }

/* Main area - Left division - Left menu */
div#page div.nav { padding: 0 0 0 1px; margin: 0;}
div#page div.nav .menuarrow { padding: 0 0 2px 8px;}
div#page div.nav a { display:block; color:#000; font-weight: normal; margin:0;}
div#page div.nav .navitem0header { background-repeat: repeat-x; color: #FFF; font-size: 93%; font-weight: bold; padding: 0.8em 1em;}

div#page div.nav .navempty { background-color: transparent; padding: 4px 0px 4px 11px; border-top: 1px solid #DDDDDD;}

div#page div.nav  .navitem0 { background-color: transparent; border-bottom: 1px solid #DDDDDD; padding: 4px 0 4px 11px; }
div#page div.nav  .navitem0s { background-color: #F0F1F1; border-top: 1px solid #DDDDDD; padding: 4px 0 4px 11px; font-weight: bold;}
div#page div.nav  .navitem0e { background-color: #F0F1F1; border-top: 1px solid #DDDDDD; font-weight: bold; padding: 4px 0 4px 11px;}
div#page div.nav  .navitem0se { background-color: #F0F1F1; border-top: 1px solid #DDDDDD; font-weight: bold; padding: 4px 0 4px 11px;}

div#page div.nav  .navitem1 { background-color: #F0F1F1; padding: 4px 0px 4px 20px;}
div#page div.nav  .navitem1s { background-color: #F0F1F1; padding: 4px 0px 4px 20px; font-weight: bold;}
div#page div.nav  .navitem1e { background-color: #F0F1F1; padding: 4px 0px 4px 20px; font-weight: bold;}
div#page div.nav  .navitem1se  { background-color: #F0F1F1; padding: 4px 0px 4px 20px; font-weight: bold;}

div#page div.nav  a:hover { background-color: #DDD;}
div#page div.nav  a:focus { background-color: #BFE3E2;}

div#page div.nav  .navitem1:hover { background-color: #DDD;}
div#page div.nav  .navitem1s:hover { background-color: #DDD;}
div#page div.nav  .navitem1e:hover { background-color: #DDD;}
div#page div.nav  .navitem1se:hover { background-color: #DDD;}

/* Right area */
#rightcol { float:left; width:245px}
#rightcol ul li { margin-bottom: 10px; list-style-type:none; list-style-image: none;list-style-position:outside;}

/* Right area - News division */
#rightcol .newslistpuff { margin:0; padding: 0 0 15px 10px; width: 230px; float:left;}
#rightcol .newslistpuff div { padding: 5px 20px 10px 20px;}
#rightcol .newslistpuff .top { margin:0; padding:0; height: 25px; }
#rightcol .newslistpuff .top h2 { background-color:#FFF; font-weight:bold; font-size:100%; width: 6em; padding: 0 5px 0 5px; margin-left: 10px;}
#rightcol .newslistpuff hr { margin-bottom: 5px;}

/* Right area - Links division */
#rightcol .linklist { margin: 0 0 0 0; padding: 0 0 0 10px; width: 230px; float:left;}
#rightcol .linklist .middle { padding: 5px 20px 1px 20px; }
#rightcol .linklist .top { margin:0; padding:0; height: 34px;}
#rightcol .linklist .top h2 { background-color:#FFF; font-weight:bold; font-size:100%; width: 5em; padding: 4px 5px 0 5px; margin-left: 10px;}
#rightcol .linklist .bottom { height: 23px;}
#rightcol .linklist hr { margin-bottom: 5px;}

/* Right area - Puff division */
#rightcol .pufflist { margin:0; padding:0; width: 230px; float:right;}
#rightcol .puff div { padding: 5px 20px 10px 20px; overflow:visible; }
#rightcol .puff .top {margin:0; padding:0px 0px 10px 0px ;}
#rightcol .puff .top h2 { font-weight:bold; font-size:100%; color: #FFF; padding: 20px 20px 0 20px; margin:0;}
#rightcol .puff .toplight {margin:0; padding:0; height: 40px;}
#rightcol .puff .toplight h2 { font-weight:bold; font-size:100%; padding: 20px 20px 0 20px;}
#rightcol .puff .picture { overflow:hidden;margin:0; padding:0; height: 176px;}

#rightcol .pufflist .puff .middle {color: #FFF;}
#rightcol .pufflist .puff .middle a {color: #FFF; text-decoration: underline;}
#rightcol .puff .middle p {font-weight:normal; font-size:100%; color: #FFF; margin-bottom: 5px;}
#rightcol .puff .middlelight p {font-weight:normal; font-size:100%; margin-bottom: 0px;}
#rightcol .puff .middlelight a { color: #00457E;}
#rightcol .puff .bottom {margin:0; padding:0; height: 14px;}
#rightcol .puff .linkbottom { margin:0; padding:0; height: 40px;}
#rightcol .puff .linkbottom img { margin-top:10px; border:none;}
#rightcol .puff .linkbottom a span { color: #224F7B;}
#rightcol .puff .linkbottom .link {padding: 0; margin: 7px 10px 0px 20px; float:left;}
#rightcol .puff .linkbottom .link img {padding: 0; margin: 3px 10px 0 0; float: left;}
#rightcol .puff .linkbottom .link span {padding: 0; margin: 0; clear: right;}
#rightcol .puff th {height: 1.5em;}
#rightcol .puff tr {height: 2em;}
#rightcol .puff td {height: 2em;}

/* Footer area */
#footer { background-image: url(images/pagefooter_line.gif); width: 948px; height:36px; margin: 0 3px 0 3px; font-size: 90%; text-align: left;}
#footer address { font-style: normal; padding: 8px 0 0 15px;}
#footer #footerleft { float:left; display:inline;}
#footer #footerright { margin-right: 10px;}
#sll { float:right; width:223px; height: 30px;}

/* Sitemap */
div#centercol .sitemap ul li { list-style-type:none; list-style-image: none;list-style-position:outside;}
div#centercol .sitemap { font-weight: bold;}

/* Formulär */
div#centercol .customform {}
div#centercol .customform label {font-weight:bold; clear:both;}
div#centercol .customform .formfield {float: left; margin-top: 5px;}
div#centercol .customform .formbutton {float: left; margin-top: 5px;}
div#centercol .customform tr {height: 45px;}

/* Newslist */
div#centercol .newslist #pager { margin-bottom: 3px;}
div#centercol .newslist #pagelist li { margin: 0.5em 0 0 0; list-style-type:none;}
div#centercol .newslist .newselements { margin:0 0 0 0; padding:0;}
div#centercol .newslist .newselements li { margin: 0 0 0 0; padding:0 0 0.3em 0; list-style-type:none;}

/* Jobs */
div#jobs #defaultmainingress { font-weight:bold;}
div#jobs #defaultmainbody { margin: 10px 0 0 0;} 
div#jobs ul { margin: 0; padding: 0;}
div#jobs ul li { list-style-type: none;}
div#jobs .jobcategoryli { margin: 10px 0 0 0; font-size: 120%; font-weight: bold;}

div#jobs .joblistli { font-size: 80%;}
div#jobs .link { margin-right: 5px;}

#jobheader { font-weight:bold; padding-bottom: 6px;}
.jobad tr.jobrowgreen { background-color: #EBF1F1;}
.jobad td { vertical-align:top; padding: 7px;}
.jobheading { width: 30%; font-weight:bold; }
.jobdescription { width: 70%;}

/* ImportantInfo */
div#importantinfo-box {
	width:70%;
	padding:30px;
	margin-left:20px;
	/*border:solid 1px red;*/
	background-color:#CBBBBC;
	
}



h4#info-header {
background-image: url(images/top.jpg); background-repeat: no-repeat; background-position: left bottom; padding:9px 5px 14px 5px; margin: 0 0 0 0;	
color:#fff;	
	
}

#header-span {
	width:100%;
	float:none;
	margin:0 0 0 0;
	/*border:solid 1px blue;*/
	text-align:center;
}

h4#info-header #pagename-header {
	font-weight:800;	
}

h4#info-header #pagename-updated{
	color:#fff;
	font-weight:500;

}



#info-middle-box {
	
	background-image: url(images/middle.jpg); background-repeat: repeat-y; background-position: left top; padding: 17px; margin: 0 0 0 0;	
	
}

#defaultheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:135%;
	color:#B50D1A;
	font-weight:600;
	margin:8px 0 8px 0;	
}

#defaultmainingress {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#000;
	font-weight:700;
	margin:8px 0 8px 0;	
}

#defaultmainbody {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#000;
	
	margin:8px 0 8px 0;	
}

#info-bottom-box {
	background-image: url(images/bottom.jpg); background-repeat: no-repeat; background-position: left top; padding: 0; margin: 0 0 0 0;	
}

.rightpuffs {
	margin:3px 0 0 0;
	/*border:solid 1px blue;	*/
}