BODY {
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    color: black;
    background-color: #efefef;     /* efefef - e5e5e5 (darker) */
/*  background-image: url(background.gif); */
/*  background-image: url(background.jpg); */
/*  background-position: 50% 50%;          */
/*    background-size: 100%; */
/*    background-repeat:repeat-y; */
    margin: 0px;
    padding: 0px;
    text-align: center;
}

P {
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    color: black;
    margin: 6px 0px 12px 0px;
}

P.clear_left { clear: left; }

P.bigger { font-size:120%; }

TT {
    font-family: Courier, monospace;
    font-weight: normal;
    color: black;
}

STRONG { font-weight: bold }

STRONG.bigger { font-size: 120%; }

UL {
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;      /* old 11px */
    margin-top:5px;
    margin-bottom:8px;
    color: black;
}

UL.PIP { background: #ddf1ff; }
UL.CEC { background: #eed84d; }  /* pdf e4c52e */
UL.MIP { background: #d7f5e6; }
UL.IPM { background: #ebebdc; }
UL.MCDISK { background: #f6f6ce; }
/* UL.PERIPHERAL { background: #f5ebf0; } */
UL.PERI { background: #f5ebf0; }
UL.INDE { background: #fdb057; }  /* pdf f89a4c */
UL.CUSTOM { background: #e5e2ff; }

LI {
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
}

IMG.float_left {
    float: left;
    margin: 5px;
    margin-right: 2em;
}

IMG.float_right {
    float: right;
    margin: 5px;
    margin-left: 1.5em;
    margin-right: 1.5em;
}

IMG.float_left2 {
    float: left;
    margin: 5px;
    margin-right: 3em;
}

IMG.float_right2 {
    float: right;
    margin: 6px;
    margin-left: 3em;
}

caption {
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    color: black;
}

H1 {
    font-family: Verdana, Arial, sans-serif;
    font-weight: bold;
    font-size: 17px;
    margin: 0;
    padding: 8px 0px 8px 0px;
}

H1.title1 { padding: 0px; }

H1.nopadding { padding: 0px; }

H2 {
    font-family: Verdana, Arial, sans-serif;
    font-weight: bold;
    font-size: 15px;
    margin: 0;
    padding: 8px 0px 6px 0px;
}

H2.title2 { padding: 4px 0px 8px 0px; }

H2.nopadding { padding: 2px; }

H3 {
    font-family: Verdana, Arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
    margin: 0;
    padding: 7px 0px 6px 0px;
}

H3.nopadding { padding: 2px; }

H4 {
    font-family: Verdana, Arial, sans-serif;
    font-weight: bold;
    font-size: 13px;
    margin: 0;
    padding: 6px 0px 5px 0px;
}

H4.nopadding { padding: 2px; }

table {
    border-color: #828282;
    border-collapse:collapse;
}

td.fheader { color: white;}
ul.fheader { color: white;}

td.question { color: black; background: #ffffc0;}
tr.question { border: solid; border-width: thin;}

td.answer { color: black; background: #ffcccc;}
tr.answer { border: solid; border-width: thin;}


TH {
    font-family: Verdana, Arial, sans-serif;
    font-weight: bold;
    border-color: #828282;
    font-size: 13px;    /* old 14 */
/*    text-align: center; */
}
TH.PIP   { background: #ddf1ff; text-align: center; }
TH.PIP-L { background: #ddf1ff; text-align: left; }
TH.CEC   { background: #eed84d; text-align: center; }
TH.CEC-L { background: #eed84d; text-align: left; }
TH.MIP   { background: #d7f5e6; text-align: center; }
TH.MIP-L { background: #d7f5e6; text-align: left; }
TH.IPM   { background: #ebebdc; text-align: center; }
TH.IPM-L { background: #ebebdc; text-align: left; }
TH.PERI   { background: #f5ebf0; text-align: center; }
TH.PERI-L { background: #f5ebf0; text-align: left; }
TH.INDE   { background: #fdb057; text-align: center; }
TH.INDE-L { background: #fdb057; text-align: left; }
TH.CUSTOM   { background: #e5e2ff; text-align: center; }
TH.CUSTOM-L { background: #e5e2ff; text-align: left; }
TH.MCDISK   { background: #f6f6ce; text-align: center; }
TH.MCDISK-L { background: #f6f6ce; text-align: left; }
/* TH.PERIPHERAL { background: #f5ebf0; } */

TD {
    font-family: Verdana, Arial, sans-serif;
    border-color: #828282;
    font-size: 11px;
}
TD.PIP { background: #ddf1ff; }
TD.CEC { background: #eed84d; }
TD.MIP { background: #d7f5e6; }
TD.IPM { background: #ebebdc; }
TD.PERI { background: #f5ebf0; }
TD.INDE { background: #fdb057; }  /* pdf f89a4c */
TD.CUSTOM { background: #e5e2ff; }
TD.MCDISK { background: #f6f6ce; }
/* TD.PERIPHERAL { background: #f5ebf0; } */
TD.row { background: #f5f3f3; }     /* gray row background (alternating) */

TD.yes {    /* yes background */
    background-image: url('checkmark-green.jpg');
    background-repeat:no-repeat;
    background-position:center center;
}

TD.arial  {  /* smaller font for PIP/MIP overview */
    font-family: Arial, sans-serif;
    font-size: 11px; text-align: center;
}

TD.title1 {   /* product title */
    font-weight: bold; font-size: 17px;
}

TD.title2 {   /* product sub-title */
    font-weight: bold; font-size: 15px; line-height: 22px;
}


A:link { color:blue; text-decoration:underline }
A:visited { color:black; text-decoration:underline }
A:hover { color:blue; text-decoration:underline }
A:active { color:black; text-decoration:underline }
A:focus { color:black; text-decoration:underline }

A:link.fheader { color:white; text-decoration:underline }
A:visited.fheader { color:white; text-decoration:underline }

a.thumbnail:link { color:blue; text-decoration:underline; outline:none }
a.thumbnail:visited { color:blue; text-decoration:underline; outline:none }
a.thumbnail:hover { color:blue; text-decoration:underline; outline:none }
a.thumbnail:active { color:black; text-decoration:underline; outline:none }
a.thumbnail:focus { color:black; text-decoration:underline; outline:none }

FORM {
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

INPUT {
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

/* frontpage text boxes */
h2.fp-titel {
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    color: #000000;
    font-style: normal;
    font-weight: bold;
    line-height: 14px;
    margin: 0px;
}

.fp-info {
    font-family: Arial;
    font-size: 11px;
    color: #000000;
    font-style: normal;
    font-weight: normal;
    background-color: #ffffff;
    padding: 10px;
    border: 2px;
    border-style: solid;
    border-color: #a0a0a0;
    visibility:hidden;
}



/* new layouts of the different panes */
#wrapper {
    margin: 0 auto; 
    padding: 0; 
/*    border: 0px; */
    border: 1px solid #8d8d8c;
    width: 1010px; 
    min-height: 620px; 
    text-align: left; 
    background: #ffffff;
}
#header { /* header all pages */
    margin: 0;
    padding: 0;
    width: 100%;
    height: 145px;  /*hph 113 */
  position: relative; left: 0px; top: 0px;
    background: #ffffff;  /* #ff8080 */
}
#navigator { /* navigator standard pages */
    margin: 0;
    padding: 6px 0px 6px 4px;
    width: 165px;
  position: relative; left: 0px; top: 0px;
    float: left; 
/*    margin-right: auto; */
    z-index: 2;
    background: #ffffff;  /* #80b9ff */
}
#navigatorAPPL { /* navigator application/capability pages */
    margin: 0;
    padding: 0 0 0 0.6em;
    width: 165px;
   position: absolute; left: -182px; top: 6px; 
}
#center { /* center all pages */
    margin: 0;
    padding: 0;
  position: relative; left: 0px; top: 0px;
    float: right; 
    width: 830px;
    background: #ffffff;  /* #98ff80 */
}
#containerNews { /* container news pages */
  position: relative; left: 0px; top: 0px;
    float: left; 
    width: 1000px;
    background: #ffffff;
}


#headerH { /* header all pages */
    margin: 0;
    padding: 0;
    width: 100%;
    height: 113px; 
  position: relative; left: 0px; top: 0px;
    background: #ffffff;  /* #ff8080 */
}
#centerH { /* center home */
    margin: 0;
    padding: 0;
    width: 1018px;
    background: #ffffff; 
}
#homeL { /* navigator standard pages */
    margin: 0;
    padding: 0px 0px 0px 5px;
    width: 735px;
    float: left; 
/*    background: #ffffff; */
}
#homeR {
    margin: 48px 12px 0px 0px;
    padding: 0px 5px 0px 5px;
    float: right; 
    width: 250px;
    border : 1px solid #6a6a6a;
    background: #f8f8f8; 
}
p.intro2 { /* intro box, used in 0000.html */
    padding: 0px;
    margin: 12px 0px 12px 5px;
    position : relative;
    line-height:1.3em;
    color : black;
    font-family: Verdana, Arial, sans-serif;
    font-size: 13px;
/*    background-color : #ffffff; */
}


table.homeT td {
    text-align: left;
    background-color: #ffffff;
    border: 4px #ffffff solid;
}
table.homeT .bgrd {
/*    background-color: #e0e0e0; */
    background-image: url(table1.jpg); 
    background-repeat: no-repeat;
    background-position: center; 
    width: 200px;
}
table.homeT .bgrd2 {
    background-image: url(table2.jpg); 
    background-repeat: no-repeat;
    background-position: center; 
    width: 200px;
}


table.homeT2 {
/*  text-align: left; */
    font-size: 11px;  /* ??? */
    color: #404040;   /* ??? */
/*  width: 260px; */
/*  background-color: #ffffff; */
    border: 1px #ffffff solid;  /* #d79900 */
    border-collapse: collapse;
    border-spacing: 0px;
}
table.homeT2 td {
    background-color: #ffffff;
    border: 5px #ffffff solid;
    background-repeat: no-repeat; 
}





/* This is the layout of the different panes */
/*
#header {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 150px;
    position: absolute; left: 0px; top: 0px;
}
*/

#containerNAV { /* container standard pages */
}

/*
#navigator {¨
    margin: 0;
    padding: 0 0 0 0.6em;
    width: 155px;
    position: absolute; left: 0px; top: 255px;
    z-index: 2;
}
*/

/*
#navigatorAPPL { /* navigator application/capability pages */
    margin: 0;
    padding: 0 0 0 0;
    width: 155px;
    position: absolute; left: -160px; top: 10px;
}
*/

/*
#center { 
    margin: 0 10% 0 0;
    padding: 0 0 0 2em;
    position: absolute; left: 160px; top: 145px;
    width: 810px;
}
*/

#containerHome { /* container home page */
    position: absolute; left: 90px; top: 150px;
    width:85%;
}

/* background for news column */
.newsbg {
    background: #f1f0f0;
}

#newsHome {
    margin: 0 0 0 0;
    padding: 0px 3px 0px 5px;
    position: absolute; left: 738px; top: 170px;
    width: 250px;
    background: #f1f0f0;
}

#containerFull { /* container full pages */
    position: absolute; left: 30px; top: 150px;
}

#flashUpper {
    position:absolute; left:22px; top:18px; z-index: 2;  /*hph left 34 */
}

#flashLower {
    position:absolute; left:10px; top:15px; z-index: 1;  /*hph left 22 */
}

#footer {
    clear: both;
}

/* The definitions for the navigator */
#nav, #nav ul { /* all lists */
    padding: 0;
    margin: 0;
    list-style: none;
    float : left;
    width : 15.0em;
}

#nav li { /* all list items */
    position : relative;
    float : left;
    line-height : 2em;
    margin-bottom : -1px;
    width: 15.0em;
}

#nav li ul { /* second-level lists */
    position : absolute;
    left: -999em;
    margin-left : 14.0em;
    margin-top : -2.2em;
}

#nav li ul ul { /* third-and-above-level lists */
    left: -999em;
}

#nav li a {
    width: 15.0em;
    w\idth: 14.0em;
    display : block;
    color : black;
    font-family: Arial, sans-serif;
    font-size: 11px;
    text-decoration : none;
    background-color : #ddf1ff;
    border : 1px solid #8d8d8c;
}

#nav li a:hover {
    color : black;
    background-color : #81bee9;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
    left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
    left: auto;
}

#content {
    margin-left : 12em;
}

p.news { /* news box, used for trade shows below navigation */
    padding: 2px 0px 2px 2px;
    margin: 5px 0px 10px 0px;
    list-style: none;
    float : left;
/*    position: relative; */
    width: 15.0em;
    w\idth: 14.0em;
    display : block;
    color : black;
    font-family: Arial, sans-serif;
    font-size: 11px;
    background-color : #ffffff;
/*    background: white url(../images/background_box.gif) no-repeat 0 0; */
    border : 1px solid #b0b0b0;
}

p.intro { /* intro box, used in 0000.html */
    padding: 0px;
    margin: 0px 0px 0px 0px;  /* old page: -20px 0px 0px 0px */
    position : relative;
    width: 15.0em;
    /*width: 14.0em;*/
    color : black;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    background-color : #ffffff;
}

/* used in 6000.html */
fieldset {
    position:relative; width:450px; padding:5px 0px 10px 2px;
    border:0px solid #000000; background:#ffffff;
}

label { float:left; width:120px; }

.width250  { width:260px; margin-bottom:6px; }

.errortext { font-size:.8em; color:red; font-weight:bold; }

/* pop-up pictures (example pip accessories) */
.thumbnail {
    position: relative;
    z-index: 0;
}

.thumbnail:hover {
    background-color: transparent;
    z-index: 50;
}

.thumbnail span { /*CSS for enlarged image*/
    position: absolute;
    background-color: gray;
    padding: 0px;
    /* left: -1000px; */
    border: 1px solid gray;
    visibility: hidden;
    color: black;
    text-decoration: none;
}

.thumbnail span img { /*CSS for enlarged image*/
    border-width: 0;
}

.thumbnail:hover span { /*CSS for enlarged image on hover*/
    visibility: visible;
    top: -90px; /*position where enlarged image should offset vertically */
    left: 100px; /*position where enlarged image should offset horizontally */
}

#flashwrapper {
    margin-left: auto;
    margin-right: auto;
    margin-top : 20px;
    text-align:center; border: 1px solid gray;
}


#boxes with background /*(e.g. news-box)*/
.block {
    background-position: 0 0;
    padding: 15px 0 0;
}

.block .blockContent {
    background: white url(../images/background_box.gif) no-repeat 0 0;
}

.blockContent {
    background-position: 0 100%;
    padding: 0 12px 15px 12px;
}

.history {
    margin:0px;
    width:700px;
}

.history h3 {
    color:#5a90b7;  /* old #43939e */
    font-size:20px;
    margin:0px 0px 10px 20px;
}

.history .odd { background-color:#edf2f3; }
.history .even { background-color:#f8f8f8; }

.history .pip {
    background-image: url(../images/background_pip.gif);
    border: 1px solid gray;
}

.history .panel {
    background-image: url(../images/background_panel.gif);
    border: 1px solid gray;
}

.history .mip {
    background-image: url(../images/background_mip.gif);
    border: 1px solid gray;
}

.history .peripherals {
    background-image: url(../images/background_peripherals.gif);
    border: 1px solid gray;
}

.history .mcdisk {
    background-image: url(../images/background_mcdisk.gif);
    border: 1px solid gray;
}

.history .custom {
    background-image: url(../images/background_custom.gif);
    border: 1px solid gray;
}

.history img {
    display:block;
    float:left;
    padding:15px; 
}

.history h4 {
    color:#5a90b7;  /* old #43939e */
    font-size:18px;
    margin:10px 0px 5px 0px;
}

.history a:link { color:#01899c; text-decoration:underline }
.history a:visited { color:black; text-decoration:underline }
.history a:hover { color:#0d4ceb; text-decoration:underline }
.history ul { padding:0 0 10px 20px; }
.history p { padding:0px 20px 4px; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }