body { font-family: Arial,Geneva,Helvetica,sans-serif; background-color: #eee; margin:0; padding:0; }
ol, ul, li { margin:0; padding:0; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
#PageArea { background: url(/Ockelbo/Images/sidbakgrund.png) repeat-y scroll left top; padding: 0 9px; width:900px; margin: 0 auto; }
#TopArea { padding: 20px 20px 0 20px; width: 860px; min-height:75px; position: relative; }
.Logo { float:left; }
.Weather { float:left; margin: 30px 0 0 40px; }
.SearchBox { float:right; background: url(/Ockelbo/Images/bakgrund_sok.gif) repeat left top; padding:12px 18px; margin-top:10px; }
.SearchBox input{ vertical-align:middle; }
.forms { clear:both; }
.formscell { min-width: 10em; float:left; margin-bottom: 0.8em; }
.TopSplash { float:right; height:75px; margin-left:20px;  }

#MainMenuArea{ width:900px; margin-bottom:20px; float:left; clear:both; position:relative; font-size:1.4em; line-height:1.5; font-weight:lighter; }
#MainMenuArea ul { padding-top: 0.1em; }
#MainMenuArea li { display:inline;  }
#MainMenu{ background: url(/Ockelbo/Images/bakgrund_navigering_vv.gif) left bottom no-repeat; float: left; width:678px; min-height: 25px;  }
#MainMenu a { color:#FFF; font-weight:bold; }
#MainMenu ul { background: url(/Ockelbo/Images/bakgrund_navigering_vh.gif) right bottom no-repeat; min-height:25px; padding-left: 10px; }
#MainMenu li { padding: 1px 5px; }
#MainMenu li.active { background: url(/Ockelbo/Images/bakgrund_navigering2.gif) repeat left bottom; }
#MainMenuRight{ background: url(/Ockelbo/Images/bakgrund_navigering_hv.gif) left bottom no-repeat; float: left; width:222px; min-height: 25px; }
#MainMenuRight ul { background: url(/Ockelbo/Images/bakgrund_navigering_hh.gif) right bottom no-repeat; padding-left: 1em; min-height:25px; }
#MainMenuRight a { color:#000; font-size:13px;  }
#translateDiv { position:absolute; left:678px; bottom:-70px; padding: 10px; background-color: #FFF; border: solid 1px #999; display:none; }

#MainRegionArea h1 { font-size: 1.8em; color: #336600; line-height:1.2; margin-top:.3em; }
#MainRegionArea h2 { font-size: 1.6em; font-weight:bold; color: #336600; line-height:1.2; margin:.8em 0 .4em; }
#MainRegionArea h2.gray { font-size: 1.5em; font-weight:bold; color: #999999; line-height:1.2; margin:.1em 0 .4em; }
#MainRegionArea h3 { font-size: 1.5em; font-weight:bold; color: #336600; line-height:1.2; margin: .7em 0 .35em; }
#MainRegionArea h3.gray { font-size: 1.4em; font-weight:bold; color: #999999; margin-bottom:6px; }
#MainRegionArea h4 { font-size: 1.3em; font-weight:bold; color: #336600; margin:.6em 0 0; }
#MainRegionArea h5 { font-size: 1.3em; font-weight:bold; color: #999999; margin:0 0 10px; }
#MainRegionArea a { color: #336600; }
#MainRegionArea p { margin-bottom:1.4em;  font-size:1.3em; }
#MainRegionArea { line-height: 1.8em; }
#MainRegionArea ul { margin-left:2.8em; margin-bottom:1.4em; list-style-type:disc; list-style-position: outside; line-height:2em; }
#MainRegionArea ol { margin-left:3.6em; margin-bottom:1.4em; line-height:2em; } 
#MainRegionArea li, #MainRegionArea table { font-size:1.3em;  }
#MainRegionArea span { font-size:13px; }

#MainRegionArea { clear:both; }
#StartLeftArea { margin: 0 2em 2em; width:440px; float: left; }
#StartLeftArea ul { width: 100%; margin:0; padding:0; }
#StartLeftArea hr { margin: 1em 0; color:#FFF; }
#StartLeftArea p, #StartRightArea p { margin: 0; }
#StartRightArea { margin: 0 20px 0 0; width:400px; float: left; }
#StartRightArea h3 { margin:0 0 0.1em; }
.StartMainTitle { margin: 14px 0 10px 0; } 
.StartNews li { background:#EAEFE5; padding: .1em 0 .2em .5em; font-size: 1.3em; list-style-type:none; margin:0; }
li.StartNewsAlt { background:#D6E0CC; }
.StartNewsHead { clear: both; background: url(/Ockelbo/Images/bakgrund_aktuellt.gif) repeat left top; min-height:14px; padding: .25em 0 .25em .5em; color: #FFF; font-size: 1.3em; }

div.StartHub { margin-bottom: 10px; padding: 0 0 1em; border-bottom: solid 1px #CCC;  float:left; }  
.StartHubLeft { float:left; margin-right: 2em; width: 140px; }
.StartHubRight { float:left; width:240px; }

.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }

#LeftMenuArea  { width: 189px; min-height:1px; float: left; margin-right: 14px; margin-left:5px; font-size:1.3em; }
#LeftMenuArea ul{ margin:0; padding-left:10px; list-style-type:none; line-height:1em; }
#LeftMenuArea li { padding: 2px 0 0 5px; font-size:1em; text-indent:0; }
#LeftMenuArea li.sel { padding-left: 0;  }
#LeftMenuArea li.first a { color:#999; }
#LeftMenuArea div.sel{ padding-left: 5px; background-color:#eaefe5; color: #336600; }
#LeftMenuArea a.sel{ color: #336600; }
#LeftMenuArea a { color:#000; line-height:1.5em; font-size:1em; font-weight:bold; }
ul#contact a { font-size: 1em; font-weight:bold; }
ul#contact li { margin-bottom: .8em; }

#MainBodyArea { width:440px; float:left; height:100%; border-left:1px solid #CCC; border-right:1px solid #CCC; padding:0 14px; min-height:300px;  } 

#RightColumnArea { width:188px; float:left; margin-left: 14px; margin-right:20px; padding:0;  }
#RightColumnArea ul { margin:0; list-style-type:none; line-height:1.8em; }
#RightColumnArea li { text-indent:0; }
#RightColumnArea h4 { margin:.8em 0 .4em; }
#FooterArea { clear:both; }
.HubBig { width:440px; float:left; margin-bottom:1em; }
.HubBig p , .HubSmall p { margin:0; }
.HubSmallLeft { width:210px; margin-right:20px; float:left; margin-bottom: 1em; }
.HubSmallRight { width:210px; float:left; margin-bottom: 1em; }

.SearchLeft { margin: 20px 20px 0 20px; width:560px; float:left; }
.SearchRight { margin: 0; width:300px; float:left; }

ul li.xls, ul li.pdf, ul li.docx, ul li.doc, .rellinks li, .rellinks li.ext {list-style-image:none; margin: 0 0 .4em; padding-left:1.6em; text-indent:0; font-weight:normal;}
ul li.pdf {background:transparent url(/Ockelbo/Images/pdf.gif) no-repeat; }
ul li.xls {background:transparent url(/Ockelbo/Images/xls.gif) no-repeat; }
ul li.docx, ul li.doc {background:transparent url(/Ockelbo/Images/doc.gif) no-repeat; }
.reldocs li.pdf, .reldocs li.xls, .reldocs li.docx, .reldocs li.doc { background-position:left 0; }
.rellinks li.ext { background:transparent url(/Ockelbo/Images/externallinknewwindow.png) .2em .2em no-repeat; }
ul#filtergroups { margin:1em 0; list-style-type:none;  }
ul#presslist { margin-left:0; border-top: solid 1px #CCC; padding-top:1em;  }
#presslist li { list-style-type:none; font-size:1em; border-bottom: solid 1px #999; margin-bottom: 1em;}
#presslist a { font-size:1.3em; }

.PagingContainer {font-weight:bold;margin-bottom: 2em;}
.PagingContainer ol {list-style:none inside none;margin:0 !important;}
.PagingContainer ol li {display:inline;}
.PagingContainer li a, .PagingContainer li a:visited {color:#336600; padding:.2em .5em;}
.PagingContainer li a:hover {background-color:white;border:0;text-decoration:underline;}
.PagingContainer li a.SelectedPagingItem {background-color:#336600;color:#FFF !important;}
ul.blankett { padding-bottom: 2em; margin-left:0em !important;  }
.blankett li { font-size:1.3em !important; list-style:none; border-bottom: dotted 1px #999; padding:.25em 0; }
.blankett li.pdf, .blankett li.xls, .blankett li.docx, .blankett li.doc { background-position:left center; }

.mailform input[type=text], .mailform textarea { width:99%; float:left; clear:both; margin-bottom: 1em; font-family:Arial; font-size:13px; }
.mailform input[type=submit] { float:right; width:25%; }