/*

prefixes for the different departments

.dflt {} #2b307d privat start (default)
.ptpr {} #4c8a32 privat posttjanster
.frim {} #9f1922 privat frimarken

.frtg {} #2b307d (samma som dflt?) foretag start
.ptfo {} #007e85 foretag posttjanster
.logi {} #743068 foretag logistik
.pack {} #00a2e2 foretag pack och distribution
.ehan {} #7776af foretag e-handel
.bafo {} #00a2e2 foretag bank och forsakring

.forl {} #ae4535 foretag forlag
.iorg {} #b8b68a foretag ideella organisation

********************

01. wrappers, containers and general stuff
02. header
03. main navigation
04. sub navigation
05. startpage-specific
06. common classes and ids
07. footer
08. searchpage
09. lemongenerated forms
10. special forms
11. echoes from the past
12. tiny things
13. stripped page template
00. clearfixes

*/

html { background:#ececec; }
body { color:#666; font:normal normal 11px Arial,Helvetica,Verdana,Geneva,sans-serif; }

.dflt a { color:#2b307d; }
.ptpr a { color:#4c8a32; }
.frim a { color:#9f1922; }
.frtg a { color:#2b307d; }
.ptfo a { color:#007e85; }
.logi a { color:#743068; }
.ehan a { color:#7776af; }
.bafo a { color:#00a2e2; }
.forl a { color:#ae4535; }
.iorg a { color:#b8b68a; }

a, .common-block a, .other-news-block a, #quick-links a, .frame-block ul a { color:#666; text-decoration:none; }
#header-links a { color:#2b307d; }
a:hover { text-decoration:underline; }

ul { margin:0 0 10px 20px; }
ol { margin:0 0 10px 25px; }
ul li { list-style-type:disc; }
ol li { list-style-type:decimal; }
em, i { font-style:italic; }
strong, b { font-weight:bold; }
del, strike { text-decoration:line-through; }
blockquote { padding:0 0 10px 20px; }
table { /*width:100%;*/ }

h1 { color:#2b307d; font:normal normal 18px Arial,Helvetica,Verdana,Geneva,sans-serif; padding:3px 0 8px; } /* Huvudrubrik */
h2 { font:normal bold 12px Arial,Helvetica,Verdana,Geneva,sans-serif; padding:4px 0 0; } /* Mellanrubrik */
/* h3 { font:normal bold 11px Arial,Helvetica,Verdana,Geneva,sans-serif; padding:5px 0 0; } Rubrik 3 */
h4 { color:#2b307d; font:normal normal 18px Arial,Helvetica,Verdana,Geneva,sans-serif; padding:0 0 8px; color:#f00; font-weight:bold; } /* Gammal Huvudrubrik, bör ändras! */
h5 { color:#f00; font-weight:bold; font-size:16px; } /* Gammal Mellanrubrik, bör ändras! */

#sidebar h2 { color:#666; font:normal bold 11px Arial,Helvetica,Verdana,Geneva,sans-serif; padding:0 0 4px; text-transform:uppercase; }

.dflt h1, .dflt h4 { color:#2b307d; }
.ptpr h1, .ptpr h4 { color:#4c8a32; }
.frim h1, .frim h4 { color:#9f1922; }
.frtg h1, .frtg h4 { color:#2b307d; }
.ptfo h1, .ptfo h4 { color:#007e85; }
.logi h1, .logi h4 { color:#743068; }
/*.pack h1, .pack h4 { color:#00a2e2; }*/
.ehan h1, .ehan h4 { color:#7776af; }
.bafo h1, .bafo h4 { color:#00a2e2; }
.forl h1, .forl h4 { color:#ae4535; }
.iorg h1, .iorg h4 { color:#b8b68a; }

p { line-height:16px; padding:0 0 8px; } /* Brödtext */



/* 01. wrappers, containers and general stuff */
#wrapper { margin:0 auto 20px; overflow:hidden; width:980px; }
#top-shadow { background:#ececec url("../img/top-and-bottom-shadow-bg.png") no-repeat top left; height:20px; }
#bottom-shadow { background:#ececec url("../img/top-and-bottom-shadow-bg.png") no-repeat bottom left; height:20px; }
#middle-shadow { background:#fff url("../img/content-container-bg.png") repeat-y; padding:0 10px; }
#page-border-yellow { border-left:32px solid #efc52a; height:44px; padding:0 4px 2px; position:relative; }
#page-border-blue { background:url("../img/page-border-blue.gif") repeat-y; }
#page-border-blue-shadow { padding:2px 4px 0 36px; background:url("../img/page-border-shadow-blue.jpg") no-repeat left bottom; }
#main-content { float:left; width:403px; }
#main-content.wider { width:690px; }
#main-content.wideNoSub { width:580px; }
#sidebar { display:inline; float:right; margin:0 20px 0 0; width:267px; }
#sidebar-left { background:#f0f0f0; display:inline; float:left; margin:0 30px 0 0; padding:0 10px; width:150px; }
#content-container {}



/* 02. header */
#header { overflow:hidden; position:relative; height:65px; }
#logotype { display:inline; float:left; margin:0 0 0 75px; }
#top-row { float:right; margin:0 22px 15px 0; overflow:hidden; }
#header-links { float:right; }
#header-links a { margin:0 8px; }
#choose-language { float:right; margin:0 0 0 30px; }
#choose-language li { display:inline; float:left; }
#choose-language li a { display:block; padding:3px; }
#search-form { background:#e2e3e4; bottom:35px; padding:5px 0 5px 5px; position:absolute; right:25px; width:200px; }
#search-form #searchfld { background:#fff url("../img/search-fld-arrow.png") no-repeat top right; border:0; float:left; font:normal normal 13px Arial,Helvetica,Verdana,sans-serif; padding:3px 13px 3px 3px; width:110px; }
#search-form .submit { border:0; background:#e2e3e4; color:#666; float:left; font:normal bold 13px Arial,Helvetica,Verdana,sans-serif; margin:2px 0 0 5px; text-transform:uppercase; width:55px; }
#slideshow { height:200px; margin:0 0 30px; overflow:hidden; }



/* 03. main navigation */
#navigation {}

#nav-section { font:normal bold 12px Arial,Helvetica,Verdana,sans-serif; margin:0; }
#nav-section li { display:inline; float:left; }
#nav-section li a { background:url("../img/nav-section-bg.png") no-repeat top right; color:#2b307d; display:block; padding:4px 0 3px; text-align:center; text-decoration:none; text-transform:uppercase; width:151px; } /* TODO: Bredden kan behöva justeras per språk? */
#nav-section li a:hover { color:#666; }
#nav-section li a.active:hover { color:#ccc; }
#nav-section li a.active { background:url("../img/nav-section-active-bg.png") no-repeat top right; color:#fff; }

#nav-department { background:#2b307d url("../img/nav-subnav-sprite.png") repeat-x; font:normal bold 12px Arial,Helvetica,Verdana,sans-serif; margin:0; position:relative; }
#nav-department li { background:url("../img/nav-department-divider.png") no-repeat top right; display:inline; float:left; position:relative; }
#nav-department li a { color:#fff; display:block; padding:4px 0 3px; margin:0 2px 0 0; text-align:center; text-decoration:none; width:151px; } /* TODO: Bredden kan behöva justeras per språk? */
/*#nav-department li a:hover { color:#ccc; }*/
/*#nav-department li:hover .second-level-outer, #nav-department a:hover .second-level-outer { display:block; } non-javascript fallback, but not for ie6 */

#nav-department li a.active, #nav-department li a:hover { background:url("../img/nav-subnav-sprite.png") repeat-x; }
.dflt #nav-department li a.active, #nav-department li.dflt a:hover { background-position:0 0; }
.ptpr #nav-department li a.active, #nav-department li.ptpr a:hover { background-position:0 -44px; }
.frim #nav-department li a.active, #nav-department li.frim a:hover { background-position:0 -88px; }
.frtg #nav-department li a.active, #nav-department li.frtg a:hover { background-position:0 -132px; }
.ptfo #nav-department li a.active, #nav-department li.ptfo a:hover { background-position:0 -176px; }
.logi #nav-department li a.active, #nav-department li.logi a:hover { background-position:0 -220px; }
/*.pack #nav-department li a.active, #nav-department li.pack a:hover { background-position:0 -264px; }*/
.ehan #nav-department li a.active, #nav-department li.ehan a:hover { background-position:0 -308px; }
.bafo #nav-department li a.active, #nav-department li.bafo a:hover { background-position:0 -264px; }
.forl #nav-department li a.active, #nav-department li.forl a:hover { background-position:0 -352px; }
.iorg #nav-department li a.active, #nav-department li.iorg a:hover { background-position:0 -396px; }

#nav-department .second-level-outer { display:none; font:normal normal 11px Arial,Helvetica,Verdana,sans-serif; left:0; padding:0 0 20px; position:absolute; top:22px; }
#nav-department .last { background:none; }
#nav-department .flipside .second-level-outer { /*left:auto;*/ right:0; }
#nav-department .second-level-inner { background:#fff; border-bottom:3px solid #2b307d; padding:15px 0; }
#nav-department li.dflt .second-level-inner { border-bottom:3px solid #2b307d; }
#nav-department li.ptpr .second-level-inner { border-bottom:3px solid #4c8a32; }
#nav-department li.frim .second-level-inner { border-bottom:3px solid #9f1922; }
#nav-department li.frtg .second-level-inner { border-bottom:3px solid #2b307d; }
#nav-department li.ptfo .second-level-inner { border-bottom:3px solid #007e85; }
#nav-department li.logi .second-level-inner { border-bottom:3px solid #743068; }
/*#nav-department li.pack .second-level-inner { border-bottom:3px solid #00a2e2; }*/
#nav-department li.ehan .second-level-inner { border-bottom:3px solid #7776af; }
#nav-department li.bafo .second-level-inner { border-bottom:3px solid #00a2e2; }
#nav-department li.forl .second-level-inner { border-bottom:3px solid #ae4535; }
#nav-department li.iorg .second-level-inner { border-bottom:3px solid #b8b68a; }

#nav-department .one-col { width:151px; }
#nav-department .two-col { width:275px; }
#nav-department .three-col { width:405px; }
#nav-department .four-col { width:535px; }
#nav-department .second-level-outer ul { margin:0 0 0 10px; float:left; }
#nav-department .second-level-outer li { background:none; float:none; }
#nav-department .second-level-outer li a { color:#666; margin:0; padding:1px 0; text-align:left; width:120px; }
#nav-department .second-level-outer li a:hover { background:none; color:#2b307d; text-decoration:underline; }



/* 04. subnavigation */
#subnavigation { display:inline; float:left; margin:0 30px 0 0; width:170px; }
#subnavigation h3 a { background:url("../img/nav-subnav-sprite.png") repeat-x; color:#fff; display:block; font:normal bold 11px Arial,Helvetica,Verdana,sans-serif; padding:5px 0 4px 15px; margin:0 0 2px; text-decoration:none; text-transform:uppercase; }
#subnavigation h3 a:hover { color:#ccc; text-decoration:none; }
.ptpr #subnavigation h3 a { background-position:0 -44px; }
.frim #subnavigation h3 a { background-position:0 -88px; }
.ptfo #subnavigation h3 a { background-position:0 -176px; }
.logi #subnavigation h3 a { background-position:0 -220px; }
/*.pack #subnavigation h3 a { background-position:0 -264px; }*/
.ehan #subnavigation h3 a { background-position:0 -308px; }
.bafo #subnavigation h3 a { background-position:0 -264px; }
.forl #subnavigation h3 a { background-position:0 -352px; }
.iorg #subnavigation h3 a { background-position:0 -396px; }

/* first level */
#subnavigation ul { margin:0; }
#subnavigation ul li { list-style-type:none; }
#subnavigation ul li a { background:#ddd; color:#666; display:block; margin:0 0 1px; padding:3px 0 3px 15px; text-decoration:none; }
#subnavigation ul li a:hover { background:#999; color:#fff; text-decoration:none; }
#subnavigation ul li a.active { background:#999 url("../img/bullets-sprite.png") no-repeat 1px -706px; color:#fff; }

/* second level */
#subnavigation ul ul li a { background:#fff; padding:3px 0 3px 20px; }
#subnavigation ul ul li a:hover,
#subnavigation ul ul li a.active { background:#fff; color:#2b307d; }
.ptpr #subnavigation ul ul li a:hover, .ptpr #subnavigation ul ul li a.active { color:#4c8a32; }
.frim #subnavigation ul ul li a:hover, .frim #subnavigation ul ul li a.active { color:#9f1922; }
.ptfo #subnavigation ul ul li a:hover, .ptfo #subnavigation ul ul li a.active { color:#007e85; }
.logi #subnavigation ul ul li a:hover, .logi #subnavigation ul ul li a.active { color:#743068; }
/*.pack #subnavigation ul ul li a:hover, .pack #subnavigation ul ul li a.active { color:#00a2e2; }*/
.ehan #subnavigation ul ul li a:hover, .ehan #subnavigation ul ul li a.active { color:#7776af; }
.bafo #subnavigation ul ul li a:hover, .bafo #subnavigation ul ul li a.active { color:#00a2e2; }
.forl #subnavigation ul ul li a:hover, .forl #subnavigation ul ul li a.active { color:#ae4535; }
.iorg #subnavigation ul ul li a:hover, .iorg #subnavigation ul ul li a.active { color:#b8b68a; }



/* 05. startpage-specific */
#latest-news { display:inline; float:left; margin:0 0 0 20px; width:588px; }
.latest-news-top { background:#fff url("../img/latest-news-top-bg.png") no-repeat; font-size:0; height:10px; }
.latest-news-middle { background:#fff url("../img/latest-news-middle-bg.png") no-repeat center center; padding:5px 15px; /*min-height:142px; height:auto !important; height:142px;*/ }
/*.latest-news-middle a { display:block; }*/
.latest-news-bottom { background:#fff url("../img/latest-news-bottom-bg.png") no-repeat; font-size:0; height:10px; }
.latest-news-image { float:left; margin:0 20px 0 0; }
#latest-news-table { border-collapse:collapse; padding:0; width:558px; }
#latest-news-image-cell {}
#latest-news-text-cell { height:152px; line-height:16px; }
#latest-news-text-cell h1 { padding:0 0 8px; }
/* Fullösning för att sätta max-height på .inner-cell. Detta för att kunna centrera den vertikalt i cellen #latest-news-text-cell om det är en kort nyhet.. */
* html #latest-news-text-cell .inner-cell { height:expression( this.scrollHeight > 149 ? "150px" : "auto" ); /* sets max-height for IE */ overflow:hidden; }
#latest-news-text-cell .inner-cell { max-height:150px; /* sets max-height value for all standards-compliant browsers */ overflow:hidden; }

#quick-links { display:inline; float:right; margin:0 20px 0 0; width:280px; }
#quick-links ul { margin:5px 0 15px 15px; }
#quick-links li { background:url("../img/bullets-sprite.png") no-repeat; list-style-type:none; padding:0 0 3px 10px; }
#quick-links h3 { color:#999; font:normal bold 11px Arial,Helvetica,Verdana,sans-serif; margin:15px 0 0 15px; text-transform:uppercase; }
.quick-links-top { background:#fff url("../img/quick-links-top-bg.png") no-repeat; font-size:0; height:10px; }
.quick-links-middle { border-left:2px solid #ffcb05; border-right:2px solid #ffcb05; height:162px; overflow:hidden; padding:0 10px; width:256px; }
.dflt #quick-links li { background-position:0 2px; }
.frtg #quick-links li { background-position:0 -211px; }
.quick-links-bottom { background:#fff url("../img/quick-links-bottom-bg.png") no-repeat; font-size:0; height:10px; }
.quick-links-left { float:left; width:124px; }
.quick-links-right { float:right; width:124px; }

#other-news { clear:both; padding:30px 0 0 14px; overflow:hidden; width:886px; }
.other-news-block { display:inline; float:left; margin:0 0 0 8px; width:287px; }
.other-news-block h3 { background:#fff url("../img/othernews-block-heading-bg.png") no-repeat; color:#fff; font:normal bold 11px Arial,Helvetica,Verdana,sans-serif; padding:4px 0 7px 20px; text-transform:uppercase; }
.other-news-block ul { margin:0; }
.other-news-block li { background:url("../img/bullets-sprite.png") no-repeat; list-style-type:none; padding:0 0 3px 10px; }
.dflt .other-news-block li { background-position:0 2px; }
.frtg .other-news-block li { background-position:0 -211px; }
#newsfeed { background:url("../img/othernews-block-bg.png") no-repeat bottom left; height:92px; padding:10px 0 0 20px; }
#aktuellt { /*background:url("../img/aktuellt-bg.png") no-repeat bottom left;*/ background:url("../img/othernews-block-bg.png") no-repeat bottom left;  height:92px; padding:10px 0 0 20px; }
#storningar { background:url("../img/storningar-bg.png") no-repeat bottom left; height:92px; padding:10px 90px 0 20px; }
#storningar h3 { background:none; color:#666; padding:0 0 5px; }

.other-news-block-wide { background:#f1eff1; height:122px; margin:0 0 0 8px; overflow:hidden; }
.other-news-block-wide { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }



/* 06. common classes and ids */
#sidebar ul { margin:0; }
#sidebar li { background:url("../img/bullets-sprite.png") no-repeat 0 2px; list-style-type:none; padding:0 0 3px 10px; }
.ptpr #sidebar li { background-position:0 -69px; }
.frim #sidebar li { background-position:0 -140px; }
.ptfo #sidebar li { background-position:0 -282px; }
.logi #sidebar li { background-position:0 -353px; }
/*.pack #sidebar li { background-position:0 -184px; }*/
.ehan #sidebar li { background-position:0 -495px; }
.bafo #sidebar li { background-position:0 -424px; }
.forl #sidebar li { background-position:0 -566px; }
.iorg #sidebar li { background-position:0 -637px; }

/* common block */
.common-block { margin:0 0 10px; }
.common-block h3 { background:#fff url("../img/common-block-heading-sprite-bg.png") no-repeat; color:#fff; font:normal bold 11px Arial,Helvetica,Verdana,sans-serif; padding:4px 0 7px 20px; text-transform:uppercase; }
.ptpr .common-block h3 { background-position:0 -40px; }
.frim .common-block h3 { background-position:0 -80px; }
.ptfo .common-block h3 { background-position:0 -160px; }
.logi .common-block h3 { background-position:0 -200px; }
/*.pack .common-block h3 { background-position:0 -240px; }*/
.ehan .common-block h3 { background-position:0 -280px; }
.bafo .common-block h3 { background-position:0 -240px; }
.forl .common-block h3 { background-position:0 -320px; }
.iorg .common-block h3 { background-position:0 -360px; }
.common-block-bg { background:url("../img/common-block-bg.png") no-repeat bottom left; padding:15px; }

/* frame block */
.frame-block { margin:0 0 10px; }
.frame-block h3 { color:#999; font:normal bold 11px Arial,Helvetica,Verdana,sans-serif; padding:0 0 10px; text-transform:uppercase; }
.frame-block-top { background:url("../img/frame-block-sprite-bg.png") no-repeat top left; font-size:0; height:25px; }
.frame-block-middle { border-left:4px solid #d8d9da; border-right:4px solid #d8d9da; padding:0 15px; }
.frame-block-bottom { background:url("../img/frame-block-sprite-bg.png") no-repeat bottom left; font-size:0; height:30px;  }

/* stampinfo.con */
.stamp-info { border-bottom:1px solid #ccc; margin:0 0 20px; padding:0 0 10px; }
.info-left { display:inline; float:left; width:403px; }
.info-right { display:inline; float:right; width:267px; }
.stamp-info.last { border-bottom:none; }



/* 07. footer */
#footer { background:url("../img/footer-line-bg.png") no-repeat; margin:30px 0 0; padding:5px 0 0; text-align:center; }
#footer p {}
.addthis_toolbox { float:right; padding:0 10px; }
.tip-friend { float:left; font-weight:bold; margin:0 10px 0 0; }
/*.addthis_default_style {}*/



/* 08. searchpage */
.highlight { background:#eee; border:1px solid silver; font-weight:bold; padding:1px; }



/* 09. lemongenerated forms */
.form .field_input { margin:0 10px 0 0; width:120px; }
.form .field_text, .field_textarea, .field_select { font-size:120%; }
.form .field_textarea { height:50px; overflow:auto; }
.form .field_checkbox { width:auto; }
.form .clearer { clear:both; }
.form label { cursor:pointer; float:left; width:140px; }
.form .field_text, .field_textarea, .field_select { border: 1px solid silver; margin-left:20px; width:250px; }
.form .captcha { border:1px solid silver; width:70px; }



/* 10. special forms */
.form-buttons { margin:5px 0 0 0; text-align:right; }
.button { background:#f0f0f0; border:1px solid #999; border-top:1px solid #ccc; border-left:1px solid #ccc; padding:2px 5px; cursor:pointer; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
.button:hover { background:#aaa; }
.graybg { background:#efefef; margin:0 0 10px; padding:10px; }

/* stamp payment form */
#stamp-payment-form table { width:300px; }



/* 11. echoes from the past */
/*.mainContentBox h3, .mainContentBox h5, .mainContentBox h6 { font-size:130%; margin-bottom:3px; }*/
div.form { margin-bottom:5px; background:#f0f0f0; padding:5px; }
div.form .msg { color:#2e3192; font-weight:bold; margin-top:5px; }
td.head { font-size:13px; font-weight:bold; padding:3px; }
.ptpr td.head { background:#4c8a32; color:#fff; }
.frim td.head { background:#9f1922; color:#fff; }
.ptfo td.head { background:#007e85; color:#fff; }
.logi td.head { background:#743068; color:#fff; }
.pack td.head { background:#00a2e2; color:#fff; }
.ehan td.head { background:#7776af; color:#fff; }
.bafo td.head { background:#00a2e2; color:#fff; }
.forl td.head { background:#ae4535; color:#fff; }
.iorg td.head { background:#b8b68a; color:#fff; }
tr.frow { background:#f0f0f0; }
.content_center table { margin-bottom:5px; }
#aboform input.small { width:30px !important; }
.silverFrame { border: 1px solid silver;  }
#main-content table td { padding:3px; }
#main-content .input { padding-bottom:10px; }
#main-content select { border:1px solid silver; }
.error { background:#ece; }



/* 12. tiny things */
#ajaxLoader { display:none; }

.contact_table { width: auto }
.contact_table td.leftCol { width: 120px; }
.contact_table td.rightCol { width: 240px; vertical-align: bottom }



/* 13. stripped page template */
.stripped-template #top-shadow { position:relative; }
.stripped-template #yellowfillpiece-one { background:#efc52a; height:10px; left:10px; position:absolute; top:10px; width:32px; }
.stripped-template #yellowfillpiece-two { background:#efc52a; height:65px; left:0; position:absolute; top:0; width:32px; }
.stripped-template #content-container { min-height:300px; height:auto !important; height:300px; } /*min-height hack*/
.stripped-template #content { margin:0 40px; }



/* 00. clearfix */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}* html .clearfix{height:1%;}.clearfix{display:block;}
.clear { clear:both; }

/*---MOMSräknare----*/
.red { color:red; font-weight:bold;}
#VATcounter { background:url("../img/vat_bg.jpg") no-repeat; border:0; margin:0 auto 0; padding:16px 5px 0px 103px; position:relative; width:400px; height: 160px;}
#VATcounter form {}
#VATcounter form table {width: 270px; height: 126px;}
#VATcounter form table td {text-align: right;}
#VATcounter form label {font-size: 14px;}
#VATcounter form label.bold {font-weight:bold; font-size: 14px;}
#VATcounter form input {border:2px solid #999; font-size: 14px; width: 90px;}


/*               _                      _                 _   ____   ___  _  ___  
 _ __   ___  ___| |_  ___ _ __     __ _| | __ _ _ __   __| | |___ \ / _ \/ |/ _ \ 
| '_ \ / _ \/ __| __|/ _ \ '_ \   / _` | |/ _` | '_ \ / _` |   __) | | | | | | | |
| |_) | (_) \__ \ |_|  __/ | | | | (_| | | (_| | | | | (_| |  / __/| |_| | | |_| |
| .__/ \___/|___/\__|\___|_| |_|  \__,_|_|\__,_|_| |_|\__,_| |_____|\___/|_|\___/ 
|_|                                                                               

*/