/* --------------------------------------------------------- */
/*          CSS for RS Horn-Bad Meinberg  2005         */
/* --------------------------------------------------------- */



table.leftnav tr td.veran {
        font-family: Arial, Helvetica;
        font-weight: bold;
        border-color: #dcdcdc;
        border-width: 1px 1px 1px 10px;

        width: 100%;
        border-style: solid;
        padding: 1px 1px 1px 5px;
        color: #000000;
        }

/* -------------- links-------------------------- */


a.topnav1:link {
        color: #dcdcdc;
        font-family: Arial, Helvetica;
        font-weight: bold;
        text-decoration:none;
        font-size: 8pt;
        padding : 1px 10px 1px 10px;
        border : 1px 1px 1px 5px solid #7686c2;
}

a.topnav1:visited {
        color: #dcdcdc;
        font-family: Arial, Helvetica;
        font-weight: bold;
        text-decoration:none;
        font-size: 8pt;
        padding : 1px 10px 1px 10px;
        border : 1px 1px 1px 5px solid #7686c2;
}

a.topnav1:hover {
        color: #000000;
        font-family: Arial, Helvetica;
        font-weight: bold;
        text-decoration:none;
        font-size: 8pt;
        padding : 1px 10px 1px 10px;
        border : 1px 1px 1px 5px solid #fdbb2f;

}

a.topnav2:link {
        color: #dcdcdc;
        font-family: Arial, Helvetica;
        font-weight: bold;
        text-decoration:none;
        font-size: 8pt;
        padding : 1px 10px 1px 10px;
        border : 1px 1px 1px 5px solid #7686c2;
}

a.topnav2:visited {
        color: #dcdcdc;
        font-weight: bold;
        font-family: Arial, Helvetica;
        text-decoration:none;
        font-size: 8pt;
        padding : 1px 10px 1px 10px;
        border : 1px 1px 1px 5px solid #7686c2;
}

a.topnav2:hover {
        color: #000000;
        font-family: Arial, Helvetica;
        font-weight: bold;
        text-decoration:none;
        font-size: 8pt;
        padding : 1px 10px 1px 10px;
        border : 1px 1px 1px 5px solid #005DAA;
}


a.topnav3:link {
        color: #dcdcdc;
        font-family: Arial, Helvetica;
        font-weight: bold;
        text-decoration:none;
        font-size: 8pt;
        padding : 1px 10px 1px 10px;
        border : 1px 1px 1px 5px solid #7686c2;
}

a.topnav3:visited {
        color: #dcdcdc;
        font-family: Arial, Helvetica;
        font-weight: bold;
        text-decoration:none;
        font-size: 8pt;
        padding : 1px 10px 1px 10px;
        border : 1px 1px 1px 5px solid #7686c2;
}

a.topnav3:hover {
        color: #000000;
        font-family: Arial, Helvetica;
        font-weight: bold;
        text-decoration:none;
        font-size: 8pt;
        padding : 1px 10px 1px 10px;
        border : 1px 1px 1px 5px solid #969485;


}

a.topnav4:link {
        color: #dcdcdc;
        font-family: Arial, Helvetica;
        font-weight: bold;
        text-decoration:none;
        font-size: 8pt;
        padding : 1px 10px 1px 10px;
        border : 1px 1px 1px 5px solid #7686c2;
}

a.topnav4:visited {
        color: #dcdcdc;
        font-weight: bold;
        font-family: Arial, Helvetica;
        text-decoration:none;
        font-size: 8pt;
        padding : 1px 10px 1px 10px;
        border : 1px 1px 1px 5px solid #7686c2;
}

a.topnav4:hover {
        color: #000000;
        font-weight: bold;
        font-family: Arial, Helvetica;
        text-decoration:none;
        font-size: 8pt;
        padding : 1px 10px 1px 10px;
        border : 1px 1px 1px 5px solid solid #F6915D;

}

a.topnav5:link {
        color: #dcdcdc;
        font-family: Arial, Helvetica;
        font-weight: bold;
        text-decoration:none;
        font-size: 8pt;
        padding : 1px 10px 1px 10px;
        border : 1px 1px 1px 5px solid #7686c2;
}

a.topnav5:visited {
        color: #dcdcdc;
        font-family: Arial, Helvetica;
        font-weight: bold;
        text-decoration:none;
        font-size: 8pt;
        padding : 1px 10px 1px 10px;
        border : 1px 1px 1px 5px solid #7686c2;
}

a.topnav5:hover {
        color: #000000;
        font-family: Arial, Helvetica;
        font-weight: bold;
        text-decoration:none;
        font-size: 8pt;
        padding : 1px 10px 1px 10px;
        border : 1px 1px 1px 5px solid #008C99;

}

a.topnav6:link {
        color: #dcdcdc;
        font-family: Arial, Helvetica;
        font-weight: bold;
        text-decoration:none;
        font-size: 8pt;
        padding : 1px 10px 1px 10px;
        border : 1px 1px 1px 5px solid #7686c2;
}

a.topnav6:visited {
        color: #dcdcdc;
        font-family: Arial, Helvetica;
        font-weight: bold;
        text-decoration:none;
        font-size: 8pt;
        padding : 1px 10px 1px 10px;
        border : 1px 1px 1px 5px solid #7686c2;
}

a.topnav6:hover {
        color: #000000;
        font-family: Arial, Helvetica;
        font-weight: bold;
        text-decoration:none;
        font-size: 8pt;
        padding : 1px 10px 1px 10px;
        border : 1px 1px 1px 5px solid #F3D2AF;

}


a.leftnav:link {
        color: #000000;
        font-family: Arial, Helvetica;
        font-weight: normal;
        text-decoration:none;
        font-size: 9pt;

}

a.leftnav:visited {
        color: #000000;
        font-family: Arial, Helvetica;
        font-weight: normal;
        text-decoration:none;
        font-size: 9pt;
}

a.leftnav:hover {
        color: #000000;
        font-family: Arial, Helvetica;
        font-weight: normal;
        text-decoration:underline;
        font-size: 9pt;



}


a.mehr:link {
        color: #fdbb2f;
        font-family: Arial, Helvetica;
        font-weight: bold;
        text-decoration:none;
        font-size: 8pt;
}

a.mehr:visited {
        color: #fdbb2f;
        font-family: Arial, Helvetica;
        font-weight: bold;
        text-decoration:none;
        font-size: 8pt;
}

a.mehr:hover {
        color: #fdbb2f;
        font-family: Arial, Helvetica;
        font-weight: bold;
        text-decoration:underline;
        font-size: 8pt;



}




a.leftnavp:link {
        color: #DE7331;
        font-family: Arial, Helvetica;
        font-weight: bold;
        text-decoration:none;
        font-size: 8pt;
}

a.leftnavp:visited {
        color: #DE7331;
        font-family: Arial, Helvetica;
        font-weight: bold;
        text-decoration:none;
        font-size: 8pt;
}

a.leftnavp:hover {
        color: #426BCE;
        font-weight: bold;
        font-size: 8pt;
}















td.barhome {
        border-color: #000000;
        border-width: 1px 0px 1px 0px;
        background-color: #988b82;
        width: 100%;
        border-style: solid;
        padding: 1px 10px 1px 15px;
        color: #FFFFFF;
        }
/* used for the grey bar, which changes the colour in pink, when   home is activated */

td.logo {
width: 40%;
padding-right: 20px;
text-align: right;
        background-color: #4D4C49;
        }
/* used for the upper right peacock logo on every site */

td.upper {
width: 60%;
        padding-left: 10px;
text-align: left;
        background-color: #4D4C49;
        color: #B2B1AA;
        font-size: 12pt;
font-weight: bold;
        }
/* used for the dark grey top bar */

td.tab {
padding-left: 25px;
        padding-top: 10px;
        background-color: #B2B1AA;
}
/* used for the backgroundcolour and alignment of the tabs */


td.arrow {
padding-left: 20px;
        padding-top: 2px;
        padding-bottom: 3px;
        background-color: #B2B1AA;
}
/* used for alignment of the upper left arrow */

td.greyboxsearch {
background-color: #4D4E49;
        color: #B2B1AA;
        text-align: left;
 font-weight: bold;
font-size: 8pt;
letter-spacing: 0.1em;
        padding: 2px 0px 0px 10px;
        border-top-width: 1px;
        border-right-width: 0px;
        border-bottom-width: 0px;
        border-left-width: 1px;
        border-color: #FFFFFF;
        border-style: solid;
}
/* used for the subject-search (subjsear) field ; this is the top */
/*part above the bar of the complete dark grey box in the upper right corner */

td.greyboxnav {
background-color: #4D4E49;
        color: #B2B1AA;
        text-align: left;
 font-weight: bold;
font-size: 8pt;
letter-spacing: 0.1em;
        padding: 2px 0px 0px 10px;
        border-top-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 0px;
        border-left-width: 1px;
        border-color: #FFFFFF;
        border-style: solid;
}
/* used for the navigation(nav) field ; this is the bottom */
/*part below the bar of the complete dark grey box in the upper right corner */


td.greyboxgo {
background-color: #4D4E49;
padding-right: 25px;
        padding-top: 3px;
        border-color: #FFFFFF;
        border-style: solid;
        border-width: 1px 0px 0px 0px;
}
/* used for the go button in the subject-search (subjsear) field ; this is the top */
/*part above the bar of the complete dark grey box in the upper right corner */

td.productlegendinner   {
        text-align:left;
     }

td.productlegendinnerpix   {
        background-color: #F1F1F1;
        border-spacing: 20px;
        text-align:center;
     }

/* table and td for the product and offer legend */

td.graybottomline   {
        background-color: #4D4E49;
font-size: 8pt;
 font-family: Arial, Helvetica;
        color: #FFFFFF;
     }
/* dunkelgraue Unterzeile der Produkttabelle im Main-Bereich  */

td.sumfieldtext   {
height: 23px;
background-color: #F1F1F1;
font-size: 8pt;
 font-family: Arial, Helvetica;
 font-weight: bold;
        color: #000000;
     }

td.sumfieldsum   {
height: 23px;
background-color: #F1F1F1;
font-size: 8pt;
 font-family: Arial, Helvetica;
 font-weight: bold;
        color: #000000;
        text-align:right;
     }


td.sumfieldcompletetext   {
height: 23px;
background-color: #F1F1F1;
font-size: 8pt;
 font-family: Arial, Helvetica;
 font-weight: bold;
        color: #CC6699;
     }

td.sumfieldcompletesum   {
height: 23px;
background-color: #F1F1F1;
font-size: 8pt;
 font-family: Arial, Helvetica;
 font-weight: bold;
        color: #CC6699;
        text-align:right;
     }

td.spaceleft   {
width: 20px;
        background-color: #FFFFFF;
     }

/* Leere Zelle links Main-Bereich  */

td.mainarrow   {
height: 46px;
background-color: #FFFFFF;
width: 5%;
border-style: solid;
border-width: 0px 0px 0px 0px;
        border-color: #DADBD6;
     }
/* Zelle die das Pfeilbild enthält im Main-Bereich  */

td.maintopic   {
height: 23px;
        background-color: #FFFFFF;
vertical-align: top;
font-weight: bold;
font-size: 10pt;
        color: #CC6699;
        text-align: left;
     }

/* Zelle mit farbigem Titel der Seite im Main-Bereich  */


td.mainsubtopic  {
height: 23px;
        background-color: #FFFFFF;
vertical-align: bottom;
font-weight: bold;
font-size: 10pt;
        color: #000000;
     }

td.mainsubtopicsalutation {
        font-family: Arial, Helvetica;
font-weight: bold;
font-size: 8pt;
        color: #B2B1AA;
        text-align: left;
        }

td.mainsubtopicsalutation span {
        color: #000000;
        letter-spacing: 0.1em;
        }

td.mainsubtopicsalutation span nobr{
        color: #B2B1AA;
        letter-spacing: 0.0em;
        }

td.mainsubtopic1  {
height: 23px;
        background-color: #FFFFFF;
vertical-align: bottom;
font-weight: normal;
font-size: 10pt;
        color: #000000;
        text-align: center;
     }
td.mainsubtopic2  {
height: 23px;
        background-color: #FFFFFF;
font-weight: bold;
font-size: 8pt;
        color: #CC6699;
        text-align: center;
border-style: solid;
border-width: 0px 0px 0px 0px;
        border-color: #DADBD6;
     }

td.mainsubtopic3  {

background-color: #FFFFFF;
        font-family: Arial, Helvetica;
font-weight: bold;
font-size: 8pt;
        color: #CC6699;
        text-align: left;
     }

td.mainsubtopic4  {
background-color: #FFFFFF;
        font-family: Arial, Helvetica;
font-weight: bold;
font-size: 10pt;
        color: #99CCCC;
        text-align: center;
     }


/* Zelle mit schwarzem Titel der Seite im Main-Bereich  */

td.maintext   {
        background-color: #FFFFFF;
font-size: 10pt;
 font-family: Arial, Helvetica;
        color: #000000;
        padding-top:20px;
        padding-left:50px;
     }

td.maintext p span.percentecto {
 font-weight: bold;
}

/* Zelle mit fließtext im Main-Bereich  */

td.basketAvailable   {
background-color: #90C09F;
        text-align: center;
     }
/* used for the basket, displaying the backround green, for show the product is available */

td.basketDBnotCon   {
background-color: #FFFFB0;
text-align: center;
     }
/* used for the basket, displaying the backround yellow, for show the Database is not available */

td.basketnotava   {
background-color: #FFADAD;
text-align: center;
     }
/* used for the basket, displaying the backround red, for show the product is not available */

td.producttable  {
        border-spacing: 5px;
     }

td.producttableright   {
        border-spacing: 5px;
        text-align: right;
     }

td.producttablepaddingleft   {
        border-spacing: 5px;
        padding-left: 5px;
     }

td.producttablemiddle   {
        border-spacing: 5px;
        text-align: center;
}

td.producttablemiddlegreen   {
        border-spacing: 5px;
        text-align: center;
        color: #4D4E49;
        font-weight: normal;
}

/* producttable, used for offers and products  */

td.loginimages {
background-color: #B2B1AA;
padding-bottom: 0px;
vertical-align:bottom;
}

td.logintopnav{
background-color: #DADBD6;
height: 30px;
vertical-align: bottom;
}

td.tipdestages {
width: 400px;
border-width: 0px 0px 2px 0px;
border-color: #CC6699;
border-style: solid;
letter-spacing: 0.1em;
color: #4D4E49;
font-weight: bold;
font-size: 11pt;
text-align: right;
vertical-align: bottom;
background-color: #FFFFFF;
}

td.mainsearch {
        color: #000000;
        font-size: 10pt;
 font-family: Arial, Helvetica;
        padding: 5px 5px 5px 5px;
        margin: 5px 5px 5px 5px;
        }

td.mainsearchgray {
        color: #000000;
        font-size: 10pt;
 font-family: Arial, Helvetica;
        padding: 5px 5px 5px 5px;
        margin: 5px 5px 5px 5px;
        background-color: #EBEBEB;
        }


td.mainsearchbold {
        color: #000000;
        font-size: 10pt;
 font-family: Arial, Helvetica;
        font-weight: bold;
        padding: 5px 5px 5px 5px;
        margin: 5px 5px 5px 5px;
        background-color: #EBEBEB;
        }

td.mainsearchboldgray {
        color: #000000;
        font-size: 10pt;
 font-family: Arial, Helvetica;
        font-weight: bold;
        padding: 5px 5px 5px 5px;
        margin: 5px 5px 5px 5px;
        }

td.mainsearchsmall {
        color: #000000;
        font-size: 8pt;
 font-family: Arial, Helvetica;
        padding: 5px 5px 5px 5px;
        margin: 5px 5px 5px 5px;
        background-color: #EBEBEB;
        }

input.mainsearch {
        background-color: #E8F3FF;
        font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
        color: #000000;
width: 150px;
border-style: solid;
border-width: 1px 1px 1px 3px;
border-color: #3399FF;
        }


td.basketfullgray {
        background-color: #EBEBEB;
        border-collapse: none;
        }

a{
        letter-spacing: 0.1em;
text-decoration: none;
text-align: center;
       }


/* --------------------------------------------------------- */
/*      <a href=""> Links                                    */
/* --------------------------------------------------------- */

a:link {
        color: #000000;
        font-weight: bold;
        text-decoration:underline;
font-size: 8pt;
}

a:visited {
color: #000000;
        font-weight: bold;
        text-decoration:underline;
font-size: 8pt;
}

a:hover {
color: #000000;
        font-weight: bold;
font-size: 8pt;
}

a.minder:link {
        color: #B2B1AA;
        font-weight: normal;
font-size: 8pt;
}

a.minder:visited {
color: #B2B1AA;
        font-weight: normal;
font-size: 8pt;
}

a.minder:hover {
color: #000000;
        font-weight: normal;
font-size: 8pt;
}

a.baractiv:link{
color: #000000;
       font-size: 7pt;
        text-transform: uppercase;
        padding: 5px 5px 5px 5px;
        border-width: 0px 0px 0px 0px;
text-decoration:none;
}
/*used for the links in the bar when its active */

a.baractiv:visited{
color: #000000;
 font-size: 7pt;
        text-transform: uppercase;
        padding: 5px 5px 5px 5px;
        border-width: 0px 0px 0px 0px;
text-decoration:none;
}
/*used for the links in the bar when its visited */

a.barinactiv{text-decoration:none; }

a.barinactiv:link {
color: #FFFFFF;
 font-size: 7pt;
        text-transform: uppercase;
        padding: 5px 5px 5px 5px;
        border-width: 0px 0px 0px 0px;
text-decoration:none;
}
/*used for the links in the bar when its inactive */

a.barinactiv:visited {
color: #ebebeb;
 font-size: 7pt;
        text-transform: uppercase;
        padding: 5px 5px 5px 5px;
border-width: 0px 0px 0px 0px;
text-decoration:none;
}
/*used for the links in the bar when its visited */

a.barinactiv:hover {

        padding: 5px 5px 5px 5px;
        text-transform: uppercase;
        color: #000000;
        border-width: 0px 0px 0px 0px;
text-decoration:none;
       }
/*used for the links in the second hirarchy in the grey (different coloured) bar */

a.greyboxnav:link {
color: #B2B1AA;
        font-size: 7pt;
        text-transform: uppercase;
        border-width: 0px 0px 0px 0px;

        text-decoration:none;
}
/* used for the navigation links in the upper right box */

a.greyboxnav:visited {
color: #B2B1AA;
        font-size: 7pt;
        text-transform: uppercase;
        border-width: 0px 0px 0px 0px;
text-decoration:none;
}
/* used for the navigation links in the upper right box */

a.greyboxnav:hover {
color: #FFFFFF;
        font-size: 7pt;
        text-transform: uppercase;
        border-width: 0px 0px 0px 0px;
text-decoration:none;
}
/* used for the navigation links in the upper right box, when its hovert */

a.greyboxnavaktiv:link {
color: #FFFFFF;
        font-size: 7pt;
        text-transform: uppercase;
        border-width: 0px 0px 0px 0px;
text-decoration:none;
}
/* used for the navigation links in the upper right box */

a.greyboxnavaktiv:visited {
color: #FFFFFF;
        font-size: 7pt;
        text-transform: uppercase;
        border-width: 0px 0px 0px 0px;
text-decoration:none;
}
/* used for the navigation links in the upper right box */

a.greyboxnavaktiv:hover {
color: #FFFFFF;
        font-size: 7pt;
        text-transform: uppercase;
        border-width: 0px 0px 0px 0px;
text-decoration:none;
}
/* used for the navigation links in the upper right box, when its hovert */


a.greyboxinactiv:hover {
        padding: 5px 10px 5px 10px;
        text-transform: uppercase;
        color: #000000;
        border-bottom-width: 0px;
text-decoration:none;
       }
/* used for the navigation links in the upper right box; when they are inactive */

a.loginnav:Link {
margin-left: 15px;
color: #4d4E49;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 8pt;
text-decoration: none;
}

a.loginnav:Visited {
margin-left: 15px;
color: #4d4E49;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 8pt;
text-decoration: none;
}

a.loginnav:Active
{
margin-left: 15px;
color: #4d4E49;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 8pt;
text-decoration: none;
}

a.loginnav:hover
{
margin-left: 15px;
color: #000000;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 8pt;
text-decoration: none;
}

a.navipassiv  {
     color: #000000;

     font-family: Arial, Helvetica, Sans-Serif;
     font-size: 8pt;
     text-decoration: none;
     border-style: none;
     letter-spacing: normal;
     text-indent:-15px;
        font-weight: normal;
     }

a.navipassiv:link  {
     color: #000000;
     font-family: Arial, Helvetica, Sans-Serif;
     font-size: 8pt;
     text-decoration: none;
     border-style: none;
     letter-spacing: normal;
     text-indent:-15px;
        font-weight: normal;
    }

a.navipassiv:hover  {
     color: #000000;
     font-family: Arial, Helvetica, Sans-Serif;
     font-size: 8pt;
     text-decoration: underline;
     border-style: none;
     letter-spacing: normal;
     text-indent:-15px;
        font-weight: normal;
    }

a.navipassiv:visited  {
     color: #000000;
     font-family: Arial, Helvetica, Sans-Serif;
     font-size: 8pt;
     text-decoration: none;
     border-style: none;
     letter-spacing: normal;
     text-indent:-15px;
        font-weight: normal;
    }

li.aktiverste a.aktnavi  {
     color: #000000;
    font-family: Arial, Helvetica, Sans-Serif;
     font-size: 8pt;
     text-decoration: none;
     border-style: none;
     letter-spacing: normal;
     text-indent:-15px;
        font-weight: bold;
    }

li.aktiverste a.aktnavi:link  {
     color: #000000;
     font-family: Arial, Helvetica, Sans-Serif;
     font-size: 8pt;
     text-decoration: none;
     border-style: none;
     letter-spacing: normal;
     text-indent:-15px;
        font-weight: bold;
    }

li.aktiverste a.aktnavi:active  {
     color: #000000;
     font-family: Arial, Helvetica, Sans-Serif;
     font-size: 8pt;
     text-decoration: none;
     border-style: none;
     letter-spacing: normal;
     text-indent:-15px;
        font-weight: bold;
    }


li.aktiverste a.aktnavi:hover {
     color: #000000;
     font-family: Arial, Helvetica, Sans-Serif;
     font-size: 8pt;
     text-decoration: underline;
     border-style: none;
     letter-spacing: normal;
        font-weight: bold;
     text-indent:-15px;
    }

li.aktivzweite a.aktnavi  {
     color: #000000;
    font-family: Arial, Helvetica, Sans-Serif;
     font-size: 8pt;
     text-decoration: none;
     border-style: none;
     letter-spacing: normal;
     text-indent:-15px;
        font-weight: bold;
    }

li.aktivzweite a.aktnavi:link  {
     color: #000000;
     font-family: Arial, Helvetica, Sans-Serif;
     font-size: 8pt;
     text-decoration: none;
     border-style: none;
     letter-spacing: normal;
     text-indent:-15px;
        font-weight: bold;
    }

li.aktivzweite a.aktnavi:active  {
     color: #000000;
     font-family: Arial, Helvetica, Sans-Serif;
     font-size: 8pt;
     text-decoration: none;
     border-style: none;
     letter-spacing: normal;
     text-indent:-15px;
        font-weight: bold;
    }


li.aktivzweite a.aktnavi:hover {
     color: #000000;
     font-family: Arial, Helvetica, Sans-Serif;
     font-size: 8pt;
     text-decoration: underline;
     border-style: none;
     letter-spacing: normal;
        font-weight: bold;
     text-indent:-15px;
    }

li.aktivdritte a.aktnavi  {
     color: #CC6699;
    font-family: Arial, Helvetica, Sans-Serif;
     font-size: 8pt;
     text-decoration: none;
     border-style: none;
     letter-spacing: normal;
     text-indent:-15px;
        font-weight: bold;
    }

li.aktivdritte a.aktnavi:link  {
     color: #CC6699;
     font-family: Arial, Helvetica, Sans-Serif;
     font-size: 8pt;
     text-decoration: none;
     border-style: none;
     letter-spacing: normal;
     text-indent:-15px;
        font-weight: bold;
    }

li.aktivdritte a.aktnavi:active  {
     color: #CC6699;
     font-family: Arial, Helvetica, Sans-Serif;
     font-size: 8pt;
     text-decoration: none;
     border-style: none;
     letter-spacing: normal;
     text-indent:-15px;
        font-weight: bold;
    }

a.shortcut {
color: #000000;
font-size: 8pt;
text-align: left;
text-decoration: none;
}

a.shortcut:Link {
color: #000000;
font-size: 8pt;
text-align: left;
text-decoration: none;
}

a.shortcut:Hover {
color: #000000;
font-size: 8pt;
text-align: left;
text-decoration: none;
}

a.shortcut:Visited {
color: #000000;
font-size: 8pt;
text-align: left;
text-decoration: none;
}

a.loginnav {
margin-left: 15px;
color: #4d4E49;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 8pt;
text-decoration: none;
}


/* --------------------------------------------------------- */
/*          Listenobjekt UL LI                               */
/* --------------------------------------------------------- */

ul.noteslist  {
        background-color: #FFFFFF;
font-size: 8pt;
 font-family: Arial, Helvetica;
        color: #000000;
}

li.inaktiverste {
      list-style-image: url(/images/Navigationsimages/dreipn);
      margin-left: 20px;
      }

li.aktiverste {
     list-style-image: url(/images/Navigationsimages/dreian);
     margin-left: 20px;
    }

li.aktivzweite {
  list-style-image: url(/images/Navigationsimages/dreian);
     margin-left: 25px;
    }

li.inaktivzweite {
     list-style-image: url(/images/Navigationsimages/dreipn);
     margin-left: 25px;
    }

li.aktivdritte {
     list-style-image: url(/images/Navigationsimages/dreipnred);
     margin-left: 30px;
    }

li.inaktivdritte {
     list-style-image: url(/images/Navigationsimages/dreipn);
     margin-left: 30px;
    }

li.inaktivvierte {
     list-style-image: url(/images/Navigationsimages/dreipn);
     margin-left: 35px;
    }

li.aktivvierte {
     list-style-image: url(/images/Navigationsimages/dreian);
     margin-left: 35px;
    }


/* --------------------------------------------------------- */
/*          h1                                               */
/* --------------------------------------------------------- */

h1 {
color: #000000;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12pt;
}

input.greyboxinput {
border-style: solid;
        background-color: #dadbd6;
        border-width: 1px 1px 1px 1px;
        color: #000000;
border-color: #dadbd6;
}
/*used for the textfield in the subjectsearch in the grey box on the upper  */
/*right side of the page */


/* --------------------------------------------------------- */
/*          Absätze und Blöcke                               */
/* --------------------------------------------------------- */

span.note  {
font-size: 8pt;
 font-family: Arial, Helvetica;
        color: #000000;
 font-weight: bold;
}

p.notes  {
        background-color: #FFFFFF;
font-size: 8pt;
 font-family: Arial, Helvetica;
        color: #000000;
}

p.info {
color: #CC6699;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 9pt;
}

b.productinfo {
color: #00a89e;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 9pt;
font-weight: bold;
}

p.bold {
color: #000000;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 10pt;
font-weight: bold;
}

span.count {
        color: #CC6699;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 10pt;
font-weight: bold;
        }

span.tour {
color: #000000;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 8pt;
font-weight: bold;
        }

div.tour {
color: #000000;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 8pt;
font-weight: bold;
        }

p.count {
        color: #000000;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 10pt;
font-weight: bold;
        padding-left: 5px;
        }

/* --------------------------------------------------------- */
/*      Trennlinie hr                                        */
/* --------------------------------------------------------- */

hr
       {
        color: #f1f1f1;
        text-align: left;
        width: 100%;
       }

hr.footer
       {
       width: 100%;
       }

/* --------------------------------------------------------- */
/*      Artikelsuche shortcut                                */
/* --------------------------------------------------------- */


input.shortcut {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 8pt;
font-weight: bold;
  letter-spacing: 0.1em;
        text-align: left;
border-style: solid;
        background-color: #dadbd6;
        border-width: 1px 1px 1px 1px;
border-color: #000000;
}

/* --------------------------------------------------------- */
/*      Offerdatasheet                                       */
/* --------------------------------------------------------- */


td.dataheader {
        color: #000000;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12pt;
font-weight: bold;
        }

td.dataname {
        color: #000000;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 10pt;
}

td.inputdataname {
        color: #000000;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 8pt;
        font-weight: bold;
        letter-spacing: 0.1em;
}

td.inputdatadetail {
        color: #000000;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 8pt;
        letter-spacing: 0.1em;
}

td.dataindi {
        color: #000000;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 10pt;
        text-decoration: underline;
        font-weight: bold;
        }

td.datadetail {
        color: #000000;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 8pt;
        border-style: solid;
        border-width: 0px 0px 1px 0px;
        letter-spacing: 0.1em;
        padding-left: 40px;
        }

td.datalongtext {
        color: #000000;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 8pt;
        border-style: solid;
        border-width: 0px 0px 0px 0px;
        letter-spacing: 0.1em;
        padding-left: 10px;
        }

td.datadetailname {
        color: #000000;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 8pt;
        border-style: solid;
        border-width: 0px 0px 1px 0px;
        letter-spacing: 0.1em;
        padding-left: 40px;
        font-weight: bold;
        }

table.inputdata {
        background-color: #EBEBEB;
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        }

td.irrtum {
        color: #000000;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 7pt;
        letter-spacing: 0.1em;
        }

td.partnerdata {
        color: #000000;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 10pt;
        font-weight: bold;
        }

/* --------------------------------------------------------- */
/*      leaflet Merkzettel                                   */
/* --------------------------------------------------------- */


table.leafletviewarticle {
        font-family: Arial, Helvetica;
        color: #000000;
        font-size: 8pt;
        border-color: #4D4E49;
        border-width: 0px 0px 0px 0px;
        border-style: solid;
        margin-left: 25px;
        }

table.leaflettop {
        font-family: Arial, Helvetica;
        color: #000000;
        font-size: 10pt;
        border-color: #981E6F;
        border-width: 0px 0px 0px 5px;
        border-style: solid;
        background-color: #EBEBEB;
        margin-bottom: 2px;
        }

td.leaflettop {
        padding-left: 25px;
        font-family: Arial, Helvetica;
        color: #000000;
        font-size: 8pt;
        text-align: left;
        }

th.leafletviewtop {
        font-family: Arial, Helvetica;
        color: #000000;
        font-size: 8pt;
        background-color: #B2B1AA;
        }

td.leafletmenu {
        border-color: #FFFFFF;
        border-width: 0px 1px 0px 1px;
        border-style: solid;
        background-color: #DADBD6;
        padding: 2px 2px 2px 2px;
        text-align: center;
        vertical-align: middle;
        }

span.leaflettop {
        font-family: Arial, Helvetica;
        color: #000000;
        font-size: 8pt;
        font-weight: bold;
        }

/* --------------------------------------------------------- */
/*      clipboard Merkzettel    Version 1                    */
/* --------------------------------------------------------- */


table.clipboardviewarticle {
        font-family: Arial, Helvetica;
        color: #000000;
        font-size: 8pt;
        border-color: #4D4E49;
        border-width: 0px 0px 0px 0px;
        border-style: solid;
        }

table.clipboardtop {
        font-family: Arial, Helvetica;
        color: #000000;
        font-size: 8pt;
        border-color: #981E6F;
        border-width: 1px 0px 1px 5px;
        border-style: solid;
        background-color: #EBEBEB;
        }

td.clipboardtop {
        padding-left: 25px;
        font-family: Arial, Helvetica;
        color: #000000;
        font-size: 8pt;
        text-align: left;
        }

td.clipboarddata {
        padding-left: 5px;
        font-family: Arial, Helvetica;
        color: #000000;
        font-size: 8pt;
        text-align: left;
        }

th.clipboardviewtop {
        font-family: Arial, Helvetica;
        color: #000000;
        font-size: 8pt;
        background-color: #B2B1AA;
        }

td.orientation {
        vertical-align: top;
        border-color: #981E6F;
        border-width: 1px 1px 1px 0x;
        border-style: solid;
        }

td.orientationlinie {
        vertical-align: top;
        border-color: #000000;
        border-width: 0px 0px 1px 1px;
        border-style: solid;
        background-color: #EBEBEB;
        }

span.clipboardtop {
        font-family: Arial, Helvetica;
        color: #000000;
        font-size: 8pt;
        font-weight: bold;
        }

td.clipboardtype {
        border-color: #981E6F;
        border-width: 1px 1px 0px 5px;
        border-style: solid;
        background-color: #DADBD6;
        vertical-align: middle;
        text-align: center;
        }

/* --------------------------------------------------------- */
/*      please wait                                          */
/* --------------------------------------------------------- */

span.coment {
        color: #000000;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 8pt;
        letter-spacing: 0.1en;
        }

/* --------------------------------------------------------- */
/*      im WK Merkzettel                                     */
/* --------------------------------------------------------- */

input.clipboardwksubmit {
        background-color: #FDF2FA;
        font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
        color: #000000;
width: 200px;
border-style: solid;
border-width: 1px 1px 1px 3px;
border-color: #981E6F;
}

input.clipboardwksubmitsmall {
        background-color: #FDF2FA;
        font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
        color: #000000;
width: 180px;
border-style: solid;
border-width: 1px 1px 1px 3px;
border-color: #981E6F;
}

input.clipboardwksubmitmerk {
        background-color: #E8F3FF;
        font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
        color: #000000;
width: 220px;
border-style: solid;
border-width: 1px 1px 1px 3px;
border-color: #3399FF;
}

td.clipboardwktitle {
        font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
        color: #000000;
        font-weight: bold;
background-color: #EBEBEB;
padding-left: 10px;
border-style: solid;
border-width: 0px 1px 0px 0px;
border-color: #4D4E49;
}

td.clipboardwkdescription {
        font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
        color: #000000;
        border-style: solid;
border-width: 1px 1px 0px 0px;
        border-color: #4D4E49;
background-color: #EBEBEB;
padding-left: 10px;
}

td.clipboardwk {
        font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
        color: #000000;
        border-style: solid;
border-width: 1px 0px 0px 0px;
        border-color: #4D4E49;
}

td.clipboardwkicon {
vertial-align: middle;
text-align: center;
        background-color: #E8FFE8;
        border-style: solid;
border-width: 1px 1px 0px 1px;
        border-color: #4D4E49;
}

td.clipboardwktop {
border-style: solid;
border-width: 1px 0px 1px 0px;
        border-color: #4D4E49;
background-color: #EBEBEB;
}

td.clipboardwklefttop {
vertial-align: middle;
text-align: center;
border-style: solid;
border-width: 1px 0px 0px 1px;
        border-color: #4D4E49;
background-color: #DADBD6;
}

td.clipboardwknotice {
        font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
        color: #000000;
background-color: #EBEBEB;
padding-left: 10px;
border-style: solid;
border-width: 0px 1px 0px 0px;
border-color: #4D4E49;
       }

td.clipboardwkright {
        font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
        color: #000000;
        border-style: solid;
border-width: 0px 1px 0px 0px;
        border-color: #4D4E49;
background-color: #EBEBEB;
       }

td.clipboardwkrightcorner {
border-style: solid;
border-width: 0px 1px 1px 0px;
        border-color: #4D4E49;
background-color: #EBEBEB;
}

td.clipboardwkbottom {
border-style: solid;
border-width: 0px 0px 1px 0px;
        border-color: #4D4E49;
background-color: #EBEBEB;
border-width: 0px 1px 1px 0px;
}

td.clipboardblue {
background-color: #EBEBEB;
padding-left: 10px;
border-style: solid;
border-width: 0px 1px 0px 0px;
border-color: #4D4E49;
}

td.clipboardwkleftcorner {
border-style: solid;
border-width: 0px 0px 1px 1px;
        border-color: #4D4E49;
background-color: #DADBD6;
}

td.clipboardwkleft {
border-style: solid;
border-width: 0px 0px 0px 1px;
        border-color: #4D4E49;
        padding-left: 20px;
background-color: #DADBD6;
}

span.clipboardwknotice {
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
        color: #000000;
 font-weight: bold;
        text-decoration: underline;
}

hr.basketcost {
        color: #4D4E49;
        height: 5px;
        width: 100%;
        }

li.clipboard {
        list-style-image: url(/images/Basketimages/kpro);
        }

span.clipboardstatus {
        font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
        color: #CC6699;
 font-weight: bold;
        padding-left: 50px;
        }
/* --------------------------------------------------------- */
/*      Legende                                              */
/* --------------------------------------------------------- */

table.legend {
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
        color: #000000;
}

td.legendtop {
font-weight: bold;
font-size: 10pt;
text-decoration: underline;
        border-style: solid;
border-width: 1px 1px 0px 1px;
        border-color: #4D4E49;
background-color: #FFFFFF;
        padding-left: 10px;
padding-bottom: 8px;
}

td.legendright {
text-align: center;
vertical-align: middle;
border-style: solid;
border-width: 0px 1px 0px 0px;
        border-color: #4D4E49;
background-color: #FFFFFF;
}

td.legendrightcorner {
text-align: center;
vertical-align: middle;
border-style: solid;
border-width: 0px 1px 1px 0px;
        border-color: #4D4E49;
background-color: #FFFFFF;
}

td.legendplace {
background-color: #FFFFFF;
        text-align: center;
vertical-align: middle;
background-color: #FFFFFF;
        padding: 3px 2px 3px 2px;
border-style: dotted;
border-width: 0px 0px 1px 0px;
        border-color: #DADBD6;
}

td.legendtopbottom {
background-color: #FFFFFF;
        text-align: left;
background-color: #FFFFFF;
        border-style: solid;
border-width: 0px 0px 1px 0px;
        border-color: #4D4E49;
        font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
  font-weight: bold;
padding-left: 10px;
}

td.legendplacebottom {
background-color: #FFFFFF;
        text-align: center;
vertical-align: middle;
        border-style: solid;
border-width: 0px 0px 1px 1px;
        border-color: #4D4E49;
}

td.legendplacegrey {
background-color: #FFFFFF;
        text-align: center;
vertical-align: middle;
padding: 3px 2px 3px 2px;
border-style: dotted;
border-width: 0px 0px 1px 0px;
        border-color: #DADBD6;
}

td.legendleftcorner {
border-style: solid;
border-width: 0px 0px 1px 1px;
        border-color: #4D4E49;
background-color: #FFFFFF;
        text-align: center;
vertical-align: middle;
}

td.legendleftgrey {
border-style: solid;
border-width: 0px 0px 0px 1px;
        border-color: #4D4E49;
background-color: #FFFFFF;
        text-align: center;
vertical-align: middle;
}

td.legendleftgreytop {
border-style: solid;
border-width: 1px 0px 0px 1px;
        border-color: #4D4E49;
background-color: #FFFFFF;
    }

td.legendmain {
background-color: #FFFFFF;
        border-style: solid;
border-width: 0px 0px 0px 0px;
        border-color: #EBEBEB;

        padding: 3px 2px 3px 5px;
border-style: dotted;
border-width: 0px 0px 1px 0px;
        border-color: #DADBD6;
}

td.legendmaingrey {
background-color: #FFFFFF;

        border-style: solid;
border-width: 0px 0px 0px 0px;
        border-color: #EBEBEB;
        padding: 3px 2px 3px 5px;
border-style: dotted;
border-width: 0px 0px 1px 0px;
        border-color: #DADBD6;
}

td.legendbottom {
border-style: solid;
border-width: 0px 0px 1px 0px;
        border-color: #4D4E49;
background-color: #FFFFFF;
        padding: 3px 2px 3px 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
        color: #000000;
}

td.legendbottomleft {
border-style: solid;
border-width: 0px 0px 1px 1px;
        border-color: #4D4E49;
background-color: #FFFFFF;
        padding: 3px 2px 3px 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
        color: #000000;
}

td.legendbottomright {
border-style: solid;
border-width: 0px 1px 1px 0px;
        border-color: #4D4E49;
background-color: #FFFFFF;
        padding: 3px 2px 3px 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
        color: #000000;
}

td.legendicon {
vertial-align: middle;
text-align: center;
        background-color: #E8FFE8;
        border-style: solid;
border-width: 1px 1px 1px 1px;
        border-color: #4D4E49;
}
/* --------------------------------------------------------- */
/*      clipboard Merkzettel    default.pt                   */
/* --------------------------------------------------------- */


table.clipboardviewarticle {
        font-family: Arial, Helvetica;
        color: #000000;
        font-size: 8pt;
        border-color: #4D4E49;
        border-width: 0px 0px 0px 0px;
        border-style: solid;
        }

table.clipboardtop {
        font-family: Arial, Helvetica;
        color: #000000;
        font-size: 8pt;
        border-color: #981E6F;
        border-width: 1px 0px 1px 1px;
        border-style: solid;
        background-color: #EBEBEB;
        }

td.clipboardtop {
        padding-left: 25px;
        font-family: Arial, Helvetica;
        color: #000000;
        font-size: 8pt;
        text-align: left;
        }

td.clipboarddata {
        padding-left: 5px;
        font-family: Arial, Helvetica;
        color: #000000;
        font-size: 8pt;
        text-align: left;
        }

th.clipboardviewtop {
        font-family: Arial, Helvetica;
        color: #000000;
        font-size: 8pt;
        background-color: #B2B1AA;
        }

td.orientation {
        vertical-align: top;
        border-color: #4D4E49;
        border-width: 1px 1px 1px 0px;
        border-style: solid;
        }

td.orientation_linie {
        vertical-align: top;
        border-color: #4D4E49;
        border-width: 0px 0px 1px 1px;
        border-style: solid;
        background-color: #EBEBEB;
        }

span.clipboardtop {
        font-family: Arial, Helvetica;
        color: #000000;
        font-size: 8pt;
        font-weight: bold;

        }

td.clipboardtype1 {
        border-color: #4D4E49;
        border-width: 1px 1px 0px 1px;
        border-style: solid;
        background-color: #DADBD6;
        text-align: center;
        }

td.clipboardtype2 {
        border-color: #4D4E49;
        border-width: 1px 1px 0px 0px;
        border-style: solid;
        background-color: #FFD7D7;
        text-align: center;
        }

td.clipboardtype3 {
        border-color: #4D4E49;
        border-width: 1px 1px 0px 0px;
        border-style: solid;
        background-color: #E8FFE8;
        text-align: center;
        }

/* ------------------------------------------------------- */
/*     Helpside                                            */
/* ------------------------------------------------------- */

table.help {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
        color: #000000;
}

td.textbold {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #000000;
background-color: #FFFFFF;
        padding-left: 8px;
}

td.text {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #000000;
background-color: #FFFFFF;
        padding-left: 8px;
}

td.textcolor {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #CC6699;
background-color: #FFFFFF;
        padding-left: 8px;
}

td.screen {
background-color: #FFFFFF;
        padding-left: 8px;
padding-bottom: 2px;
}

/* --------------------------------------------------------- */
/*      vier Angebote Anzeige                                */
/* --------------------------------------------------------- */

table.foroffers {

}

tr.foroffers {

}

td.forofferstitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
        color: #000000;
        letter-spacing: 0.1em;
        font-weight: bold;
        padding-left: 10px;
     border-style: solid;
border-width: 0px 0px 1px 0px;
        border-color: #DADBD6;
}

td.foroffersdiscription {
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
        color: #000000;
        padding: 10px 0px 0px 10px;
        border-style: solid;
border-width: 0px 0px 0px 0px;
        border-color: #DADBD6;
vertical-align: top;
}

td.foroffersimage {
border-style: solid;
border-width: 1px 1px 1px 1px;
        border-color: #DADBD6;
padding-left: 8px;
}

td.foroffersinfo {
border-style: solid;
border-width: 1px 0px 1px 1px;
        border-color: #DADBD6;
        font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
        color: #000000;
text-align: center;
}

td.foroffersprice {
border-style: solid;
border-width: 1px 0px 1px 1px;
        border-color: #DADBD6;
        font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
        color: #000000;
text-align: center;
}

td.forofferswk {

border-style: solid;
border-width: 1px 1px 1px 1px;
        border-color: #DADBD6;
        font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
        color: #000000;
text-align: center;
}

td.foroffersblank {
border-style: solid;
border-width: 1px 1px 1px 1px;
        border-color: #DADBD6;
    background-color: #CC6699;
}


input.subaccount {
        background-color: #FDF2FA;
        font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
        color: #000000;
width: 94px;
border-style: solid;
border-width: 1px 1px 1px 3px;
border-color: #981E6F;
}

input.subaccountblue {
        background-color: #E8F3FF;
        font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
        color: #000000;
width: 94px;
border-style: solid;
border-width: 1px 1px 1px 3px;
border-color: #3399FF;
}

/* --------------------------------------------------------- */
/*      Produktfindung CNET                                  */
/* --------------------------------------------------------- */

table.cnetproduct tr th  {
font-family : Arial, Helvetica, Sans-serif;
font-size : 8pt;
font-weight : bold;
color : #000000;
background-color: #DADAD6;
text-align: left;
        }

table.cnetproduct th select {
width: 350px;
}

table.cnetproduct tr td  {
font-family : Arial, Helvetica, Sans-serif;
font-size : 8pt;
font-weight : bold;
color : #000000;
background-color: #EBEBEB;
        }

table.cnetproduct select {
font-family : Arial, Helvetica, Sans-serif;
font-size : 8pt;
font-weight : bold;
color : #000000;
background-color: #FFFFFF;
}

table.cnetproduct td select {
        width: 320px;
}

table.cnetproduct td span {
font-weight : normal;
}

table.cnetproduct td span span {
color: #CC6699;
        font-weight : bold;
}

table.cnetproduct td nobr{
color: #000000;
        font-weight : normal;
}

table.cnetproduct td.decorationbottom {
border-style: solid;
border-width: 0px 0px 1px 0px;
}

table.cnetproduct td.cnetsortvalue {
border-style: solid;
border-width: 0px 0px 1px 0px;
        vertical-align: bottom;
}

table.cnetproduct th.cnetquestion {
background-color: #E8FFE8;
text-align: center;
border-style: solid;
border-width: 1px 1px 0px 1px;
border-color: #DADAD6;
}

table.cnetproduct th.cnettop {
background-color: #FFFFFF;
}

table.cnetproduct input.cnetgo {
        background-color: #E8F3FF;
        font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
        color: #000000;
width: 120px;
border-style: solid;
border-width: 1px 1px 1px 3px;
border-color: #3399FF;
}

/* --------------------------------------------------------- */
/*          Unsere Empfehlung reference                      */
/* --------------------------------------------------------- */

table.reference  {
width: 150px;
background-color: #DADBD6;
border-collapse: collapse;
font-family: Arial, Helvetica, Sans-Serif;
color: #000000;
font-size: 8pt;
}

table.reference th {
 background-color: B2B1AA;
color: #000000;
font-size: 8pt;
        text-align: center;
        font-weight: bold;
        height: 25px;
       }

table.reference td.productpic {
       text-align: center;
       color: #000000;
       font-size: 8pt;
       font-family: Arial, Helvetica, Sans-Serif;
       }

table.reference td.info {
       text-align: center;
       border-style: solid;
       border-color: #EBEBEB;
       border-width: 1px 1px 0px 1px;
       }

table.reference td span {
       color: #CC6699;
       font-weight: bold;
       }

/* --------------------------------------------------------- */
/*      Tabelle unter Produkte (Preise+Bestand)              */
/* --------------------------------------------------------- */

table.importantdetails {
       border-style: solid;
       border-color: #4D4E49;
       border-width: 8px 1px 1px 1px;
       background-color: #FFFFFF;
       font-size: 8pt;
       font-family: Arial, Helvetica;
       color: #4D4E49;
       }

table.importantdetails td {
       padding-left: 5px;
       }

/* --------------------------------------------------------- */
/*          Abweichende Lieferadresse                        */
/* --------------------------------------------------------- */

table.deliveryaddressborder {
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-color: #000000;
        background-color: #FFFFFF;
        }

table.deliveryaddressmainleft {
       font-family: Arial, Helvetica;
       font-size: 8pt;
       color: #000000;
       background-color: #DADBD6;
       margin-left: 2px;
       }

table.deliveryaddressmainright {
       font-family: Arial, Helvetica;
       font-size: 8pt;
       color: #000000;
       background-color: #EBEBEB;
       }

th.deliveryaddress     {
       vertical-align: top;
       text-align: left;
        }

td.deliveryaddresstop {
        background-color: #FFFFFF;
        }

td.deliveryaddressmainleft {
       vertical-align: top;
       background-color: #DADBD6;
       }

td.deliveryaddressmainright {
       vertical-align: top;
       background-color: #EBEBEB;
       }

td.deliveryaddressquestion {
        background-color: #E8FFE8;
        text-align: center;
        border-style: solid;
        border-width: 1px 1px 0px 1px;
        border-color: #000000;
        }

td.deliveryaddressalign {
        text-align: right;
        }

td.deliveryaddresscenter {
        text-align: center;
        }

select.deliveryaddress {
        width: 280px;
        font-family: Arial, Helvetica;
        font-size: 8pt;
        color: #000000;
        }

input.deliveryaddress {
        font-family: Arial, Helvetica;
        font-size: 8pt;
        color: #000000;
        width: 160px;
       }

checkbox.deliveryaddress {
        text-align: left;
        }

span.deliverystatus {
        font-family: Arial, Helvetica;
        font-size: 8pt;
        color: #CC6699;
        font-weight: bold;
        }

/* --------------------------------------------------------- */
/*  Mein Konto Statusabfragen(Seriennr, Liefrescheinnr. usw. */
/* --------------------------------------------------------- */

table.myaccount {
      width: 300px;
      font-family: Arial, Helvetica;
      font-size: 8pt;
      color: #000000;
      margin-left: 50px;
      }

table.myaccount th {
      background-color: #B2B1AA;
      text-align: left;
      padding-left: 5px;
      }

table.myaccount td {
      background-color: #EBEBEB;
      height: 50px;
      padding-left: 5px;
      padding-right: 5px;
      }

table.myaccount td.fromto {
      background-color: #EBEBEB;
      height: 20px;
      padding-left: 5px;
      padding-right: 5px;
      }

table.myaccount input.submit {
      width: 100px;
      border-width: 1px 1px 1px 5px;
      border-style: solid;
      border-color: #981E6F;
      background-color: #FDF2FA;
      font-family: Arial, Helvetica;
      font-size: 8pt;
      color: #000000;
      font-weight: normal;
      }

/* --------------------------------------------------------- */
/*  Design Suche (Artikel, Hersteller, EAN Nr.)              */
/* --------------------------------------------------------- */

table.searcharticle {
      width: 400px;
      font-family: Arial, Helvetica;
      font-size: 8pt;
      color: #000000;
      margin-left: 0px;
      }

table.searcharticle th {
      background-color: #B2B1AA;
      text-align: left;
      padding-left: 5px;
      }

table.searcharticle td {
      background-color: #EBEBEB;
      height: 50px;
      padding-left: 5px;
      padding-right: 5px;
      }

table.searcharticle td.fromto {
      background-color: #EBEBEB;
      height: 20px;
      padding-left: 5px;
      padding-right: 5px;
      }

table.searcharticle input.submit {
      width: 100px;
      border-width: 1px 1px 1px 5px;
      border-style: solid;
      border-color: #981E6F;
      background-color: #FDF2FA;
      font-family: Arial, Helvetica;
      font-size: 8pt;
      color: #000000;
      font-weight: normal;
      }


/* --------------------------------------------------------- */
/*      Scheinformular für Compaq Aktion                     */
/* --------------------------------------------------------- */

table.compaqformular {
      background-color: #EBEBEB;
      font-family: Arial, Helvetica;
      color: #000000;
      font-size: 8pt;
      border-style: solid;
      border-width: 1px 1px 1px 1px;
      border-color: #4D4E49;
      }

table.compaqformular th {
      text-align: left;
      background-color: #B2B1AA;
      padding-left: 5px;
      }

/* --------------------------------------------------------- */
/*      Shortcut Produktfindung                              */
/* --------------------------------------------------------- */

select.shortcutselect {
       width: 140px;
       font-size: 7pt;
       font-family: Arial, Helvetica;
       color: #000000;
       font-weight: normal;
       letter-spacing: 0.1em;
       }

td.shortcutselect {
       text-align: right;
       }

input.shortcutselect {
       margin-top: 10px;
       }

/* --------------------------------------------------------- */
/*      Kommentar Frachtkosten Insider Meeting 2002          */
/* --------------------------------------------------------- */

span.insider2002 {
      font-family: Arial, Helvetica;
      color: #000000;
      font-size: 8pt;
      font-weight: normal;
      }

/* --------------------------------------------------------- */
/*      Tabelle FAQ HP SERVER                                */
/* --------------------------------------------------------- */

table.newhpserver {
      width: 100%;
      background-color: #FFFFFF;
      border-style: solid;
      border-color: #4D4E49;
      border-width: 1px 1px 1px 1px;
      font-size: 8pt;
      }

table.newhpserver tr th {
      text-align: center;
      vertical-align: top;
      background-color: #DADBD6;
      }

table.newhpserver tr th.topic {
      font-size: 10pt;
      text-align: left;
      color: #FFFFFF;
      background-color: #4D4E49;
      }

table.newhpserver tr td {
      text-align: center;
      background-color: #DADBD6;
      font-size: 8pt;
      }

table.newhpserver td.gray {
      text-align: center;
      background-color: #EAEBEA;
      }

table.newhpserver tr td.left {
      text-align: left;
      background-color: #DADBD6;
      }

table.newhpserver tr td.leftgray {
      text-align: left;
      background-color: #EAEBEA;
      }

/* --------------------------------------------------------- */
/*      Style für Shortcut ohne Tabellenstruktur             */
/* --------------------------------------------------------- */


div.divshortcut {
        width: 150px;
        background-color: #EBEBEB;
        border-style: solid;
        border-color: #4D4E49;
        border-width: 1px 1px 1px 1px;
        margin-bottom: 10px;
        }

div.divshortcutwer {
        width: 150px;
        margin-bottom: 10px;
        }


div.divshortcut p {
        line-height: 15px;
        padding-left: 7px;
        padding-right: 5px;
        font-size: 8pt;
        color: #000000;
        margin: 0px 0px 2px 0px;
        font-weight: normal;
        }

div.divshortcut p.top {
        background-color: #DADBD6;
        font-weight: bold;
        line-height: 15px;
        text-align: center;
        padding: 3px 3px 3px 3px;
        border-style: solid;
        border-color: #4D4E49;
        border-width: 0px 0px 1px 0px;
        }
div.divshortcut p.topbasket {
        background-color: #cc6699;
        font-weight: normal;
        line-height: 15px;
        text-align: center;
        padding: 3px 3px 3px 3px;
        border-style: solid;
        border-color: #4D4E49;
        border-width: 0px 0px 1px 0px;
        }

div.divshortcut p nobr {
        color: #CC6699;
        font-weight: bold;
        padding-right: 10px;
        }

div.divshortcut p.image {
        text-align: center;
        }

div.divshortcut ul {
        margin: 0px 0px 0px 23px;
        list-style-type: none;
        list-style-image: url(/images/Basketimages/kpro);
        }

div.divshortcut ul li {
        line-height: 20px;
        font-size: 8pt;
        }

div.divshortcut ul li a:link {
        text-decoration: none;
        font-size: 8pt;
        font-family: Arial, Helvetica;
        color: #000000;
        font-weight: normal;
        }

div.divshortcut ul li a:visited {
        text-decoration: none;
        font-size: 8pt;
        font-family: Arial, Helvetica;
        color: #000000;
        font-weight: normal;
        }

div.divshortcut ul li a:active {
        text-decoration: none;
        font-size: 8pt;
        font-family: Arial, Helvetica;
        color: #000000;
        font-weight: normal;
        }

div.divshortcut ul li a:hover {
        text-decoration: underline;
        font-size: 8pt;
        font-family: Arial, Helvetica;
        color: #000000;
        font-weight: normal;
        }

div.divshortcut p.top a:link {
        text-decoration: none;
        font-weight: bold;
        }

div.divshortcut p.top a:visited {
        text-decoration: none;
        font-weight: bold;
        }

div.divshortcut p.top a:active {
        text-decoration: none;
        font-weight: bold;
        }

div.divshortcut p.top a:hover {
        text-decoration: underline;
        font-weight: bold;
        }

div.divshortcut p.topbasket a:link {
        text-decoration: none;
        font-weight: bold;
        }

div.divshortcut p.topbasket a:visited {
        text-decoration: none;
        font-weight: bold;
        }

div.divshortcut p.topbasket a:active {
        text-decoration: none;
        font-weight: bold;
        }

div.divshortcut p.topbasket a:hover {
        text-decoration: underline;
        font-weight: bold;
        }


div.divshortcut a:link {
        text-decoration: none;
        font-size: 8pt;
        font-family: Arial, Helvetica;
        color: #000000;
        font-weight: normal;
        letter-spacing: 0.0em;
        }

div.divshortcut a:visited {
        text-decoration: none;
        font-size: 8pt;
        font-family: Arial, Helvetica;
        color: #000000;
        font-weight: normal;
        letter-spacing: 0.0em;
        }

div.divshortcut a:active {
        text-decoration: none;
        font-size: 8pt;
        font-family: Arial, Helvetica;
        color: #000000;
        font-weight: normal;
        letter-spacing: 0.0em;
        }

div.divshortcut a:hover {
        text-decoration: underline;
        font-size: 8pt;
        font-family: Arial, Helvetica;
        color: #000000;
        font-weight: normal;
        letter-spacing: 0.0em;
        }

div.divshortcut select {
       width: 135px;
       font-size: 7pt;
       font-family: Arial, Helvetica;
       color: #000000;
       font-weight: normal;
       letter-spacing: 0.1em;
       margin: 3px 0px 3px 6px;
       }

div.divshortcut p a:link {
        text-decoration: none;
        color: #000000;
        }

div.divshortcut p a:visited {
        text-decoration: none;
        color: #000000;
        }

div.divshortcut p a:active {
        text-decoration: none;
        color: #000000;
        }

div.divshortcut p a:hover {
        text-decoration: underline;
        color: #000000;
        }

div.divshortcut input.textinput {
        width: 110px;
        font-size: 7pt;
        font-family: Arial, Helvetica;
        color: #000000;
        font-weight: normal;
        margin-left: 5px;
        padding-right: 5px;
        margin-bottom: 5px;
        }

/* --------------------------------------------------------- */
/*      Vordefinierte und Standard Produkttabelle            */
/* --------------------------------------------------------- */

table.defaultproductlist {
      border-collapse: collapse;
      border-spacing: 0px;
      width: 100%;
      background-color: #FFFFFF;
      color: #000000;
      font-size: 8pt;
      }

table.defaultproductlist tr th {
      background-color: #4D4E49;
      color: #FFFFFF;
      text-align: center;
      padding-left: 3px;
      font-weight: normal;
      border-style: solid;
      border-width: 1px 1px 1px 1px;
      border-color: #FFFFFF;
      }

table.defaultproductlist tr th.description {
      text-align: left;
      padding-left: 3px;
      }

table.defaultproductlist tr th.price {
      text-align: right;
      padding-right: 3px;
      }

table.defaultproductlist tr td {
      background-color: #EBEBEB;
      color: #000000;
      text-align: center;
      border-style: solid;
      border-width: 1px 1px 1px 1px;
      border-color: #FFFFFF;
      vertical-align: top;
      padding: 2px 0px 2px 0px;
      }

table.defaultproductlist tr td.serial {
      padding-top: 0px;
      }

table.defaultproductlist tr td.serialdarkgray {
      padding-top: 0px;
      background-color: #DADBD6;
      }

table.defaultproductlist tr td.description {
      text-align: left;
      padding: 2px 0px 2px 3px;
      }

table.defaultproductlist tr td.price {
      text-align: right;
      padding: 2px 3px 2px 0px;
      }

table.defaultproductlist tr td.darkgray {
      background-color: #DADBD6;
      padding: 2px 0px 2px 0px;
      }

table.defaultproductlist tr td div {
      background-color: #7E4662;
      color: #FFFFFF;
      width: 15px;
      height: 10px;
      font-weight: bold;
      }

table.defaultproductlist tr td.darkgray div {
      background-color: #7E4662;
      color: #FFFFFF;
      width: 15px;
      height: 10px;
      font-weight: bold;
      }

table.defaultproductlist tr td.darkgraydescription {
      text-align: left;
      padding-left: 3px;
      background-color: #DADBD6;
      padding: 2px 0px 2px 0px;
      }

table.defaultproductlist tr td.darkgrayprice {
      text-align: right;
      padding-right: 2px;
      background-color: #DADBD6;
      padding: 2px 0px 2px 0px;
      }

div.authorization {
      width: 150px;
      padding: 5px;
      background-color: #7E4662;
      color: #FFFFFF;
      font-size: 8pt;
      font-family: Arial, Helvetica;
      font-weight: bold;
      letter-spacing: 0.1em;
      }

table.defaultproductlist tr td.serial table {
      border-collapse: collapse;
      border-spacing: 0px;
      border-style: none;
      }

table.defaultproductlist tr td.serialdarkgray table {
      border-collapse: collapse;
      border-spacing: 0px;
      border-style: none;
      }

table.defaultproductlist tr td.serial table tr td {
      background-color: #EBEBEB;
      color: #000000;
      font-size: 8pt;
      font-family: Arial, Helvetica;
      border-style: none;
      }

table.defaultproductlist tr td.serialdarkgray table tr td {
      background-color: #DADBD6;
      color: #000000;
      font-size: 8pt;
      font-family: Arial, Helvetica;
      border-style: none;
      }

/* --------------------------------------------------------- */
/*      Vordefiniertes Formular                              */
/* --------------------------------------------------------- */

div.form {
      width: 400px;
      height: auto;
      font-family: Arial, Helvetica;
      color: #000000;
      font-size: 8pt;
      padding: 15px 15px 15px 15px;
      border-style: solid;
      border-color: #B2B1AA;
      border-width: 1px 1px 1px 1px;
      background-color: #EBEBEB;
      }

div.form div {
      width: 400px;
      margin: 3px 0px 3px 0px;
      }

div.form div div {
      width: 150px;
      float: left;
      clear: left;
      }

div.form div div.deco {
      border-style: solid;
      border-color: #B2B1AA;
      border-width: 0px 0px 1px 0px;
      }

div.form div.break {
      border-style: solid;
      border-width: 1px 0px 0px 0px;
      border-color: #B2B1AA;
      margin: 10px 0px 10px 0px;
      width: 400px;
      }

div.form div.break span {
      font-weight: bold;
      }


div.form div input {
      width: 150px;
      font-size: 8pt;
      letter-spacing: 0.1em;
      }

div.form div.mandatoryfield {
      color: #CC6699;
      font-weight: bold;
      }

div.form div span.mandatoryfield {
      color: #CC6699;
      font-weight: bold;
      }

div.form div input.mandatoryfield {
      background-color: #FDF2FA;
      }

div.form div input.small {
     width: 50px;
     font-size: 8pt;
     letter-spacing: 0.1em;
     }

div.form div select {
      width: 210px;
      font-size: 8pt;
      letter-spacing: 0.1em;
      }

div.form div select.small {
      width: 70px;
      font-size: 8pt;
      letter-spacing: 0.1em;
      }

div.form input.newectoorder {
      margin-top: 5px;
      width: 200px;
      border-style: solid;
      border-width: 1px 1px 1px 1px;
      border-color: #CC6699;
      font-weight: bold;
      font-size: 8pt;
      font-family: Arial, Helvetica;
      color: #000000;
      background-color: #FDF2FA;
      margin: 10px 0px 0px 0px;
      }

/* --------------------------------------------------------- */
/*      MYACCOUNT Last ten orders Top                        */
/* --------------------------------------------------------- */

table.myorderstop {
      border-collapse: collapse;
      border-spacing: 0px;
      width: 650px;
      background-color: #FFFFFFF;
      font-family: Arial, Helvetica;
      color: #000000;
      margin-bottom: 10px;
      }

table.myorderstop tr th.top {
      background-color: #7E4662;
      color: #FFFFFF;
      text-align: left;
      padding-left: 5px;
      font-size: 10pt;
      }

table.myorderstop tr td.top {
      vertical-align: top;
      padding-top: 20px;
      padding-bottom: 20px;
      border-style: solid;
      border-width: 0px 1px 1px 1px;
      border-color: #7E4662;
      background-color: #EBEBEB;
      width: 100px;
      }

table.myorderstop tr td.tableorders {
      vertical-align: top;
      }

table.myorderstop tr td.top p.topic {
      font-size: 8pt;
      font-weight: bold;
      }

table.myorderstop tr td.top p span {
      font-size: 8pt;
      font-weight: normal;
      }

table.myorderstop tr td.top span.topic {
      font-size: 8pt;
      font-weight: bold;
      }

table.myorderstop tr td.top table {
      font-size: 8pt;
      font-weight: normal;
      background-color: #EBEBEB;
      color: #000000;
      }

table.myorderstop tr td.top table tr td {
      font-size: 8pt;
      font-weight: normal;
      }

span.myorders {
      font-size: 8pt;
      font-weight: bold;
      color: #7E4662;
      font-family: Arial, Helvetica;
      }


/* --------------------------------------------------------- */
/*      HP SEP Baureihen Modelle                             */
/* --------------------------------------------------------- */

div.floatbox {
      width: 180px;
      height: 450px;
      margin-right: 10px;
      margin-bottom: 10px;
      border-style: solid;
      border-width: 1px;
      border-color: #4E4D49;
      font-weight: normal;
      font-size: 8pt;
      font-family: Arial, Helvetica;
      text-align: center;
      float: left;
      }

div.floatbox img {
      margin: 10px 10px 10px 10px;
      }

div.floatbox a:link {
      color: #000000;
      text-decoration: none;
      font-weight: bold;
      font-size: 8pt;
      font-family: Arial, Helvetica;
      }

div.floatbox a:active {
      color: #000000;
      text-decoration: none;
      font-weight: bold;
      font-size: 8pt;
      }

div.floatbox a:visited {
      color: #000000;
      text-decoration: none;
      font-weight: bold;
      font-size: 8pt;
      }

div.floatbox a:hover {
      color: #000000;
      text-decoration: underline;
      font-weight: bold;
      font-size: 8pt;
      }

div.floatbox span.newectodetails {
      text-align: left;
      font-size: 7pt;
      letter-spacing: 0.1em;
      }

div.floatbox span.newectodetails ul {
      text-align: left;
      list-style-image: url(/images/Navigationsimages/newectolist);
      }

td.mainfloatbox {
      color: #000000;
      font-weight: normal;
      font-size: 8pt;
      font-family: Arial, Helvetica;
      }

td.mainfloatbox p {
      margin-top: 10px;
      }

td.mainfloatbox p form select {
      width: 250px;
      font-weight: normal;
      font-size: 8pt;
      font-family: Arial, Helvetica;
      letter-spacing: 0.1em;
      background-color: #EBEBEB;
      margin-top: 2px;
      margin-bottom: 5px;
      }

td.mainfloatbox p form input.floatsubmit {
      width: 125px;
      border-style: solid;
      border-color: #CC6699;
      background-color: #EBEBEB;
      height: 20px;
      margin-left: 10px;
      font-weight: bold;
      font-size: 8pt;
      font-family: Arial, Helvetica;
      margin-top: 2px;
      margin-bottom: 5px;
      }

td.mainfloatbox p a:link {
      color: #000000;
      text-decoration: none;
      font-weight: bold;
      font-size: 8pt;
      font-family: Arial, Helvetica;
      }

td.mainfloatbox p a:active {
      color: #000000;
      text-decoration: none;
      font-weight: bold;
      font-size: 8pt;
      }

td.mainfloatbox p a:visited {
      color: #000000;
      text-decoration: none;
      font-weight: bold;
      font-size: 8pt;
      }

td.mainfloatbox p a:hover {
      color: #000000;
      text-decoration: underline;
      font-weight: bold;
      font-size: 8pt;
      }

div.form div select.selectdelivery {
      width: 150px;
      height: 20px;
      font-size: 8pt;
      margin-top: 5px;
      background-color: #FDF2FA;
      }

/* --------------------------------------------------------- */
/*      Begrüßung im PPP                                     */
/* --------------------------------------------------------- */

span.homesalutation {
      color: #000000;
      font-size: 8pt;
      font-family: Arial, Helvetica;
      padding-left: 75px;
      }

span.homesalutation span {
      font-weight: bold;
      }

td.homesalutationtop {
      text-align: right;
      padding-right: 15px;
      }

td.homesalutationtop span {
      color: #FFFFFF;
      font-size: 8pt;
      font-family: Arial, Helvetica;
      }

td.homesalutationtop span span {
      font-weight: bold;
      color: #000000;
      }

p.newectocoment {
      color: #000000;
      font-size: 8pt;
      font-family: Arial, Helvetica;
      }

/* --------------------------------------------------------- */
/*      New Status Abfragen                                  */
/* --------------------------------------------------------- */

div.border {
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-color:  #7E4662;
        background-color: #EBEBEB;
        width: 550px;
        height: auto;
        color: #000000;
        font-size: 8pt;
        font-family: Arial, Helvetica;
        padding-left: 5px;
        }

div.border div.left {
        float: left;
        width: 100px;
        height: auto;
        padding: 5px 5px 5px 1px;
        }

div.border div.right {
        width: 200px;
        height: auto;
        float: left;
        padding: 5px 5px 5px 1px;
        }

div.border div.instruction {
        width: 220px;
        height: auto;
        margin: 5px 5px 5px 1px;
        float: left;
        }

div.border div.search span {
        font-weight: bold;
        }

div.border div.bottomleft {
        width: 160px;
        height: auto;
        margin: 0px 5px 5px 0px;
        float: left;
        clear: left;
        }

div.border div.bottomleft div {
        margin: 0px 0px 5px 0px;
        }

div.border div.bottomright {
        width: 130px;
        height: auto;
        margin: 0px 5px 5px 0px;
        float: left;
        }

div.border div.bottomright div {
        margin: 0px 0px 5px 0px;
        }

div.border div.status {
        width: 200px;
        height: 80px;
        float: left;
        text-align: left;
        margin-top: 10px;
        margin-left: 3px;
        }

div.border div.status span {
        font-weight: bold;
        }

div.border div.status span span {
        color: #7E4662;
        font-weight: bold;
        }

div.border div.submit {
        margin: 5px;
        width: 150px;
        height: 20px;
        clear: left;
        float: left;
        }

div.border div.submit input {
        border-style: solid;
        border-color: #000000;
        background-color: #7E4662;
        color: #FFFFFF;
        border-width: 1px 1px 1px 1px;
        font-size: 8pt;
        font-weight: bold;
        letter-spacing: 0.1em;
        width: 80px;
        margin-right: 10px;
        }


div.border div.instruction span {
        font-weight: bold;
        }

div.border div.left div {
        width: 100%;
        margin: 5px 0px 10px 0px;
        font-weight: bold;
        border-style: solid;
        border-color: #B2B1AA;
        border-width: 0px 0px 1px 0px;
        }

div.border div.left div.noborder {
        width: 100%;
        margin: 5px 0px 10px 0px;
        font-weight: bold;
        border-style: none;
        }

div.border div.right div {
        width: 100%;
        margin: 1px 0px 1px 0px;
        border-style: none;
        border-width: 0px 0px 0px 0px;
        }

div.border div.right div span {
        vertical-align: top;
        padding-top: 1px;
        letter-spacing: 0.1em;
        }

div.border div.right div input {
        border-style: solid;
        border-color: #B2B1AA;
        border-width: 1px 1px 1px 1px;
        font-size: 8pt;
        font-weight: normal;
        letter-spacing: 0.1em;
        width: 100px;
        margin-bottom: 5px;
        margin-right: 5px;
        }

div.border div.right div input.searchword {
        font-weight: bold;
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-color: #7E4662;
        width: 150px;
        }

/* --------------------------------------------------------- */
/*  Berechtigungsmodell Tabelle unter Sub Accounts anlegen   */
/* --------------------------------------------------------- */
table.authorization {
      border-collapse: collapse;
      border-spacing: 0px;
      width: 400px;
      background-color: #FFFFFF;
      color: #000000;
      font-size: 8pt;
      }

table.authorization tr th {
      background-color: #4D4E49;
      color: #FFFFFF;
      text-align: center;
      padding-left: 3px;
      font-weight: normal;
      border-style: solid;
      border-width: 1px 1px 1px 1px;
      border-color: #FFFFFF;
      width: 100px
      }

table.authorization tr td {
      background-color: #EBEBEB;
      color: #000000;
      text-align: center;
      border-style: solid;
      border-width: 1px 1px 1px 1px;
      border-color: #FFFFFF;
      vertical-align: top;
      padding: 2px 0px 2px 0px;
      }

table.authorization tr td.roles {
      text-align: left;
      padding-left: 3px;
      }

table.authorization tr td.darkgray {
      background-color: #DADBD6;
      padding: 2px 0px 2px 0px;
      }

table.authorization tr td span {
      color: #7E4662;
      font-weight: bold;
      }

table.authorization tr td.darkgray span {
      color: #7E4662;
      font-weight: bold;
      }

div.authorization {
      width: 150px;
      padding: 5px;
      background-color: #7E4662;
      color: #FFFFFF;
      font-size: 8pt;
      font-family: Arial, Helvetica;
      font-weight: bold;
      letter-spacing: 0.1em;
      margin-top: 5px;
      }

/* --------------------------------------------------------- */
/*      Legende New ECTO HP                                  */
/* --------------------------------------------------------- */

div.ectolegend {
        width: 100%;
        height: auto;
        font-size: 8pt;
        margin-top: 3px;
        margin-bottom: 3px;
        }

div.ectolegend div.left {
        width: 45%;
        height: auto;
        float: left;
        margin: 3px;
        }

div.ectolegend div.left image {
        margin-right: 8px;
        }

div.ectolegend div.right {
        width: 45%;
        height: auto;
        float: left;
        margin: 3px;
        }

div.ectolegend div.right image {
        margin-right: 8px;
        }

div.ectolegend div.bottom {
        width: 95%;
        height: auto;
        clear: left;
        margin: 3px;
        }

div.ectolegend div.bottom div span {
        font-weight: bold;
        }


/* --------------------------------------------------------- */
/*      Statuszeile                                          */
/* --------------------------------------------------------- */

div.statuscoment {
    position: absolute;
    top: 210px;
    left: 200px;
    width: 550px;
    height: auto;
    background-color: #F9E6E8;
    border-width: 1px;
    border-color: #4D4E49;
    border-style: solid;
    display: block;
    padding: 5px;
    font-size: 8pt;
    }

div.statuscoment div {
    color: #000000;
    font-weight: bold;
    font-size: 8pt;
    letter-spacing: 0.1em;
    }

div.statuscoment div span {
    font-size: 8pt;
    letter-spacing: 0.1em;
    color: #FF0000;
    font-weight: bold;
    padding-left: 5px;
    }


/* --------------------------------------------------------- */
/*      New Status Abfragen                                  */
/* --------------------------------------------------------- */

div.border {
        width: 100%;
        height: 300px;
        font-size: 8pt;
        font-family: Arial, Helvetica;
        padding-left: 5px;
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-color:  #7E4662;
        background-color: #EBEBEB;
        }

div.border div.left {
        float: left;
        width: 100px;
        height: auto;
        padding: 5px 5px 5px 1px;
        }

div.border div.right {
        width: 200px;
        height: auto;
        float: left;
        padding: 5px 5px 5px 1px;
        }

div.border div.instruction {
        width: 220px;
        height: auto;
        margin: 5px 5px 5px 1px;
        float: left;
        }

div.border div.search span {
        font-weight: bold;
        }

div.border div.bottomleft {
        width: 160px;
        height: auto;
        margin: 0px 5px 5px 0px;
        float: left;
        clear: left;
        }

div.border div.bottomleft div {
        margin: 0px 0px 5px 0px;
        }

div.border div.bottomright {
        width: 130px;
        height: auto;
        margin: 0px 5px 5px 0px;
        float: left;
        }

div.border div.bottomright div {
        margin: 0px 0px 5px 0px;
        }

div.border div.status {
        width: 200px;
        height: 80px;
        float: left;
        text-align: left;
        margin-top: 10px;
        margin-left: 3px;
        }

div.border div.status span {
        font-weight: bold;
        }

div.border div.status span span {
        color: #7E4662;
        font-weight: bold;
        }

div.border div.submit {
        margin: 5px;
        width: 150px;
        height: 20px;
        clear: left;
        float: left;
        }

div.border div.submit input {
        border-style: solid;
        border-color: #000000;
        background-color: #7E4662;
        color: #FFFFFF;
        border-width: 1px 1px 1px 1px;
        font-size: 8pt;
        font-weight: bold;
        letter-spacing: 0.1em;
        width: 80px;
        margin-right: 10px;
        }


div.border div.instruction span {
        font-weight: bold;
        }

div.border div.left div {
        width: 100%;
        margin: 5px 0px 10px 0px;
        font-weight: bold;
        border-style: solid;
        border-color: #B2B1AA;
        border-width: 0px 0px 1px 0px;
        }

div.border div.left div.noborder {
        width: 100%;
        margin: 5px 0px 10px 0px;
        font-weight: bold;
        border-style: none;
        }

div.border div.right div {
        width: 100%;
        margin: 1px 0px 1px 0px;
        border-style: none;
        border-width: 0px 0px 0px 0px;
        }

div.border div.right div span {
        vertical-align: top;
        padding-top: 1px;
        letter-spacing: 0.1em;
        }

div.border div.right div input {
        border-style: solid;
        border-color: #B2B1AA;
        border-width: 1px 1px 1px 1px;
        font-size: 8pt;
        font-weight: normal;
        letter-spacing: 0.1em;
        width: 100px;
        margin-bottom: 5px;
        margin-right: 5px;
        }

div.border div.right div input.searchword {
        font-weight: bold;
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-color: #7E4662;
        width: 150px;
        }

/* --------------------------------------------------------- */
/*      My Account test                                      */
/* --------------------------------------------------------- */

div.inputfield {
     width: 550px;
     height: 320px;
     border-color: #7E4662;
     border-style: solid;
     border-width: 1px;
     background-color: #EBEBEB;
     color: #000000;
     font-size: 8pt;
     font-family: Arial, Helvetica;
     }

div.inputfield div.topic {
     width: 500px;
     font-weight: bold;
     margin: 5px 0px 0px 5px;
     float: none;
     }

div.inputfield div div {
     margin-bottom: 5px;
     }

div.inputfield div.topleft {
     width: 25%;
     height: auto;
     float: left;
     margin-left: 5px;
     }

div.inputfield div.topmiddle {
     width: 30%;
     height: auto;
     float: left;
     }

div.inputfield div.topright {
     width: 40%;
     height: auto;
     float: left;
     }

div.inputfield div.middleleft {
     width: 50%;
     height: auto;
     margin-left: 5px;
     float: left;
     clear: left;
     }

div.inputfield div.middleleft div {
      width: 100px;
      height: auto;
      float: left;
      clear: left;
      }

div.inputfield div.middleleft span {
     letter-spacing: 0.1em;
     font-size: 7pt;
     }

div.inputfield div.middleleft div.search {
     margin: 20px 0px 2px 0px;
     }

div.inputfield div.middleleft input.text {
     width: 100px;
     border-color: #B2B1AA;
     border-style: solid;
     border-width: 1px;
     margin-right: 10px;
     }

div.inputfield div.middleleft input.search {
     width: 150px;
     margin: 15px 0px 2px 0px;
     border-color: #7E4662;
     border-style: solid;
     border-width: 2px;
     }

div.inputfield div.middleright {
     width: 40%;
     height: auto;
     float: left;
     border-color: #B2B1AA;
     }

div.inputfield div.deco {
     width: 100%;
     height: auto;
     float: none;
     clear: left;
     border-color: #B2B1AA;
     border-style: solid;
     border-width: 0px 0px 1px 0px;
     margin: 0px 0px 10px 0px;
     }

div.form div input.acceptagb {
     width: 15px;
     height: 15px;
     margin-right: 10px;
     background-color: #FDF2FA;
     }

div.inputfield div.middleright span.bold {
     font-weight: bold;
     }

div.inputfield div.middleright span.stati {
     letter-spacing: 0.1em;
     color: #CC0033;
     }

div.inputfield div.submit {
     clear: left;
     }

div.inputfield div.HPcoment {
 padding: 5px 0px 3px 10px;
}

div.inputfield div.HPcoment span {
 font-weight: bold;
}

div.inputfield div input.submit {
     border-style: solid;
     border-color: #000000;
     background-color: #7E4662;
     color: #FFFFFF;
     border-width: 1px 1px 1px 1px;
     font-size: 8pt;
     font-weight: bold;
     letter-spacing: 0.1em;
     margin-left: 110px;
     }

div.inputfield div.middleright textarea.status {
       font-size: 8pt;
       font-family: Arial, Helvetica;
       color: #000000;
       font-weight: normal;
       letter-spacing: 0.1em;
       width: 200px;
       height: 90px;
       border-style: solid;
       border-color: #4A4B49;
       background-color: #FFFFFF;
       border-width: 1px;

       }


/* --------------------------------------------------------- */
/*          CSS für Zubehoer-Tabellenkopf                    */
/* --------------------------------------------------------- */
table.accessorieslist {
      width: 550px;
}


table.accessorieslist tr th.head {
      background-color: #CC6699;
      color: #FFFFFF;
      text-align: left;
      padding-left: 3px;
      padding-top: 3px;
      padding-bottom: 3px;
      font-size: 10pt;
      font-weight: bold;
      border-style: solid;
      border-width: 1px 1px 1px 1px;
      border-color: #FFFFFF;
      }

/****************************************************************************/
/*     Die Kalkulation für das Endkunden Datenblatt                         */
/****************************************************************************/

table.markup {
 width: 550px;
 height: auto;
 border-style: solid;
 border-color:  #CC6699;
 border-width: 1px;
 font-size: 8pt;
 color: #000000;
 background-color: #FFFFFF;
 border-collapse: collapse;
 border-spacing: 0px;
}

table.markup tr th {
 background-color: #CC6699;
 color: #FFFFFF;
 font-size: 10pt;
 font-weight: bold;
 text-align: left;
 padding: 3px;
}

table.markup tr td {
 padding-left: 10px;
 border-style: solid;
 border-width: 1px 0px 1px 0px;
 border-color: #EBEBEB;
 font-weight: bold;
}

table.markup tr td.position {
 padding-left: 130px;
 font-weight: normal;
}

table.markup tr td.alignment {
 vertical-align: top;
 padding-top: 3px;
 border-style: none;
}

table.markup tr td input {
 margin-right: 8px;
 border-style: solid;
 border-color: #000000;
 border-width: 1px;
 width: 150px;
 text-align: right;
}

table.markup tr td div.price {
 width: 150px;
 height: 18px;
 font-weight: normal;
 font-size: 10pt;
 border-style: solid;
 border-color: #B2B1AA;
 background-color: #EBEBEB;
 border-width: 1px;
 margin: 5px 0px;
 float: left;
 text-align: right;
 padding-top: 2px;
}

table.markup tr td div.euro {
 width: 150px;
 height: 20px;
 font-weight: normal;
 font-size: 10pt;
 padding-top: 7px;
 padding-left: 5px;
 float: left;
}

table.markup tr td input.endprice {
 font-weight: bold;

}

table.markup tr td input.submit {
 margin: 10px 10px 10px 205px;
 border-color:  #3399FF;
 background-color: #E8F3FF;
 border-left-width: 3px;
 text-align: center;
}

table.markup tr td textarea {
 border-style: solid;
 border-color: #000000;
 border-width: 1px;
}

table.markup tr td span {
 font-size: 10pt;
 font-weight: normal;
}

table.markup tr td span span {
 font-size: 8pt;
 margin-left: 10px;
}

table.markup tr td span.date {
 font-size: 8pt;
}

/****************************************************************************/
/*     Störungsmeldung auf der Homeseite                                    */
/****************************************************************************/

div.attention {
 position: absolute;
 top: 130px;
 left: 20px;
 width: 200px;
 height: auto;
 background-color: #FFE1E8;
 font-size: 10pt;
 border-style: solid;
 border-color: #CC6699;
 border-width: 1px;
 padding: 5px;
}

div.attention span {

 font-weight: bold;
}

div.attention a {
 text-decoration: underline;
 color: #4E4D49;
 font-weight: bold;
}

div.attention a:link {
 text-decoration: underline;
 color: #4E4D49;
}

div.attention a:hover {
 text-decoration: underline;
 color: #000;
}

div.attention a:active {
 text-decoration: underline;
 color: #4E4D49;
}

div.attention a:visited {
 text-decoration: underline;
 color: #4E4D49;
}


/****************************************************************************/
/*     Ansicht PDF auf der Info/Zubehoer Seite                              */
/****************************************************************************/

img.techdatapdf {
 border-style: none;
 margin-left: 40px;
}

/* --------------------------------------------------------- */
/*          Style for the ECTO Modelselection                */
/* --------------------------------------------------------- */
div.config {
 width: auto;
 height: auto;
 clear: left;
 float: left;
 margin-bottom: 10px;
}

div.config div.selection {
 width: 200px;
 height: auto;
 background-color: #DADBD6;
 border-style: solid;
 border-width: 1px 1px 0px 1px;
 border-color: #1A4C8F;
 font-weight: bold;
 font-variant: small-caps;
 padding: 3px 5px 5px 5px;
}

div.config div.main {
 width: 540px;
 height: auto;
 float: left;
 clear: left;
 border-style: solid;
 border-width: 1px;
 border-color: #1A4C8F;
}

div.config div.main div.conshow {
 float: left;
 width: 280px;
 height: 250px;
}

div.config div.main div.conshow div.logos  {
 float: left;
 padding: 10px 0px 10px 0px;
}


div.config div.main div.conshow div.logos img  {
 margin-left: 5px;
}

div.config div.main div.conshow div.confpic {
 float: left;
 padding-left: 60px;
}

div.config div.main div.conselect {
 float: left;
 width: 250px;
 height: auto;

}

div.config div.main div.conselect ul{
 list-style-type: none;
 padding-left: 5px;
}

div.config div.main div.conselect ul li{
 padding-left: 5px;
}

input.cofigevo {
 background-color: #E8F3FF;
 clear: left;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 8pt;
 color: #000000;
 width: 135px;
 border-style: solid;
 border-width: 1px 1px 1px 3px;
 border-color: #3399FF;
}


div.config div.main div.conselect p {
 clear: left;
 font-size: 8pt;
 color: #1A4C8F;
 font-weight: normal;
 margin-top: 8px;
 margin-bottom: 3px;

}

div.config div.main div.conselect p span {
 font-weight: bold;

}

div.config div.main div.conselect div.opg {
 margin-bottom: 8px;
}

div.config div.main div.conselect image {
 margin-top: 15px;
 margin-left: 175px;
}
div.config div.main div.conselect a:link {
 color: #000000;
 font-weight: normal;
 text-decoration:underline;
 font-size: 8pt;
}

div.config div.main div.conselect a:visited {
 color: #000000;
 font-weight: normal;
 text-decoration:none;
 text-decoration:underline;
 font-size: 8pt;
}

div.config div.main div.conselect a:active {
 color: #000000;
 font-weight: normal;
 font-size: 8pt;
 text-decoration:underline;
}

div.config div.main div.conselect a:hover {
 color: #9BBAE4;
 font-weight: normal;
 font-size: 8pt;
}





div.standard {
 width: auto;
 height: auto;
 clear: left;
 clear: left;
 float: left;
 margin-bottom: 10px;
 margin-top: 10px;
}

div.standard div.selection {
 width: 200px;
 height: auto;
 color: #FFFFFF;
 background-color: #1A4C8F;
 border-style: solid;
 border-width: 1px 1px 0px 1px;
 border-color: #9BBAE4;
 font-weight: bold;
 font-variant: small-caps;
 padding: 3px 5px 5px 5px;
}

div.standard div.main {
 width: 540px;
 height: auto;
 border-style: solid;
 border-width: 1px;
 border-color: #1A4C8F;
 float: left;
 clear: left;
}

div.standard div.main div.products {
 width: 180px;
 height: auto;
 float: left;
}

div.standard div.main div.products div {
 witdh: auto;
 height: 35px;

 margin-top: 5px:
 margin-bottom: 5px;
 float: none;
 clear: left;
}

div.standard div.main div.products div.topic {
 background-color: #9BBAE4;
 font-weight: bold;
 font-size: 8pt;
 width: auto;
 height: auto;
 margin-bottom: 5px;
 padding: 2px 2px 2px 5px;
}

div.standard div.main div.products div img {
 float: left;
}

div.config div.standard div.products div a:link {
 color: #1A4C8F;
 font-weight: normal;
 text-decoration:underline;
 font-size: 8pt;
}

div.config div.standard div.products div a:visited {
 color: #000000;
 font-size: 10pt;
 font-weight: normal;
 text-decoration:none;
 font-size: 8pt;
}

div.config div.standard div.products div a:active {
 color: #9BBAE4;
 font-weight: normal;
 font-size: 8pt;
}

div.config div.standard div.products div a:hover {
 color: #9BBAE4;
 font-weight: normal;
 font-size: 8pt;
}

div.standard div.main div.downloads {
 width: 178px;
 height: auto;
 float: left;
}

div.standard div.main div.downloads div {
 witdh: auto;
 height: auto;
 margin-top: 5px:
 margin-bottom: 5px;
 float: none;
 clear: left;
}

div.standard div.main div.downloads div.topic {
 background-color: #FFCC66;
 font-weight: bold;
 font-size: 8pt;
 width: auto;
 height: auto;
 margin-bottom: 5px;
 padding: 2px 2px 2px 5px;
}

div.config div.standard div.downloads div a:link {
 color: #1A4C8F;
 font-weight: normal;
 text-decoration:underline;
 font-size: 8pt;
}

div.config div.standard div.downloads div a:visited {
 color: #000000;
 font-size: 10pt;
 font-weight: normal;
 text-decoration:none;
 font-size: 8pt;
}

div.config div.standard div.downloads div a:active {
 color: #9BBAE4;
 font-weight: normal;
 font-size: 8pt;
}

div.config div.standard div.downloads div a:hover {
 color: #9BBAE4;
 font-weight: normal;
 font-size: 8pt;
}

/* --------------------------------------------------------- */
/*          Style for the ECTO Models                        */
/* --------------------------------------------------------- */

div.hpecto {
 width: 500px;
 height: auto;
 float: left;
 clear: left;
 margin-bottom: 20px;
}

div.hpecto div.model {
 width: auto;
 height: auto;
 padding: 5px 15px;
 float: left;
 background-color: #FDF2FA;
 font-weight: bold;
 border-style: solid;
 border-color: #B2B1AA;
 border-width: 1px 1px 0px 1px;
}

div.hpecto div.content {
 width: 500px;
 height: auto;
 float: left;
 clear: left;
 border-style: solid;
 border-color: #B2B1AA;
 border-width: 1px 1px 0px 1px;
}

div.hpecto div.content div {
 width: 200px;
 height: auto;
 float: left;
 padding-top: 15px;
 padding-left: 15px;
}

div.hpecto div.content div ul {
 margin-bottom: 0px;
 margin-top: 2px;
 list-style-type: none;

 list-style-image: url('/images/Navigationsimages/newectolist');
}

div.hpecto div.download {
 width: 500px;
 height: autopx;
 clear: left;
 float: left;
 border-style: solid;
 border-color: #B2B1AA;
 border-width: 0px 1px 1px 1px;
 padding-bottom: 5px;
}

div.hpecto div.download img {
 border-style: none;
 margin: 0px 15px;
}

div.hpecto div.download a:link {
 text-decoration: underline;
 color: #000000;
}

div.hpecto div.download a:hover {
 text-decoration: none;
 color: #CC6699;
}

div.hpecto div.download a:active {
 text-decoration: underline;
 color: #CC6699;
}

div.hpecto div.download a:visited {
 text-decoration: underline;
 color: #000000;
}

div.return {
 width: auto;
 height: auto;
 clear: left;
 margin-top: 15px;
 margin-bottom: 15px;
}

div.return a:link {
 width: auto;
 height: auto;
 padding: 3px 5px;
 border-width: 1px 1px 1px 5px;
 border-style: solid;
 border-color: #4D4E49;
 color: #000000;
 text-decoration: none;
 background-color: #EBEBEB;
}

div.return a:hover {
 width: auto;
 height: auto;
 padding: 3px 5px;
 border-width: 1px 1px 1px 5px;
 border-style: solid;
 border-color: #4D4E49;
 color: #000000;
 text-decoration: none;
 background-color: #FDF2FA;
}

div.return a:active {
 width: auto;
 height: auto;
 padding: 3px 5px;
 border-width: 1px 1px 1px 5px;
 border-style: solid;
 border-color: #4D4E49;
 color: #000000;
 text-decoration: none;
 background-color: #EBEBEB;
}

div.return a:visited {
 width: auto;
 height: auto;
 padding: 3px 5px;
 border-width: 1px 1px 1px 5px;
 border-style: solid;
 border-color: #4D4E49;
 color: #000000;
 text-decoration: none;
 background-color: #EBEBEB;
}

div.modelselection {
 width: 500px;
 height: auto;
 margin-top: 5px;
 margin-bottom: 15px;
 font-size: 10pt;
}

div.modelselection select {
 width: 300px;
 height: auto;
 border-width: 1px;
 border-style: solid;
 border-color: #000000;
 background-color: #FDF2FA;
 margin-top: 5px;
}

div.datasheet {
 text-align: right;
}

div.datasheet a:link {
 width: auto;
 height: auto;
 border-style: solid;
 border-color: #000000;
 border-width: 1px;
 background-color: #FDF2FA;
 padding: 5px 10px;
 text-decoration: underline;
}

div.datasheet a:hover {
 width: auto;
 height: auto;
 border-style: solid;
 border-color: #000000;
 border-width: 1px;
 background-color: #FDF2FA;
 padding: 5px 10px;
 text-decoration: none;
}

div.datasheet a:active {
 width: auto;
 height: auto;
 border-style: solid;
 border-color: #000000;
 border-width: 1px;
 background-color: #FDF2FA;
 padding: 5px 10px;
 text-decoration: underline;
}

div.datasheet a:visited {
 width: auto;
 height: auto;
 border-style: solid;
 border-color: #000000;
 border-width: 1px;
 background-color: #FDF2FA;
 padding: 5px 10px;
 text-decoration: underline;
}

h2.datasheet {
 font-size: 12pt;
 color: #CC6699;
}

p.ectostatus {
 font-size: 12pt;
 font-weight: bold;
 color: #DF0000;
}

/* --------------------------------------------------------- */
/*          Style for the Process Instruction                */
/* --------------------------------------------------------- */

div.processinstruction h1, h2, h3 {
 font-weight: bold;
}

div.processinstruction h1 {
 font-size: 14pt;
}

div.processinstruction h2 {
 font-size: 12pt;
}

div.processinstruction h3 {
 font-size: 11pt;
 margin: 3px 0px;
 text-decoration: underline;
 clear: left;
}


div.processinstruction p {
 width: 550px;
 height: auto;
}

div.processinstruction ul {
 list-style-type: none;
 margin-left: 3px;
 width: 550px;
 height: auto;
}

div.processinstruction ul li {
 font-weight: bold;
 margin: 3px 0px 10px 0px;
}

div.processinstruction ol {
 list-style-type: none;
 margin-left: 5px;
}

div.processinstruction ol li {
 font-weight: normal;
 margin: 0px;
}

div.processinstruction ol li span.false {
 color: #DF0000;
}

div.processinstruction ol li span.right{
 color: #009F00;
}

div.processinstruction ol li span.bold{
 font-weight: bold;
}

div.processinstruction img {
 border-style: none;
 margin-right: 5px;
}

div.processinstruction {
 width: 550px;
 height: auto;
 font-family: Arial, Helvetica;
 font-size: 10pt;
 color: #000000;
 font-weight: normal;
 margin: 0px;
}

div.processinstruction div.top {
 width: auto;
 height: auto;
 clear: left;
 float: left;
 border-style: solid;
 border-color: #B2B1AA;
 border-width: 1px;
}

div.processinstruction div.top div h1, h2 {
 padding: 5px;
 margin: 0px;
}

div.processinstruction div.top div.release {
 width: 190px;
 height: auto;
 float: left;
 padding: 3px;
 margin-top: 0px;
}

div.processinstruction ol li div.image {
 border-style: none;
}

div.processinstruction ol li div.image div {
 width: 310px;
 height: auto;
 border-style: solid;
 border-width: 1px;
 border-color: #EBEBEB;
 margin: 10px 0px;
}

div.processinstruction ol li div.image div div {
 border-style: none;
 float: none;
 clear: left;
 padding-left: 5px;
 font-size: 7pt;
 letter-spacing: 0.1em;
 font-style: oblique;
}
/* --------------------------------------------------------- */
/*          Style for the view PDF datasheet                 */
/* --------------------------------------------------------- */


table.techdatapdf tr td a img {
 border-style: none;
}

table.techdatapdf tr td {
  text-align: center;
  font-size: 8pt;
}

table.techdatapdf tr td span {
  color: #4A4B49;
}

table.techdatapdf tr td span.sizepdf {
 color: #FF0000;
}

/* --------------------------------------------------------- */
/*          Style for the UHG Bitkom Link                    */
/* --------------------------------------------------------- */


div.uhgbitkom {
 width: 550px;
 height: auto;
 color: #000000;
 font-family: Arial, Helvetica;
 font-size: 8pt;
 font-weight: normal;
}

div.uhgbitkom span {
 font-weight: bold;
}

div.uhgbitkom a:link {
 color: #4E4B49;
 font-family: Arial, Helvetica;
 font-size: 8pt;
 font-weight: normal;
 text-decoration: underline;
}

div.uhgbitkom a:hover {
 color: #000000;
 font-family: Arial, Helvetica;
 font-size: 8pt;
 font-weight: normal;
 text-decoration: none;
}

div.uhgbitkom a:active {
 color: #4E4B49;
 font-family: Arial, Helvetica;
 font-size: 8pt;
 font-weight: normal;
 text-decoration: underline;
}

div.uhgbitkom a:visited {
 color: #4E4B49;
 font-family: Arial, Helvetica;
 font-size: 8pt;
 font-weight: normal;
 text-decoration: underline;
}


/* --------------------------------------------------------- */
/*             Style for the HP Nil-KulTour                  */
/* --------------------------------------------------------- */


div.hpegypt {
 position: absolute;
 top: 700px;
 left: 565px;
 text-align: center;
}

/* --------------------------------------------------------- */
/*             Style for the HowTo XML-RPC                 */
/* --------------------------------------------------------- */
div.xmlinterface a:link {
 text-decoration: underline;
 color: #4E4D49;
 font-weight: bold;
}

div.xmlinterface a:hover {
 text-decoration: none;
 color: #000000;
 font-weight: bold;
}

div.xmlinterface a:active {
 text-decoration: underline;
 color: #4E4D49;
 font-weight: bold;
}

div.xmlinterface a:visited {
 text-decoration: underline;
 color: #4E4D49;
 font-weight: bold;
}

div.xmlinterface {
 width: 550px;
 height: auto;
 display: block;
 font: normal 10pt Arial, Helvetica, sans-serif;
 color: #000000;
}

div.xmlinterface h3 {
 margin-bottom: 0px;
 font-size: 12pt;
}

div.xmlinterface h4 {
 margin: 3px 0px 0px 5px;
 font-size: 10pt;
}

div.xmlinterface p {
 margin: 0px 0px 5px 5px;
}

div.xmlinterface ul {
 margin: 0px 0px 5px 5px;
 list-style-type: none;
}

div.xmlinterface div.configClient {
 background-color: #EBEBEB;
 padding: 0px 3px 3px 3px;
}

div.xmlinterface div.configExample {
 padding: 0px 3px 3px 3px;
 border-style: solid;
 border-color: #EBEBEB;
 border-width: 1px;
 padding: 3px;
 margin: 3px 0px;
}

div.xmlinterface div.xmlcoment {
 font-size: 8pt;
 padding: 3px;
}

/* --------------------------------------------------------- */
/*      Style for the Oracle Special Interest Group          */
/* --------------------------------------------------------- */

div.ostg {
 width: 550px;
 height: auto;
 display: block;
 font: normal 10pt Arial, Helvetica, sans-serif;
 color: #000;
}

div.ostg img {
 margin-left: 5px;
 margin-bottom: 5px;
 float: right;
}

div.ostg h1 {
 font-size: 14pt;
 font-weight: normal;
 color: #4E4D49;
}

div.ostg h1:first-letter {
 color: #FF0000;
 font-size: 16pt;
 font-weight: bold;
}

div.ostg h1 span {
 font-size: 16pt;
 font-weight: bold;
 color: #000;
}

div.ostg ul {
 list-style-image: url('/images/osig/disc');
}

div.ostg div.more {
 width: 250px;
 height: 100px;
 float: left;
 border: 1px solid #4E4D49;
 background-color: #EBEBEB;
 margin-right: 5px;
}

div.ostg div.more div.topic {
 padding: 5px;
 background-color: #B2B1AA;
 font: bold 12pt Arial, Helvetica, sans-serif;
 color: #FFF;
}

div.ostg div.more ul {
 margin: 2px;
 padding: 3px 0px 3px 15px;
 list-style-type: none;
 list-style-image: none;
}

div.ostg div.more ul li {
 margin-bottom: 3px;
}

div.ostg div.more ul li div {
 width: 70px;
 font-weight: bold;
 display: inline;
}

div.ostg div.more ul li img {
 float: none;
}

div.ostg div.more ul.download {
 padding: 3px 0px 3px 30px;
 list-style-image: url('/images/osig/pdf_oracle');
}

div.ostg div.more ul.download li a:link {
 text-decoration: underline;
 color: #000;
 font-weight: normal;
}

div.ostg div.more ul.download li a:hover {
 text-decoration: none;
 color: #000;
 font-weight: normal;
}

div.ostg div.more ul.download li a:active {
 text-decoration: underline;
 color: #000;
 font-weight: normal;
}

div.ostg div.more ul.download li a:visited {
 text-decoration: underline;
 color: #000;
 font-weight: normal;
}


/* --------------------------------------------------------- */
/*      style for the search function next generation        */
/* --------------------------------------------------------- */

div.shortcutng {
 width: 150px;
 height: 110px;
 font: normal 8pt Arial, Helvetica, sans-serif;
 border: 1px solid #4E4D49;
 color: #000;
 background-color: #EBEBEB;
 float: left;
 margin-bottom: 5px;
}

div.shortcutng div.topic {
 background-color: #DADBD6;
 font-weight: bold;
 text-align: center;
 padding: 3px 0px;
 border-bottom: 1px solid #4E4D49;
/* --------------------------------------------------------- */
/*      style for the search function next generation        */
/* --------------------------------------------------------- */
}

div.shortcutng div.searchng {
 padding-bottom: 3px;
}

div.shortcutng div.searchng p {
 margin: 2px;
 padding-left: 5px;
 font-weight: bold;
}

div.shortcutng div.searchng select {
 font-size: 8pt;
 width: 130px;
 margin: 0px 0px 5px 5px;
 border: 1px solid #4E4D49;
}

div.shortcutng div.searchng input {
 font-size: 8pt;
 width: 110px;
 margin: 2px 0px 6px 5px;
 float: left;
 border: 1px solid #4E4D49;
}

div.shortcutng div.searchng input.submit {
 font-size: 8pt;
 width: 25px;
 float: left;
 border: 1px solid #CC6699;
}


/* --------------------------------------------------------- */
/*      style for the supplies search function               */
/* --------------------------------------------------------- */

div.suppliesForm {
 width: 250px;
 height: auto;
 border: 1px solid #4E4D49;
 background-color: #EBEBEB;
 padding: 8px 5px 0px 5px;
 font: bold 8pt Arial, Helvetica, sans-serif;
 float: left;
 margin-top: 15px;
}

div.suppliesForm div.producer {
 margin-bottom: 15px;
}

div.suppliesForm div.viewoptions {
 padding-bottom: 5px;
}

div.suppliesForm div.producer select {
 width: 150px;
 border: 1px solid #4E4D49;
 font: normal 8pt Arial, Helvetica, sans-serif;
}

div.suppliesForm div.viewoptions select {
 width: 100px;
 border: 1px solid #4E4D49;
 font: normal 8pt Arial, Helvetica, sans-serif;
 margin-right: 5px;
 float: left;
}

div.suppliesForm div.viewoptions input {
 width: 100px;
 border: 1px solid #4E4D49;
 font: normal 8pt Arial, Helvetica, sans-serif;
 margin-right: 5px;
 float: left;
}

div.suppliesForm div.viewoptions input.submit {
 width: 20px;
 height: 20px;
 border: 1px solid #CC6699;
 font: bold 8pt Arial, Helvetica, sans-serif;
 margin-right: 5px;
 float: left;
}

div.suppliesLogos {
 width: 280px;
 height: auto;
 float: left;
 margin-top: 5px;
 margin-left: 10px;
}

div.suppliesLogos fieldset {
 width: 280px;
 height: auto;
 border: 1px solid #808080;
 font: normal 8pt Arial, Helvetica, sans-serif;
 padding: 5px 0px 0px 5px;
 margin: 0px;
}

div.suppliesLogos fieldset legend {
 margin-bottom: 5px;
 font-weight: bold;
}


div.suppliesLogos fieldset div {
 width: 90px;
 height: 55px;
 float: left;
}

div.advertising {
 display: block;
 width: 550px;
 height: auto;
 font: normal 8pt Arial, Helvetica, sans-serif;
 float: left;
 padding: 5px;
 margin-top: 5px;
}

div.advertising div {
 width: 330px;
 float: left;
 }

div.advertising div.topic {
 width: 550px;
 font: bold 8pt Arial, Helvetica, sans-serif;
 padding: 3px;
 margin-bottom: 10px;
 border-bottom: 1px solid #4E4D49;
 }

div.advertising img {
 float: left;
 border-style: none;
}

div.accountcoment {
 font: normal 8pt Arial, Helvetica, sans-serif;
 color: #000;
}

table.suppliesstatus {
 font: bold 8pt Arial, Helvetica, sans-serif;
 color: #CC6699;
 margin-top: 5px;
}



/* --------------------------------------------------------- */
/*      style for the insider registration               */
/* --------------------------------------------------------- */
table.insiderregistration {
 background-color: #FFF;
 font: normal 10pt Arial, Helvetica, sans-serif;
 width: 550px;
 height: auto;
 border: 1px solid #808080;
}

table.insiderregistration p {
 font: bold 10pt Arial, Helvetica, sans-serif;
 display: block;
 background-color: #EBEBEB;
 padding: 5px;
}

table.insiderregistration sup {
 font: bold 12pt Arial, Helvetica, sans-serif;
}

table.insiderregistration span.sup {
 font: bold 12pt Arial, Helvetica, sans-serif;
}

table.insiderregistration p.nobackground {
 background-color: #FFF;
 padding: 0px;
 margin: 0px;
}

table.insiderregistration p.coment {
 background-color: #FFF;
 font-size: 8pt;
 font-weight: normal;
}

table.insiderregistration p.submit {
 background-color: #FFF;
 text-align: center;
}

table.insiderregistration p.submit input {
 width: 500px;
 height: 30px;
 letter-spading: 0.1em;
 font-weight: bold;
}

table.insiderregistration table.staffer {
 border-collapse: collapse;
 font: normal 10pt Arial, Helvetica, sans-serif;
 margin: 5px 0px 5px 20px;
 width: 500px;
 border: 1px solid #EBEBEB;
}

table.insiderregistration table.staffer tr th {
 font-weight: normal;
 text-align: left;
 background-color: #EBEBEB;
 border: 1px dotted #FFF;
}

table.insiderregistration table.staffer tr th.top {
 border-style: none;
 color: #C598AB;
 font-weight: bold;
 background-color: #FFF;
}

table.insiderregistration table.staffer tr td {
 border: 1px dotted #DFDFDF;
}

table.insiderregistration table.staffer tr td.coment {
 font-size: 8pt;
}

table.insiderregistration table.staffer tr td input.long {
 width: 100px;
}

table.insiderregistration table.staffer tr td input.short {
 width: 50px;
}

table.insiderregistration tr td ul {
 list-style-type: none;
 margin: 0px 10px 10px 0px;
 padding-left: 3px;
 background-image: url('/images/Logos/ontour2003');
 background-position: right;
 background-repeat: no-repeat;
}

table.insiderregistration tr td ul li {
 margin-bottom: 5px;
 font: normal 10pt Arial, Helvetica, sans-serif;
}

table.insiderregistration tr td ul li span {
 font-weight: bold;
}

/* --------------------------------------------------------- */
/*      style for the short login                            */
/* --------------------------------------------------------- */

div.shortlogin {
 width: 160px;
 height: auto;
 font: normal 8pt Arial, Helvetica, sans-serif;
 float: left;
 margin-bottom: 10px;
}

div.shortlogin div.login {
 width: 150px;
 height: auto;
 border: 1px solid #4E4D49;
 color: #000;
 background-color: #EBEBEB;
 float: left;
}

div.shortlogin div.login div {
 font-weight: bold;
 padding: 3px 0px 3px 5px;
}

div.shortlogin div.login div.decoration {
 padding-bottom: 10px;
}

div.shortlogin div.login div input {
 width: 110px;
}

div.shortlogin div.login div.checkbox {
 width: 100%;
 float: left;
 border-top: 1px dotted #B2B1AA;
}

div.shortlogin div.login div.checkbox div {
 float: left;
 font-weight: normal;
}

div.shortlogin div.login div.checkbox div.center {
 width: 100%;
 text-align: right;
}

div.shortlogin div.login div.checkbox div.text {
 width: 90px;
 float: left;
 padding-left: 0px;
}

div.shortlogin div.login div.checkbox div.text a:link {
 text-decoration: underline;
 color: #4E4D49;
}

div.shortlogin div.login div.checkbox div.text a:hover {
 text-decoration: none;
 color: #000;
}

div.shortlogin div.login div.checkbox div.text a:active {
 text-decoration: underline;
 color: #4E4D49;
}

div.shortlogin div.login div.checkbox div.text a:visited {
 text-decoration: underline;
 color: #4E4D49;
}

div.shortlogin div.login div.checkbox div input {
 width: 15px;
 height: 15px;
}

div.shortlogin div.login div input.submit {
 width: 22px;
 height: 22px;
 border: 1px solid #CC6699;
 margin-left: 3px;
}

div.shortlogin div.topic {
 background-color: #DADBD6;
 font-weight: bold;
 text-align: center;
 padding: 3px 0px;
 border-bottom: 1px solid #4E4D49;
}

div.options {
 width: 160px;
 float: left;
 clear: left;
 margin-bottom: 10px;
}

div.options fieldset {
 width: 150px;
 font: bold 8pt Arial, Helvetica, sans-serif;
 border: 1px solid #4E4D49;
 padding-bottom: 5px;
}

div.options fieldset legend {
 font-weight: bold;
 padding: 1px 3px;
 border-left: 1px solid #4E4D49;
 border-right: 1px solid #4E4D49;
 background-color: #DADBD6;
 margin-bottom: 5px;
}

div.options fieldset div {
 padding-left: 3px;
 padding-left: 6px;
}

div.options fieldset div input {
 width: 110px;
}

div.options fieldset div.plz {
 padding-left: 6px;
 padding-right: 3px;
 font-weight: normal;
}

div.options fieldset div.input {
 padding-left: 6px;
}

div.options fieldset div.input input {
 width: 135px;
}

div.options fieldset div.input input.submit {
 width: 135px;
 border: 1px solid #CC6699;
 margin-top: 5px;
}

div.options fieldset div.text {
 padding-left: 6px;
 font-weight: normal;
 margin-bottom: 5px;
}

div.options fieldset div.text a:link {
 text-decoration: underline;
 color: #4E4D49;
}

div.options fieldset div.text a:hover {
 text-decoration: none;
 color: #000;
}

div.options fieldset div.text a:active {
 text-decoration: underline;
 color: #4E4D49;
}

div.options fieldset div.text a:visited {
 text-decoration: underline;
 color: #4E4D49;
}
/* --------------------------------------------------------- */
/*      style for the hp promo action                        */
/* --------------------------------------------------------- */

div.hppromo {
 width: 550px;
}

div.hppromo div.fifty {
 width: 49%;
 height: auto;
 float: left;
}

p {
  font: normal 10pt Arial, Helvetica, sans-serif;
}

h3 {
  font: bold 12pt Arial, Helvetica, sans-serif;
}

ul {
  font: normal 8pt Arial, Helvetica, sans-serif;
  margin-left: 15px;
  padding-left: 3px;
}

ul.menu {
  font: normal 10pt Arial, Helvetica, sans-serif;
  margin-left: 15px;
  padding-left: 3px;
}

div.hppromo div fieldset {
 padding: 0px;
 margin: 0px;
 border-style: none;
}

div.hppromo div fieldset legend {
 background-color: #243B7A;
 color: #FFF;
 width: 150px;
 text-align: center;
 padding: 3px 5px;
 font: bold 12pt Arial, Helvetica, sans-serif;
}

div.hppromo div.fifty fieldset.value div.value {
 width: 100%;
 height: auto;
 clear: left;
 float: left;
 background-color: #539DBB;
 font: normal 10pt Arial, Helvetica, sans-serif;
 padding: 3px;
 margin-bottom: 1px;
}

div.hppromo div.fifty fieldset.value div.top {
 width: 100%;
 font-weight: bold;
 padding-left: 5px;
}

div.hppromo div.fifty fieldset.value div.top span {
 font: normal 8pt Arial, Helvetica, sans-serif;
}

div.hppromo div.fifty fieldset.value div.image {
 width: 60%;
 float: left;
}

div.hppromo div.fifty fieldset.value div.content {
 width: 38%;
 float: left;
}

div.hppromo div.fifty div.mobilset {
 width: 100%;
 float: left;
 margin-right: 5px;
}

div.hppromo div.fifty div.boardset {
 width: 100%;
 float: left;
 margin-top: 5px;
}

div.hppromo div.fifty div.mobilset fieldset.mobil div.mobil {
 background-color: #ADE0EC;
 font: normal 10pt Arial, Helvetica, sans-serif;
 padding: 3px;
 margin-bottom: 1px;
 width: 98%;
 height: auto;
 clear: left;
 float: left;
}

div.hppromo div.fifty div.mobilset fieldset.mobil div.top {
 width: 100%;
 font-weight: bold;
}

div.hppromo div.fifty div.mobilset fieldset.mobil div.top span {
 font: normal 8pt Arial, Helvetica, sans-serif;
}

div.hppromo div.fifty div.mobilset fieldset.mobil div.image {
 width: 60%;
 float: left;
 padding-top: 15px;
}

div.hppromo div.fifty div.mobilset fieldset.mobil div.content {
 width: 38%;
 float: left;
}

div.hppromo div.fifty div.boardset fieldset.board div.board {
 background-color: #00BEE1;
 font: normal 10pt Arial, Helvetica, sans-serif;
 padding: 3px;
 margin-bottom: 1px;
 width: 100%;
 height: auto;
 clear: left;
 float: left;
}

div.hppromo div.fifty div.boardset fieldset.board div.top {
 width: 100%;
 font-weight: bold;

}

div.hppromo div.fifty div.boardset fieldset.board div.board span {
 font: normal 8pt Arial, Helvetica, sans-serif;
}

div.hppromo div.fifty div.boardset fieldset.board div.image {
 width: 60%;
 float: left;
 padding-top: 15px;
}

div.hppromo div.fifty div.boardset fieldset.board div.content {
 width: 38%;
 float: left;
}

/* --------------------------------------------------------- */
/*      Style für Shortcut Kyocera                           */
/* --------------------------------------------------------- */


div.divshortcutkyo {
        width: 150px;
        background-color: #FFF;
        border-style: solid;
        border-color: #DE0727;
        border-width: 1px 1px 1px 1px;
        margin-bottom: 10px;
        background-image: url('/images/kyoback');
        background-position: bottom right;
        background-repeat: no-repeat;
        }

div.divshortcutkyo p {
        line-height: 15px;
        padding-left: 7px;
        padding-right: 5px;
        font-size: 8pt;
        color: #000000;
        margin: 0px 0px 2px 0px;
        font-weight: normal;
        }

div.divshortcutkyo p span {
        font-weight: bold;
}

div.divshortcutkyo p.top {
        background-color: #DADBD6;
        font-weight: bold;
        line-height: 15px;
        text-align: center;
        padding: 3px 3px 3px 3px;
        border-style: solid;
        border-color: #DE0727;
        border-width: 0px 0px 1px 0px;
        }

div.divshortcutkyo p.top a:link {
        text-decoration: none;
        font-weight: bold;
        }

div.divshortcutkyo p.top a:visited {
        text-decoration: none;
        font-weight: bold;
        }

div.divshortcutkyo p.top a:active {
        text-decoration: none;
        font-weight: bold;
        }

div.divshortcutkyo p.top a:hover {
        text-decoration: underline;
        font-weight: bold;
        }

div.divshortcutkyo a:link {
        text-decoration: none;
        font-size: 8pt;
        font-family: Arial, Helvetica;
        color: #000000;
        font-weight: normal;
        letter-spacing: 0.0em;
        }

div.divshortcutkyo a:visited {
        text-decoration: none;
        font-size: 8pt;
        font-family: Arial, Helvetica;
        color: #000000;
        font-weight: normal;
        letter-spacing: 0.0em;
        }

div.divshortcutkyo a:active {
        text-decoration: none;
        font-size: 8pt;
        font-family: Arial, Helvetica;
        color: #000000;
        font-weight: normal;
        letter-spacing: 0.0em;
        }

div.divshortcutkyo a:hover {
        text-decoration: underline;
        font-size: 8pt;
        font-family: Arial, Helvetica;
        color: #000000;
        font-weight: normal;
        letter-spacing: 0.0em;
        }

div.divshortcutkyo p a:link {
        text-decoration: none;
        color: #000000;
        }

div.divshortcukyot p a:visited {
        text-decoration: none;
        color: #000000;
        }

div.divshortcutkyo p a:active {
        text-decoration: none;
        color: #000000;
        }

div.divshortcutkyo p a:hover {
        text-decoration: underline;
        color: #000000;
        }