* { padding: 0; margin: 0; }
body { color: #5A5A5A; margin: 0; padding: 0px 0px; background-color: #eee; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; height: 100%; }
html { height: 100%; }
.auraltext { position: absolute; left: -900px; overflow: hidden; width: 0; }
fieldset { border: none; }
#Snabbkommandon img { border: none; }
 
p { margin: 0 0 0.6em 0;  }
td { color: #5A5A5A; }
li { color: #5A5A5A; }
h1, h2, h3, h4, h5, h6 { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0 0; padding: 0; color: #5A5A5A; }
h2, h3, h4, h5, h6 { margin-top: 1.5em}
h1 { font-size: 140%; }
h2 { font-size: 130%; }
h3 { font-size: 120%; margin-top: 2em}
h4 { font-size: 90%; }
blockquote { margin: 0.9em 0.5em 0.9em 15px; font-style: italic; }
.separator { height: 5px; margin-top: 5px; }
#container { margin: auto; text-align: left; width: 100%; max-width: 1000px; min-height: 550px; height: auto; background-color: #FFF; }
#altstartpagecontainer {padding-left:0px;padding-right:140px;}
.sosdate { padding: 0; margin: -0.3em 0 0.4em 0; color: #5A5A5A; }
.introtext { padding: 0; font-style: italic; margin: 0.4em 0 1.5em 0; color: #5A5A5A; }
.labelheader { font-size: 100%; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0; color: #5A5A5A; }
.ddlmargin { margin-top: 0.5em; }

/* Top Nav */
#topnav { width: auto; text-align: right; padding:0; margin:0; border-bottom: solid 0px #5d95a4; }
#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; text-decoration: none; font-size: 90%; vertical-align: middle; }
#topnav .toplink { background-repeat: no-repeat; background-position: top left; padding: 0.1em 0.4em 0.4em 25px; vertical-align: middle; }
#search {
	width: auto;
	padding-left: 0px;
	margin-left: 20px;
	vertical-align: middle;
	margin-bottom: 10px;
}
#search input { vertical-align: middle; }

/* Header */
#header { height: 100px; background-color: #ccc; background-repeat: no-repeat; background-position: top left; padding: 0; width: 100%; clear: both; overflow: hidden; border-bottom: solid 0px #fff; border-top: solid 0px #646464; }
div#logoarea { float:left; margin: 10px 0 0 20px; vertical-align: middle; }
div#logoarea .logo { border: none; }
div#logoarea a { border: none }
div#headertext a visited { text-decoration: none; color: #ffffff; }
div#headertext a active { text-decoration: none; color: #ffffff; }

/* Top Menu */
#topmenu { background-image: url(../images/topmenu_bg.png); background-repeat: repeat-x; background-position: top left; text-align: left; border-bottom: solid 0px #e3e3e3; padding: 7px 0 0 20px; margin: 0; border-top: solid 0px #646464; height: 2em; }
#topmenu ul { margin: auto; padding: 0; display: inline; }
#topmenu ul li { display: inline; background: url(../images/topmenu_separator.gif) left no-repeat; list-style: none; margin-top: 1px; padding: 10px; }
#topmenu ul li a { padding: 0.5em 0.5em 0.5em 0.5em; margin-top: 0.5em; text-decoration: none; font-weight: bold; color: #336699; }

/* Signum */
#signum { padding: 6px 70px 10px 20px; margin: 0; }
#signum { line-height: 1.25em; font-size: 1.25em; font-weight: bold; color: #336699; }
#signum a { font-weight: bold; text-decoration: none; color: #336699; }
#signum a:hover { font-weight: bold; text-decoration: none; color: #3399cc; }

/* Firstletter */

#firstletter { line-height: 1.25em; font-size: 1.25em; font-weight: bold; color: #336699; }
#firstletter a { font-weight: bold; text-decoration: none; color: #336699; }
#firstletter a:hover { font-weight: bold; text-decoration: none; color: #3399cc; }

/* Page */
#page { padding: 28px 28px 0px 28px; border-bottom: solid 0px #646464; margin: 0; }
#page a { font-weight: bold; color: #336699; text-decoration: none; }
#page a:hover { font-weight: bold; text-decoration: underline; color: #3399cc; }

/* Left column */
#leftcol { width: 25%; float: left; margin: 0; }
#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: 30px 0 0 0; }
#leftcol img { border: none; }
#leftcol h2 { margin-top: 0; color: #fff; font-size: 100%; font-weight: bold; background-color: #3399cc; padding: 0.4em 1em; background-image: url(../images/menu_heading_gradient.gif); background-repeat: repeat-x; background-position: top left; }

/* Left Shortcut Menu */
#shortcutmenu { margin: 0; padding: 0; }
#shortcutmenu li { list-style-type: none; background-image: url(../images/line_dotted.gif); background-position: top left; background-repeat: repeat-x; padding: 1px 0 1px 0; margin: 0; }
#shortcutmenu li a { display: block; text-decoration: none; padding: 0.7em 0 0.7em 20px; background-image: url(../images/arrow_big.gif); background-repeat: no-repeat; background-position: 5px center; margin: 0; }
#shortcutmenu li a:hover { text-decoration: underline; background-color: #eee; }
#shortcutmenu .nolink { display: block; text-decoration: none; font-weight: bold; color: #336699; padding: 0.7em 0 0.7em 20px; background-image: url(../images/arrow_big.gif); background-repeat: no-repeat; background-position: 5px center; margin: 0; }

/* Right column - Default framework */
#rightcol ul li { margin: 0.4em 0 0.4em 18px; /* Här uppkomer problemet med att pager-lista inte fungerar - Hur göra?*/ }
#rightcol ol li { margin: 0.4em 0 0.4em 23px; }
#rightcol { margin: auto; float: right; width: 70%; }
#rightcol .breadcrumbs { padding: 0 0 1em 0; border-bottom: dotted 1px #c3c3c3; margin: 0 0 1.5em 0; }
#rightcol h2 { color: #5A5A5A; font-weight: bold; }
#rightcol h2 a {font-size: 100%; text-decoration:none; color: #5A5A5A;}
#rightcol img {border:none;} 
#rightcol a img {border:none;} 

/* Right column - Areas */
.departmentlist { margin-top: 10px; }
#rightcol .departmentlist .mainContent h2 { margin-top: 5px; }
#rightcol .mainContent { float: left; width: 65%; }
.sidebarmenu { width: 30%; float: right; padding: 0 0 10px 0; margin: 0; }
.sidebarmenu li { list-style-type: none; padding: 1px 0 1px 0; margin: 0; }
.sidebarmenu li a { display: block; text-decoration: underline; padding: 0 0 0 18px; background-image: url(../images/arrow_small.gif); background-repeat: no-repeat; background-position: 5px center; margin: 0; }
#rightcol hr { margin: 2px 0 2px 0; }

/* Starting Page */
#rightcol .puff { float: left; width: 49%; margin: 0; padding: 0; }
#rightcol .puff ul li { margin: 0.5em 0 0 0; }
#rightcol .puff h2 { margin-top:0;}
#rightcol .puff h3 { line-height: 120%; font-family: Verdana, Arial, Helvetica, sans-serif; }
#rightcol .puff div { padding: 5px 20px 16px 20px; }
.puffdatestartpage { margin: -3px 0 -10px -20px; color: #5A5A5A; }
.pufftextstartpage { margin: 0 0 -5px -20px; color: #5A5A5A; }
ul.pagelist { list-style: none; margin: 0; }
ul.pagelist li { margin: 0 0 1em 0; }
ul.pagelist li a { text-decoration: none; }
ul.pagelist li a:hover { text-decoration: underline; }
ul.signumlist { list-style:none; margin: 0; }
ul.signumlist li { margin: 0 0 0 0; }
ul.signumlist li a { text-decoration: none; }	
ul.signumlist li a:hover { text-decoration: underline; }
.referens { line-height: 1.10em; font-size: 1.10em; font-weight:normal; color: #000000; }
.refnote { color: #666666; }
.xsignumlist { text-decoration: none; }
.xamneslist { text-decoration: underline; font-weight:normal; font-size:0.90em }
.morelink { display: block; padding-top: 10px; border-top: dotted 1px #c3c3c3; margin-top: 10px; }

/* Normal Page - Puffs */
#rightcol #puffarea { padding: 20px 0 0 0; }
#rightcol #leftpuff { padding: 0; margin: 0 0 10px 0; }
#rightcol #leftpuff div h3 { line-height: 100%; padding: 0px 20px 10px 20px; }
#rightcol #leftpuff div p { padding: 0px 20px 5px 20px; }
#rightcol #leftpuff div { float: left; }
#rightcol #rightimage { float: right; padding: 0 0 0 20px; width: 25%; }

/* Footer */
#footer { margin: 2px 0 0 0; font-size: 90%; border-top: solid 1px #646464; padding: 5px 0 10px 0; color: #5A5A5A; text-align: center; clear: both; }
#footer address { font-style: normal; }
#footer a { font-weight: none; color: #336699; }

/* Browser Dependancy */
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: 2px 0 2px 0; }
hr.section2 { margin-top: 5px; }

/* Left menu */
.leftmenu { padding: 0; margin-top: -7px; }
#page .leftmenu a { font-weight: normal; text-decoration: none; color: #5A5A5A; }
.leftmenu_topitem, .leftmenu_topitem_selected { font-weight: normal; background-color: #F8F8F8; padding: 0.4em 1.0em; border-top: solid 1px #FFF; border-bottom: solid 1px #CACACA; }
#page .leftmenu_topitem_selected a, #page .leftmenu_item2_selected a, #page .leftmenu_item3_selected a { font-weight: bold; }
.leftmenu_item2, .leftmenu_item2_selected { font-weight: normal; background-color: #E2E2E2; padding: 0.4em 1.0em 0.4em 2em; border-top: solid 1px #E9E9E9; border-bottom: solid 1px #B2B2B2; }
.leftmenu_item3, .leftmenu_item3_selected { font-weight: normal; background-color: #BABABA; padding: 0.4em 1.0em 0.4em 3em; border-top: solid 1px #D3D3D3; border-bottom: solid 1px #8B8B8B; }
#page .leftmenu_item3 a { color: #333; }
.leftmenu_topitem_selected, .leftmenu_item2_selected, .leftmenu_item3_selected { border-bottom: solid 1px #5A5A5A; }
.leftmenu_spacing { background-color: white; height: 1px; overflow: hidden; margin-top: 10px; margin-bottom: 10px; }

/* Subscription */
.subscriptionomrade { float: left; clear: left; margin: 0; padding-right: 0.4em; }
.subscriptionomrade h2 { padding-top: 0.5em; }
.subscriptionyrke h2 { padding-top: 0.5em; }
.subscriptionemail h2 { padding-top: 0.5em; }
.subscriptionoption { padding: 0.8em 0 0.8em 0; }
.errortext { padding-top: 10px; }

/* Sitemap */
.sitemap { padding: 0 0 10px 20px; }
#rightcol .sitemap ul li { margin-left: 0; margin-right: 0; }
.sitemapul { }
.sitemaplimenu { font-weight: bold; text-decoration: none; list-style: none inside; }
a.sitemapmenuheader { text-decoration: none; font-weight: bold; font-size: 125%; color: #5A5A5A; }
#rightcol .sitemapli { margin-top: -2px; margin-bottom: -4px; padding: 0; }
.sitemapli { text-decoration: none; font-weight: normal; list-style-position: inside; list-style-type: none; text-decoration: none; }
.sitemapli a { text-decoration: none; vertical-align: middle; position: relative; top: -4px; }

/* Forms */
div.fieldsection label { display: block; font-weight: bold; font-size: 90%; color: #5A5A5A; margin-top: 10px; margin-bottom: 2px; }
legend { margin-left: -7px; margin-top: 10px; margin-bottom: 5px; padding: 0; font-weight: bold; font-size: 110%; color: #5A5A5A; }
.jobname { margin: 5px 0 5px 15px; }
.validationerrors { font-weight: normal; font-size: 90%; color: #5d95a4; border: solid 1px #5d95a4; margin: 10px 0 10px 0; padding: 5px; }
.errorsummary { }
.redfont { color: Red; }

/* Search */
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: #eee; border: solid 1px #e5e5e5; }
.searchkeyword { width: 200px; }
.searchkeywordshort { width: 175px; }
#searchcontrols { vertical-align: middle; }
#searchcontrols input { vertical-align: middle; margin-right: 5px; }
#searchresultheader { margin-bottom: 10px; font-weight: bold; color: #5A5A5A; }
#searchhelplink { margin: 10px 0 10px 0;}

/* Job Special */
.jobad { margin: 1em 0 1em 0; width: 95%; }
.jobadrow { margin: 0.4em 0 0.4em 0; float: left; }
.jobadheading { font-weight: bold; color: #5A5A5A; float: left; width: 15em; overflow: hidden; }
.jobadtext { color: #5A5A5A; float: right; width: 38em; overflow: hidden; }

/* Sorted link list */
div#sortedlist #searchresultheader { }
div#sortedlist div.spaceoverletter { margin-top: 0.8em; }
div#sortedlist li { list-style-image: none; list-style-type: none; margin-left: 0; }
div#sortedlist li a.anchor { font-size: 120%; color: #5A5A5A; text-decoration: none; }
div#sortedlist li a.pagereference { font-weight: normal; text-decoration: underline; color: #5d95a4; }
div#sortedlist li a.pagereference div { font-weight: normal; text-decoration: underline; color: #5d95a4; }
div#sortedlist li a.pagereference p { font-weight: normal; text-decoration: underline; color: #5d95a4; }

/* Pictures / Photos */
div#imagelist { padding-right: 0.2em; margin-top: 1em; margin-bottom: 1em; padding-left: 0.2em; float: right; padding-bottom: 0.2em; padding-top: 0.2em; width: 9%; }
div#imagelist div.imagerow { margin: 2px 0px 2px 0px; float: left; }
div#imagelist div.imagerow a { padding: 4px; background-color: #eae5e1; float: left; margin: 0px; }
div#imagelist a.imagelink { background-color: Transparent; color: #333333; display: block; padding: 7px 0 7px 0; }
div#imagelist .imagelistpagingtop, div#imagelist .imagelistpagingbottom { text-align: center; height: 14px; }

div#imagemainlist { padding-right: 0.2em; margin-top: 0em; padding-left: 0.2em; padding-bottom: 0.2em; width: 100%; padding-top: 0.2em; height: 100%; }
div#imagemainlist ul { margin: 0px; padding: 0px; }
div#imagemainlist li.imagerowleft { float: left; margin: 0px 0px 0.5em 0px; width: 45%; list-style-type: none; }
div#imagemainlist li.imagerowright { width: 45%; float: right; margin: 0px 0px 0.5em; list-style-type: none; }

div#webbislist { } 
div#webbislist div#imagemainlist li { background-color:#EFF3F8; border: 3px solid #E5E5E5;}
div#webbislist div#imagemainlist li.imagerowleft { width: 380px; float: left; clear:both; margin: 10px 0 5px 0; padding: 5px 15px 15px 15px;}
div#webbislist div#imagemainlist .image { float:left; margin: 10px 20px 5px 0px;}
div#webbislist div#imagemainlist .rightofimage { float:left; margin: 10px 0px 3px 0px; width: 200px;}
div#webbislist div#imagemainlist .rightofimage .header { width: 60px; float:left; font-size: 100%; font-weight:bold; margin: 5px 8px 5px 0;}
div#webbislist div#imagemainlist .rightofimage .text { width: 115px; float:left; font-size: 100%; margin: 5px 8px 5px 0;}
div#webbislist .webbis { float:left; margin-bottom: 5px;}
div#webbislist .webbisbottom { float:left; text-align: right; padding: 5px 6px 2px 6px; width: 370px; background-color: #E5E5E5;}
div#webbislist .printimage { float:left; padding: 0 15px 5px 20px; background-image: url(../images/icon_print.gif); background-repeat:no-repeat;}
div#webbislist .tipimage { float:left; padding: 0 15px 5px 20px; background-image: url(../images/icon_tip.gif); background-repeat:no-repeat;}
div#webbislist div#imagemainlist p { margin:0px; padding:0px;}
div#webbislist div#imagemainlist h2 { margin: 0px 0px 5px 0px; }

div#imagemainlist div.leftcolumn { float: left; }
div#imagemainlist div.rightcolumn { float: left; background-color: Transparent; margin-left: 10px; }
div#imagemainlist a.imagelink { background-color: Transparent; color: #333333; display: block; padding: 7px 0 7px 0; }
div#imagemainlist div.leftcolumn a { padding: 5px; border: 1px solid #e5e5e5; float: left; margin: 0px; }

div#imagecontentarea { float: left; width: 85%; margin-top: 1em; margin-bottom: 1em; background-color: Transparent; }
div#imagecontentarea ul { margin: 0px; padding: 0px; float: left; }
div#imagecontentarea div.leftcolumn { float: left; width: 58%; background-color: Transparent;}
div#imagecontentarea div.rightcolumn { float: right; width: 40%; background-color: Transparent; height: 100%; }

div#webbispage div#imagecontentarea div.leftcolumn { float: left; border: none; width: 120px; }
div#webbispage div#imagecontentarea div.rightcolumn { float: left; width: 400px; background-color: Transparent; margin-left: 10px; }

div#imagecontentarea div.imagerow { float: left; width: 100%; display: block; margin: 0.5em 0 0.5em 0; }
div#imagepaging { float: left; clear: both; background-color: #eee; border: solid 1px #e5e5e5; margin: 1em 0px 1em 0px; width: 100%; padding: 4px 0px 4px 0px; }
div#imagepaging .left { list-style-type: none; padding-left: 10px; float: left; }
div#imagepaging .right { padding-right: 10px; list-style-type: none; float: right; }
div#imagecontentarea .image { background-color: transparent; padding: 0 0 10px 0; }

div#imagemainlist #pager { float: left; margin-top: 20px; margin-bottom: 10px; clear: both; padding-right: 4px; padding-left: 4px; padding-bottom: 4px; width: 100%; padding-top: 4px; }
div#imagemainlist .pagerpreviouslink { float: left; width: 100px; padding-left: 10px; }
div#imagemainlist .pagernextlink { float: right; width: 100px; text-align: right; padding-right: 10px; }
div#imagemainlist .pagerlinks { padding-right: 0px; padding-left: 0px; float: left; padding-bottom: 0px; margin: 0px; width: 295px; padding-top: 0px; text-align: center; }

div#imagepage h2 { font-weight: bold; padding: 0px; font-size: 100%; }
div#imagearchive .imageheading { font-weight: normal; }
div#imagearchive .imageintro { margin-top: 4px; width: 100px; }

/* Map Page */
#mappage { padding: 20px 15px 28px 15px; border-bottom: solid 3px #646464; margin: 0;}
#mappage a { font-weight: bold; color: #5d95a4; }
.hiddentext { position: absolute; left: -900px; overflow: hidden; width: 0; }
#mappage #map {padding: 10px 5px 10px 5px}
#mappage .breadcrumbs { padding: 0 0 1em 0; border-bottom: dotted 1px #c3c3c3; margin: 0 0 1.5em 8px; }

/* Left column */
#mapleftcol { width: 20%; float: left; margin: 0;}
#mapleftcol #mapsearch { width: auto; margin:0; padding:0.4em 0; vertical-align: middle; border:none;}
#mapleftcol #mapsearch input { width: auto; vertical-align: middle;}
#mapleftcol h2 { margin: 0; color: #fff; font-size: 100%; font-weight: bold; background-color: #5d95a4; padding: 0.4em 1em; background-image: url(../images/menu_heading_gradient.gif); background-repeat: repeat-x; background-position: top left; }
#mapleftcol ul li { text-decoration: none; list-style: none; padding: 0;}
#mapleftcol .linkshowall {margin-top: 5px; float: right;}
#mappage #mapleftcol .mapleftmenu { padding: 0; }
#mappage #mapleftcol .mapleftmenu ul li { font-weight: normal; background-color: #F8F8F8; padding: 0.4em 1.0em; border-top: solid 1px #FFF; border-bottom: solid 1px #CACACA; }
#mappage #mapleftcol .mapleftmenu ul li a { font-weight: normal; text-decoration: none; color: #5A5A5A; }
#mappage #mapleftcol ul li .mapleftmenu_selected a { font-weight: bold; }

/* Main column */
#mapmaincol { margin: 5px 0 0 0; float: right; width: 78%;}
#mapmaincol h2 { color: #5A5A5A; font-weight: bold; font-size: 115%}
#mapmaincol img {border:none;} 
#mapmaincol a img {border:none;} 

/* Center column */
#mapcentercol {  float: left; margin: 0 0 0 4px; width: 70%; overflow:hidden;}
#mapcentercol h2 {font-weight:normal;}

/* Right column */
#maprightcol { margin: auto; float: right; width: 28%;}
#maprightcol .positiontable {padding: 11px; margin-bottom: 12px; background-color: #EFF3F8; border: 1px solid #E5E5E5;}
#maprightcol .positiontable tr {height: 20px}
#maprightcol h2 { margin:0 0 5px 0; padding:0; color: #5A5A5A; font-weight: bold;}
#maprightcol h2.first { margin-top:0}
#maprightcol h2 a {border:none;} 
#maprightcol img {border:none;margin:0; padding:0 } 
#maprightcol .relatedpage {padding: 11px; background-color: #EFF3F8; border: 1px solid #E5E5E5;}

#headertext{
	float:right;
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	margin: 40px 55px 0px 0px;
	}
#headertext a, a:hover { color: #FFF; text-decoration: none; }