﻿/*--------------------------------------------------------------------------------------------------
Body and text
--------------------------------------------------------------------------------------------------*/
body									{font: normal 11px/18px Arial, Helvetica, Tahoma, sans-serif; color: #333; margin: 0; padding: 0; background: #eee url(../gfx/bg.png) no-repeat top fixed; text-align: center;}

h1										{font: bold 26px sans-serif; color: #e56727; margin: 0 0 10px;}
h2										{font: bold 15px sans-serif; color: #e56727; margin: 10px 0 5px;}
h3										{font: bold 12px sans-serif; color: #e56727; border-bottom: solid 1px #f2f2f2; padding: 0 0 5px; margin: 5px 0 10px;}
h4										{font: bold 12px sans-serif; color: #e56727; margin: 5px 0 3px;}
h3.group								{padding-top: 15px; font: bold 14px/18px sans-serif; border-top: solid 0px #ccc; clear: both;}

a										{}

.clearer								{height: 0; font-size: 0; line-height: 0; clear: both;}

/*--------------------------------------------------------------------------------------------------
Layout
--------------------------------------------------------------------------------------------------*/

#upplandsbygd							{width: 978px; margin: 0 auto; text-align: left;}
#page									{background: url(../gfx/page-bg.png) repeat-y; float: left; padding: 0 9px;}

#masthead								{margin: 0 auto 0; padding: 0 0 10px; clear: both; display: block;}
#masthead #logo							{}
#masthead #toolbox						{color: #575757; font-size: 10px; text-align: right; padding: 15px 0 0;}
#masthead #searcharea					{text-align: right; padding-left: 17px;}

#masthead #toolbox,	
#masthead #searcharea					{margin-top: 30px;}

#masthead #toolbox a					{color: #575757; text-decoration: none;}
#masthead #toolbox a:hover				{text-decoration: underline;}

#masthead #searcharea fieldset			{margin-top: 12px;}
#masthead #searcharea fieldset legend	{display: none;}
#masthead #searcharea fieldset label	{display: none;}
#masthead #searcharea fieldset input.txt {width: 229px; margin: 2px 0 0;}
#masthead #searcharea fieldset input.btn {padding: 2px 5px; color: #fff; border: 0; background: url(../gfx/btn-bg.png) repeat-x; margin: 2px 0 0 5px;}

#header									{z-index: 3; margin: 0 0 -32px; width: 960px; height: 254px; overflow: hidden;}  
#navigation								{z-index: 1; position: relative; margin: -7px 0 1px; clear: both; float: left; width: 960px;}

#container								{margin-top: 10px;}
#container .content						{color: #414141; line-height: 16px; font-size: 11px;}
#container .content	p					{margin-bottom: 10px;}
#container .content	a 					{color: #333; text-decoration: underline;}
#container .content	a:hover				{color: #e56727; text-decoration: none;}

#container .content ul					{padding: 5px 10px !important; margin: 5px 25px !important; list-style-type: disc !important;}
#container .content ol					{padding: 5px 10px !important; margin: 5px 25px !important; list-style-type: decimal !important;}
#container .content ul li				{list-style-type: disc !important; font-size: 11px; color: #585857;}
#container .content ol li				{list-style-type: decimal !important; font-size: 11px; color: #585857;}

#container .content ul.breadcrumb,
#container .content ul.breadcrumb li,
ul.breadcrumb,
ul.breadcrumb li						{list-style-type: none !important; padding: 0 !important; margin: 0 !important;}
#container .content ul.breadcrumb,
ul.breadcrumb							{border-bottom: solid 1px #f1f1f1 !important; padding: 0 0 3px !important; margin: 0 0 10px !important;}
#container .content ul.breadcrumb li a,
ul.breadcrumb li a						{color: #333 !important; text-decoration: underline !important;}
#container .content ul.breadcrumb li a:hover,
ul.breadcrumb li a:hover				{color: #e56727 !important; text-decoration: none !important;}

#container #pageTopImage				{margin-bottom: 8px;}
.secondarynavigation h2.masterpage		{color: #333; padding-bottom: 5px; margin: 0; font: normal 11px Arial, Sans-serif; display: none;}

#container .sidebar h2					{background: #e56727 url(../gfx/heading-bg-orange.png) repeat-x bottom; color: #fff; font-size: 1.0909em; font-weight: normal; padding: 7px 10px; margin: 0;}
#container .sidebar .genericsidebar h2	{background-image: url(../gfx/heading-bg-blue.png);}
#container .sidebar div div				{margin: 1px 0 14px; background: #f8f8f8; padding: 10px;}
#container .sidebar div #newsletter div {margin: 0; padding: 0;}

#newsItem .ingress						{font-weight: bold; margin-bottom: 15px;}

p.terms									{font-size: 9px; font-style:italic; color: #585858; margin: 10px 0 0; line-height: 1.2em;}
p.terms a								{color: #e56727; text-decoration: underline;}
p.terms a:hover							{text-decoration: none;}

#container .sidebar div p.archive		{display: block; width: 100%; text-align:center; padding: 8px 0;}
#container .sidebar div p.archive a		{text-decoration: underline; color: #e56727 !important;}
#container .sidebar div p.archive a:hover {text-decoration: none;}
#container .sidebar p.forgot			{float: left;}
#container .sidebar p.forgot a			{color: #066caf; text-decoration: underline;}
#container .sidebar p.forgot a:hover	{text-decoration: none;}

#container .sidebar div div ul			{margin: 0; padding: 0;}
#container .sidebar div div ul li		{padding: 15px 10px;}
#container .sidebar div div ul li:hover	{background-color: #f1f1f1;}
#container .sidebar div div ul li h3	{margin: 0 0 10px; padding: 0; font-size: 19px; font-weight: normal; color: #e56727;}
#container .sidebar div div p.readmore	{margin: 15px 0 0;}
#container .sidebar div div p.readmore a {text-decoration: none; color: #e56727 !important; font-weight: bold;}
#container .sidebar div div p.readmore a:hover {text-decoration: underline;}

#container .sidebar div div#shortcuts ul,
#container .sidebar div div#shortcuts ul li {margin: 0 !important; padding: 0 !important;}
#container .sidebar div div#shortcuts ul li a {padding: 5px 0px !important;}
#container .sidebar div div#shortcuts ul li a:hover {text-decoration: none;}
#container .sidebar div div#shortcuts ul li:hover {background-color: transparent !important;}

#container .sidebar fieldset			{margin: 10px 0;}
#container .sidebar fieldset legend		{display: none;}
#container .sidebar 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;}
#container .sidebar fieldset input.btn	{padding: 2px 5px; color: #fff; border: 0; background: url(../gfx/btn-bg.png) repeat-x; font-size: 12px;}
#container .sidebar fieldset input.right {float: right; }
#container .sidebar fieldset div.field	{position: relative; margin: 0 !important; padding: 0 !important;}
#container .sidebar fieldset label.overlabel {}
#container .sidebar fieldset label.overlabel-apply 	{position: absolute; top: 2px; left: 5px; z-index: 1; cursor: text;}
#container .sidebar fieldset label		{margin: 0 0 3px 0; display: block; clear: both; font-size: 11px; color: #333;}

#navigation ul, .secondarynavigation ul, #container .sidebar ul {list-style: none;}

#container .sidebar ul.toolbox			{margin: 0; padding: 5px 0;}
#container .sidebar ul.toolbox li		{margin: 0; padding: 5px 0 0;}
#container .sidebar ul.toolbox li a		{background: url(../gfx/arrow.gif) left no-repeat; padding: 0 0 2px 15px; text-decoration: underline; color: #e56727;}
#container .sidebar ul.toolbox li.logout a	{color: #c00;}
#container .sidebar ul.toolbox li:hover {background-color: #f8f8f8 !important;}

#container .genericsidebar #calendar	{padding: 0 !important;}
#container .genericsidebar a			{color: #333 !important;}

fieldset.login							{}
fieldset.login label					{display: block;}
fieldset.login input.txt				{width: 440px;}

.error									{color: #c00; padding: 15px 0 0 !important; margin: 0 !important; clear: both;}
.errortxt								{border: solid 1px #c00 !important; background: #ffd !important;}
.message								{background: #ffe986 url(../gfx/msg-bar-bg.gif) repeat-x bottom; color: #555; padding: 6px 15px; margin: 0;font-size: 11px; font-weight: bold; text-align: left;} 

#footer									{border-top: solid 1px #d2d2d2; clear: both; margin: 10px 10px; font-size: 10px; padding: 5px 0 10px;} 
#footer	#address						{color: #858585;}
#footer #cred							{color: #858585; text-align: right;}
#footer a								{color: #e56727; text-decoration: none; font-weight: bold;}
#footer a:hover							{text-decoration: underline;}

img										{border: 0;}
img.left								{float: left; margin: 0 10px 5px 0;}
img.right								{float: right; margin: 0 0 5px 10px;}

#txtSearchSite							{font: normal 12px sans-serif; width: 100px;}
#btnSearchSite							{font: normal 12px sans-serif;}

div.company					            {width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid 1px #ccc;}
div.company p				            {margin-bottom: 0 !important;}

address.footer							{font: bold 12px sans-serif; display: block; clear: both;}
address.footer strong					{display: none;}
address.footer span.tel strong			{display: inline;}
address.footer span.fax strong			{display: inline;}
address.footer a						{}

/*--------------------------------------------------------------------------------------------------
Menu
--------------------------------------------------------------------------------------------------*/

div#navigation							{background: #f0f0f0 url(../gfx/navigation-bg.png) repeat-x top; padding: 0 0 5px;}
div#navigation ul						{margin: 1px 0 0; padding: 0;}
div#navigation ul li					{display: inline;}
div#navigation ul li a					{display: block; float: left; color: #333; text-decoration: none; font-size: 1.0909em; padding: 11px 15px;}
div#navigation ul li.on a				{background: #e56727 url(../gfx/navigation-item-active-bg.png) repeat-x; color: #fff; font-weight: bold;}
div#navigation ul li a:hover			{color: #666;}
div#navigation ul li.on a:hover			{color: #f2f2f2;}

.secondarynavigation ul					{border-top: solid 3px #e56727; margin: 3px 0 0; padding: 1px 0;}
.secondarynavigation ul	li a			{background-color: #f8f8f8; padding: 8px 15px; font-size: 11px; color: #535649; text-decoration: none; font-weight: bold; display: block;}
.secondarynavigation ul	li a:hover		{background-color: #f1f1f1;}
.secondarynavigation ul	li.on a			{background-color: #ddd;}

.secondarynavigation ul ul				{border: 0; margin: 5px 0 10px 25px; }
.secondarynavigation ul ul li a			{border-bottom: solid 1px #dedede; background-color: #fff !important; padding: 3px 0 5px; color: #e56727; font-weight: normal;}
.secondarynavigation ul ul li a:hover	{background-color: #fff;}
.secondarynavigation ul ul li.last a	{border: 0;}
.secondarynavigation ul ul li.on a		{color: #2d2e2a; font-weight: bold;}

/*--------------------------------------------------------------------------------------------------
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: 5px; font-size: 14px; font-weight: bold;}
address.staff span.title				{margin: 10px 0; font-size: 14px;}
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;}
a.gallerydir							{width: 120px; height: 120px; 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: 120px; height: 120px; 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; padding: 0; list-style: none;}
ul.breadcrumb li						{padding: 0; line-height: 25px; display: inline;}
ul.breadcrumb li.delimiter				{font-weight: normal;}

ul.documentlibrary						{list-style: none; margin: 0; padding: 0;}
ul.documentlibrary li					{line-height: 20px;}
ul.documentlibrary li img				{vertical-align: top;}
ul.documentlibrary li a					{margin: 0 0 0 6px;}

/*--------------------------------------------------------------------------------------------------
CE
--------------------------------------------------------------------------------------------------*/
div.largeimage							{display:none; position: absolute; left:200px; background-color:#fff; border:solid 1px #ccc;}
div.largeimage a						{margin:10px; display: block;}

ol.guestbook							{width: 70%; margin: 0; padding: 0; list-style: none; float: left;}
ol.guestbook li							{margin: 0 0 10px 0; padding: 10px; background: #f5f5f5;}
ol.guestbook h3							{margin: 0; font: bold 11px sans-serif;}
ol.guestbook p							{margin: 0;}
ol.guestbook p.report					{margin-bottom: 10px;}
ol.guestbook a							{text-decoration: none; color: Blue;}
ol.guestbook a.reported					{text-decoration: none; color: Red;}

ol.guestbook li.pager					{margin: 0; padding: 0; line-height: 20px; text-align: center; background: none !important; clear: both;}
ol.guestbook li.pager a					{text-decoration: none;}
ol.guestbook li.pager a:hover			{text-decoration: underline;}
ol.guestbook li.pager a.left			{float: left;}
ol.guestbook li.pager a.right			{float: right;}

fieldset.guestbook						{width: 25%; padding: 10px; background: #f5f5f5; border: 0; float: right;}
fieldset.guestbook legend				{margin: 0 0 10px -7px; padding: 0; font: bold 14px sans-serif; color: #000;}
fieldset.guestbook p					{margin: 5px 0;}
fieldset.guestbook p.info				{margin: 10px 0;}
fieldset.guestbook p.error				{color: Red;}
fieldset.guestbook p.done				{color: Green;}
fieldset.guestbook p.checkbox			{margin: 0 0 10px 0;}
fieldset.guestbook p.checkbox label		{margin: 0 0 0 3px; vertical-align: middle; display: inline;}
fieldset.guestbook p.checkbox input		{width: auto; vertical-align: middle;}
fieldset.guestbook label				{display: block;}
fieldset.guestbook label span			{color: Red; visibility: hidden;}
fieldset.guestbook input				{width: 97%; font: normal 11px sans-serif;}
fieldset.guestbook textarea				{width: 97%; height: 80px; font: normal 11px sans-serif; overflow: auto;}
fieldset.guestbook input.btn			{width: auto;}

fieldset.guestbook fieldset				{margin: 0; padding: 0; border: 0; display: none;}
fieldset.guestbook fieldset legend		{display: none;}

ul.banners								{margin: 20px 0; padding: 0; list-style: none;}
ul.banners li							{margin: 5px 0;}
/*--------------------------------------------------------------------------------------------------
Print
Hide: #masthead, #header, #navigation, #secondarynavigation, #sidebar, #footer
--------------------------------------------------------------------------------------------------*/
@media print
{
	div#page					{width: 100%; margin: 0; padding: 0; font-family: Georgia !important;}
	div#page h1, h2, h3, h4, h5, h6 { font-family: Georgia !important; color: #000; font-weight: normal !important;}
	
	#breadcrumb					{display: block; border-bottom: solid 1px #f8f8f8; padding: 10px 0;}
	#breadcrumb a				{color: #c54423; text-decoration: underline;}
	
	#masthead, #header, #navigation, .secondarynavigation, .sidebar, #footer
	{display: none;}
}
