@import url(/css/kontakt.css);
html {height: 100%;}
body {font: normal 11px/150% Arial,Verdana, Sans-serif;color: #666;margin: 0;padding: 0;background: #fff;}
p {font: normal 11px/150% Arial, Verdana, sans-serif; margin: 0; padding: 0 0 14px 0;}
a {text-decoration: none;color: #333;}
img {border: none;}
h1 {font:bold 21px/150% Arial, Verdana, sans-serif; color: #666; margin-bottom: 0; padding-bottom: 0;}
.h1 {font:bold 21px/150% Arial, Verdana, sans-serif; color: #666; margin-bottom: 0; padding-bottom: 0;}
h2 {font:bold 17px/150% Arial, Verdana, sans-serif; color: #666; margin-bottom: 0; padding-bottom: 0;}
.h2 {font:bold 17px/150% Arial, Verdana, sans-serif; color: #666; margin-bottom: 0; padding-bottom: 0;}
h3 {font:bold 15px/150%  Arial, Verdana, sans-serif; color: #666; margin-bottom: 0; padding-bottom: 0;}
.h3 {font:bold 15px/150%  Arial, Verdana, sans-serif; color: #666; margin-bottom: 0; padding-bottom: 0;}
#content {width: 922px; margin: 0 auto; padding: 0;}
#top {width: 902px; height: 87px; padding: 0 0 0 16px; margin: 0; background: url(/objects/fixed/topbg.jpg) no-repeat; position: relative;}
#logo {display: block; float: left; padding: 0; margin: 0;}
#logo img {display: block;}
input {border: 1px solid #aaa; font-size: 10px; margin: 3px 2px; padding: 2px;background: #fefefe;}
#menuholder5 {padding: 0 0 0 30px; margin: 0; position: relative; width: auto;}
#menuholder5 ul {margin: 0; padding: 0;list-style: none; position: absolute; top: 64px; right: 15px;}
#menuholder5 li {margin: 0; padding: 0 8px; list-style: none;display: block; float: left; background: url(/objects/fixed/menudivider.gif) no-repeat 100% 0; border: 1px solid #fff; border-bottom: none;}
#menuholder5 li.last {margin: 0; padding: 0 0 0 8px; background: none;}
#menuholder5 li.current {margin: 0 0 0 -2px; padding: 0 8px; border: 1px solid #b7b7b7; border-bottom: 1px solid #fff;background: none; }
#menuholder5 li.open {margin: 0 0 0 -2px; padding: 0 8px; border: 1px solid #b7b7b7; border-bottom: 1px solid #fff;background: none; }
#menuholder5 a {padding: 4px 0 0 0; height: 18px; margin: 0;display: block; float: left;}

#menuholder {float: left; padding: 0 0 0 30px; margin: 0; position: relative; width: 600px;}
#menuholder ul {margin: 0; padding: 0;list-style: none; position: absolute; top: 64px;}
#menuholder li {margin: 0; padding: 0 8px; list-style: none;display: block; float: left; background: url(/objects/fixed/menudivider.gif) no-repeat 100% 0; border: 1px solid #fff; border-bottom: none;}
#menuholder li.last {margin: 0; padding: 0 0 0 8px; background: none;}
#menuholder li.current {margin: 0 0 0 -2px; padding: 0 8px; border: 1px solid #b7b7b7; border-bottom: 1px solid #fff;background: none; }
#menuholder li.open {margin: 0 0 0 -2px; padding: 0 8px; border: 1px solid #b7b7b7; border-bottom: 1px solid #fff;background: none; }
#menuholder a {padding: 4px 0 0 0; height: 18px; margin: 0;display: block; float: left;}
#mainpage {min-height: 200px; padding: 0 0 10px 0; margin: 0;}
#maincont {background: url(/objects/fixed/maincont.jpg) no-repeat; width: 903px;min-height: 300px; padding: 35px 19px 0;}
#startpage-flash {padding: 9px 0 13px 0; background: url(/objects/fixed/startpagebg.jpg) no-repeat;}
#startpage-flash img.startpage {display: block;}
.startpage-puffar h2 {padding: 0; margin: 0;color: #fff; font: normal 20px/100% Tahoma, Verdana, sans-serif;}
.startpage-puffar {padding: 11px 21px 0 22px; margin: 0; float: left; width: 264px; background: url(/objects/fixed/startpage-puff.jpg) no-repeat; height: auto !important; height: 140px; min-height: 140px;}
.fp-puffholder {float: left; width: 264px; padding: 0 0 20px 10px;}
.fp-textholder {float: left; width: 392px; padding: 0;}
.pufftext {width: 130px; padding: 16px 10px 0 0; float: left;color: #7f7f7f; font: normal 10px/14px Arial, Verdana, sans-serif; }
.pufftext-news {padding: 16px 10px 0 0; float: left;color: #7f7f7f; font: normal 10px/14px Arial, Verdana, sans-serif; }
.pufftext-news a {color: #7f7f7f; font: normal 10px/14px Arial, Verdana, sans-serif; }
.pufftext p {padding: 0 0 10px 0; margin: 0 0 auto 0; font: normal 10px/14px Arial, Verdana, sans-serif;}
.puffimage {float: right; width: 112px; height: 90px;}
.puffimage img {padding: 16px 0 0 0;}
.newslistholder {}
.newslistholder .ingresshead {padding: 0 0 0 15px; margin: 0;}
.panorama1-img {padding: 0 0 10px 0; margin: 0;}
#menuholder2 {width: 165px; float: left; padding: 30px 5px 0 0; margin: 0;}
#menuholder2 ul {list-style: none; margin: 0; padding: 0; background: url(/objects/fixed/menudivider2.gif) no-repeat; display: block; float: left;}
#menuholder2 li {list-style: none; margin: 0; padding: 0; background: url(/objects/fixed/menudivider2.gif) no-repeat 0 100%; display: block; float: left; width: 165px;}
#menuholder2 a {color: #666; font: normal 11px/100% Arial, Verdana, sans-serif; padding: 0 12px 0 12px; margin: 0; display: block; float: left; padding: 6px 12px;}
#menuholder2 li.open a.menuSideOn {background: url(/objects/fixed/menuopen.gif) no-repeat 100% 7px;}
#menuholder2 li.closed a {background: url(/objects/fixed/menuclosed.gif) no-repeat 100% 9px;}
#menuholder2 li.open {background: none;}
#menuholder2 a.menuSideOn {font-weight: bold;}
#menuholder2 a.menuSideInvOn {font-weight: bold; text-decoration: underline;}
#menuholder2 a.menuSideInvOff {text-decoration: underline;}
#menuholder2 a.menuSideUcOn {font-weight: bold; text-decoration: line-through;}
#menuholder2 a.menuSideUcOff {text-decoration: line-through;}
#menuholder2 .menulevel4 li.open a.menuSideOn {background: url(/objects/fixed/menuopen.gif) no-repeat 100% 7px;}
#menuholder2 .menulevel4 li.leaf a.menuSideOn {background: none;}
#menuholder2 .menulevel4 li.open a.menuSideUcOn {background: url(/objects/fixed/menuopen.gif) no-repeat 100% 7px;}
#menuholder2 .menulevel4 li.open a.menuSideInvOn {background: url(/objects/fixed/menuopen.gif) no-repeat 100% 7px;}
#menuholder2 .menulevel4 li.closed a {background: url(/objects/fixed/menuclosed.gif) no-repeat 100% 9px;}
#menuholder2 .menulevel5 li.open a.menuSideOn {background: url(/objects/fixed/menuopen.gif) no-repeat 100% 7px;}
#menuholder2 .menulevel5 li.leaf a.menuSideOn {background: none;}
#menuholder2 .menulevel5 li.open a.menuSideUcOn {background: url(/objects/fixed/menuopen.gif) no-repeat 100% 7px;}
#menuholder2 .menulevel5 li.open a.menuSideInvOn {background: url(/objects/fixed/menuopen.gif) no-repeat 100% 7px;}
#menuholder2 .menulevel5 li.closed a {background: url(/objects/fixed/menuclosed.gif) no-repeat 100% 9px;}
#menuholder2 .menulevel6 li.open a.menuSideOn {background: url(/objects/fixed/menuopen.gif) no-repeat 100% 7px;}
#menuholder2 .menulevel6 li.leaf a.menuSideOn {background: none;}
#menuholder2 .menulevel6 li.open a.menuSideUcOn {background: url(/objects/fixed/menuopen.gif) no-repeat 100% 7px;}
#menuholder2 .menulevel6 li.open a.menuSideInvOn {background: url(/objects/fixed/menuopen.gif) no-repeat 100% 7px;}
#menuholder2 .menulevel6 li.closed a {background: url(/objects/fixed/menuclosed.gif) no-repeat 100% 9px;}
#menuholder2 .menulevel4 a {padding: 6px 12px 6px 34px;}
#menuholder2 .menulevel5 a {padding: 6px 12px 6px 50px;}
#menuholder2 .menulevel6 a {padding: 6px 12px 6px 66px;}
.destinator_ingress_main {border: 1px solid #666; margin: 5px 0; width: 855px;}
.pictureholder2 {float: left; width: 216px; padding: 0 20px 0 0; margin: 0;}
.headtextholder {float: left; width: 214px; padding: 0; margin: 0; }
.headtextholder h1 {margin-top: 0; padding-top: 0;}
.puff2holder {background: url(/objects/fixed/puff2mid.jpg) repeat-y; }
.puff2image {padding: 0; margin: 10px 0;}
.editlage {clear: both; float: none;}
.puff2text {background: url(/objects/fixed/puff2top.jpg) no-repeat; width: 186px; padding: 20px 16px 0 16px; min-height: 40px;}
.puff2end {background: url(/objects/fixed/puff2bot.jpg) no-repeat; width: 218px; height: 10px;}
.puff2text h3 {color: #666; font: bold 13px/150% Arial, Verdana, sans-serif;}
.puff2text p {margin: 0; padding: 0;}
#personal h1 {margin: 0; padding: 0 0 10px 0; color: #333;}
.personalholder {float: left; width: 354px; padding: 0 0 10px 0; margin:0; }
.personal-image {float: left; width: 88px; margin: 0; padding: 0;}
.personal-text p {margin: 0; padding: 0;}
.personal-text {float: left; width: 230px; margin: 0; padding: 0 18px;}
.personal-text h3 {margin: 0; padding: 0;}
#maincontent {width: 715px; float: left; }
.maincontent-big {padding: 20px 0 0 0; margin: 0;}
.maincontent-big2 {padding: 15px 0 0 0; margin: 0;}
.maincontent-left {width: 454px; float: left; padding: 0 18px 0 0; margin: 0;}
.maincontent-right {width: 230px; float: left; }
.puffholder {width:198px; background: url(/objects/fixed/smapuffar.jpg) no-repeat; padding: 0 16px 22px 16px; min-height: 80px; }
.puffholder .destinator-edit-info a img {display: block; clear: both;}
.puffholder h2 {padding: 9px 0 5px 0; margin: 0; color: #fff;}
.pufftext2 {float: left; width: 130px; font: normal 10px/14px Arial, Verdana, sans-serif;}
.pufftext2 p {margin: 0; padding: 0 0 14px 0;font: normal 10px/14px Arial, Verdana, sans-serif;}
.puffimage2 {float: right; width: 65px; }
.maincontent-big-left {float: left; width: 340px; padding: 0 14px 0 0;}
.maincontent-big-right {float: left; width: 340px;}
.maincontent-big-left h1 { margin: 0; padding: 0;}
.maincontent-big-left2 {float: left; width: 340px; padding: 0 14px 0 0; margin: 0;}
.maincontent-big-left3 {float: left; width: 340px; padding: 0 14px 0 0; margin: -52px 0 0 0;}
.maincontent-big-left2 h1 {margin: 0; padding: 0 0 10px 0;}
.newsdate {float: left; width: 72px;}
h4.newshead {float: left; width: 170px; margin: 0; padding: 0;}
.minusmarginal {position: relative; z-index: 10;}
img.positioned {position: relative; z-index:5;}
#maincontentpanorama {position: relative;width: 715px; float: left;}
.puff3holder {margin: 0; width: 320px; min-height: 128px; height: auto !important; height: 128px; background: url(/objects/fixed/puff3bg.jpg) no-repeat; padding: 4px 10px 0 10px;}
.puff3holder h2 {margin: 0; padding: 0 0 10px 0;}
.puff3holder h2 img {display: block;}

.flashpanorama-innehall {float: left; width: 402px;}
.flashpanorama-puffar {float: left; width: 304px;}

h4.h4referenser {margin-top: 0; padding-top: 0;}
#referenser {padding: 20px 0 0 60px; margin: 0; width: 654px; height: 140px;}
#referensholder-images {position: relative;} 
#referensholder {background: url(/objects/fixed/kurbitsrutor_bakgrund.jpg) no-repeat;width: 363px; margin: 0; padding: 0; overflow: hidden; height: 140px; position: relative;}
#referensholder .destinator-edit-info {display: none;}
.referensholdertop {width: 363px; float: left;position: relative;}
.referens-image {width: 66px; height: 66px; padding: 0; float: left; display: block; margin: 0 5px 5px 0;}
.referens-image-border {border: 1px solid #d9d8d8;}
.referens-image-border img {display: block; }
.referenstext {float: left; width: 249px; min-height: 73px; height: auto !important; height: 73px; border: 1px solid #d9d8d8; float: left; padding: 18px 14px;}
.referenstext p {padding: 0; margin: 0;}
.referensclicker {padding: 5px 14px 0 0;float: right;}
.inedit #referensholder {width: 363px; height: auto; margin: 0; padding: 0; position: relative;}

#referenser2 {padding: 30px 0 0 0; margin: 0;}
.ref2imgholder {width: 466px; float: left; position: relative;}
.ref2textimgs {width: 226px; padding: 0; margin: 0; float: left;background: #402901;}
.ref2text {height: 212px; width: 186px; padding: 40px 20px 10px 20px; overflow: hidden; color: #fff;}
.ref2text h2 {color: #fff;}
.ref2text p {padding: 0; margin: 0;}
.ref2imgs {width: 226px; height: 75px; width: 225px; border: none; border-left: 1px solid #402901;}
.ref2imgs img {display: block;}
.imageswapper { float: left; width: 75px; height: 75px; }
.ref2imgs .destinator-edit-info {display: none;}
#swapimageholder {position: absolute; left: 0; top: 0; height: 337px; width: 466px;}
.linkerholder {color: #666; padding: 5px 0 0 0;}
.linkerholder p {margin: 0; padding: 0;}
.linkerholder a {color: #666;}
#footer {background: url(/objects/fixed/bg_footer_1006.gif) no-repeat; width: 902px; height: 19px;}
#footer2 {width: 902px;text-align: center; padding: 5px 0 0 0; color: #ccc;}
#footer2 a {color: #aaa; }
.footer-link {float: right;margin: 0 118px 0 0;}
.footer-link img {width: 130px; height: 19px;}
.puffimagefloatright {float: right; margin: 0 0 0 5px;}

#smabildslista-holder .even {clear: both;}




/*Dokumentarkiv*/
#dokumentlistholder {padding: 20px 0 10px;}
#dokumentlistholder table {border-collapse: collapse; width: 100%;}
#dokumentlistholder table th,#dokumentlistholder table td {text-align: left;padding: 1px 10px 1px 0;}
#dokumentlistholder table th.ol-version {text-align: center;}

#dokumentlistholder th a {padding: 0;}

#dokumentlistholder th.ol-version a {padding:0;}
#dokumentlistholder th.ol-name a {padding-left:20px;}
#dokumentlistholder a {display:inline-block !important; display: block; padding-left:20px;line-height:18px;}
#dokumentlistholder a[href$='.xls'], #dokumentlistholder a[href$='.csv'], #dokumentlistholder a[href$='.xlt'], #dokumentlistholder a[href$='.xlw'] {background:transparent url(/objects/fixed/icons/xls.png) 0 50% no-repeat;}
#dokumentlistholder a[href$='.doc'], #dokumentlistholder a[href$='.txt'], #dokumentlistholder a[href$='.docx'] {background:transparent url(/objects/fixed/icons/doc.png) 0 50% no-repeat;}
#dokumentlistholder a[href$='.pdf'] {background:transparent url(/objects/fixed/icons/pdf.png) 0 50% no-repeat;}
#dokumentlistholder a[href$='.jpg'], #dokumentlistholder a[href$='.png'], #dokumentlistholder a[href$='.gif'], #dokumentlistholder a[href$='.jpeg'], #dokumentlistholder a[href$='.psd'] {background:transparent url(/objects/fixed/icons/jpg.png) 0 50% no-repeat;}
#dokumentlistholder .ol-version {text-align: center;}
















#destinator_the_page {margin: 0 auto;}
.clearing {clear: both;}
.mceContentBody {background-image: none;background-color: #fff;font-size: 11px; color: #000;}
body.mceContentBody {margin: 3px; color: #000; }
.mceContentBody {background: #fff; color: #000; }
fieldset.login_legend {width: 330px;background: #ccc;margin: 20px;color: #333;}
fieldset.login_legend legend {font-size: 14px;font-weight: bold;background: #ccc;border: 1px solid #999;padding: 3px;}
#loginform label.loginlabel {display: block;}
#loginform legend {font-size: 14px;font-weight: bold;background: #ccc;border: 1px solid #999;padding: 3px;}
.login_left {float: left;}
.login_button {border: 1px solid #666;background: #fff;margin: 3px 0 3px 0;}
img.loginbox {width: 75px;margin: 15px 30px 15px 30px;}
#destinator_tab .destinator_obj_hidden {display: none;}
#destinator_tab .destinator_obj_visible {display: block;}