﻿/*--------------------------------------------------------------------------------------------------
Body and text
--------------------------------------------------------------------------------------------------*/
body									{margin: 0; padding: 0; font: normal 12px/18px Sans-Serif; color: #000; background: #003950;}

h1										{font: normal 24px sans-serif; color: #003950;}
h2										{font: bold 18px sans-serif; color: #003950;}
h2.group    							{margin: 18px 0 0 0; font: bold 18px sans-serif; color: #003950; clear: both;}
h3										{font: bold 14px sans-serif; color: #003950;}
h3.news 								{margin: 0;}

p.date                                  {margin: 2px 0; font-size: 11px; color: #003950;}
p.news                                  {margin: 5px 0;}
p.news-link                             {margin: 5px 0;}
a										{color: #003950;}

.clearer								{height: 0; font-size: 0; line-height: 0; clear: both;}

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

img										{border: 0;}
img.left								{float: left; margin: 0 10px 5px 0;}
img.right								{float: right; margin: 0 0 5px 10px;}


div#wrapper                             {width: 800px; margin: 0 auto; padding: 0 10px; background: url(../gfx/bg.gif) repeat-y;}
div#header                              {height: 180px; background: #fff no-repeat; overflow: hidden; position: relative;}
div#secondarycontent                    {width: 230px; float: left; overflow: hidden;}
div#content                             {width: 530px; margin: 20px; float: left; overflow: hidden;}
div#bottom                              {width: 820px; height: 30px; margin: 0 -10px; background: url(../gfx/bottom.gif) no-repeat; clear: both;}

div#header p                            {width: 220px; position: absolute; top: 150px; left: 5px; text-align: center;}

div.company                             {margin: 20px 0;}
div.company h2                          {margin: 0; font: bold 14px sans-serif; color: #003950;}
div.company p                           {margin: 0;}


div.news                                {padding: 10px; background: url(../gfx/bg_news.gif) repeat-x;}
ol#news									{width: 150px; margin: 0 0 40px 40px; padding: 5px; background: #f1f1f1; list-style: none; float: right;}
ol#news li								{margin: 0 0 20px 0;}
ol#news li h2							{margin: 0 0 5px 0; font: bold 12px Sans-Serif; color: #000;}
ol#news li h2 a							{text-decoration: none;}
ol#news li h2 span						{font: normal 11px Sans-Serif; color: #000; display: block;}
ol#news li p							{margin: 0;}
ol#news li p span						{font: normal 12px Sans-Serif; color: #003950;}
ol#news li a.readmore					{margin: 5px 0 0 0; font: normal 11px Sans-Serif; color: #069; text-transform: uppercase; text-decoration: none; text-align: right; display: block;}

li.pager								{width: 32% !important; height: 20px; margin: 0 !important; padding: 0 !important; border: solid 1px #f1f1f1; display: block; float: left;}
li.prev									{text-align: left;}
li.prev a								{text-decoration: none;}
li.page									{text-align: center; }
li.next									{text-align: right;}
li.next a								{text-decoration: none;}

address.footer							{width: 100%; margin: 15px; font: normal 11px/16px Sans-Serif; color: #000; 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 span.mob strong			{display: inline; text-transform:capitalize;}
address.footer a						{}
address.footer span.org					{font-weight: bold;}
address.footer span.adr					{display: block;}
address.footer span.tel					{display: block;}
address.footer span.fax					{display: block;}
address.footer span.email				{display: block;}
address.footer span.email a				{color: #000;}

.txtSearchSite							{border: 1px solid #adda42; font-size: 11px; padding: 4px 4px; margin: 15px 0 0 10px; width: 150px;}
.btnSearchSite							{background-image: url(../gfx/searchicon.gif); background-repeat: no-repeat; border: 0; width: 22px; height: 22px;}
fieldset#search							{border: 0; margin: 0; padding: 0; position: relative;}
fieldset#search label.overlabel			{display: none;}
fieldset#search label.overlabel-apply	{color:#999; position: absolute; top: 19px; left: 15px; z-index: 1; cursor: text; font-size: 11px;}

table.tabell                            {width: 100%; margin: 0; border: 0; border-collapse: separate;}
table.tabell th                         {padding: 3px; font: bold 12px/18px sans-serif; background: #c0e074;}
table.tabell td                         {padding: 3px; font: normal 12px/18px sans-serif; text-align: center; background: #f1ffd0;}
table.tabell .odd td                    {background: #dfefb9;}


table.retail                            {width: 100%; margin: 0; border: 0; border-collapse: separate;}
table.retail th                         {padding: 8px 3px; font: bold 12px/18px sans-serif; background: #c0e074;}
table.retail td                         {padding: 3px; font: normal 12px/18px sans-serif; background: #f1ffd0;}
table.retail .odd td                    {background: #dfefb9;}
table.retail td.flag                    {text-align: center;}
table.retail td.company                 {width: 200px;}

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

ul.menu                                 {width: 215px; margin: 0 0 0 5px; padding: 5px 0 0 0; list-style: none; clear: both;}
ul.menu li                              {}
ul.menu li a                            {width: 200px; height: 24px; font: normal 12px/24px sans-serif; color: #000; text-decoration: none; display: block; margin: 3px 0; padding: 0 0 0 15px; background: url(../gfx/bg_menu.gif) no-repeat 0 50%;}
ul.menu li a:hover						{background: url(../gfx/bg_menu_hover.gif) no-repeat 0 50%;}

ul.menu li.on                           {}
ul.menu li.on a                         {height: 35px; font: normal 12px/35px sans-serif; margin: -5px 0; background: url(../gfx/bg_menu_on.gif) no-repeat 0 0;}


ul.submenu                              {width: 190px !important; margin: 5px 0 15px 15px !important; padding: 0 !important; list-style: none;}
ul.submenu ul                           {width: 180px !important; margin: 0 0 5px 15px !important; padding: 0 !important; list-style: none;}
ul.submenu li                           {background: url(../gfx/bg_submenu_arrow.gif) no-repeat 0 1px;}
ul.submenu li a                         {height: auto !important; font: normal 11px/20px sans-serif !important; width: 190px !important; margin: 3px 0 !important; padding: 2px 0 2px 15px !important; background: url(../gfx/bg_menu.gif) no-repeat 0 50% !important;}
ul.submenu li a:hover					{font-weight: bold !important;}
ul.submenu li li						{background: url(../gfx/bg_submenu.gif) no-repeat 0 100% !important; width: 188px;}
ul.submenu li.on a                      {font-weight: bold !important; background: url(../gfx/bg_menu_on.gif) no-repeat 0 0 !important; padding: 6px 0 4px 15px !important; width: 188px;}
ul.submenu li.on li                     {font-weight: normal !important;}
ul.submenu li.on li a                   {font-weight: normal !important; background: url(../gfx/bg_menu.gif) no-repeat 0 0 !important; padding: 0 0 3px 15px !important; width: 170px !important;}
ul.submenu li li.on a                   {font-weight: bold !important; background: url(../gfx/bg_menu_on.gif) no-repeat 0 0 !important; padding: 5px 0 4px 15px !important;}

/*--------------------------------------------------------------------------------------------------
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; float: left;}
address.staff span						{margin: 0 0 3px 0; font: normal 12px Sans-Serif; display: block;}
address.staff span.wrapper				{width: 160px; float: left;}
address.staff span.photo				{width: 95px; 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: 158px; height: 135px; 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: 158px; height: 135px; 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: 158px; 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						{margin-right: 5px; padding: 0; line-height: 25px; display: inline;}
ul.breadcrumb li.delimiter				{font-weight: bold;}

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 !improtant; 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;}