/*--------------------------------------------------------------------------------------------------
Body and text
--------------------------------------------------------------------------------------------------*/
body									{font: normal 11px/16px sans-serif; color: #4f4f4f; margin: 0; background: #fff url(../gfx/gui/body-bg.png) repeat-x top;}

h1										{font: normal 3.1818em/1.08em "Georgia", "Times New Roman", Serif; color: #00a94f; margin: 0 0 0.2em;}
h2										{font: normal 1.7273em/1.2em "Georgia", serif; color: #00a94f; margin-bottom: 5px;}
h3										{font: normal 1.4545em/1.2em "Georgia", serif; color: #00a94f; margin: 0 0 5px;}
h3.group								{margin-top: 20px; font: normal 15px sans-serif; border-bottom: solid 1px #ccc; clear: both;}

#skip, .structural						{position: absolute; left: -9999px;}
.clearer								{height: 0; font-size: 0; line-height: 0; clear: both;}

/*--------------------------------------------------------------------------------------------------
Layout
--------------------------------------------------------------------------------------------------*/

div#page,
div#footercontent						{width: 960px; margin: 0 auto;}

div#masthead							{background-color: #f7f7f7; position: relative; height: 115px; overflow: hidden;}
div#masthead div#toolbox				{right: 10px; top: 35px; position: absolute;}

div#toolbox ul#utilitiesmenu			{margin: 0 0 2px;}
div#toolbox ul#utilitiesmenu li			{display: inline;}
div#toolbox ul#utilitiesmenu li a		{color: #4c4c4c; text-decoration: none; margin: 0 5px 0 0; padding: 0 5px 0 0;}
div#toolbox ul#utilitiesmenu li a:hover {color: #222;}
div#toolbox fieldset#search				{position: relative;}
div#toolbox fieldset#search label.overlabel {display: none;}
div#toolbox fieldset#search label.overlabel-apply {color:#999; position: absolute; top: 5px; left: 5px; z-index: 1; cursor: text;}
div#toolbox fieldset#search input		{border: solid 1px #e5e5e5; width: 220px; padding: 2px;}
div#toolbox fieldset#search input.btnSearchSite	{width: auto; border: none; background-color: transparent;}

div#container							{padding: 10px 0;}
div#container div#content,
div#container div#secondarycontent,
div#container div#teritarycontent		{float: left;}
div#container div#content				{width: 500px; line-height: 1.8182em;}
div#container div#secondarycontent		{width: 240px; margin: 0 0 0 10px;}
div#container div#teritarycontent		{width: 200px; margin: 0 0 0 10px;}
div#container div#content.wide			{width: 710px;}
div#container div#content.superwide		{width: 960px;}

div#content p							{margin: 0 0 1em;}
div#content a							{color: #00a94f; text-decoration: underline;}
div#content a:visited					{color: #666;}
div#content a:hover						{color: #333 !important; text-decoration: none;}

div#content ul, div#content ol			{padding: 5px 10px; margin: 5px 15px; }
div#content ul, div#content	ul li		{list-style-type: disc;}
div#content ol, div#content ol li		{list-style: decimal;}
div#content ul li, div#content ol li	{line-height: 1.4em; margin: 0 0 0.4em;}

div#content table						{width: 100%;}

div#content ul.breadcrumbs				{margin: 0 0 15px !important;}
div#content ul.breadcrumbs,
div#content ul.breadcrumbs li			{padding: 0 !important; list-style-type: none !important;}
div#content ul.breadcrumbs li			{margin: 0 3px 0 0 !important; display: inline; color: #717171;}
div#content ul.breadcrumbs li a			{color: #00a94f; text-decoration: none !important;}
div#content ul.breadcrumbs li span		{font-weight: bold;}

div#footer								{border-top: 1px solid #ccc; margin-top: 60px; clear: both;}
div#footercontent						{padding: 15px 10px; width: 940px; background-color: #f7f7f7; text-align: center;}
div#footercontent strong				{margin: 0 5px 0 0;}
div#footercontent span.phone			{margin: 0 0 0 5px;}
div#footercontent span.fax,
div#footercontent span.email			{margin: 0 0 0 10px;}
div#footercontent a						{color: #4c4c4c; text-decoration: none;}
div#footercontent a:hover				{color: #222;}

p.error									{padding: 5px; background-color: #ffc; color: #df192b;}
p.success								{padding: 5px; background-color: #ffc; color: #00a94f;}
img.topimage							{margin: 0 0 10px;}

/*--------------------------------------------------------------------------------------------------
Menu
--------------------------------------------------------------------------------------------------*/

div#navigation ul						{clear: both;}
div#navigation ul li					{display: inline;}

div#navigation ul#primarynavigation li a {color: #fff; font-size: 1.2727em; text-decoration: none; padding: 15px 15px 16px; display: block; float: left;}
div#navigation ul#primarynavigation li a:hover {color: #f0f0f0;}
div#navigation ul#primarynavigation li.on a {font-weight: bold;}
div#navigation ul#primarynavigation li a:hover,
div#navigation ul#primarynavigation li.on a {background: transparent url(../gfx/gui/primarymenuitem-active-bg.png) no-repeat bottom;}
div#navigation ul#primarynavigation li.on.hc a {background-image: url(../gfx/gui/primarymenuitem-active-hc-bg.png); padding: 15px;}

div#navigation ul#secondarynavigation	{background-color: #e4e4e4; display: block; padding: 0 10px;} 
div#navigation ul#secondarynavigation li a {padding: 8px; color: #666; text-decoration: none; margin: 0 5px 0 0; display: inline-block;}
div#navigation ul#secondarynavigation li a:hover,
div#navigation ul#secondarynavigation li.on a {color: #000;}
div#navigation ul#secondarynavigation li.on a {background: transparent url(../gfx/gui/secondarymenuitem-active-bg.png) no-repeat bottom center;}

/*--------------------------------------------------------------------------------------------------
Modules
--------------------------------------------------------------------------------------------------*/

div.module								{margin: 0 0 10px;}
div.module .mh							{}
div.module .mb							{padding: 10px;}
div.module.bh .mb						{border: solid 1px #409c99; border-top: 0;}
div.module.news .mb,
div.module.newsletters .mb,
div.module.alltsomsker .mb				{background-color: #f7f7f7;}
div.module.news .mh,
div.module.newsletters .mh				{background-color: #00a94f; padding: 10px; color: #fff; font-weight: bold; font-size: 1.3636em;}
div.module.newsletters .mh.bh			{background-color: #409c99;}

div.module.bh .mh						{text-indent: -9999px; background: #409c99 url(../gfx/gui/module-mh-brevethemifran.png) no-repeat left top; width: 200px; height: 42px;}
div.module.alltsomsker .mh				{text-indent: -9999px; background: #3d474c url(../gfx/gui/module-mh-alltsomsker.png) no-repeat left top; width: 200px; height: 35px;}
div.module.futureweek .mb				{border: solid 1px #f08429; padding: 0;}

div.module.news .mb	.newsitem			{margin: 0 0 10px;}
div.module.news .mb	.newsitem p.date	{font-weight: bold;}
div.module.news .mb	.newsitem h3		{font-size: 1.6364em; margin: 10px 0;}
div.module.news .mb	.newsitem h3 a		{text-decoration: none; color: #00a94f;}
div.module.news .mb	.newsitem h3 a:hover {color: #848484;}
div.module.news .mb	.newsitem p			{line-height: 1.8em;}
div.module.news .mb	.newsitem p.link	{margin: 5px 0 0; text-align: right;}
div.module.news .mb	.newsitem p.link a	{text-decoration: none; color: #000; font-weight: bold;}
div.module.news .mb	.newsitem p.link a:hover {color: #444;}

div.module.newsletters .mb				{margin: 0 0 10px;}
div.module.newsletters ul li a			{color: #000; text-decoration: none;}
div.module.newsletters ul li a span		{display: block; font-weight: bold;}
div.module.newsletters ul li a:hover	{text-decoration: underline;}

div.module.signedon .mh					{background-color: #df192b;  padding: 10px; color: #fff; font-weight: bold; font-size: 1.3636em;}
div.module.signedon .mb					{border: solid 1px #df192b; border-top: none;}
div.module.signedon .mb ul				{padding: 0 10px; margin: 0 10px;}
div.module.signedon .mb ul li			{margin: 0 0 3px; list-style-type: square !important;}
div.module.signedon .mb ul li a			{color: #333; text-decoration: none;}
div.module.signedon .mb ul li a:hover	{color: #666; text-decoration: underline;}
div.module.signedon .mb ul li.settings	{margin: 10px 0 2px; padding: 10px 0 0; border-top: solid 1px #f0f0f0;}
div.module.signedon .mb ul li.signout a	{font-weight: bold; color: #df192b;}
div.module.signedon .mb p				{margin: 0 0 10px;}

div#teritarycontent div.module div.mb a {font-weight: bold; font-size: 1.2727em; color: #848484; text-decoration: none;}
div#teritarycontent div.module div.mb a:hover {color: #666;}
div#teritarycontent div.module div.mb dd {font-weight: bold; margin: 5px 0 10px;}

table.default-view						{margin: 0; width: 100%;}
table.default-view tr td				{padding: 3px 5px; background-color: #f2f2f2; border-right: solid 1px #fff; border-bottom: solid 1px #fff; font-size: 11px; vertical-align: middle;}
table.default-view tr td.last			{border-right: 0;}
table.default-view tr.odd td			{background-color: #fff; border-color: #f0f0f0;}
table.default-view tr.header th			{border-bottom: solid 1px #f5f5f5 !important; text-align: left !important; padding: 3px 5px; background: #50a74e url(../gfx/heading-bg.gif) repeat-x bottom; color: #fff; font-size: 12px; font-weight: normal; border-left: solid 1px #50a74e;}
table.default-view tr th				{padding: 3px 5px; text-align: left !important;}
table.default-view tr.list-head th		{background: #f8f8f8; border-bottom: solid 1px #fff;}
table.default-view tr td.img, table.default-list tr th.img {width: 25px; vertical-align: middle !important;}
table.default-view tr td.middle			{vertical-align: middle !important;}

table.default-view a					{color: #4f4f4f !important;}

/* Calendar */
table.calendar							{width: 100%; font-size: 11px; background-color: #f9f9f9; margin: 1px 0 30px 0;}
table.calendar tr						{margin: 0 0 1px;}
table.calendar tr th					{text-align: center; padding: 5px 0; color: #414141;}
table.calendar tr td					{padding: 4px 5px; text-align: center; vertical-align: middle; border: solid 1px #f8f8f8; border-left: 0; border-top: 0; font-weight: bold; color: #414141; min-width: 15px;}
table.calendar tr td.empty				{background-color: #f9f9f9; color: #b0b0b0 !important; font-weight: normal;}
table.calendar tr td.hasnt				{background-color: #f9f9f9;}
table.calendar tr td.has				{background-color: #50a74e;}
table.calendar tr td.has a				{color: #fff; text-decoration: none;}
table.calendar tr td.week				{background-color: #e7e7e7;}
table.calendar tr td.left img, table.calendar tr td.right img {margin-top: 2px;}
table.calendar tr td.month				{color: #50a74e; text-transform: capitalize; padding: 0;}
table.calendar tr td.today				{background-color: #d2d2d2;}
table.calendar tr td.today a			{color: #000; text-decoration: underline;}

/* Newsletter */
div#newsletter							{background-color: #f9f9f9; margin-top: 1px; padding: 10px;}
div#newsletter fieldset					{margin: 10px 0;}
div#newsletter fieldset legend			{display: none;}
div#newsletter fieldset input.txt		{font: normal 14px sans-serif; width: 195px; margin: 0 0 10px; padding: 2px; background: #fff; border: solid 1px #e4e4e4; font-size: 12px;}
div#newsletter fieldset input.btn		{color: #585858; border: 0; background-color: #eeeeee; font-size: 11px; border: 1px solid #e4e4e4; float: right; margin: 0;}
div#newsletter fieldset input.start		{color: #c0c0c0;}
div#newsletter fieldset input.start		{color: #c0c0c0;}
div#newsletter fieldset label			{display: none;}

div#newsletter p.terms					{clear: both; font-size: 9px; font-style: italic; color: #585858; padding: 10px 0 0; line-height: 1.2em;}
div#newsletter p.terms a				{color: #50a74e; font: italic 9px sans-serif; text-decoration: underline;}
div#newsletter p.terms a:hover			{text-decoration: none;}

/* Login */
fieldset.login							{}
fieldset.login label					{display: block;}
fieldset.login input.txt				{width: 440px; font: normal 11px sans-serif;}

/* News */
ul.news h2 a							{text-decoration: none !important; margin: 5px 0 0; display: block;}
ul.news li								{border-bottom: solid 1px #f0f0f0; padding: 0 0 15px; margin: 0 0 10px !important; display: block;}

/* News Startpage */
div.newsItem							{margin: 10px 0 20px 0;}
div.newsItem img						{}
div.newsItem p							{}
div.newsItem p.date						{text-align: right; margin: 5px 0 1px 0 !important; line-height: 11px; font-size: 10px !important; font-weight: bold; color: #50a74e;}
div.newsItem p.readmore					{text-align: right;}
div.newsItem h3							{font-size: 18px; color: #50a74e; margin-bottom: 6px;}
div.newsfooter							{border-top: 1px solid #ccc; padding-top: 5px; margin-bottom: 30px;}
div.item3								{padding: 0 !important;}

/* Reseräkning */
fieldset.person							{margin: 0 0 15px 0; padding: 0; border: 0;}
fieldset.person legend					{margin: 0 0 0 -7px; padding: 0 0 10px 0; font: bold 12px Sans-Serif; color: #9AC01D; display:none;}
fieldset.person p						{margin: 3px 0; clear: both;}
fieldset.person label					{width: 130px; font: normal 11px Sans-Serif; vertical-align: middle; float: left;}
fieldset.person input					{margin: 0 10px 0 0; padding: 1px; font: normal 11px Sans-Serif;}
fieldset.person textarea				{width: 670px; margin: 0; padding: 1px; font: normal 11px Sans-Serif; overflow: auto;}
fieldset.person .btn					{font: normal 11px Sans-Serif; padding: 3px 5px; margin-top: 5px;}

p.obs									{font-weight: bold; font-size: 0.8em !important; font-style: italic;}

table.rakning							{margin: 0 0 30px 0; border: 0; border-collapse: collapse;}
table.rakning	th						{padding: 4px 4px 4px 0; font: normal 11px Sans-Serif; color: #000; text-align: left;}
table.rakning	td						{padding: 2px 4px 0 0;}

.w50									{width: 50px;}
.w60									{width: 60px;}
.w80									{width: 80px;}
.w100									{width: 98px;}
.w130									{width: 130px;}
.w140									{width: 140px;}
.w150									{width: 150px;}
.w190									{width: 190px !important;}
.w200									{width: 198px !important;}
.w210									{width: 210px !important;}
.w300									{width: 300px;}
.w410									{width: 410px;}
.w440									{width: 440px !important;}
.w450									{width: 450px !important;}
.w500									{width: 500px !important;}
.w530									{width: 530px !important;}

/* RightColumn */
div.rightColumn	p						{font-size: 11px; margin-bottom: 1em; color: #585857;}

/* Searcharea */
.projectsearch							{text-align: left;}
.projectsearch h2						{background: #9ac01d url(../gfx/heading-bg.gif) repeat-x bottom; color: #fff; font-size: 13px; font-weight: normal; padding: 7px 10px; margin: 0;}
.projectsearch fieldset					{padding: 5px 10px 10px; background: #f8f8f8;}
.projectsearch fieldset legend			{display: none;}
.projectsearch fieldset label			{display: block; font-weight: bold;}
.projectsearch fieldset .w170			{width: 158px;}
.projectsearch fieldset table, .projectsearch	fieldset table tr td {padding: 0 !important; border-collapse:collapse;}
.btnarea								{text-align: right; padding: 10px 0 10px !important;}
.btnarea input							{margin-top: 10px;}

.kallelsesearch fieldset label			{display: inline; float: left; margin: 0 10px 0 0;font-weight: bold;}
.kallelsesearch h2						{background: #9ac01d url(../gfx/heading-bg.gif) repeat-x bottom; color: #fff; font-size: 13px; font-weight: normal; padding: 7px 10px; margin: 0;}
.kallelsesearch fieldset				{padding: 10px 10px 0; background: #f8f8f8;}

/* Project */
dl.project-view							{font-size: 11px; margin: 0 0 10px !important;}
dl.project-view dt						{float: left; clear: both; width: 120px; font-weight: bold; color: #555;}
dl.project-view dd						{display: inline; float: left; width: 130px; padding: 0 5px;}
dl.project-view dd ul					{margin: 0 !important; padding: 0 !important; list-style: none !important;}
dl.project-view dd.persons ul, dl.project-view dd.persons ul li {list-style: none !important;}

ul.project-view							{list-style: none !important;}
ul.project-view	li						{margin: 0 0 10px; list-style: none !important;}
div.project-view						{width: 280px !important;}

div.target								{font-size: 11px;}
div.target ul							{padding: 0 15px; list-style: disc;}
div.target ul li						{margin: 0 0 3px;}

h3.projectinfo 							{color: #000; border-bottom: solid 1px #f2f2f2; clear: both; margin: 10px 0 10px !important; float: left; display: block; width: 100%; padding: 0 0 3px;}
p.projectinfo 							{clear: both; }

table tr.pager td, table tr.pager td table tr td {border: 0;}

.w708									{width: 708px;	display: inline; float: left;}

p.projectattachment a img				{vertical-align: middle; padding: 0 6px 2px 0;}

/*--------------------------------------------------------------------------------------------------
AddOns etc
--------------------------------------------------------------------------------------------------*/

span.smark								{background-color: #ccc; padding: 0 2px;}

ol.searchresult li						{margin-bottom: 20px;}
ol.searchresult h3						{margin: 0 0 5px 0;}
ol.searchresult h3 a					{text-decoration: none;}
ol.searchresult p						{margin: 3px 0;}

address.staff							{margin: 20px 0; display: block; clear: both;}
address.staff span						{margin: 0 0 3px 0; font: normal 12px sans-serif; display: block;}
address.staff span.wrapper				{width: 300px; float: left;}
address.staff span.photo				{width: 120px; margin-right: 5px; float: left;}
address.staff span.n					{margin-bottom: 0px; font-size: 12px; font-weight: bold;}
address.staff span.title				{margin: 0 0 10px 0; font-size: 11px; color: #999;}
address.staff span.value				{display: inline;}

div.gallery								{width: 100%; margin: 10px 0; clear: both; float: left;}
p.gallerybreadcrumb						{margin: 10px 0 5px 0; padding: 5px; background: #f5f5f5; border: solid 1px #eee; display: none;}
a.gallerydir							{width: 150px; height: 150px; margin: 0 5px 5px 0; padding: 5px; background: #fff url(../gfx/bg_gallery.gif) no-repeat 100% 100%; color: #000; text-decoration: none; border: solid 1px #eee; text-decoration: none; text-align: center; display: block; float: left; position: relative; overflow: hidden;}
a.galleryimg							{width: 150px; height: 150px; margin: 0 5px 5px 0; padding: 5px; background: #fff; color: #000; text-decoration: none; border: solid 1px #eee; text-decoration: none; text-align: center; display: block; float: left; position: relative; overflow: hidden;}
a.gallerydir:hover						{color: #000; background-color: #f5f5f5;}
a.galleryimg:hover						{color: #000; background-color: #f5f5f5;}
a.gallerydir img, a.galleryimg img	    {display: block; clear: both;}
a.gallerydir span, a.galleryimg span    {width: 120px; font: normal 11px sans-serif; text-align: center; display: block; clear: both; position: absolute; bottom: 5px; left: 5px;}

body#viewphoto							{height: auto; margin: 10px; padding: 0; font: normal 12px sans-serif; color: #fff; background: #000;}
body#viewphoto h1						{font: bold 18px sans-serif; color: #fff;}
body#viewphoto p						{margin: 5px 0; color: #fff;}

fieldset.contact						{border: 0; margin: 10px 0; padding: 0;}
fieldset.contact legend					{margin: 0 0 5px -7px; padding: 0; font: bold 12px sans-serif; color: #000; display: none;}
fieldset.contact p						{margin: 5px 0;}
fieldset.contact label					{display: block;}
fieldset.contact label .rfv				{font-size: 11px; color: #f00;}
fieldset.contact input					{width: 250px; padding: 0 2px; font: normal 12px sans-serif; color: #000;}
fieldset.contact input.captcha-input	{width: 60px;}
fieldset.contact textarea				{width: 250px; height: 100px; padding: 2px; font: normal 12px sans-serif; color: #000; overflow: auto;}
fieldset.contact .btn					{width: auto;}

fieldset.loginprotectedpage				{border: 0; margin: 10px 0; padding: 0;}
fieldset.loginprotectedpage legend		{margin: 0 0 5px -7px; padding: 0; font: bold 12px sans-serif; color: #000;}
fieldset.loginprotectedpage p			{margin: 5px 0;}
fieldset.loginprotectedpage label		{display: block;}
fieldset.loginprotectedpage label .rfv	{font-size: 11px; color: #f00;}
fieldset.loginprotectedpage input		{width: 250px; padding: 0 2px; font: normal 12px sans-serif; color: #000;}
fieldset.loginprotectedpage .btn		{width: auto;}

dl#pageproperties						{width: 100%; margin: 20px 0; display: block; clear: both;}
dl#pageproperties dt					{width: 110px; font: bold 11px sans-serif; float: left;}
dl#pageproperties dd					{font: normal 11px sans-serif;}
dl#pageproperties dd a					{}

ul.sitemap								{margin: 5px 0 5px 20px; list-style-type: square;}
ul.sitemap ul							{margin: 5px 0 5px 20px; list-style-type: square;}

ul.breadcrumb							{margin: 0  0 15px!important; padding: 0 !important; list-style: none;}
ul.breadcrumb li						{margin-right: 5px; padding: 0; line-height: 25px; display: inline;}
ul.breadcrumb li.delimiter				{font-weight: bold;}

ul.documentlibrary						{list-style: none !important; margin: 0 !important; padding: 0 !important;}
ul.documentlibrary li					{line-height: 20px; list-style: none !important; margin: 0 !important; padding: 0 !important;}
ul.documentlibrary li img				{vertical-align: top; padding: 5px 0 0 5px;}
ul.documentlibrary li a					{margin: 0 0 0 6px; color: #4f4f4f; font-weight: normal; text-decoration: none !important; line-height: 28px;}
ul.documentlibrary li:nth-child(odd)	{background-color: #f2f2f2;}