/* main fonts and sizes, and kraft background */
body       {
    margin: 0px; border: 0px; 
    font-family: "Microsoft Sans Serif", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Garuda, sans-serif;
    font-size: 0.90em; 
    line-height: 1.4em;
    background: #959595;
    background:url(/ssi/img/kraftrepeat.jpg); background-repeat: repeat;
}

#idkraft {display:block; position: absolute; 
top: 0px; left: 0px; border: 0px; margin: 0px; right: 0px; width:100%; height: 100%;} 
#idkraftl {display:block; position: absolute; top: 0px; left: 0px; background-image: url(/ssi/img/kraftrepeat.jpg); }
#idkraftr {display:block; position: absolute; top: 0px; right: 0px;}
@media print {#idkraft {display:none;}}
@media print {#idkraftl {display:none;}}
@media print {#idkraftr {display:none;}}


/* top graphics bar */
#idtopl {
    display: block;
    position: absolute; top: 0px; height: 127px; left: 0px; right: 0px; width: 100%; border: 0px; margin-left: 0px;
    background-image: url(/ssi/img/toprepeat.png); background-repeat: repeat-x; background-color: #004677;
}
@media print {#idtopl {display:none;}}

#idtopr {position: absolute; top: 0px; height: 127px; right: 0px; border: 0px; margin-right: 0px;}
@media print {#idtopr {display:none;}}


/* pictures */
#idpicblnb {display: none;}
#idpictr {position: absolute; top: 0px; right: 0px; border: 0px; margin: 0px;}
@media print {#idpictr {display:none;}}
#idpictrb {display: none; }

#idpicbl {position: absolute; bottom: 0px; left:0px; margin-left: 0px; margin-bottom: -20px; }
@media print {#idpicbl {display:none;}}

#idpicbr {position: absolute; bottom: 0px; right: 0px; margin-bottom: -20px; margin-right: 0px; }
@media print {#idpicbr {display: none;}}


/* legal, and bottom border */
#idlegal {position: absolute; bottom: 0px; left: 148px; right:0px; margin-bottom:-20px; background: white; margin-right: 10px;
background-image:url(/ssi/img/borderb.png);background-repeat: repeat-x;background-position:bottom;}
@media print {#idlegal {display: none;}}
.clegal {margin-left: 17em; font-size: 0.5em; line-height: 4em;}
#idvalidate {position: absolute; bottom: 5px; right: 20px;}
@media print {#idvalidate {display: none;}}


/* whole site without kraft paper */
#idsite {
position: absolute; top: 0px; margin-left: 23px; margin-right: 28px; margin-bottom: 0px; left: 0px; right: 0px; 
background-color: white;  min-width: 985px; 
background-image: url(/ssi/img/newpictopright.png);
background-repeat: no-repeat;
background-position: top right;
}
@media print {#idsite {top:0px; margin-left: 0px; margin-right: 0px;border-style: none;}}

#idsite * img {max-width: 985px;}
#idsite img {max-width: 985px;}
#idcontents * img {max-width: 755px;}
#idcontents img {max-width: 755px;}

table {max-width: 755px;}

/* clear floating site */
.clearsite {clear: both;}


/* headers */
h1         {font-size: 1.8em; font-weight: bold; text-align: left; color: #0349a9; margin-top:0.7em; margin-bottom:0.5em;line-height: 1.2em;}
h2         {font-size: 1.2em; font-weight: bold; text-align: left; line-height: 1.2em; margin-top:1.25em;}
h3         {font-size: 1.2em; font-weight: bold; text-align: left; line-height: 1.6em}
h4         {font-size: 1.1em; font-weight: bold; text-align: left; line-height: 1.5em}
h5         {font-size: 1.0em; font-weight: bold; text-align: left; line-height: 1.3em}
h6         {font-size: 1.0em; font-weight: bold; text-align: left; line-height: 1.2em}

/* header lookalikes*/
.h1         {font-size: 1.8em; font-weight: bold; text-align: left; color: #0349a9; margin-top:0.7em; margin-bottom:0.5em;line-height: 1.2em;}
.h2         {font-size: 1.2em; font-weight: bold; text-align: left; line-height: 1.2em; margin-top:1.25em;}
.h3         {font-size: 1.2em; font-weight: bold; text-align: left; line-height: 1.6em}
.h4         {font-size: 1.1em; font-weight: bold; text-align: left; line-height: 1.5em}
.h5         {font-size: 1.0em; font-weight: bold; text-align: left; line-height: 1.3em}
.h6         {font-size: 1.0em; font-weight: bold; text-align: left; line-height: 1.2em}

/* links */

a:link     {text-decoration: none; color: #0349a9; }
a:active   {text-decoration: none; color: #0349a9; }
a:visited  {text-decoration: none; color: #0349a9; }
a:hover    {text-decoration: underline; color: #0349a9; }


/* navigation buttons */
@media print {
.navbuttons {display: none;}
}


/* main menu */

.scmmainmenu {
display: block;
position: absolute; left: 10px; top: 100px;
font-size: 10.4pt;
}
.scmmainmenuIE {display: none;}

#IEroot .scmmainmenuIE {
display: block;
position: absolute; left: 10px; top: 100px;
font-size: 10.4pt;
}
#IEroot .scmmainmenu {display: none;}

@media print {.scmmainmenu {display: none;}}
@media print {.scmmainmenuIE {display: none;}}

.scmmainmenu a {
color: #000055;
margin-left: 0.15em;
margin-right: 0.5em;
}

.scmmainmenuIE a {
color: #000055;
margin-left: 10px;
margin-right: 10px;
}

.scmmainmenuIE a:visited {
color: #000055;
margin-left: 10px;
margin-right: 10px;
}

.scmmainmenuIE a:link {
color: #000055;
margin-left: 10px;
margin-right: 10px;
}

.scmmainmenu a:hover {
color: #000055;
text-decoration:none;
text-shadow: 0.1em 0.1em 0.2em black;
}

.scmmainmenuIE a:hover {
color: #000055;
text-decoration:none;
text-shadow: 0.1em 0.1em 0.2em black;
}


/* sub menu */

.submenu {
display: none;
position: absolute;
width: 169px; left: 0px; margin-left: 0px; border: 0; margin-top: 0px; top: 127px;
background-image: url(/ssi/img/menurepeat.jpg); background-repeat: repeat-y;
font-size: 0.90em; 
}

.idsearchsep {margin-left: 0; margin-top: 1.0em;}

.subbottom {vertical-align: bottom; margin-bottom: -1px;} 

.submenuheader {
color: #000077;
font-weight: bold;
}

.submenu p {
margin-top: 0.0em; 
margin-bottom: 0.7em;
margin-left: 8px;
text-align: right;
width: 135px;
color: #aaaaaa;
line-height: 1.0em;
height: 1.0em;
}

.submenu form {
display:inline;
color: #aaaaaa;
margin-left: 8px;
}


.submenu a {
color: #ffffff;
margin-left: 0.0em;
}

.submenu a:link {
color: #ffffff;
margin-left: 0.0em;
}

.submenu a:visited {
color: #ffffff;
margin-left: 0.0em;
}

.submenu a:hover {
color: #000055;
text-decoration:none;
text-shadow: 0.1em 0.1em 0.2em black;
margin-left: 0.0em;
}

.menumarker {
text-align: left;
display: none; margin-top: 0px;top:-0.85em;}


/* main content */

#idcontents {float: left; left: 0px; right: 30px; top: 0px; width:auto; max-width: 755px;
margin-top: 120px; margin-left: 200px; margin-right: 20px; min-height: 47em;margin-bottom: 40px}
@media print {#idcontents {margin-left: 20px; margin-top: 0px;}}
#IEroot #idcontents {margin-top: 103px;}


/* sidebar */

/* aap no background for menu */
#idLelijkeButtonFreeTrial {
position:relative;
top:10em;
left:5px;
}

#idsidebar {display: none; 
font-size:0.7em; 
line-height: 1.2em;
position: absolute; right: 0px; margin-right: 0px; width:221px; top:279px; bottom: -18px;
z-index:10;
background-image: url(/ssi/img/sidebarbg.jpg);}
#idsidebar p {
margin: 0.30em;
}

#idborderr {
position: absolute; right: 0px; margin-right: 0px; top:280px; bottom: 0px;margin-bottom:-20px;
background-image: url(/ssi/img/borderr.jpg);
}
@media print {#idborderr {display: none}}

#idborderl {
position: absolute; left: 0px; margin-left: 0px; top:200px; bottom: 0px;
background-image: url(/ssi/img/borderl.jpg);
}
@media print {#idborderl {display: none}}


/* pre overflow breaks layout */

pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}


/* styles used by the documentation */

.caption {text-align: left; font-size: 0.7em;line-height: 1.2em;}
.indent    {text-align: left; margin-left: 2.0em}
.hugeindent{text-align: left; margin-left: 40.0em}
.center    {text-align: center}
.centercaption {text-align: center; font-size: 0.7em;line-height: 1.2em;}
.centerhide {text-align: center; visibility: hidden}
.printhide {}
.right     {text-align: right}
.borderleft {font-family: courier; border-left: solid; border-left-width: thin; margin-left: 2.0em;padding-left: 1.0em}
.borderbottom {border-bottom: solid; border-bottom-width: thin}
.borderu   {text-decoration: underline;}
.indentborderleft {font-family: courier; border-left: solid; border-left-width: thin; margin-left: 4.0em;padding-left: 1.0em}
.term      {font-family: courier; text-align: left}
.subterm   {font-family: courier; text-align: left; margin-left: 2.0em}
.subsubterm   {font-family: courier; text-align: left; margin-left: 4.0em}
.def       {text-align: left; margin-left: 2.0em}
.subdef    {text-align: left; margin-left: 4.0em}
.subsubdef    {text-align: left; margin-left: 6.0em}
.keyword   {font-family: courier}
.keyscheme {font-family: courier}
.smallcode {font-family: courier; font-size: 0.8em; line-height: 1.0em;}
.code      {font-family: courier}
.codebold  {font-weight: bold;font-family: courier}
.equation  {margin-left: 2.0em; line-height:2.0em;}
.bigfont20 {font-size: 2.0em;}

.tab  {background-color: #eeeeee;}
.tab1 {background-color: #ffffff;}
.tab2 {background-color: #eeeeee;}

.toc1       {font-size: 1.0em; text-align: left; margin-left: 0; font-weight: bold;}
.toc2       {font-size: 1.0em; text-align: left; margin-left: 2.5em; font-weight: bold;}
.toc3       {font-size: 1.0em; text-align: left; margin-left: 5.0em; }
.toc4       {font-size: 1.0em; text-align: left; margin-left: 7.5em; }
.toc5       {font-size: 1.0em; text-align: left; margin-left: 10.0em; }
.toc6       {font-size: 1.0em; text-align: left; margin-left: 12.5em; }
.index      {font-size: 1.0em; text-align: left; margin-left: 0; }
.smallindex {width: 65px;}
.smallindextoc   {width: 370px; color: #0349a9; font-weight: bold; font-size:0.8em; background: #f0f6ff;}
.smallindexntoc  {width: 265px; color: #0349a9; font-weight: bold; font-size:0.8em; background: #f0f6ff;}
.smallindexkey   {width: 150px; color: #0349a9; font-weight: bold; font-size:0.8em; background: #f0f6ff;}
.smallindexindex {width: 210px; color: #0349a9; font-weight: bold; font-size:0.8em; background: #f0f6ff;}

#idIndex         {position: absolute; margin-top: 0; top: 100px; left: 475px;}
#idIndextoc      {position: absolute; margin-top: 0; top: 128px; left: 170px;}
@media print {#idIndextoc {display: none;}}
#idIndexkey      {position: absolute; margin-top: 0; top: 128px; left: 542px;}
@media print {#idIndexkey {display: none;}}
#idIndexindex    {position: absolute; margin-top: 0; top: 128px; left: 694px;}
@media print {#idIndexindex {display: none;}}
#idnIndextoc      {position: absolute; margin-top: 0; top: 128px; left: 275px;}
@media print {#idnIndextoc {display: none;}}
#idnIndexkey      {position: absolute; margin-top: 0; top: 128px; left: 542px;}
@media print {#idnIndexkey {display: none;}}
#idnIndexindex    {position: absolute; margin-top: 0; top: 128px; left: 694px;}
@media print {#idnIndexindex {display: none;}}
#idnDocbuttonl    {position: absolute; margin-top: 0; top: 128px; left: 175px;}
@media print {#idnDocbuttonl {display: none;}}
#idnDocbuttonm    {position: absolute; margin-top: 0; top: 128px; left: 205px;}
@media print {#idnDocbuttonm {display: none;}}
#idnDocbuttonr    {position: absolute; margin-top: 0; top: 128px; left: 235px;}
@media print {#idnDocbuttonr {display: none;}}
.docbuttons {position:inline; margin-top:30px; margin-left:-5px;margin-bottom:0px;vertical-align:center;line-height:0px;}
.docbuts {position:absolute; top: 115px; left: 180px;}
.movie {margin-left:-150px;}

#idcoverpagebox  {}

/* style to use for trade mark */
.tm {font-weight:normal; font-size: 0.8em;position:relative; top:-0.10em;}


/* iPhone */

@media only screen and (max-device-width: 480px) {
#idkraft, #idkraftl, #idkraftr, #idborderl, #idborderb, #idpicbl, #idpicbr {display: none}
#idsite {margin-left: 0px; margin-right:0px;}
.scmmainmenu img {display: none;}
#idlegal {margin-bottom:0px; background-image:none;}
#idsidebar {bottom: 0px;}
#idborderr {margin-bottom:0px;}
}

/* IE6: no fluid site as it does not work, and no borders / kraft */

#IEroot {line-height:1.3em;}
#IE6root #idcontents {margin-top: 68px; margin-left: 100px; height: 47em;width:555px;}
#IE6root #idkraft, #IE6root #idkraftl, #IE6root #idkraftr {display: none;}
#IE6root #idborderl, #IE6root #idborderb, #IE6root #idborderr, #IE6root #idpicbr, #IE6root #idpicbl {display: none}
#IE6root #idsite {margin-left: 0px; margin-right:0px; width: 985px;}
#IE6root .scmmainmenu img {display: none;}
#IE6root #idlegal {margin-bottom:0px; background-image:none;}
#IE6root #idsidebar {bottom: 0px;}
#IE6root #idpicblnb {display: block; position: absolute; bottom: 0px; left:0px; margin-left: 0px; margin-bottom: 0px; }
#IE6root #idtopl {background-color: #ffffff;}