/*
 *----------------------------------------------------------------------
 * Jonas Åkerlund
 * Copyright Sector 5 AB 2009
 * ---------------------------------------------------------------------
*/

@import "default.css";
@import "navigation.css";
@import "templates.css";

/*--------------------------------------------------------------------*/
/* Common typography */
/*--------------------------------------------------------------------*/

body {
	padding-bottom: 80px;
}

body, table, td, input, textarea, select, fieldset, legend { 
	color: #010101;
}

h1,h2,h3,h4,h5,h6 { font-family: Arial, Verdana, Helvetica, sans-serif; text-transform: uppercase;}

h1 { font-size: 3.2em; line-height: 1.2em; margin-bottom: .2em;}
h2 { font-size: 1.3em; line-height: 1.2em; margin-bottom: .3em; }
h3, h4, h5, h6 {font-size: 1.3em; line-height: normal; margin-bottom: .3em;}

a { text-decoration: none; color: #626262;}
a:hover { text-decoration: none;}

ul { list-style: none outside;}

table { border-collapse: collapse; }

/*--------------------------------------------------------------------*/
/* Common layout */
/*--------------------------------------------------------------------*/
.hidden
{ 
    visibility:hidden;
}

.clear { clear: both;}
.left { float: left;}
.right,
img.right { float: right;}

#wrapper {
	margin: 0 auto;
	width: 915px;
	background: #fff;
}

#header {
	height: 169px;
}

#flashcontent { float: left; width: 777px;height: 169px; }
#flashcontent img { float: left;}

#logo {
	padding: 10px 0 0 0;
	float: left;
	width: 138px;
	height: 159px;
	background: #c1dd00;
	text-align: center;
}

#template { clear: both; padding: 0 0 30px 0; float: left; width: 915px;}

#main {
	float: left;
	width: 569px;
	padding: 25px 46px 0 35px;
}

#main.threecol {
	width: 440px;
	padding: 25px 25px 0 25px;
}

#footer {
	clear: both;
	width: 885px;
	margin: 0 auto;
	padding: 20px 0 30px;
	background: url(../images/footer-bg.gif) left top no-repeat;
	text-align: center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.2em;
}

#footer p, #footer a { color: #397ca5; }


input { font-size: 1em; color: #000000;}

input.searchfield {	
	background-image:url(../images/search-bg.gif);
	background-color: #fff;
	background-position: left top;
	background-repeat: no-repeat;
	width:145px;
	border: none;
	float:left;
	height:17px;
	overflow:hidden;
	padding:4px 3px 0 28px;
	white-space:nowrap;
}

input.searchfield.big { width: 203px;}
input.searchfield.small { width: 116px;}
input.searchfield.xl,
input.searchfield.large {
	width: 369px;
	height: 20px;
	font-size: 1.3em;
	background-position: left 2px;
}

input.searchfield.large { width: 308px; }


/*--------------------------------------------------------------------*/
/* startpage */
/*--------------------------------------------------------------------*/
.intro p {
	font-size: 1.4em;
	line-height: 1.5em;
	color: #464646;
}

.intro {
	padding: 0 5px 25px;
}

/*--------------------------------------------------------------------*/
/* rte */
/*--------------------------------------------------------------------*/
.article-img { padding-bottom: 15px;}
.article-img p {
	color: #7b7b7b;
	padding: 6px;
}

.preamble {
	padding: 0px 6px 0;
}

.preamble p {
	color: #000;
	font-size: 1.4em;
	line-height: 1.4em;
	font-weight: bold;
}

.rte {
	float: left;
	padding: 15px 6px 0;
}

.rte .col {
	float: left;
	width: 265px;
	padding-left: 5px;
}

.rte .col img { margin: 0 0 5px -5px;}

.rte .col.first {
	padding-right: 14px;
	border-right: 1px solid #e7e7e7;
	margin: 0 14px 0 0;
}

.rte h2 { font-size: 1.8em; margin-bottom: .1em; line-height: 1em;}

.rte p { color: #464646; font-size: 1.1em; line-height: 1.6em; margin-bottom: .5em;}

.rte p.readmore { margin-top: 0; line-height: normal; }
.rte p.readmore a,
.rte a { color: #3c636b; background: #e6eeac; text-decoration: underline;}

.rte.article-content h2,
.rte.article-content h3 {
	color: #397ca5;
	font-size: 1.4em;
	line-height: 1.3em;
	text-transform: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 1.2em;
}

.rte.article-content h3 {
	font-size: 1.2em;
	margin-bottom: .1em;
}

.rte.article-content p {
	font-size: 1.2em;
	margin-bottom: 1em;
}

.rte.article-content blockquote {
	background: #d8d8d8;
	padding: 12px;
	margin-bottom: 1em;
	font-style: italic;
}

.rte.article-content blockquote p { margin: 0; }

.rte ul { list-style-type: disc; list-style-position: outside; padding-left: 30px; margin-bottom: 1em;}
.rte ol { padding-left: 30px;}
.rte li { font-size: 1.1em; line-height: 1.6em; color: #464646;}
.rte.article-content li { font-size: 1.2em;}	

/*--------------------------------------------------------------------*/
/* entrance */
/*--------------------------------------------------------------------*/
#big-entrance.portrait {
	background: #d8d8d8;
	float: left;
	width: 569px;
	
}

#big-entrance.portrait .text {
	padding: 12px 12px 5px;
	float: left;
	width: 275px;
}

#big-entrance.portrait h2 {
	margin-bottom: 5px;
}

#big-entrance.portrait img { float: right;}

#big-entrance.portrait blockquote { float: left;}
#big-entrance.portrait blockquote p {
	color: #000;
	float: left;
	font-size: 1.7em;
	font-style: italic;
	clear: both;
	margin-bottom: 3px;
	padding: 1px 14px 1px 2px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

#big-entrance.portrait blockquote span { 
	background: #f6f6f6;
	padding: 1px 0 1px 0;
	line-height: 1.5em;
	display: inline;
}

#big-entrance.portrait p.readmore { margin-top: 8px;}

#case #big-entrance {
	width: 700px;
}

#case #big-entrance.portrait .text {
	padding: 20px 20px 0;
	float: left;
	width: 298px;
}

#case #big-entrance.portrait h2 { margin-bottom: 10px; }

#case #big-entrance.portrait blockquote p {
	font-size: 2em;
	padding: 3px 14px 3px 4px;
}

#case #big-entrance.portrait p.readmore {
	margin-top: 15px;
}

/*--------------------------------------------------------------------*/
/* sections */
/*--------------------------------------------------------------------*/
#right-col {
	width: 265px;
	float: left;
	padding: 25px 0 0 0;
}

#right-col.narrow { width: 235px;}
#right-col.narrow .section { width: 205px;}

#right-col.small { width: 200px;}
#right-col.small .section { width: 170px;}

.section {
	padding: 10px 15px;
	float: left;
	width: 235px;
	margin: 0 0 15px 0;
}

.section h2 { color: #fff; margin: 0 0 6px 0; padding: 0; line-height: 1.3em;}

.section .search-area  input { margin: 1px 0 0 0; }
.section .search-area .button { float: right;}
.section .search-area.emas .button { margin-top: 5px; }

.section.related,
#right-col.narrow .section.related { padding: 0; width: 235px; margin: 0; }
.section.related h3 { background: #608890; color: #fff; padding: 5px 15px 3px; margin: 0;}
.section.related p,
.section.related ul { background: #d3e1e5; margin: 0 0 15px 0; padding: 10px 15px; color: #464646; font-size: 1.1em; line-height: 1.5em;}
.section.related li {
	background: url(../images/teal-arrow.gif) left 6px no-repeat;
	padding-left: 12px;
	margin: 0 0 4px 0;
}

.section.related a { color: #56a4b3; text-decoration: underline;}

.section .list ul  {
	color: #fff;
	border-top: 1px solid #3a6067;
}

.section .list li {
	border-bottom: 1px solid #3a6067;
	padding: 2px 4px 3px 0;
	font-size: 1.1em;
	line-height: 1.4em;
}

.section .list a {
	color: #f1f5d0;
	display: block;
	background: url(../images/icon-rightarrow.gif) right 4px no-repeat;
	padding-right: 20px;
}

.section .list a:hover { color: #fff;}

.section .entrance { padding: 5px 40px 5px 0;}
.section .entrance p,
.section .entrance a { color: #c7e9e9; margin: 0;}
.section .entrance a:hover { color: #fff;}
.section .entrance p { font-size: 1.1em; line-height: 1.5em;}

.section.navyblue .entrance { background: url(../images/entrance-navyblue-arrow.gif) right 7px no-repeat;}
.section.blue .entrance { background: url(../images/entrance-blue-arrow.gif) right 7px no-repeat;}

.section p.readmore { margin-top: 8px;}
.section p.readmore a { color: #fff;}

.section.blue { background: #76a8b2;}
.section.navyblue { background: #608890;}
.section.lightblue { background: #a5c5cb;}

.section.company-logo {
	padding: 50px 14px;
	text-align: center;
	border: 1px solid #dedede;
}

.section .link h2,
.section .link h2 a,
.section .list.expandable h2 {color: #fff; margin: 0;}

.section .link h2 {
	background: url(../images/linkarrow.gif) left 3px no-repeat;
	padding-left: 20px;
}

.section .list.expandable h2 {
	cursor:pointer;
	background: url(../images/icon-collapsed.gif) left 3px no-repeat;
	padding-left: 20px;
}

.section .list.expandable h2.expanded { background: url(../images/icon-expanded.gif) left 3px no-repeat;}

.section .list.expandable ul { display: none; margin-top: 10px;}
.section .list.expandable li { padding-left: 7px;}
.section .list.expandable li a { color: #f1f5d0;}
.section .list.expandable li a:hover { color: #fff;}

.section ul.links { float: left; padding: 8px 0 0 0; width: 220px;}
.section ul.links li { background: url(../images/white-arrow.gif) left 4px no-repeat; padding-left: 6px; display: inline; margin-right: 15px;}
.section ul.links a { color: #F1F5D0;}
.section ul.links a:hover { color: #fff;}

/*--------------------------------------------------------------------*/
/* case */
/*--------------------------------------------------------------------*/
#case { width: 700px; float: left; padding: 25px 0 25px 25px; }

.case-intro  { float: left; width: 700px; padding-bottom: 15px; }
.case-intro .section { float: right; margin: 0;}
.case-intro h1 { float: left; margin: 0;}

#portraits {
	float: left;
	width: 445px;
	padding: 15px 20px 0 0;
}

.small-portrait {
	height: 270px;
	width: 215px;
	background: #d8d8d8;
	float: left;
	margin: 0 0 15px 15px;
	overflow: hidden;
}

.small-portrait .text {
	padding: 10px 15px;
}

.small-portrait  p { font-size: 1.1em; font-family: Arial, Verdana, sans-serif; line-height: 1.4em;}

.small-portrait p.readmore.black { font-size: 1em; font-family: Verdana, Arial, sans-serif; line-height: normal;}
.small-portrait p.readmore.black a,
.small-portrait p.readmore.black a:hover { height: 15px; background-position: left top;}

.small-portrait h2 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
}

.small-portrait.first { margin-left: 0; }

#case #right-col { padding-top: 15px;}

/*--------------------------------------------------------------------*/
/* Searchtemplates */
/*--------------------------------------------------------------------*/
.search-wrap {
	width: 430px;
	float: left;
}

.search-wrap .search-area {
	background: #608890;
	float: left;
	width: 400px;
	padding: 15px;
	margin: 5px 0 15px 0;
}

.search-wrap .search-area.pages .button { margin: 0 0 0 10px;}

* html .search-wrap .search-area { margin-bottom: 9px; } /* crazy bug */

.search-wrap .search-area .selectbox-wrapper { margin-right: 5px;}
.search-wrap .button { margin: 5px 0 0 0;}

.search-results  { 
	float: left;
	width: 430px;
	color: #464646;
}

/*--------------------------------------------------------------------*/
/* Filter results */
/*--------------------------------------------------------------------*/
.result-header {
	background: #d3e1e5;
	width: 415px;
	float: left;
	padding-left: 15px;
}

.result-header p { float: left; font-size: 1.1em; padding: 6px 0;}

.result-header #filter {
	float: right;
	position: relative;
	padding-right: 15px;
}

#filter #sort p {
	cursor: pointer;
	background: url(../images/filter-arrow-right.gif) right 9px no-repeat;
	padding-right: 14px;
	font-weight: bold;
}

#filter #sort.expanded p { background: url(../images/filter-arrow-down.gif) right 11px no-repeat; }

#filter ul {
	position: absolute;
	border: 1px solid #464646;
	background: #fff;
	width: 100px;
	padding: 4px 0;
	left: 0;
	top: 20px;
	display: none;
}

#filter li {
	padding: 2px 5px 2px 18px;
	cursor: pointer;
	margin: 2px 0;
	display: block;
	width: 77px;
	font-size: 1.1em;
}

#filter li.active { background: #e7e7e7 url(../images/filter-arrow-right.gif) 8px 6px no-repeat; font-weight: bold;}
#filter li.hover { background: #e7e7e7;}

/*--------------------------------------------------------------------*/
/* Search result listing */
/*--------------------------------------------------------------------*/
.search-results li {
	padding: 8px 15px;
	border-bottom: 1px solid #e7e7e7;
	float: left;
	width: 400px;
	cursor: pointer;
}

.search-results li.hover { background: #f2f6d5;}
.search-results li .img { width: 45px; text-align: center; position: relative; float: left;}
.search-results li .text { float: left; width: 335px; padding: 4px 0 0 10px;}
.search-results li p.name { display: block; clear: both; margin-bottom: 5px;}
.search-results li p.location,
.search-results li p.businessarea { float: left; width: 165px;}

.search-results li .textall { float: left; width: 400px; padding: 4px 0 0 0px;}
.search-results li p.companynameall {  float: left; margin-bottom: 5px; width: 90px;}
.search-results li p.leftall1{  float: left; width: 160px;}
.search-results li p.leftall2{  float: left; width: 110px;}

.search-results li p.businessareaall { clear:left; float: left; width: 310px;}





#pagesearch.search-results p {
	line-height: 1.4em;
	margin-bottom: .2em;
	font-size: 1.1em;
}

#pagesearch.search-results p.pagetitle { font-weight: bold;}
#pagesearch.search-results p strong { color: #608890;}
#pagesearch.search-results p a { color: #acacac;}

/*--------------------------------------------------------------------*/
/* paging */
/*--------------------------------------------------------------------*/
.paging { float: left; width: 430px; padding-top: 15px; height: 40px;}
.paging ul { float: left; }

ul.paging-buttons { width: 33px;}
ul.paging-list {
	margin: 0 auto;
	display: table;
	float: none;
}
ul.paging-list li { margin: 0 8px; }
ul.paging-list a {
	color: #010101;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	padding: 1px 3px;
}

ul.paging-list a:hover,
ul.paging-list li.active  a{ color: #fff; background: #608890;}

.paging li { float: left;}

.centered-paging {
	text-align: center;
	width: 364px;
	margin: 0 auto;
	float: left;
}

.paging-buttons li a {
	background-image: url(../images/paging-icons.gif);
	background-repeat: no-repeat;
	text-indent: -10000px;
	float: left;
	overflow: hidden;
	height: 19px;
}

.paging-buttons li.back a { background-position: left top; width: 17px; margin-right: 2px;}
.paging-buttons li.previous a { background-position: -19px top; width: 14px;}
.paging-buttons li.next a { background-position: -50px top; width: 14px; margin-right: 2px;}
.paging-buttons li.last a { background-position: right top; width: 17px;}

.paging-buttons li.back a:hover{ background-position: left -21px;}
.paging-buttons li.previous a:hover { background-position: -19px -21px;}
.paging-buttons li.next a:hover { background-position: -50px -21px;}
.paging-buttons li.last a:hover { background-position: right -21px;}

.paging-buttons.disabled li.back a { background-position: left bottom; width: 17px; margin-right: 2px;}
.paging-buttons.disabled li.previous a { background-position: -19px bottom; width: 14px;}
.paging-buttons.disabled li.next a { background-position: -50px bottom; width: 14px; margin-right: 2px;}
.paging-buttons.disabled li.last a { background-position: right bottom; width: 17px;}

/* IE hacks for centered list */
del.container {clear:both; text-decoration:none;}
* html del.container {display:inline-block;}
*:first-child+html del.container { display: inline-block;}

/*--------------------------------------------------------------------*/
/* Company presentation */
/*--------------------------------------------------------------------*/

.company-wrap {
	border: 1px #dedede solid;
	float: left;
	width: 622px;
	margin: 25px 0 0 31px;
	padding: 20px 20px 25px 20px;
}

.company-wrap #main {
	padding: 0 20px 0 0;
	width: 402px;
}
.company-wrap .preamble { padding: 5px 0 0 0;}

.company-wrap .preamble p {
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.6em;
	margin-top: 10px;
}

.company-wrap .preamble h1 { margin-bottom: .4em;}
.company-wrap .preamble img.right { padding-left: 15px; }

.company-wrap #right-col { padding: 0; width: 200px;}

.company-info { padding-top: 15px;}

.company-info h2,
.company-info p { color: #464646;}

.company-info p { font-size: 1.1em; margin: 0 0 .5em 0; line-height: 1.4em;}

.company-info  h2.header {
	background: #d3e1e5;
	padding: 6px 15px;
	font-size: 1.1em;
	font-family: Verdana, Arial, sans-serif;
	text-transform: none;
	width: 372px;
	clear: both;
	margin: 0;
}

.company-info .row {
	padding: 15px 0 15px 15px;
	width: 387px;
	float: left;
	border-top: 1px solid #dedede;
}

.company-info .row.gray { background: #f6f6f6; margin-bottom: 15px;}

.company-info .row.first { border-top: none;}
.company-info .part { float: left; width: 192px;}

.company-info p a {
	background: #e6eeac;
	text-decoration: underline;
	color: #3c636b;
}

#product-marking { margin: 0; }

#product-marking img {
	float: left;
	margin: 0 20px 20px 0;
}

/*--------------------------------------------------------------------*/
/* Sitemap */
/*--------------------------------------------------------------------*/
.sitemap-content { padding-top: 10px;}
.sitemap-content li {
	font-size: 1.2em;
	line-height: 1.8em;
	font-weight: bold;
}

.sitemap-content li a {
	background: #d3e1e5 url(../images/gray-arrow.gif) 10px 9px no-repeat;
	padding: 2px 20px;
	width: 400px;
	display: block;
}

.sitemap-content li li a:hover { text-decoration: underline;}

.sitemap-content ul ul { padding-left: 20px; margin: 3px 0;}

.sitemap-content li li {
	font-size: 1em;
	background: transparent url(../images/black-arrow.gif) left 7px no-repeat;
	font-weight: normal;
	padding-left: 10px;
}

.sitemap-content ul ul ul { padding-left: 0px; margin: 1px 0;}

.sitemap-content li li a { background: transparent; display: inline; padding: 0;}

.sitemap-content li li li { padding-left: 15px; background-position: 5px 7px; font-size: .9em;}

/*--------------------------------------------------------------------*/
/* Calendar */
/*--------------------------------------------------------------------*/
#calendar {
	width: 402px;
	float: left;
	margin-bottom: 15px;
}

#cal-wrap {
	background: #e4ebed;
	width: 372px;
	padding: 6px 15px;
	float: left;
}

#cal-select {
	white-space: nowrap;
	overflow: hidden;
	width: 360px;
	float: left;
	position: relative;
}

#cal-wrap .scroller {
	width: 10000px;
	float: left;
}

#cal-wrap ul {
	position: relative;
	float: left;
}

#cal-wrap ul li {
	float: left;
	color: #608890;
	font-weight: bold;
	font-size: 1.1em;
	cursor: pointer;
	width: 51px;
	text-align: center;
}

#cal-wrap ul li.active { color: #464646;}

#cal-wrap .cal-icon {
	text-indent: -10000px;
	display: block;
	float: left;
	width: 6px;
	height: 7px;
	margin-top: 3px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url(../images/cal-icons.gif);
	cursor: pointer;
	line-height: 0;
}

#cal-wrap .inactive { cursor: auto;}
#cal-wrap #cal-earlier { background-position: left top;}
#cal-wrap #cal-earlier.inactive { background-position: left bottom;}
#cal-wrap #cal-later { background-position: right top;}
#cal-wrap #cal-later.inactive { background-position: right bottom;}

#cal-content {
	clear: both;
	background: #f6f6f6;
	padding: 15px;
}

#cal-content div {
	display: none;
}

#cal-content div.active { display: block; }

/*--------------------------------------------------------------------*/
/* list */
/*--------------------------------------------------------------------*/

.list-content { padding: 6px 0 0 6px; clear: both;}

.list-content h2 {
	color: #2f7dad;
	font-size: 1.5em;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
	text-transform: none;
}

.list-content ul {
	border-bottom: 1px solid #e7e7e7;
}
.list-content li { 
	border-top: 1px solid #e7e7e7;
	padding: 10px 10px;
}

.list-content a { font-weight: bold; color: #000;}
.list-content p { font-size: 1.2em; line-height: 1.7em;}

#qa.list-content li {
	background: url(../images/icon-question.gif) 10px 14px no-repeat;
	padding-left: 30px;
}

/*--------------------------------------------------------------------*/
/* Buttons */
/*--------------------------------------------------------------------*/

.button { float: left;}

.button a {
	background-position: left top;
	background-repeat: no-repeat;
	height: 23px;
	text-indent: -10000px;
	overflow: hidden;
	float: left;
}

.button a:hover { background-position: left bottom;}

.button.search-btn a {
	background-image: url(../images/button-search.gif);
	width: 51px;
}

p.readmore { font-weight: bold; float: left; margin-top: 5px; }
p.readmore a, 
.rte p.readmore a {
	background: url(../images/icon-readmore.gif) left top no-repeat;
	height: 13px;
	float: left;
	padding-left: 20px;
}

p.readmore a:hover {
	background-position: left bottom;
}

p.readmore.black a {
	background: url(../images/icon-readmore-black.gif) left 1px no-repeat;
	height: auto;
	color: #000;
	padding-bottom: 3px;
}

p.readmore.black a:hover { background-position: left 1px;}

/*--------------------------------------------------------------------*/
/* s5selectbox */
/*--------------------------------------------------------------------*/
.selectbox-wrapper.medium select.s5selectbox,
.selectbox-wrapper.medium p.selected-item { width: 164px;}
.selectbox-wrapper.medium .s5selectbox-wrapper ul { width: 167px;}

select.s5selectbox { width: 175px;}

.selectbox-wrapper { float: left; margin-top: 6px;}
.s5selectbox-wrapper { position: relative;}

p.selected-item {
	display: block;
	width: 175px;
	background: #fff url(../images/select-bg.gif) right top no-repeat;
	height: 17px;
	padding: 0;
	color: #000000;
	padding: 4px 0 0 5px;
	cursor: pointer;
}

.s5selectbox-wrapper ul {
	position: absolute;
	top: 0px;
	left: 0px;
	background: #fff;
	width: 178px;
	border: 1px solid #e9e9e9;
	border-top: none;
	z-index: 99;
}

.s5selectbox-wrapper li {
	padding: 5px;
	font-size: 1em;
	cursor: pointer;
}

.s5selectbox-wrapper li.selected { background: #D8E782;}