BODY
{
font-family: arial;
}

P
{
font-family: arial;
font-size: 8pt;
}
HR
{
font-family: arial;
color: #424d6b;
font-weight: lighter;
height: 1px;
}

title
{
font-family: arial;
font-size: 18px;
}

p.mainmenu
{
font-family: arial;
font-size: 14px;
font-weight: bold;
padding-left: 10px;
color: #FFFFFF;
}

p.tit
{
font-family: arial;
font-size: 8pt;
font-weight: bold;
}

UL, OL, LI
{
color: #353A90;
font-family: arial;
font-size: 8pt;
font-style: normal;
}

td
{
font-family: arial;
font-size: 11px;
}

td.mm
{
padding-top: 24pt;
}


A:link, A:visited, A:active, A:hover
{
font-family: arial;
font-size: 10px;
font-style: normal;
font-weight: normal;
color: #000000;
text-decoration: none;
}

H1
{
        font-family: arial;
        font-size: 9pt;
        color: #353A90;
        font-weight: 500;
        margin: 12px;
}

H2
{
font-family: arial;
font-size: 14pt;
color: #353A90;
}

H3
{
        font-family: arial;
        font-size: 11pt;
        color: #353A90;
        font-weight: 500;
        margin: 10px;
}

H4
{
font-family: arial;
font-size: 10pt;
color: #353A90;
margin-top: 1em; margin-bottom: 0em;
}

.selector { font-family: arial; font-size:x-small; width:170px;}
.searchbox { font-family: arial; font-size:xx-small; padding:0; width:90px; height: 20px;}
.searchbutton {background-color: #f0b4a8; color: #000000; font-family: arial; font-size: xx-small; width: 46px; height: 20px;}
.table-head {  background-color: #e01040; color: #FFFFFF; font-weight: bold; }
.table-cell  { background-color: #F2F2F2; }
.missing { background-color: #000000 }

.dark { color: #eeeeee; background-color: #c6c6c6; }
.prodlist { margin-bottom:20px; }
.desc     { background-color:#e9e9e9; border-style:none; border-width:thin; padding-left:6px; font-family:arial; font-size:11px; }
.ixs      { font-family:arial; font-size:11px; padding-left: 7px; padding-right: 7px; }
.desc_h   { background-color:#9e9e9e; font-family:arial; font-weight:bold; }
.tecoimg { color:red ; vertical-align:top ; width:50PX; }
.tecotxt { vertical-align:top ; width:400px;}
.tecoico { vertical-align:top ; width:30px;}
.ix_cont_small { vertical-align: top; vertical-align:middle; width: 218px; }
.ix_cont_large { vertical-align: top; padding-left: 7px; padding-right: 7px; padding:10px; }

.catalogcontentheader
{ color: #000000;  font-size: 9pt; font-family: arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; line-height: normal; background-color: #ccc; padding-top:20px; padding: 4px 3px; border: solid 1p;;;;;;;;;}
.catalogcontentpic
{ font-size: 11pt; font-family: arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; line-height: normal; background-color: #ffffff; vertical-align:middle; text-align:center; border-style: solid; width:150px; padding: 20px 3px 0; border-color: #444444; border-width: 0 1px; }
.catalogcontentzoom
{ font-family: arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; background-color: #ffffff; vertical-align:bottom; text-align:center; border-style: solid; width:100px; padding: 10px 3px 3px; border-color: #444444; border-width: 0 1px 1px; }
.catalogcontentbody
{       font-family: Arial, Helvetica, sans-serif;
        font-size: 9pt; font-style: normal; line-height: normal;
        font-weight: normal; font-variant: normal; background-color: #E9E9E9;
        vertical-align:top;
        border: #444444; border-style: solid; border-top-width: 0px;
        border-left-width: 0px; border-right-width: 1px;
        border-bottom-width: 1px;
        padding-left:3px; padding-right:3px; padding-top:20px; padding-bottom:3px;
        width:600px;
        }

.catalogcontentsym
{ font-family: arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; background-color: #e9e9e9; vertical-align:top; border-style: solid; width:80px; padding: 3px; border-color: #444444; border-width: 0 1px 1px 0; }
.catalogordertitle
{ font-family: arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: normal; font-weight: 600; background-color: #e9e9e9; padding: 3px; border: solid 0
         }
.catalogorderdesc
{ font-size: 8pt; font-family: arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; line-height: normal; background-color: #e9e9e9; border-style: solid; width:300px; padding: 3px; border-color: #444444; border-width: 1px 0 0; }

.catalogorderdesc2
{ font-family: arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; background-color: #e9e9e9; border-style: solid; width:300px; padding: 3px; border-color: #444444; border-width: 1px 0 0; }

.catalogordernr
{ font-size: 8pt; font-family: arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; line-height: normal; background-color: #e9e9e9; border-style: solid; width:100px; padding: 3px; border-color: #444444; border-width: 1px 0 0; }

.download
{font-weight: normal; font-style: normal; line-height: normal; background-color: #e9e9e9; border-style: solid; width:100px; padding: 3px; border-color: #444444; border-width: 1px 0 0; }

.catalogordernr2
{ font-family: arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; background-color: #e9e9e9; border-style: solid; width:100px; padding: 3px; border-color: #444444; border-width: 1px 0 0; }

.applicationheader { font-family: arial, Helvetica, sans-serif; font-size: 8pt; color: #000033; font-weight: bold; background-color: #d1d1d1; }
.prodinflist {  border-color: #e1e1e1 black black; border-top-width: thin}

.swl {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none;
padding-left:10px; padding-top:5px; vertical-align:top; cursor:pointer;
}
.hhs {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #D1D1D1; text-decoration: none}
.farbtab {          font-weight: normal; font-variant: small-caps;
        border-top-color: #444444; border-top-style: solid; border-top-width: 1px;
        border-left-color: #444444; border-left-style: solid; border-left-width: 1px;
        border-right-color: #444444; border-right-style: solid; border-right-width: 1px;
        width: 20px;}
.rahmentab {  background-color: #E9E9E9; width: 10px; }

.blue
{        font-family: Arial, Helvetica, sans-serif;
        font-size: 9pt; font-style: normal; line-height: normal;
        font-weight: normal; font-variant: normal; background-color: #E9E9E9;
        vertical-align:top; text-align:left;
        padding-left:3px; padding-right:3px; padding-top:3px; padding-bottom:3px;
        width:500px;
        }



  #lightbox{        position: absolute;        left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; border-style:none; border-width:thin; }
#lightbox img{ width: auto; height: auto; }
#lightbox a img{  border-style:none; border-width:thin; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%        ; }

#imageData{        padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;        }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;        }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }