/*@import url("content.css"); - no can do pga merging i content.css!*/
/*Print styles general
----------------------------------------*/
html body {background-color: #fff; background-image: none; line-height:1.5;font: 62.5% Arial, "Helvetica Neue", Helvetica,  sans-serif; /*Resets 1em to 10px*/ color:#000;}
body .framework {font-size: 1.2em; background: none;}
body a {text-decoration: underline; color: blue;}
body a.read-more {background-image: none; padding: 0;}

a:link, a:visited {background:transparent;font-weight:700;text-decoration:underline;}
a:link:after, a:visited:after {content:" (" attr(href) ") ";font-size:90%;}
a img {border:none;}

img {margin:1.5em 1.5em 1.5em 0;}

table.product {margin-top: 10px; border-collapse: collapse; width: 100%;}
table.product th, table.product td {padding: 5px 10px 5px 10px;}
table.product td { background-color: #fff; border-right: 1px solid #e6e6e6;}
table.product th {padding-left: 5px; text-align: left; background-color: #bfc0c4; border-bottom: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6;}

h1,h2,h3,h4,h5,h6,.style1, .style2,.style3,.style4,.style5 { color: #000; background-color: #fff; padding: 0; clear: both; font-family: Arial, Helvetica, Sans-serif;}
h1,h2,h3,h4,h5,h6 {margin: 1em 0 0 0;}
h1, .style1 { font-size:3.8em;} 
h2, .style2 { font-size: 2.33em; }
h3, .style3 { font-size: 1.67em; padding: .5em 0 0;}
h4, .style4 { font-size: 1.33em; font-weight: bold; }
h5, .style5 { font-size: 1.2em; font-weight: bold; }
h6, .style6 { font-size: 1em; font-weight: bold; }

ul    { list-style-type: disc !important;}
li     {margin-bottom: 5px;}
ol    { list-style-type: decimal; }
ul ul { margin: 0 10px; }

ul.bullets {font-size: 1.17em; list-style-image: none !important; list-style-position: outside; padding-left: 1em !important; }

p           { margin: 0 0 1.5em; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }


/* Layout
--------------------------------------*/
.span-1-extend, .span-three, .span-2-extend, .span-3 { float: left; margin-right: 10px; }
.span-0  { width: 63px;  }
 /*.span-2  { width: 322px; overflow: hidden;  }Needs overflow hidden due to IE6-issue - but that causes trouble with accordions in FF2. :-/ */
.span-three{ width: 204px; } /* 3 columns in the main column*/
.span-3  { width: 488px; }
.span-4  { width: 654px; }
.span-5  { width: 820px; }
.span-1-extend  { width: 229px; }
.span-2-extend  { width: 395px; }

.append-span-1 { width: 136px; }
/*.append-span-2 { width: 302px; }*/
.append-span-3 { width: 468px; }
.append-span-4 { width: 634px; }
.append-span-5 { width: 800px; }
.append-span-1-extend  { width: 209px; }
.append-span-three{ width: 184px; } 

.append-span-1,.append-span-1-extend ,.append-span-three, .append-span-2, .append-span-3 {padding: 10px; float: left; margin-right: 10px;}
.append-span-4, .append-span-5 {padding: 10px;}
/*.append-span-4 .span-2 { width:312px; padding: 0;}*/
.append-span-4 .span-4 { width: 634px; }
.append-span-4 .span-4, .span-4 .append-span-4, div.span-4 .span-4 {margin-right: 0px;}

.last { margin-right: 0;} 
.push-1 {margin-top: 10px;}
.push-2 {margin-right: 10px;}
.push-3 {margin-bottom: 10px;}
.push-3times2 {margin-bottom: 20px;}
.push-4 {margin-left: 10px;}
.append {padding: 10px;}
.append-1 {padding-top: 10px;}
.append-2 {padding-right: 10px;}
.append-3 {padding-bottom: 10px;}
.append-4 {padding-left: 10px;}

.nofloat {float:none;}
.container { margin:  0 auto; padding: 0; text-align: left;}
.container.header {clear: both; }

/*Don't display on print
--------------------------------------*/
.with_link, 
.with_link_back, 
.item_with_link, 
.menu-top, 
div#menu-main, 
input#query, 
.ui-tabs-nav a, 
.site-search, 
.ui-tabs-nav, 
.printerfriendlybox, 
.banner, 
.footer, 
/* .header, */
ul.menu-specialist,
div#imagecollection, 
div.articleFooterLinks { display:none;} /* It is not garantueed that .banner will be wrapped around a banner as it is not printed from displayBanner */
.hide {display:none;}

#logo-screen[style] { visibility:visible !important; position: static !important; float: left !important;}
.sIFR-alternate {visibility:hidden !important;}



/* This is the print stylesheet to hide the Flash headlines from the browser... 
   regular browser text headlines will now print as normal */
.sIFR-flash, .sIFR-flash object, .sIFR-flash embed { display: none !important; height: 0; width: 0; position: absolute; overflow: hidden;}
/*  span.sIFR-alternate { visibility: visible !important; display: block !important; position: static !important; left: auto !important; top: auto !important;} */

/*******************************************************

Rest of stylesheet is copy & Paste from content.css!!
*******************************************************/

/* Right column
--------------------------------------------------*/
.rightcol {clear:both; float:none;}

/* Questions and answers
--------------------------------------------------*/
li.faq {margin: 0px 0px 1px 0px;}
li.faq div.question { padding: 0; margin: 0; min-height: 1.83em; height: auto !important; height: 1.83em; line-height: 1.83em; background: #e6e6e6 url( ../../../images/accordion_arrowDown.gif) no-repeat scroll 610px 10px; }
li.faq div.question.hover { background: url( ../../../images/accordion_arrowDownHover.gif) no-repeat scroll 610px 10px;}
li.faq div.question.selected_question { background: url( ../../../images/accordion_arrowUpSelected.gif) no-repeat scroll 610px 10px;}
li.faq div.question span.nbr { float: left; width: 60px; padding-left: 3px; display: block;}
li.faq div.answer { padding: 20px 0px 20px 60px; margin: 0px 0px 0px 0px;}

/* Product
---------------------------------------------------*/
.product-top .span-1-extend {float: right;}
.product-top-buttons { clear: both; padding-top: 20px; margin: 0; }
.rightcol .append-span-2 {float:none;}
/* need to re-set the width for span-2-extend for products in order to make IE6 make images show in right place on prints */
.product-top .span-2-extend {
	width:385px;
}
.jqmWindowVideo{display:none;} /*hide flash video*/
.product-top-buttons a {display:none;}

/* Article Show
--------------------------------------------------*/
.article {float: left; width: 100%;}
.article .related_maincoloumn {float: right; width: 230px; padding-left: 20px;}
.article .images .image img, .article .panorama img { margin: 0 0 10px 0}
.article .images .image .text, .article .panorama .text { background-color: #e6e6e6; font-style:italic; }
.article .images .image .text { margin-bottom: 30px;  }
.article .panorama { margin-bottom: 20px; }
.article .preface { margin: 0px 0px 20px 0px; }

/* For fact boxes inside maincoloumn in articles */
.article .related_maincoloumn .facts, .article .related_maincoloumn .related  {background-color: #e6e6e6; margin-bottom: 30px;}
.article div.facts ul { margin: 0; padding: 0; }
.article div.facts ul li { list-style-image: none; background: url(../images/dash.gif) left 0.5em no-repeat; padding: 0 0 10px 10px; margin: 0; }

/* For articles only (editor)! */
.article .editor {width: 379px;} /* Show all articles with narrow text (needed to be this low to float right in all browsers) */
.article .style2  {margin-bottom: 20px;}
.article .preface {font-size:1.2em; color: #8d8e8f;}
.article strong   { font-size: 1.2em; font-weight:bold;}
.mini_article .preface {font-size:1.2em; color: #8d8e8f;}
.mini_article strong {font-size: 1.2em; font-weight:bold;}

/* Article List
--------------------------------------------------*/
#articlelist {background-color: white; display:block;}
#articlelist .item {width: 100%; background-color: #e6e6e6; display:inline-table;}
#articlelist .item .image {width:35%; float:right;}
#articlelist .item .image img, #articlelist .item .image a {margin:0px; padding:0px; border: 0;}
#articlelist .hover {cursor: pointer;}
#articlelist .contentabstract {padding-top:0px; margin-bottom:0px;}
#articlelist .style3 .contentheading { margin-top: 0px;}
.contentheading a { text-decoration:none; font-size: 12pt; }
.contentheading a:after { content:"";}
#articlelist .contentitem {width: 60%; float:left;}
#articlelist div.date {font-size: 12pt;}

/* News teasers
--------------------------------------------------*/
#articlelist.news-teasers { background-color: #bfc0c4;}
#articlelist.news-teasers .item { width: 634px; background-color: white;}
#articlelist.news-teasers .contentitem {width: 395px;}

/* Latest news
--------------------------------------------------*/
.latest-news li a:focus, 
.latest-news li a { color: #4d4f53; font-weight: bold; text-decoration: none; font-size: 1.17em; }
.latest-news .date {  color: #8d8e8f; }
.latest-news li { margin-bottom: 1em; }

/* Mini article Show
--------------------------------------------------*/
.mini_article .container { position: relative; }
.mini_article { float: right; }
.mini_article .images {float: left; width: 322px; }
.mini_article .images .image img { margin: 0 0 0 0}
.mini_article h2 { margin: 0px 0px 15px 0px; }
.mini_article .preface { margin: 0px 0px 15px 0px; }
.mini_article .link {  position: absolute; bottom: 0px; margin-bottom: 10px; }
.mini_article .link .append-span-2 { left: 322px;  }

/* Front page boxes
--------------------------------------------------*/
/*Boer vel egentlig flyttes til screen.css?*/
.frontpage {width: 211px; float: left; margin-right: 10px;}
.append-frontpage { float: left; width: 191px; min-height: 25em; height: auto !important; height: 25em; padding: 10px 10px 3em 10px; position: relative;}
.frontpage a.read-more { position: absolute; bottom: 10px; width:191px;}

/* Job link list
--------------------------------------------------*/
.job-link-list {float: left; margin: 0;}/*maa floate pga ie6*/
.job-link-list .item {padding: 10px; width: 614px; background-color: #e6e6e6;}
.job-link-list .hover {cursor: pointer;}
.job-link-list .hover .style4 a {color: white;}
.job-link-list .contentabstract {padding-top:0px;}
.job-link-list .style4 .contentheading {margin-top: 0px;}
.job-link-list div.contentitem p {margin-bottom: 0;}