﻿/*--------------------------------------------------------------------------------------------------
Body and text
--------------------------------------------------------------------------------------------------*/
body									{margin: 0; font: normal 11px Sans-Serif; color: #000; background: #fff url(../gfx/bg.gif);}
body#intresse							{background-image: none;}

h1										{margin: 10px 0; font: normal 18px Sans-Serif; color: #09c;}
h1.header								{width: 100%;  margin: 0 0 10px 0; padding: 5px 0; font: normal 18px Sans-Serif; color: #fff; text-align: center; background: #0081c6;}
h2										{margin-bottom: 10px; font: bold 14px Sans-Serif; color: #555;}
h3										{margin-bottom: 5px; font: bold 11px Sans-Serif; color: #09c;}
p										{margin-top: 10px;}
a										{color: #09c;}
a#hitta									{margin-bottom: 20px; font: bold 11px Sans-Serif; display: block;}

.clearer								{height: 0; font-size: 0; line-height: 0; clear: both;}
.date									{margin: 0; padding-left: 15px; text-transform: capitalize; color: #000; background: #fff url(../gfx/arrow.gif) no-repeat 0 50%;}
.more									{padding: 10px 0 0 15px; text-decoration: none; font-weight: bold; color: #555; display: block;}
.p10									{margin: 10px;}
.b10									{margin: 10px 0; padding: 10px; background: #f5f5f5; display: inline-block;}


/*--------------------------------------------------------------------------------------------------
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: 10px auto; background: #fff; border: solid 1px #000;}
div#header								{width: 800px; height: 100px; background: #fff url(../gfx/header.gif) no-repeat;}
div#menu_wrapper						{width: 180px; padding: 20px 0 0; float: left; text-align: center;}
div#search								{width: 170px; padding: 5px; background: #ccc;}
div#content								{width: 579px; padding: 20px; float: left; overflow: hidden;}
div#footer								{margin: 40px 0 0 0; padding: 5px 0 0 0; border-top: solid 2px #09c; clear: both;}
div#partner								{width: 85px; float: right;}


#menu_wrapper img						{margin: 20px 0 10px 0; display: block; clear: both;}
#menu_wrapper p							{margin: 0;}

div.cl									{width: 270px; float: left; padding-right: 20px; border-right: solid 1px #ddd;}
div.cr									{width: 259px; float: left; padding-left: 20px;}


.txtSearchSite							{width: 120px; padding: 2px; font: normal 11px Sans-Serif; float: left; border: solid 1px #999;}
.btnSearchSite							{width: 40px; font: normal 11px Sans-Serif; float: right;}

address.footer							{width: 490px; font: bold 11px Sans-Serif; color: #09c; float: left;}
address.footer strong					{display: none;}
address.footer span.tel strong			{display: inline;}
address.footer span.fax strong			{display: inline;}
address.footer a						{}


/* START  */
dl.nyheter								{margin-bottom: 10px;}
dl.nyheter a							{text-decoration: none;}
dl.nyheter dt							{font: bold 11px Sans-Serif; color: #09c; margin: 0; padding-left: 15px;}
dl.nyheter dd							{margin: 0; padding-left: 15px; background: #fff url(../gfx/arrow.gif) no-repeat 0 50%;}
dl.nyheter dd a							{color: #000;}

dl.beg									{margin-bottom: 10px;}
dl.beg a								{text-decoration: none;}
dl.beg dt								{font: bold 11px Sans-Serif; color: #09c; margin: 0; padding-left: 15px; background: #fff url(../gfx/arrow.gif) no-repeat 0 50%;}
dl.beg dd								{padding-left: 15px; margin: 0;}
dl.beg dd a								{color: #000;}
/* START */

/* NYHETER */
ol#nyheter								{width: 150px; overflow: hidden; margin: 25px 0 20px 20px; float: right; display: inline-block; list-style: none; padding: 10px; background: #eee;}
ol#nyheter li							{padding: 0 0 20px 0;}
ol#nyheter li a							{font-weight: bold; text-decoration: none;}
ol#nyheter li.pager						{float: left; width: 32% !important; padding: 0; display: block; border: solid 1px #eee;}

.listdate								{margin: 0; font-weight: normal; color: #999; display: block;}

li.prev									{}
li.prev a								{text-decoration: none;}
li.page									{text-align: center; }
li.next									{text-align: right;}
li.next a								{text-decoration: none;}
/* NYHETER */

/* BEG */
table#beg								{width: 100%; margin-top: 10px; border-collapse: collapse; border: 0;}
table#beg th							{padding: 3px; text-align: left; background: #B4D5F0;}
table#beg td							{padding: 3px;}
table#beg td a							{text-decoration: none;}
table#beg td img						{padding-right: 3px;}
table#beg th.right						{text-align: right;}
table#beg td.right						{text-align: right;}

a.beg									{width: 150px; float: left; display: block; margin: 0 10px 10px 0; text-decoration: none;}
a.beg img								{margin-bottom: 3px;}

table#beg_info							{width: 400px; float: left; border-collapse: collapse; border: 0;}
table#beg_info th						{width: 90px; padding: 3px; vertical-align: top; text-align: left; color: #09c;}
table#beg_info td						{padding: 3px;}

input#intr								{margin: 10px 0; clear: both; display: block;}
p.tillbaka								{margin-top: 10px; clear: both;}


fieldset.intresse						{margin: 10px; padding: 0; border: 0;}
fieldset.intresse legend				{margin: 0 0 5px -7px; padding: 0; font: bold 12px Sans-Serif; color: #000; display: none;}
fieldset.intresse fieldset				{margin: 10px 0 0 0; padding: 0; border: 0;}
fieldset.intresse fieldset legend		{margin: 0 0 10px -7px; padding: 0; font: bold 12px Sans-Serif; color: #09c; display: block;}
fieldset.intresse p						{margin: 5px 0;}
fieldset.intresse label					{display: block;}
fieldset.intresse label .rfv			{font-size: 11px; color: #f00;}
fieldset.intresse input					{width: 270px; padding: 0 2px; font: normal 12px Sans-Serif; color: #000;}
fieldset.intresse textarea				{width: 270px; padding: 0 2px; font: normal 12px Sans-Serif; color: #000; overflow: auto;}
fieldset.intresse .btn					{width: auto;}
/* BEG */

/* PRODUKTER */
dl.prod									{margin-top: 30px;}
dl.prod dt								{font: bold 12px Sans-Serif; color: #666; margin: 10px 0; }
dl.prod dd								{margin: 1px 0 0 20px;}
dl.prod dd a							{padding: 3px 5px; border-left: solid 2px #09c; color: #666; background: #f5f5f5; text-decoration: none; display: block;}
dl.prod dd a:hover						{background: #ddd;}
/* PRODUKTER */


/* PERSONAL */
table.personal							{width: 100%; border-collapse: collapse; border: 0; margin: 20px 0;}
table.personal th						{text-align: left; background: #b4d5f0; padding: 5px; color: #000;}
table.personal th.header				{text-align: left; background: #ccc; padding: 3px; color: #333; border-top: solid 5px #fff; border-bottom: solid 5px #fff;}
table.personal td						{padding: 3px;}
table.personal td img					{vertical-align: middle;}
table.personal tr.x td					{background: #f5f5f5;}
/* PERSONAL */


/* BESTÄLL */
fieldset#bestall						{margin: 10px 0; padding: 0; border: 0;}
fieldset#bestall legend					{margin: 0 0 5px -7px; padding: 0; font: bold 12px Sans-Serif; color: #000; display: none;}
fieldset#bestall fieldset				{margin: 10px 0 0 0; padding: 0; border: 0;}
fieldset#bestall fieldset legend		{margin: 0 0 10px -7px; padding: 0; font: bold 12px Sans-Serif; color: #09c; display: block;}
fieldset#bestall p						{margin: 5px 0;}
fieldset#bestall label					{width: 100px; display: block; float: left;}
fieldset#bestall p.checkbox				{margin: 0;}
fieldset#bestall p.checkbox input		{width: auto; padding: 0;}
fieldset#bestall p.checkbox label		{width: auto; display: inline; float: none;}
fieldset#bestall input					{width: 250px; padding: 0 2px; font: normal 12px Sans-Serif; color: #000;}
fieldset#bestall textarea				{width: 250px; padding: 0 2px; font: normal 12px Sans-Serif; color: #000; overflow: auto;}
fieldset#bestall .btn					{width: auto;}
/* BESTÄLL */

/* SURVEY */
p.survey-list, p.survey-yesno			{background-color: #efefef; height: 15px; padding: 15px; margin: 0;}
p.survey-list span						{position: relative; float: right; margin-top: 5px;}
p.survey-list span label				{position: absolute; top: -11px; margin-left: -12px; font-weight: bold;}
p.survey-list span input				{margin-left: 10px;}
p.survey-yesno span						{float: right; margin-top: -4px; position: relative; margin-right: 15px;}
p.survey-yesno span label				{position: absolute; top: 3px;}
p.survey-yesno span input				{margin-left: 25px;}
p.survey-text							{background-color: #efefef; padding: 15px; margin: 8px 0;}
p.survey-text textarea					{width: 98%; border: 1px solid #999;}
p.survey-btn							{margin: 0;}
p.survey-btn input						{width: 100%; background-color: #efefef; border: 1px solid #999; font-size: 11px; line-height: 30px;}
/* SURVEY */

/*--------------------------------------------------------------------------------------------------
Menu
--------------------------------------------------------------------------------------------------*/

ul#menu						{width: 180px; margin: 0; padding: 0; list-style: none; text-align: left; overflow: hidden;}
ul#menu ul					{margin: 0; padding: 10px 0 10px 10px; list-style: none; background: #ddd; border-top: solid 1px #aaa;}
ul#menu ul ul				{border: 0;}
ul#menu li a				{width: 155px; padding: 5px 0 5px 25px; display: block; background: #ececec; border-top: solid 1px #fff; border-bottom: solid 1px #d9d9d9; font: normal 12px Sans-Serif; color: #000; text-decoration: none;}
ul#menu li a:hover			{background: #ddd;}
ul#menu li a:active			{background: #ddd;}
ul#menu li.on a				{background: #ddd;}
ul#menu li.hc a				{background: #ececec url(../gfx/hc.gif) no-repeat 95% 50%;}
ul#menu li.hc a:hover		{background: #ddd url(../gfx/hc.gif) no-repeat 95% 50%;}
ul#menu li.on li a			{width: 145px; padding: 2px 0 2px 15px; display: block; background: #ddd; background-image: none; border: 0;}
ul#menu li.on li a:hover	{color: #09c; background: #ddd;}
ul#menu li li.on a			{width: 145px; padding: 2px 0 2px 15px; display: block; color: #09c; background: #ddd; background-image: none; border: 0;}
ul#menu li li.on li	a		{color: #000;}

/*--------------------------------------------------------------------------------------------------
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							{width: 200px; height: 150px; 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: 200px; 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; overflow: hidden; float: left; background: #fff; color: #000; text-decoration: none; text-align: center; display: block;}
a.galleryimg							{width: 120px; height: 120px; margin: 0 5px 5px 0; padding: 5px; overflow: hidden; float: left; background: #fff; color: #000; border: solid 1px #eee; text-decoration: none; text-align: center; display: block;}
a.gallerydir:hover						{color: #000; background: #f5f5f5;}
a.galleryimg:hover						{color: #000; background: #f5f5f5;}
a.gallerydir span, a.galleryimg span	{margin: 3px 0 0 0; display: block; clear: both; font: normal 11px Sans-Serif;}

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;}


/*--------------------------------------------------------------------------------------------------
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;}