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

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

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

body {
	padding-bottom: 80px;
	color: #4e4e4e;
}

input{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
}	
	
h2, h3, h4, h6 {
	margin: 1.5em 0 0.3em 0;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:#4e4e4e;
}

h1 {
	margin: 14px 0 16px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:#4e4e4e;
}

h1 { font-size: 2.3em; font-weight:500;  }
h2 { font-size: 1.4em; line-height:1.9em }
h3 { font-size: 1.1em; line-height:1.7em; }
h4 { font-size: 1.1em; color:#931927; }
h5 { font-size: 1.1em; color:#931927; margin: 1.4em 0 0em 0; }
h6 { font-size: 0.9em; border: 0; }

ul { list-style: none outside;}

a, td a {
	color:#4e4e4e;
	text-decoration:underline;
}

a:hover, td a:hover{ text-decoration:underline;}

/*--------------------------------------------------------------------*/
/* Common layout */
/*--------------------------------------------------------------------*/
.clear { clear: both;}
.left { float: left; margin: 0 10px 10px 0; }
.right { float: right; margin: 0 0 10px 10px; }

#wrapper {
	width: 830px;
	background: #fff;
}

#header {
	height: 95px;
	width: 830px;
	background: #C72C36 url(../images/top_bg.gif) left top no-repeat;
	position: relative;
}

#header-links {
	position: absolute;
	right: 4px;
	top: 5px;
}

#header-links li {
	float: left;
	font-size: 1.1em;
	letter-spacing: -0.07em;
	background: url(../images/divider.gif) left top no-repeat;
	padding: 0 9px 0 10px;
	position: relative;
	height: 20px;
}

#header-links li#language { background: none; padding-left: 0; margin-top: 2px; float: left;}

#header-links span {
	cursor: default;
	color: #fff;
	font-weight: bold;
	background: url(../images/arrow_down.gif) right 6px no-repeat;
	padding-right: 12px;
	
}

#header #logo {
	padding: 19px 0 0 18px;
	float: left;
}
#primary-nav .search { float: right; padding: 6px 8px 0 0;}
#primary-nav .search input { float: right;}
#primary-nav .search .input-button { margin: 0px 0 0 4px;}
#primary-nav .search input.text { font-size: 1.1em; padding: 1px; width: 130px; }

#template { float: left; width: 830px; padding: 5px 0 25px;}

#flashcontent {
	padding: 0 0 12px 0;
	width: 830px;
}

#flashcontent img { display: block;}

#main { float: left; width: 602px; padding-left: 24px; }
#primary-content { clear: both;}

#footer {
	border-top: 17px solid #C72C36;
	clear: both;
	width: 806px;
	padding: 5px 12px 30px 12px;
	color: #888888;
}

#footer a { color: #888888; text-decoration: underline;}

/*--------------------------------------------------------------------*/
/* Shared */
/*--------------------------------------------------------------------*/
.top-banner {
	width: 830px;
	height: 145px;
	padding-bottom: 12px;
}

.top-banner .banner {
	float: left;
	background: #CDCCAC;
	padding: 1px 0;
}

.top-banner .banner img { float: left;}

.banner-links {
	float: left;
	width: 203px;
	background: url(../images/banner-links-bg.gif) right top no-repeat;
	height: 139px;
	color:#848484;
	font-size:11px;
	font-weight:bold;
	padding: 6px 0 0 0;
}

.banner-links .header { padding-left: 8px;}
.banner-links a { color: #848484; text-decoration: none; font-weight: bold;}
.banner-links a:hover { text-decoration: underline;}

.banner-links .banner-content {
	background-color:#FFFFFF;
	border-color:#D5DFB3 #D5DFB3 #D5DFB3;
	border-style:solid solid solid none;
	border-width:1px 1px 1px medium;
	color:#848484;
	font-size: 10px;
	font-weight:normal;
	height:100px;
	line-height:1.3em;
	margin:4px 0 0;
	padding:5px 5px 5px 8px;
	width:180px;
}

/*--------------------------------------------------------------------*/
/* hover menu */
/*--------------------------------------------------------------------*/
.hovermenu {
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	position:absolute;
	z-index:999;
	width: 570px;
	padding: 0 0 5px 10px;
	top: 15px;
	left: 0;
	display: none;
}

#quicklinks-hover { width: 570px;}
#country-hover { width: 120px;}
#header-links #country-hover .linklist ul { width: 110px; margin-top: 5px;}

.linklist {
	color:#4E4E4E;
	line-height:1.2em;
	float: left;
}

#header-links .hovermenu .linklist  li {
	font-size:.9em;
	list-style-type:none;
	margin:0;
	padding:0 0 5px 0;
	float: none;
	background: transparent;
	letter-spacing: normal;
	height: auto;
}

#header-links .linklist ul {
	margin:0 10px 0 0;
	padding:0;
	float:left;
	width:180px;
}


#header-links .linklist li strong {
	display:block;
	margin-top:10px;
}

#header-links .linklist li.topmost_noheader { margin-top: 10px;}
#header-links .hovermenu .linklist  li a { text-decoration: none;}
#header-links .hovermenu .linklist  li a:hover { text-decoration: underline;}

/*--------------------------------------------------------------------*/
/* Startpage */
/*--------------------------------------------------------------------*/

#primary-content #entrances .entrance {
	float: left;
	padding: 0 0 22px 14px;
}

#primary-content #entrances .entrance a { display: block;}

#primary-content #entrances .entrance .area { padding-bottom: 8px;}
#primary-content #news { float: left; clear: left; padding:0 0 10px 14px; width: 395px;}
#primary-content #news #newsbanner { width: auto;}
#primary-content #news #newsbanner h2 { margin-top: 5px; float: left;}
#primary-content #banners .banner { margin:  0px 0 0 14px; float: left;}
#primary-content #banners.wide .banner { margin-bottom: 6px;}

#primary-content.four #entrances .entrance { width: 190px;}
#primary-content.three #entrances .entrance,
#primary-content.two #entrances .entrance,
#primary-content.one #entrances .entrance  { width: 258px;}
#primary-content.one #news { width: 530px;}

#primary-content .entrance-link {
	text-transform: uppercase;
	background: url(../images/arrow_darkgrey_right.gif) right 1px no-repeat;
	float: right;
	padding-right: 14px;
	text-decoration: none;
}

#primary-content .entrance-link:hover { text-decoration: underline;}

#banners .banner.spot {
	width: 170px;
	padding: 10px;
	height: 79px;
}

#banners.wide .banner.spot {
	width: 238px;
	height: 44px;
}

#banners .banner.spot h2 {
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size:1.8em;
	font-weight:100;
	margin:0;
	text-decoration:none;
}

#banners .banner.spot.bw h2,
#banners .banner.spot.bw a { color: #4e4e4e; text-decoration: none;}

#banners .banner.spot.bw {
	background: #fff;
	color: #4e4e4e;	
}

#banners .banner.spot.wr h2,
#banners .banner.spot.wr a { color: #fff; text-decoration: none;}

#banners .banner.spot.wr {
	background: #AF2635;
	color: #fff;
}

/*--------------------------------------------------------------------*/
/* News listing */
/*--------------------------------------------------------------------*/
#news h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:1em;
	padding: 7px 0px 0px 6px;
	font-weight:normal;
	margin: 0;
	text-transform: none;
	background:url(../images/newslist.gif) top left no-repeat;
	height:24px;
}

#news li {
	padding:3px 7px 3px 7px;
	background:url(../images/newsitem_bg.gif) bottom repeat-x;
}

#news li span { float: left; width: 70px;}

#news a { text-decoration: none; color: #3D3D3D; font-size: 1.1em;}
#news a:hover { text-decoration: underline;}
#news span { color: #757575; float: left;}
#news li.press div { background: url(../images/press_icon.gif) right top no-repeat;}

#news .pressexplain { float: right; padding: 3px 0 0 0;}
#news .pressexplain span { 
	background: url(../images/press_icon.gif) left -1px no-repeat;
	padding-left: 12px;
}

#news .morenews { padding: 3px 0px 3px 7px; float: left;}
#news .morenews p { padding: 0 0 5px 0;}
#news .morenews a {
	font-size:1em;
	font-weight:bold;
	color:#931927;
	text-decoration:none;
	background: url(../images/arrow_right.gif) left 2px no-repeat;
	padding-left: 8px;
}

/*--------------------------------------------------------------------*/
/* Business area startpage */
/*--------------------------------------------------------------------*/
.small-entrances {
	float: left;
	width: 612px;
}

.banner-box {
	float: left;
	width: 190px;
	padding: 0 0 12px 14px;
}
.banner-box a  { text-decoration: none; float: left;}
.banner-box a:hover { text-decoration: underline;}
.banner-box a span {
	color:#4E4E4E;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.7em;
	line-height:1.1em;
	margin-top:0.2em;
	float: left;
}

.business-areas {
	float: left;
	width: 612px;
	padding-bottom: 12px;
}

.business-areas.small .banner-box {
	float: left;
	width: 290px;
	padding: 0 0 12px 14px;
}

.business-areas.small .banner-box a img { width: 114px;}
.business-areas.small .banner-box a span img { width: auto;}
.business-areas.small .banner-box a { width: 290px;}

.business-areas img { float: left; padding-right: 10px;}
.business-areas span img { float: none; padding: 0; margin: 0;}
.business-areas a { font-size: 1em;}
.business-areas a span {
	font-size: 1.1em;
	line-height: 1.4em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 10px;
	display: block;
	width: 156px;
}
.business-areas a span.head {
	
	font-size: 1em;
	text-transform: uppercase;
	margin-bottom: 4px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

#primary-content .bottom {
	clear: both;
}



/*--------------------------------------------------------------------*/
/* Topic startpage */
/*--------------------------------------------------------------------*/
#main.topic-start {
	background: url(../images/topic-start-bg.gif) left top no-repeat;
	width: 612px;
	margin-left: 14px;
	padding: 0;
}

#main .topic-start-content {
	background: url(../images/topic-start-bg.gif) left bottom no-repeat;
	float: left;
	width: 582px;
	margin-top: 10px;
	padding: 0 15px 15px;
}

#main.topic-start .primary .rte {
	width: 275px;
	float: left;
	padding: 0 20px 0 0;
	color: #4E4E4E;
}

#main.topic-start .primary img { float: left; padding-top: 8px;}
#main.topic-start .primary { padding-bottom: 10px; float: left;} 
#main.topic-start .secondary {
	float: left;
	width: 582px;
	border-top: 1px solid #CDCCAC;
	padding: 10px 0 5px 0;
}

.col {
	width: 284px;
	float: left;
	padding-left: 14px;
}

.col.first { padding: 0;}

.block {
	float: left;
	font-size:1.1em;
	line-height:1.6em;
	padding-bottom: 12px;
	width: 284px;
}

.block h3 {
	line-height:1em;
	margin:0;
	padding:0.8em 0 0.2em;
	font-size: 1em;
}

.block h2 {
	line-height:1.2em;
	margin:0;
	padding:6px 0;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.7em;
	font-weight:normal;
}

.block p,
.block strong { padding: 0 0 6px 0; display: block;}
.block a { color: #AF2635; text-decoration: none;}
.block a:hover { text-decoration: underline;}

.block.entrances li { float: left; width: 279px; padding: 0 0 5px 5px;}
.block.entrances a { text-decoration: none; line-height: 14px; font-size: 11px; float: left; color: #4e4e4e; width: 274px;}
.block.entrances img { float: left; padding-right: 10px;}
.block.entrances strong { display: block; padding: 6px 0 4px 0; color: #AF2635;}
.block.entrances a:hover { text-decoration: none;}
.block.entrances a:hover strong { text-decoration: underline;}

#main.topic-start .secondary .rte { width: 264px; padding: 5px 10px 5px 5px;}
#main.topic-start .col .block.rte p,
#main.topic-start .col .block.rte li,
#main.topic-start .col .block li { font-size: 1em;}

/*--------------------------------------------------------------------*/
/* rte (mostly taken from content css) */ 
/*--------------------------------------------------------------------*/
#main .rte { width: 465px;}
.rte { color: #4E4E4E;}

.rte p, .rte table {
	margin:0 0 13px 0;
	font-size:1.1em;
	line-height:16px;
}

.rte table p, .rte li p { font-size: 1em; margin: 0;}

.rte p.ingress {
	font-weight:bold;
	line-height:1.5em;
	margin-top:0;
}

.rte a { text-decoration: underline;}

.rte h1 { font-family: Arial,Helvetica,sans-serif;}

.rte ul,
#tabs .rte ul {
	padding:0px;
	margin:0 0 5px 0;
	display:block;
	list-style:none;
}

.rte li,
#tabs .rte li {
	font-size:1.1em;
	line-height:17px;
	background: url(../images/arrow_right.gif) no-repeat left 5px;
	padding-left:8px;
	padding-bottom:0.2em;
}

.rte li a,
#tabs .rte li a {
	color:#af2635;
	text-decoration:none; 
	font-weight:bold;
	font-size:10px;
	line-height:17px;
}

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

blockquote {
	color:#868C42;
	float:right;
	font-size:2em;
	font-weight:normal;
	line-height:1.3;
	margin:16px -130px 8px 20px;
	position:relative;
	width:300px;
}

blockquote p,
.rte blockquote p {
	margin: 0; 
	font-size: 1em;
	line-height: 1.3em;
}

#print { padding-top: 4px;}
#print a {
	background: url(../images/icon-print.gif) left 1px no-repeat;
	padding-left: 26px;
	float: left;
	height: 14px;
}

/*--------------------------------------------------------------------*/
/* Related content*/ 
/*--------------------------------------------------------------------*/
#related{
	float: right;
	width: 222px;
	margin: 0 -130px 5px 15px;
	position: relative;
	color:#4e4e4e;
	background:url(../images/related_bg_top.gif) top left;
	
}

#related h2 {
	color:#FFF;
	font-size:1.2em;
	line-height:1.3em;
	font-weight:bold;
	padding:4px 10px 3px 10px;
	margin: 0;
}

#related-content{
	background: #EDF1EE url(../images/related_bg.gif) bottom left;
	padding:10px 13px;
	font-size:1em;
}

#related-content a {
	color:#ae2635;
	font-weight:bold;
	text-decoration:none;
	font-size:1em;
	line-height:1.4em;
}

#related-content a:hover{
	text-decoration:underline;
}

#related-content p{
	margin-bottom:8px;
	margin-top:0px;
	line-height:1.4em;
	font-size:1em;
}

#related-content ul{
	padding:0;
	margin:0 0 8px 0;
	clear:both;
	list-style:none;
	position: relative;
}

#related-content li {
	font-size:1em;
	line-height:1.5em;
	background: url(../images/arrow_right_related.gif) left top no-repeat; 
	padding-left:8px;
	font-size:1em;
	padding-bottom:3px;
}

#related-content li a {
	color:#af2635;
	text-decoration:none; 
	font-weight:bold;
	line-height:1.2em;
}

#related-content li a:hover{
	text-decoration:underline; 
}


/*--------------------------------------------------------------------*/
/* Tabs */ 
/*--------------------------------------------------------------------*/
#tabs {
	width: 600px;
	float: left;
}

#tabs .nav {
	background: url(../images/tab_bg.gif) left top no-repeat;
	float: left;
	width: 600px;
	
}

#tabs ul { float: left; padding-top: 3px; background: url(../images/tab-border.gif) left bottom repeat-x;}

#tabs li {
	float: left;
	background: transparent;
}

#tabs li a {
	color: #4e4e4e;
	padding: 7px 7px;
	float:left;
	border-left: 1px solid #d5dfb3;
	border-right: 1px solid #d5dfb3;
	font-size: 1.1em;
	text-decoration: none;
	font-weight: bold;
	background: url(../images/tab-border.gif) left bottom repeat-x;
}

#tabs li a:hover { text-decoration: underline;}

#tabs li.active {
	margin-top: -3px;
}

#tabs li.active a {
	background-color: #fff;
	border-top: 1px solid #d5dfb3;
	padding-bottom: 9px;
	color: #AE2635;
}

#tabs .tab-content {
	border: 1px solid #d5dfb3;
	border-top: none;
	padding: 15px;
	clear: both;
	margin-bottom: 15px;
}
#tabs .rte ul { float: none; padding: 0; background: transparent;}
#tabs .rte li { float: none; font-size: 1.1em;}
#tabs .rte li a { padding: 0; float: none; border: none; background: transparent;}
/*--------------------------------------------------------------------*/
/* Search */ 
/*--------------------------------------------------------------------*/
.search-bar {
	background-color:#EBEBEB;
	display:block;
	
	padding:10px;
	width:465px;
}

.search-bar input.text{
	font-size: 1.1em;
	width: 300px;
	padding: 2px;
}

.searchlisting { width: 465px;}

.searchlisting li {
	background:transparent url(../images/arrow_right.gif) left 4px no-repeat;
	font-size:1.1em;
	line-height:17px;
	padding-bottom:0.2em;
	padding-left:8px;
	margin: 0 0 12px
}

.searchlisting li a {
	font-weight: bold;
	text-decoration: none;
	color: #AF2635;
	font-size: .9em;
}

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

.paging li {
	margin: 0 2px 0 0;
	display: inline;
	font-size: 1.1em;
	font-size: 1.1em;
	background: transparent;
	padding: 0;
}

.paging li a {
	color: #4e4e4e;
	text-decoration: underline;
	font-weight: normal;
	padding: 0;
	margin: 0;
	font-size: 1em;
}

/*--------------------------------------------------------------------*/
/* Service block (taken from stralfors.css) */ 
/*--------------------------------------------------------------------*/
.service_block{
	float:left; 
	width:190px; 
	margin-left:14px;
}

.our_services{
	color:#af2635;
	text-decoration:none;
	font-weight:bold;
	margin:0px 0px 23px 0px;
}

.our_services ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

.our_services li {
	font-size:1.1em;
	font-weight:normal;
	padding:2px 0px 3px 6px;	
	border-bottom:1px solid #e7e7e7;
}

.our_services li a{
	text-decoration:none;
	padding-left:10px;
	background:url(../images/arrow_darkgrey_right.gif) left 2px no-repeat;
}

.our_services li a, .our_services li a:visited { text-decoration:none;}
.our_services li a:hover { text-decoration:underline;}
.our_services p { margin: 10px 0;}

h2.area-header,
.block.small h2,
.our_services h2 {
	margin:0px 0px 6px 0px;
	background:url(../images/bg_h2.gif) bottom left repeat-x;
	display:block;
	height:22px;
	padding:7px 0px 1px 6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:1em;
	font-weight:normal;
}