ADDRESS,
BLOCKQUOTE,
BODY, DD, DIV,
DL, DT,
FIELDSET, FORM,
FRAME, FRAMESET,
H1, H2, H3, H4,
H5, H6, IFRAME,
NOFRAMES,
OBJECT, OL, P,
UL, APPLET,
CENTER, DIR,
HR, MENU, PRE   { display: block }
LI              { display: list-item }
HEAD            { display: none }
TABLE           { display: table }
TR              { display: table-row }
THEAD           { display: table-header-group }
TBODY           { display: table-row-group }
TFOOT           { display: table-footer-group }
COL             { display: table-column }
COLGROUP        { display: table-column-group }
TD, TH          { display: table-cell }
CAPTION         { display: table-caption }
TH              { font-weight: bolder; text-align: center }
CAPTION         { text-align: center }
BODY            { padding: 8px; line-height: 1.33 }
H1              { font-size: 2em; margin: .67em 0 }
H2              { font-size: 1.5em; margin: .83em 0 }
H3              { font-size: 1.17em; margin: 1em 0 }
H4, P,
BLOCKQUOTE, UL,
FIELDSET, FORM,
OL, DL, DIR,
MENU            { margin: 1.33em 0 }
H5              { font-size: .83em; line-height: 1.17em; margin: 1.67em 0 }
H6              { font-size: .67em; margin: 2.33em 0 }
H1, H2, H3, H4,
H5, H6, B,
STRONG          { font-weight: bolder }
BLOCKQUOTE      { margin-left: 40px; /* marg:40px */ }
I, CITE, EM,
VAR, ADDRESS    { font-style: italic }
PRE, TT, CODE,
KBD, SAMP       { font-family: monospace }
PRE             { white-space: pre }
BIG             { font-size: 1.17em }
SMALL, SUB, SUP { font-size: .83em }
SUB             { vertical-align: sub }
SUP             { vertical-align: super }
S, STRIKE, DEL  { text-decoration: line-through }
HR              { border: 1px inset }
OL, UL, DIR,
MENU, DD        { margin-left: 40px }
OL              { list-style-type: decimal }
OL UL, UL OL,
UL UL, OL OL    { margin-top: 0; margin-bottom: 0 }
U, INS          { text-decoration: underline }
CENTER          { text-align: center }
BR:before       { content: "\A" }

/* An example of style for HTML 4.0's ABBR/ACRONYM elements */

ABBR, ACRONYM   { font-variant: small-caps; letter-spacing: 0.1em }
A[href]         { text-decoration: underline }
/* :focus          { outline: thin dotted invert }*/


/* Begin bidirectionality settings (do not change) */
BDO[DIR=ltr]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR=rtl]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR=ltr]    { direction: ltr; unicode-bidi: embed }
*[DIR=rtl]    { direction: rtl; unicode-bidi: embed }

/* Elements that are block-level in HTML4 */
ADDRESS, BLOCKQUOTE, BODY, DD, DIV, DL, DT, FIELDSET,
FORM, FRAME, FRAMESET, H1, H2, H3, H4, H5, H6, IFRAME,
NOSCRIPT, NOFRAMES, OBJECT, OL, P, UL, APPLET, CENTER,
DIR, HR, MENU, PRE, LI, TABLE, TR, THEAD, TBODY, TFOOT,
COL, COLGROUP, TD, TH, CAPTION
                { unicode-bidi: embed }
/* End bidi settings */

@media print {
  page         {margin: 10%}
  H1, H2, H3,
  H4, H5, H6    { page-break-after: avoid; page-break-inside: avoid }
  BLOCKQUOTE,
  PRE           { page-break-inside: avoid }
  UL, OL, DL    { page-break-before: avoid }
}



@media aural {
  H1, H2, H3,
  H4, H5, H6    { voice-family: paul, male; stress: 20; richness: 90 }
  H1            { pitch: x-low; pitch-range: 90 }
  H2            { pitch: x-low; pitch-range: 80 }
  H3            { pitch: low; pitch-range: 70 }
  H4            { pitch: medium; pitch-range: 60 }
  H5            { pitch: medium; pitch-range: 50 }
  H6            { pitch: medium; pitch-range: 40 }
  LI, DT, DD    { pitch: medium; richness: 60 }
  DT            { stress: 80 }
  PRE, CODE, TT { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
  EM            { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  STRONG        { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  DFN           { pitch: high; pitch-range: 60; stress: 60 }
  S, STRIKE     { richness: 0 }
  I             { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  B             { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  U             { richness: 0 }
  A:link        { voice-family: harry, male }
  A:visited     { voice-family: betty, female }
  A:active      { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}


body
{
background:#ffffff url('../images/logo/Logo_BJARSTAL_100_x_104.gif') no-repeat 60px 15px;
text-align: justify;font-style:normal; font-variant:normal; font-weight:normal; font-size:84%; font-family:verdana, arial, helvetica, sans-serif
}


p {margin-top:1px;text-align:left}
p.acces_rapide {margin-top:0;margin-bottom:0;font-weight:900;}
p.print-button{clear:both} /* created to be able to not print the print-button */
address{font-size:85%;color:black;font-weight:900;clear:both;margin-top:30px;margin-bottom:20px}

h1, h2, h3, h4 { text-align:left}
h5, h6 {text-align: justify;}
h1 { font-size:125%; }
h2 { font-size:115%; Margin-top:10px;margin-bottom:1px; }
h3 {
	font-size: 85%;
	margin-bottom: 1px;
	clear: left;
}
h4 { font-size: 80%; margin-bottom:1px;}
h5 { font-size: 75%; margin-bottom:1px;margin-top: 1px;}
h6 { font-size: 80%; margin-bottom:1px;margin-top: 1px;text-align:center}

.frame_1{border-style:solid;border-width:5px;border-color:#0099cc}
.list_1{padding-left:10px;border-left-style:solid;border-width:5px;border-color:#0099cc}
.block_1 {padding:5px;border-bottom-style:solid;border-bottom-width:5px;border-color:#0099cc}

a:link { text-decoration: none; text-align: left; color:#000000}
a:visited { text-decoration: none;text-align: left;color:#000000}
a:hover {text-decoration:underline;text-align:left;color:#0060D4}
a:active { text-decoration: none;text-align: left; color: #000000 }



/* --------- Below is only used on the pages for KASO DS ------------- */
/* ------------------------------------------------------------------- */

h1.ds4000 {color:#ff0000}
p.ds4000 {margin-top:0px}
h2.ds4000 {font-size:115%;color:#000000;font-weight:900;margin-bottom:0px }
h3.ds4000 {font-size:100%;font-weight:900;margin-top:0px;margin-bottom:0px}
a:link.ds4000 {text-decoration:underline;color:#ff0000}
a:visited.ds4000 {text-decoration:underline;color:#ff0000}
a:hover.ds4000 {text-decoration:underline;color:#000000}
tr.ds4000 {color:#ff0000;font-weight:900}

/* ------------------------------------------------------------------- */
/* --------- Above is only used on the pages for KASO DS ------------- */


div.scrollbox_1 {max-height:200px;overflow:scroll;text-align:left;color:#c0c0c0;}
div.scrollbox_1:hover {color:#000000}
div.scrollbox_2 {max-height:200px;overflow:scroll;text-align:left;/*color:#c0c0c0*/}
/*div.scrollbox_2:hover {color:#ff0000}*/


#faq /* One div box for each subject */
{
position:relative;height:50px;width:100%;border-bottom:2px dashed
}


/* ***********************************************
#logo
{
height:100px;width:100px
}
*************************************************** */



#topframe
{
position:absolute;
width:655px; min-height: 110px; z-index: 3; left: 245px; top: 2px;
background-color:#ffffff;
border:1px solid #c0c0c0;
border-bottom:0px;
border-left:0px;
border-right:50px solid #0099cc;
border-top:0px solid #0099cc;
padding-right:15px;padding-left:15px;padding-top:5px
}

#mainframe 
{
	border: solid 0px #FFE639;
	border-top: solid 5px #0099cc;
	border-right: 50px solid #0099cc;
	padding-left: 15px;
	padding-right: 15px;
	position: absolute;
	left: 245px;
	top: 130px;
	width: 655px;
	min-height: 200px;
	background-color: #ffffff;
}

#leftframe
{
border:solid 0px /*#c0c0c0;*/#0099cc;
border-left:solid 5px #FFE639;
padding:15px;
padding-bottom:5px;
padding-top:0px;
position: absolute; width: 183px; min-height: 20px; z-index: 2; left: 5px; top: 130px;
background-color: #ffffff; text-align: left
}

/*****  "single_safe_img" is for the picture that appear beside the tabel with product data ******/

#single_safe_img
{
position:absolute; width: 250px; height: 200px; z-index: 1; left: 310px; top: -20px; padding-left:1px
;background-color: #ffffff
}

/****** "sa_580_details" are for magnyfing of details on photo on the main page for the SA 580 *****/
        

#sa_580_details_inner_compartment 
{
position:relative; width: 165px; height:65px;top:-384px;left:88px
}


 


#pictureframe1
{
position:absolute ; width:650px; height: 10px; z-index: 10;text-align:left;padding-top:15px;
}
#pictureframe1 a:hover 
{
background-color:white; text-align: left;
}


/*************  INFOruta  *********

#inforuta
{
background:black
}*/

/*.grey {background-color:#aaaaaa}*/
 
 
 /************** CSS menymall **********/

/*#content
{
margin: 1px 1px 1px 1px; padding: 1px; float: left;
}*/

#menycontainer 
{
/*;float: left; margin: 1px 0 0 5px; */width: 185px;font: 90% Verdana, Helvetica, sans-serif; 
/*border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; 
border-right: 1px solid #CCCCCC;*/ margin-bottom:15px
}

#menycontainer_small /* Can be used where there are no sub-menus ie the index page. */
{
width: 150px;font: 90% Verdana, Helvetica, sans-serif;margin-bottom:20px
}


#meny
{
margin: 0; padding: 0; list-style-type: none;
}

#meny a{
display: block;	margin: 0px; padding: 1px; background: /*#006999*/#0099cc;	
padding: 3px;  text-decoration: none; height: 100%; border-bottom: 1px solid #CCCCCC;
}

#meny ul
{
list-style-type: none;
margin-left:25px;
padding-left:0
}

#meny ul a
{
margin: 0; 
padding: 3px; 
background: /*#3399CC*/#006699;
}
/* ------------------------------  */
#meny ul a.menyformat_1
{
background: #3399ff;
}


#meny ul a.menyformat_1:hover
{
background: #999999;
}
/* ------------------------------  */

#meny ul a.menyformat_2
{
background: #3399ff;
}


#meny ul a.menyformat_2:hover
{
background: #999999;
}
/* ------------------------------  */

#meny ul a.menyformat_3
{
background: #3399cc;
}


#meny ul a.menyformat_3:hover
{
background: #999999;
}

/* ------------------------------  */

#meny ul a.menyformat_4
{
background: #3399ff;
}

#meny ul a.menyformat_4:hover#font-family
{
background: #999999;
}
/* ------------------------------  */
	
#meny a:link
{
color: #ffffff;
}

#meny a:visited
{
color: #ffffff;
}

#meny a:hover
{
background: #999999;
}
#meny a#current
{
font-style:italic;
font-weight: bold;
font-size:100%;color:#fffacd /*yellow#ffe639*/
}

#meny a#subcurrent
{
font-weight: bold
}


/* Below are settings for tables with product data. 
    "single_safe" and "multi_safe" should not be taken too seriously; 
    but the choise between "table.mult_safe" and "table-single_safe" will make a difference
    when printing out, due to the use of "@ media print"
*/


#single_safe{position:relative;top:10px;left:1px;table-layout:fixed;}


table.mult_safe{border: outset 0pt; border-spacing: 0pt 0pt;border-collapse:collapse;margin-bottom:50px}
table.single_safe{float:left;border: outset 0pt; border-spacing: 0pt 0pt;border-collapse:collapse;}
tr.single_safe {height:10px;}
tr.single_safe_color1 {background-color:#D8D8D8 ;height:10px;font-weight:600;}
td.single_safe_first{width:230px;text-align:left}
td.single_safe_second{;width:55px;text-align:right;vertical-align: bottom;font-weight:normal}
td.sing{;width:84px;text-align:right;vertical-align: bottom;font-weight:normal}
/*td.single_safe_img{background-color:#ffffff;width:55px;text-align:right;vertical-align: bottom;font-weight:normal}*/


#tooltip_fixed_01

{
position:absolute;
padding: 2px;
border:1px solid black;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}