* { padding: 0; margin: 0; }

html, body { height: 100%; }

body {
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;	

	background: #004674;
}

input, textarea, select {
	font-size: 10px;
}

a {
	color: #003662;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

.clear {
	clear: both;
}

.blue, .red, .grey, .darkgrey { 
	display: inline;
}

.red {
	color: #A80025;
}

.blue {
	color: #003662;
}

.grey {
	color: #4D4D4D;
}

.darkgrey {
	color: #333;
}

.footer-grey {
	color: #666;
}

.small {
	font-size: 10px;	
}

.float-left{
	float: left;
}

.float-right {
	float: right;
}

#container {
	width: 886px;
	min-height: 100%;
	
	margin: 0 auto;
	background: url('../images/bg.gif');
}
* html #container { height: 100%; }

#content-holder {
	width: 760px;
	
	margin-left: 63px;
	padding-bottom: 100px;
}

#header {
	min-height: 151px;
	
	background: url('../images/bg_header.gif') repeat-x;
}
* html #header { height: 151px; }

#header-logotype {
	float: left;
	display: block;
	width: 228px;
	
	margin-left: 1px !important;
	margin-left: 2px;
}

#header-senaste {
	display: block;
	float: right;
	height: 20px;
	
	margin-top: 45px;
	
	width: 229px;
	background: url('../images/header_senaste.gif');
	
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
#header-senaste:hover, #header-senaste-active { background-position: -229px 0px; cursor: pointer; }

/* content */

.content {
	margin: 0 26px 0 26px;
}

#footer {
	width: 760px;
	min-height: 52px;
	margin: -80px auto 0 auto;
	
	background: url('../images/bg_footer.gif') repeat-x #fff;
}
* html #footer { height: 52px; }


#footer img {
	margin-top: 12px;
}

#footer .margin {
	padding: 10px 26px 5px 26px;
}

#footer table .title {
	padding-right: 10px;
}

.content-spacer {
	margin-top: 24px;
}

.header {
	display: block;
	margin: 6px 0 6px 0;
}

.leftcol {
	float: left;
	width: 369px;
}

.rightcol {
	float: left;
	width: 301px;
	padding: 28px 0 0 16px;
}

.line {
	height: 1px;
	background: #e4e4e4;
}

/* statistics */

#statistics-holder {
	width: 100%;
}

#statistics-holder .header {
	display: block;
	margin: 0 0 6px 0;
}

#statistics-holder .image {
	float: left;
	margin-right: 13px;
}

#statistics-holder .text {
	float: left;
	width: 165px;
}

#statistics-holder .box1, #statistics-holder .box2, #statistics-holder .box3, #statistics-holder .box4 {
	width: 50%;
	height: 163px;
}

#statistics-holder .box1 {
	padding: 0 10px 0 0;

	border-right: 1px solid #e1e1e1;
}

#statistics-holder .box2 {
	padding: 0 0 0 20px;
}

#statistics-holder .box3 {
	padding: 16px 10px 0 0;
	border-right: 1px solid #e1e1e1;
}

#statistics-holder .box4 {
	padding: 16px 0 0 20px;
}

.box2-block {
	min-height: 310px;
}
* html .box2-block { height: 310px; }

#box4 {
	height: 100%;
}

#box4-source {
	display: block;
}

#statistics-rackvidd-table {
	margin-top: 47px;
}

#statistics-rackvidd-table tr td {
	padding-right: 5px;
}

/* contact */

#contact-search {
	margin: -10px 0 10px 0;
}

#contact-search-box, #contact-search-button, #contact-search-bar {
	float: left;
}

#contact-search-box {
	
	font-size: 16px;
	height: 21px;
	width: 165px;
	
	border: 1px solid #8ba8bb;
	border-right: none;
}

#contact-search-button {
}

#contact-search-bar {
	width: 500px;
	height: 23px;
	background: url('../images/historia_searchbar.gif');
}

#contact-search-hits {
	float: left;
	width: 310px;

	margin: 5px 0 0 10px !important;
	margin: 5px 0 0 5px;
}

#divNavigation {
	float: right;
	width: 150px;

}

#divNavigation .prev {
	float: left;
	width: 79px;
}

#divNavigation .next {
	float: right;
	width: 61px;
}

#divNavigation .prev a, #divNavigation .next a {
	display: block;
	
	height: 23px;
	
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

#divNavigation .prev a {
	width: 79px;
	background: url('../images/sok-foregaende.gif');
}

#divNavigation .prev a:hover {
	background-position: -79px 0px; cursor: pointer;
}

#divNavigation .next a {
	width: 61px;
	background: url('../images/sok-nasta.gif');
}

#divNavigation .next a:hover {
	background-position: -61px 0px; cursor: pointer;
}

#contact-letters {
	margin-top: 7px;
}

#contact-search-lower-bar {
	height: 23px;
	background: url('../images/historia_searchbar.gif');
}

/* lower navigation */

#divNavigationLower {
	float: right;
	width: 150px;

}

#divNavigationLower .prev {
	float: left;
	width: 79px;
}

#divNavigationLower .next {
	float: right;
	width: 61px;
}

#divNavigationLower .prev a, #divNavigationLower .next a {
	display: block;
	
	height: 23px;
	
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

#divNavigationLower .prev a {
	width: 79px;
	background: url('../images/sok-foregaende.gif');
}

#divNavigationLower .prev a:hover {
	background-position: -79px 0px; cursor: pointer;
}

#divNavigationLower .next a {
	width: 61px;
	background: url('../images/sok-nasta.gif');
}

#divNavigationLower .next a:hover {
	background-position: -61px 0px; cursor: pointer;
}

#hitsLower {
	float: left;
	margin: 5px 0 0 10px !important;
	margin: 5px 0 0 5px;
}

.contact-letter-a, .contact-letter-b, .contact-letter-c, .contact-letter-d, .contact-letter-e,
.contact-letter-f, .contact-letter-g, .contact-letter-h, .contact-letter-i, .contact-letter-j,
.contact-letter-k, .contact-letter-l, .contact-letter-m, .contact-letter-n, .contact-letter-o,
.contact-letter-p, .contact-letter-q, .contact-letter-r, .contact-letter-s, .contact-letter-t,
.contact-letter-u, .contact-letter-v, .contact-letter-w, .contact-letter-x, .contact-letter-y, .contact-letter-z,
.contact-letter-aring, .contact-letter-auml, .contact-letter-ouml {
	display: block;
	float: left;
	width: 22px;
	height: 24px;
	margin-left: 1px;
	
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.contact-letter-a-active, .contact-letter-a:hover, .contact-letter-b-active, .contact-letter-b:hover,
.contact-letter-c-active, .contact-letter-c:hover, .contact-letter-d-active, .contact-letter-d:hover,
.contact-letter-e-active, .contact-letter-e:hover, .contact-letter-f-active, .contact-letter-f:hover,
.contact-letter-g-active, .contact-letter-g:hover, .contact-letter-h-active, .contact-letter-h:hover,
.contact-letter-i-active, .contact-letter-i:hover, .contact-letter-j-active, .contact-letter-j:hover,
.contact-letter-k-active, .contact-letter-k:hover, .contact-letter-l-active, .contact-letter-l:hover,
.contact-letter-m-active, .contact-letter-m:hover, .contact-letter-n-active, .contact-letter-n:hover,
.contact-letter-o-active, .contact-letter-o:hover, .contact-letter-p-active, .contact-letter-p:hover,
.contact-letter-q-active, .contact-letter-q:hover, .contact-letter-r-active, .contact-letter-r:hover,
.contact-letter-s-active, .contact-letter-s:hover, .contact-letter-t-active, .contact-letter-t:hover,
.contact-letter-u-active, .contact-letter-u:hover, .contact-letter-v-active, .contact-letter-v:hover,
.contact-letter-w-active, .contact-letter-w:hover, .contact-letter-x-active, .contact-letter-x:hover, .contact-letter-y-active, .contact-letter-y:hover,
.contact-letter-z-active, .contact-letter-z:hover, .contact-letter-aring-active, .contact-letter-aring:hover,
.contact-letter-auml-active, .contact-letter-auml:hover, .contact-letter-ouml-active, .contact-letter-ouml:hover {
	background-position: -22px 0px; cursor: pointer;
}

#contact-letter-a-active, #contact-letter-b-active,
#contact-letter-c-active, #contact-letter-d-active,
#contact-letter-e-active, #contact-letter-f-active,
#contact-letter-g-active, #contact-letter-h-active,
#contact-letter-i-active, #contact-letter-j-active,
#contact-letter-k-active, #contact-letter-l-active,
#contact-letter-m-active, #contact-letter-n-active,
#contact-letter-o-active, #contact-letter-p-active,
#contact-letter-q-active, #contact-letter-r-active,
#contact-letter-s-active, #contact-letter-t-active,
#contact-letter-u-active, #contact-letter-v-active,
#contact-letter-w-active, #contact-letter-x-active, #contact-letter-y-active,
#contact-letter-z-active, #contact-letter-aring-active,
#contact-letter-auml-active, #contact-letter-ouml-active {
	background-position: -22px 0px; cursor: pointer;
}

.contact-letter-a { background: url('../images/letters/a.gif'); }
.contact-letter-b { background: url('../images/letters/b.gif'); }
.contact-letter-c { background: url('../images/letters/c.gif'); }
.contact-letter-d { background: url('../images/letters/d.gif'); }
.contact-letter-e { background: url('../images/letters/e.gif'); }
.contact-letter-f { background: url('../images/letters/f.gif'); }
.contact-letter-g { background: url('../images/letters/g.gif'); }
.contact-letter-h { background: url('../images/letters/h.gif'); }
.contact-letter-i {	background: url('../images/letters/i.gif'); }
.contact-letter-j {	background: url('../images/letters/j.gif'); }
.contact-letter-k {	background: url('../images/letters/k.gif'); }
.contact-letter-l {	background: url('../images/letters/l.gif'); }
.contact-letter-m {	background: url('../images/letters/m.gif'); }
.contact-letter-n {	background: url('../images/letters/n.gif'); }
.contact-letter-o {	background: url('../images/letters/o.gif'); }
.contact-letter-p {	background: url('../images/letters/p.gif'); }
.contact-letter-q {	background: url('../images/letters/q.gif'); }
.contact-letter-r {	background: url('../images/letters/r.gif'); }
.contact-letter-s {	background: url('../images/letters/s.gif'); }
.contact-letter-t {	background: url('../images/letters/t.gif'); }
.contact-letter-u {	background: url('../images/letters/u.gif'); }
.contact-letter-v {	background: url('../images/letters/v.gif'); }
.contact-letter-w {	background: url('../images/letters/w.gif'); }
.contact-letter-x {	background: url('../images/letters/x.gif'); }
.contact-letter-y {	background: url('../images/letters/y.gif'); }
.contact-letter-z {	background: url('../images/letters/z.gif'); }
.contact-letter-aring {	background: url('../images/letters/aring.gif'); }
.contact-letter-auml {	background: url('../images/letters/auml.gif'); }
.contact-letter-ouml {	background: url('../images/letters/ouml.gif'); }

.contact-letter-num {
	display: block;
	float: left;
	width: 63px;
	height: 24px;
	margin-left: 1px;
	
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
.contact-letter-num { background: url('../images/letters/num.gif'); }
.contact-letter-num:hover {
	background-position: -63px 0px; cursor: pointer;
}

#contact-letter-num-active {
	background-position: -63px 0px; cursor: pointer;
}

#contact-categories {
	margin-top: 7px;
}

.contact-marknad, .contact-redaktion, .contact-it, .contact-digital, .contact-ekonomi, .contact-personal {
	display: block;
	float: left;
	width: 22px;
	height: 24px;
	margin-left: 1px;
	
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.contact-marknad {
	width: 140px;
	background: url('../images/kontakt_marknad.gif');
}

.contact-marknad-active, .contact-marknad:hover {
	background-position: -140px 0px; cursor: pointer;
}

.contact-redaktion {
	width: 72px;
	background: url('../images/kontakt_redaktion.gif');
}

.contact-redaktion-active, .contact-redaktion:hover {
	background-position: -72px 0px; cursor: pointer;
}

.contact-it {
	width: 33px;
	background: url('../images/kontakt_it.gif');
}

.contact-it-active, .contact-it:hover {
	background-position: -32px 0px; cursor: pointer;
}

.contact-digital2 {
	width: 97px;
	background: url('../images/kontakt_digital.gif');
}

.contact-digital {
	width: 153px;
	background: url('../images/kontakt_projekt_och_utveckling.gif');
}


.contact-digital-active, .contact-digital:hover {
	background-position: -154px 0px; cursor: pointer;
}

.contact-ekonomi {
	width: 65px;
	background: url('../images/kontakt_ekonomi.gif');
}

.contact-ekonomi-active, .contact-ekonomi:hover {
	background-position: -65px 0px; cursor: pointer;
}

.contact-personal {
	width: 63px;
	background: url('../images/kontakt_personal.gif');
}

.contact-personal-active, .contact-personal:hover {
	background-position: -63px 0px; cursor: pointer;
}

.contact-line {
	margin: 25px 0 10px 0;
}

#contact-results {
	margin-top: 20px;
	margin-left: -8px !important;
	margin-left: -16px;
}

#contact-results .result {
	float: left;
	
	width: 350px;
	min-height: 135px;
	
	margin-left: 8px;
	
	background: url('../images/sok_content_bg.jpg') no-repeat;
}
* html #contact-results .result { height: 135px; }

#contact-results .result .image {
	float: left;
	width: 64px;
	margin: 13px 0 0 13px;
}

#contact-results .result .contact {
	float: left;
	width: 230px;
	margin: 13px 13px 0 9px;
}

#contact-results .result .contact .red {
	font-size: 12px;
}

/* history */

#history-box-holder {
	margin-left: -18px !important;
	margin-left: -34px;
}

.history-box {
	width: 163px;
	float: left;
	margin-left: 18px;
}

.history-content {
	min-height: 50px;
	padding: 3px 14px 0 14px;
	margin-bottom: 20px;
	background: url('../images/content_bg.gif') repeat-x;
}
* html .history-content { height: 50px; }

#history-content-left, #history-content-right {
	width: 322px;
}

.history-content-content {
	float: left;
	width: 380px;
}

.history-content-image {
	float: right;
	width: 228px;
	margin-top: 9px;
}

.history-content-year {
	width: 37px;
	margin-top: 13px;
}

#history-chefsredaktorer .year, #history-vd .year {
	width: 65px;
	
	padding-right: 12px !important;
	padding-right: 0;
}

#history-chefsredaktorer .name {
	width: 200px;
}

/* ekonomisk info */

#ekonomisk-info-content {
}

#ekonomisk-info-content table {
	margin: 15px 0 15px 0;
}

#ekonomisk-info-content table tr td {
	width: 150px;
}

/* agandeskap */

#agandeskap-content {
	width: 320px;
}

#agandeskap-right {
	width: 371px;
}

/* FAQ */

#faq {
	margin-top: -7px;
}

#faq .toggler {
	display: block;
	
	padding: 7px;
	
	font-weight: normal;
	font-size: 13px;
	
	background: url('../images/faq-toggler-bg.gif') repeat-x bottom;
}

#faq .toggler .arrow {
	display: block;
	float: left;

	width: 11px;
	height: 12px;
	
	margin: 2px 5px 0 0;
	
	background: url('../images/faq-arrow.gif');
}

#faq .element {
	background: url('../images/box-bg.gif') repeat-x;
}

#faq .element .content {
	margin: 15px;
}

#faq .element .content a {
	text-decoration: underline;
}

#faq p {
	display: inline;
}

/* 080512 - kontakta oss submenu items */

.content-wrapper {
	margin: 15px 0 0 0;
}

.content-wrapper .left-column, .content-wrapper .right-column {
	width: 347px;
}

.content-wrapper .split-column {
	width: 65%;
}

.content-wrapper .box {
	margin-bottom: 15px;
}

.content-wrapper h1 {
	font-family: arial, helvetica, verdana, tahoma;
	font-size: 17px;
	color: #808285;
}

.content-wrapper h2 {
	font-family: arial, helvetica, verdana, tahoma;
	font-size: 13px;
}

.content-wrapper h2 {
	font-family: arial, helvetica, verdana, tahoma;
	font-size: 13px;
}

.content-wrapper .large-image {
	margin-top: 20px;
}

.content-wrapper .box .box-content {
	min-height: 63px;

	margin: 1px 0 0 0;
	padding: 15px 15px 0 15px;
	
	background: url('../images/wrapper-column-bg.gif') no-repeat;
}
* html .content-wrapper .box .box-content { height: 63px; }

.content-wrapper .box .box-content .products tr td {
	padding-bottom: 3px;
}

.content-wrapper .box .box-content .products .product-logo {
	width: 41px;
}

.content-wrapper ul {
	margin: 0 0 0 15px;
}

.content-wrapper table tr td {
	padding-right: 10px;
}

.content-wrapper p, .content-wrapper table {
	margin-bottom: 15px;
}

/* large box */
.content-wrapper .large-box .box-content {
	min-height: 63px;

	margin: 1px 0 0 0;
	padding: 15px;
	
	background: url('../images/wrapper-column-bg.gif') repeat-x;
}
* html .content-wrapper .large-box .box-content { height: 63px; }

.content-wrapper .large-box .box-content .left-column, .content-wrapper .large-box .box-content .right-column {
	width: 318px;
}

.lokus-table {
	width: 100%;
}

.lokus-table .lokus-table-image {
	width: 61px;
}