@import "autocomplete.css";
@import "colorbox.css";

/* Standard Styles */
html, body { margin: 0; padding: 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #d2d7d9; }
body.iframe { text-align: left;  background-color: transparent; padding-right: 10px; }
h1 { margin: 0; padding: 0; color: #00519e; font-weight: bold; font-size: 18px; margin-bottom: 15px; }
h2 { margin: 0; padding: 0; color: #00519e; font-weight: bold; font-size: 14px; margin-bottom: 15px; }
h3 { margin: 0; padding: 0; color: #707070; font-weight: bold; font-size: 12px; margin-top: -10px; }
h4 { margin: 0; padding: 0; color: #00519e; font-weight: bold; font-size: 12px; margin-bottom: 15px; }
h5 { margin: 0; padding: 0; color: #00519e; font-weight: bold; font-size: 12px; margin-bottom: 5px; margin-top: 25px; }
h5.computing { margin: 0; padding: 0; color: #93107e; font-weight: bold; font-size: 12px; margin-bottom: 5px; margin-top: 25px; }
h5.communication { margin: 0; padding: 0; color: #129036; font-weight: bold; font-size: 12px; margin-bottom: 5px; margin-top: 25px; }
h5.telecom { margin: 0; padding: 0; color: #2b55af; font-weight: bold; font-size: 12px; margin-bottom: 5px; margin-top: 25px; }
h6 { margin: 0; padding: 0; color: #00519e; font-weight: bold; font-size: 18px; margin-bottom: 0px; }
img { border-width: 0; }
p { margin: 0; padding: 0; margin-bottom: 15px; text-align: justify; }
ul { margin: 0; padding: 0; margin-top: 20px; margin-bottom: 15px; list-style-type: none; }
ul li { margin-bottom: 4px; padding-left: 12px; background-image: url(../img/li.gif); background-repeat:no-repeat; background-position: 1px 6px; }
ul li ul { margin-top: 2px; }
input { color: #a09fa0; border: 1px solid #bbbdbe; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding-left: 7px; padding-right: 7px;  margin-bottom: 7px; }
select { color: #a09fa0; border: 1px solid #bbbdbe; font-size: 12px; font-family: Arial, Helvetica, sans-serif;  margin-bottom: 7px; }
textarea { color: #a09fa0; border: 1px solid #bbbdbe; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding-left: 7px; padding-right: 7px; margin-bottom: 7px; }
hr {	background-color:	#00519e;	color:#00519e;	border:	#00519e;height:	1px;}
form { margin: 0; padding: 0; }
a { color: #00519e; }
ol { margin: 0; padding: 0; margin-top: 20px; margin-bottom: 15px; margin-left: 20px; }
ol li { margin-bottom: 4px; }

/* Klassen */
.b { font-weight: bold; }
.i { font-style: italic; }
.u { text-decoration: underline; }
.clear { clear: both; }
.bb { color: #00519e; }
.bbb { color: #00519e; font-weight: bold; }
span.computing { color: #93107e; }
span.communication { color: #129036; }
span.telecom { color: #2b55af; }
input.button { cursor: pointer; margin-right: 5px; background-color: #9fbfdc; font-weight: bold; border: 1px solid #1b67ad; color: white; }
.editCompanyData { color: #a09fa0; background: #ffffff; border: 1px solid #bbbdbe; line-height: 20px; padding-left: 7px; height: 20px; }
a.button {  margin-right: 5px; background-color: #9fbfdc; float: left; width: 145px; text-align: center; text-decoration: none; line-height: 20px; font-weight: bold; margin-top: 7px; border: 1px solid #1b67ad; color: white; }
a.button:hover { border: 2px solid #1b67ad; }
a.buttonBK { background-image: url(../img/basket.gif); margin-right: 5px;  float: left; padding-left: 30px; width: 111px; text-decoration: none; line-height: 22px; font-weight: bold; margin-bottom: 7px; border: 1px solid #FFFFFF; color: white; }
a.buttonRQ { background-image: url(../img/request.gif); margin-right: 5px; float: left; padding-left: 30px; width: 111px; text-decoration: none; line-height: 22px; font-weight: bold; margin-bottom: 7px; border: 1px solid #FFFFFF; color: white; }
a.buttonCB { background-image: url(../img/callback.gif); margin-right: 5px; float: left; padding-left: 30px; width: 111px; text-decoration: none; line-height: 22px; font-weight: bold; margin-bottom: 7px; border: 1px solid #FFFFFF; color: white; }
a.buttonDS { background-image: url(../img/datasheet.gif); margin-right: 5px; float: left; padding-left: 30px; width: 111px; text-decoration: none; line-height: 22px; font-weight: bold; margin-bottom: 7px; border: 1px solid #FFFFFF; color: white; }
a.buttonBK:hover { border: 1px solid #1b67ad; }
a.buttonRQ:hover { border: 1px solid #1b67ad; }
a.buttonCB:hover { border: 1px solid #1b67ad; }
a.buttonDS:hover { border: 1px solid #1b67ad; }
img.officeflag { float: left; border: 1px solid #000000; margin-right: 8px; }

/* IDs */
#canvas { text-align: left; margin: 0 auto; width: 980px; background-color: #ffffff; padding-bottom: 30px; background-image: url(../img/bg_canvas.gif); }
#canvas #header { width: 100%; height: 125px; background-image: url(../img/header.jpg); }
#canvas #header #slogan { float: left; padding-left: 28px; margin-top: 57px; font-weight: bold; color: #FFFFFF; font-size: 17px; }
#canvas #header #logo { float: right; margin-top: 18px; padding-right: 35px; }
#canvas #header #logo a img { border-width: 0px; }

#canvas #navMain { width: 100%; height: 30px; border-bottom: 2px solid #00519e; background-color: #edeef0; line-height: 30px; }
#canvas #navMain #search { color: #00519e; padding-left: 28px; padding-right: 29px; float: left; }
#canvas #navMain #search input { margin: 0; width: 127px; border: 1px solid #c5c6c6; color: #c5c6c6; height: 16px; margin-left: 10px; }
#canvas #navMain a { float: left; color: #a09fa0; text-decoration: none; margin-right: 15px; }
#canvas #navMain a:hover { color: #00519e; }
#canvas #navMain a.act { color: #00519e; }
#canvas #navMain #lang { float: right; }
#canvas #navMain #lang a { margin-right: 15px; }
#canvas #navMain #lang a img { border: 1px solid #FFFFFF; margin-top: 7px; }
#canvas #navMain #lang a:hover img { border: 1px solid #00519e; }
#canvas #navMain #lang a.act img { border: 1px solid #00519e; margin-top: 7px; }
#canvas #navMain #lang a.callback { font-weight: bold; color: #00519e; }

#canvas #navMainSub div { width: 100px; margin-top: -3px; position: absolute; background-color: #dff2fd;  line-height: 30px; padding-left: 10px; display: none; }
#canvas #navMainSub div a { float: left; text-decoration: none; color: #7f8183; width: 100%; }
#canvas #navMainSub div a:hover { color: #00519e; }
#canvas #navMainSub div a.act { color: #00519e; }
#canvas #navMainSub #navMainSubCompany { margin-left: 286px; }
#canvas #navMainSub #navMainSubSupport { margin-left: 378px; }
#canvas #navMainSub #navMainSubDownloads { margin-left: 438px; }
#canvas #navMainSub #navMainSubNews { margin-left: 556px; }
#canvas #navMainSub #navMainSubContact { margin-left: 603px; }

#canvas #contentP { width: 100%; float: left; }
#canvas #contentP #wide { float: left; padding-left: 43px; margin-top: 41px; }
#canvas #contentP #wide.noImage { margin-top: -254px; }
#canvas #contentP #wide.noImagecomputing { margin-top: -254px; }
#canvas #contentP #wide.noImagecommunication { margin-top: -254px; }
#canvas #contentP #wide.noImagetelecom { margin-top: -254px; }
#canvas #contentP #wide #categoryOverview { width: 680px; table-layout: fixed; margin-top: 20px; }
#canvas #contentP #wide #categoryOverview tr td { vertical-align: top; padding-bottom: 40px; }
#canvas #contentP #wide #categoryOverview tr td ul { margin: 0; }
#canvas #contentP #wide #categoryOverview tr td a { text-decoration: none; color: #707070; }
#canvas #contentP #wide #categoryOverview tr td.pic { width: 150px; }
#canvas #contentP #wide #categoryOverview tr td.subcats { width: 170px; }
#canvas #contentP #wide #categoryOverview tr td.spacer { width: 40px; }
#canvas #contentP #wide #categoryOverview tr td h4 a { color: #00519e; }
#canvas #contentP #wide #categoryOverview.computing tr td a:hover { color: #941680; }
#canvas #contentP #wide #categoryOverview.communication tr td a:hover { color: #129036; }
#canvas #contentP #wide #categoryOverview.telecom tr td a:hover { color: #2b55af; }

#canvas #contentP #wide table.productOverview { width: 680px; margin-top: 20px; margin-bottom: 30px; }
#canvas #contentP #wide table.productOverview  tr td { vertical-align: top; }
#canvas #contentP #wide table.productOverview  tr td.img { vertical-align: middle; width: 206px; }
#canvas #contentP #wide table.productOverview  tr td.img img { margin-bottom: 15px; }
#canvas #contentP #wide table.productOverview  tr td.product { width: 206px; }
#canvas #contentP #wide table.productOverview  tr td.spacer { width: 31px; }
#canvas #contentP #wide table.productOverview  a { font-size: 11px; color: #00519e; text-decoration: none; font-weight: bold; }
#canvas #contentP #wide table.productOverview  h2 a { font-size: 14px; }
#canvas #contentP #wide.computing table.productOverview  a:hover { color: #93107e; }
#canvas #contentP #wide.noImagecomputing table.productOverview  a:hover { color: #93107e; }
#canvas #contentP #wide.communication table.productOverview  a:hover { color: #129036; }
#canvas #contentP #wide.noImagecommunication table.productOverview  a:hover { color: #129036; }
#canvas #contentP #wide.telecom table.productOverview  a:hover { color: #2b55af; }
#canvas #contentP #wide.noImagetelecom table.productOverview  a:hover { color: #2b55af; }
#canvas #contentP #wide #productDetail { width: 680px; }
#canvas #contentP #wide #productDetail #articleMeta { margin-top: 20px; }
#canvas #contentP #wide #productDetail tr td.img { width: 350px; text-align: center; vertical-align: middle; }
#canvas #contentP #wide #productDetail #documents { border: 1px solid #00519e; padding: 3px; margin-top: 8px; background-color: #dff2fd; }
#canvas #contentP #wide #productDetail #documents img { float: left; cursor: pointer; }
#canvas #contentP #wide #productDetail #documents span { font-weight: bold; margin-left: 5px; float: left; cursor: pointer; }
#canvas #contentP #wide #productDetail #documents #docItems { padding-left: 7px; }
#canvas #contentP #wide #productDetail #documents #docItems ul { margin-top: 7px; margin-bottom: 0px; }
#canvas #contentP #wide #productDetail #documents #docItems ul li a { color: #000000; text-decoration: none; }
#canvas #contentP #wide #productDetail #documents br { line-height: 1px; clear: both; }
#canvas #contentP #wide #productDetail #pGal tr td { vertical-align: middle; border: 1px solid #00519e; }
#canvas #contentP #wide .productRef { border: 1px solid #1b67ad; margin-top: 5px; margin-bottom: 7px;}
#canvas #contentP #wide .productRef tr td { padding: 3px; }
#canvas #contentP #wide .productRef tr td.head { font-weight: bold; background-color: #9fbfdc;  color: white; border-bottom: 1px solid white; }
#canvas #contentP #wide .productRef tr.sh td { background-color: #dff2fd; }

#canvas #content { width: 688px; float: left; }
#imagePic { width: 100%; height: 295px; }
#navP { display: inline; float: left; height: 125px; text-align: center; width: 197px; padding-top: 7px; margin-left: 19px; background-image: url(../img/bg_navp.png); }
#navP.noImage { background-image: none; background-color: #dff2fd; }
#navP span { letter-spacing: 0.09em; width: 100%;  font-size: 18px; font-weight: bold; color: #00519e; }
#navP a { letter-spacing: 0.18em; text-align: left; float: left; margin-left: 9px; width: 173px; border-width: 2px; margin-top: 8px; line-height: 19px; border-style: solid; padding-left: 5px; height: 19px; font-size: 15px; font-weight: bold; text-decoration: none; color: white; }
#navP a.computing { background-color: #b357a4; border-color: #93117e; }
#navP a.communication { background-color: #5ab36c; border-color: #129036; }
#navP a.telecom { background-color: #4b71b1; border-color: #2b55af; }

#basket_login  { padding-left: 10px; padding-right: 10px; float: right; color: #000000; border-bottom: 1px solid #00519e; border-left: 1px solid #00519e; background-image: url(../img/bg_claim.png); line-height: 30px;  }
#basket_login.wide  { margin-right: 187px; border-right: 1px solid #00519e;  }
#basket_login.wide2  { margin-right: 291px; border-right: 1px solid #00519e;  }
#basket_login span  { padding-left: 10px; padding-right: 10px; }
#basket_login a  { text-decoration: none; }

#loginform { position: absolute; margin-left: 296px; margin-top: 30px; display: none;  float: right; width: 150px; border: 1px solid #00519e; border-top: 0; border-right: 0; background-image: url(../img/bg_claim.png); padding: 5px; padding-left: 20px; }
#loginform.wide { margin-right: 291px; border-right: 1px solid #00519e; }
#loginform a { font-weight: bold; float: right; text-decoration: none; }
#loginform input { width: 100px; }

#canvas #content #main { padding-top: 36px; padding-left: 38px; width: 650px; background-image: url(../img/bg_main.jpg); background-repeat: no-repeat; line-height: 16px; }
#canvas #content #main.highlight { background-image: url(../img/bg_main_highlight.jpg); background-repeat: no-repeat; }
#canvas #content #main #picHighlight { position: relative; width: 240px; float: right; display: inline; margin-top: -60px; margin-right: 60px; margin-bottom: 10px; }
#canvas #content #main #descHighlight { float: right; margin-right: 60px; display: inline; width: 402px; }

#breadcrumb { width: 610px; text-align: right; margin-top: -21px; margin-bottom: 15px; }

#rightContent { margin-left: 217px; width: 393px; }
#twoColContent { width: 610px;}
#twoColContent tr td ul { margin-top: 8px; }
#twoColContent tr td.partnerLogo {  text-align: center; vertical-align: top; }

#contentForm { width: 345px; }
#contentForm tr td { vertical-align: top; }
#contentForm tr td input { width: 216px; }
#contentForm tr td select { width: 230px; }
#contentForm tr td textarea { width: 216px; height: 50px; }

#basket { width: 610px; }
#basket tr td { background-color: #ecedf0; padding: 5px; }
#basket tr th { background-color: #ecedf0; padding: 5px; font-weight: bold; text-align: left; vertical-align: top; }

#navPSub { float: left; width: 197px; padding-top: 10px; position: relative; margin-left: 19px; margin-top: -164px; display: inline; background-color: #dff2fd; }
#navPSub div  { margin-bottom: 8px; }
#navPSub div ul { margin: 0; padding-left: 5px; padding-right: 20px; list-style-type: none; }
#navPSub div ul li { line-height: 16px; padding-top: 3px; padding-bottom: 3px; }
#navPSub div ul li a { text-decoration: none; color: #707070; }
* html #navPSub div.act { width: 100%; }
#navPSub.computing div ul li { padding-left: 15px; background-image:url(../img/li_computing.gif); background-repeat: no-repeat; background-position: 5px 9px; }
#navPSub.communication div ul li { padding-left: 15px; background-image:url(../img/li_communication.gif); background-repeat: no-repeat; background-position: 5px 9px; }
#navPSub.telecom div ul li { padding-left: 15px; background-image:url(../img/li_telecom.gif); background-repeat: no-repeat; background-position: 5px 9px; }
#navPSub.computing div.act { background-color: #93117e; }
#navPSub.communication div.act { background-color: #129036; }
#navPSub.telecom div.act { background-color: #2b55af; }
#navPSub.computing div ul li a:hover { color: #b357a4; }
#navPSub.communication div ul li a:hover { color: #5ab36c; }
#navPSub.telecom div ul li a:hover { color: #4b71b1; }
#navPSub div.act ul li { padding-left: 15px; background-image:url(../img/li_act.gif); background-repeat: no-repeat; background-position: 5px 9px; }
#navPSub div.act ul li a { text-decoration: none; color: #FFFFFF; }
#navPSub div.sub { margin-bottom: 10px; }
#navPSub div.sub div ul li { background-image: none; }
#navPSub div.last { background: none; }
#navPSub.computing div.last div ul li a { text-decoration: none; color: #b357a4; }
#navPSub.computing div.last div.act ul li a { color: #ffffff; }
#navPSub.computing div.last div ul li a:hover { text-decoration: none; color: #941680; }
#navPSub.communication div.last div ul li a { text-decoration: none; color: #4b71b1; }
#navPSub.communication div.last div.act ul li a { color: #4b71b1; }
#navPSub.communication div.last div ul li a:hover { text-decoration: none; color: #279bb3; }
#navPSub.telecom div.last div ul li a { text-decoration: none; color: #4b71b1; }
#navPSub.telecom div.last div.act ul li a { color: #4b71b1; }
#navPSub.telecom div.last div ul li a:hover { text-decoration: none; color: #4b71b1; }

#canvas #news { background-image: url(../img/bg_newsticker.jpg); background-repeat: no-repeat; float: left; width: 169px; background-color: #ecedf0; padding: 15px 10px 0 10px; }
#canvas #news #newsticker { padding: 80px 0 0 0; margin-bottom: 15px; height: 215px; width: 169px; margin-top: -15px; }
#canvas #news p { text-align: left; }
#canvas #service { float: left; width: 103px; text-align: center; padding-top: 15px; font-size: 9px; }
#canvas #service a { text-decoration: none; font-size: 9px; color: #000000; float: left; width: 100%; margin-top: 12px; }
#canvas #service hr { background-color:	#cccccc;	color:#cccccc;	border:	#cccccc; width: 80%; }