/*Version CC 1.2.001*/
/* Klaus Busse, Cancom, 11/2006*/

body {
background: #ffffff url(/res/img/backn.gif) repeat-x;
font: 9pt Arial, Helvetica, sans-serif;
}

body.blank {
background: url(/s.gif);
font: 9pt Arial, Helvetica, sans-serif;
}

td {
font: 9pt Arial, Helvetica, sans-serif;
}

table {
border-collapse:collapse;
}

select {
font-size: 9pt;
}

/* Adobe CS3 Countdown, kann nach dem 27.03.07 gelöscht werden */

#countdown {
width: 525px;
height: 30px;
margin: 0;
background-image: url(http://www.cancom.de/ressourcen/Startseite/feat_cs3_launch.gif);
background-repeat: no-repeat;
padding-top: 70px;
padding-left: 65px;
font-size: 16px;
font-weight: normal;
}

#countdown_box {
width: 175px;
height: 45px;
margin: 0;
background-image: url(http://www.cancom.de/ressourcen/crosslinks/cross_cs3_launch.gif);
background-repeat: no-repeat;
padding-top: 35px;
padding-left: 5px;
font-size: 14px;
font-weight: normal;
}


/* Styles für Bildunterschriften (Holger) ------- */

dl.meImgLeft { float: left; margin-right: 1em; }
dl.meImgLeft dt { margin-bottom: 0; }
dl.meImgLeft dd { margin: 0; font-size: 9px; }

dl.meImgRight { float: right; margin-left: 1em; }
dl.meImgRight dt { margin-bottom: 0; }
dl.meImgRight dd { margin: 0; font-size: 9px; }


/* Styles für IT Solutions Sitemap -------------- */

div.its_sm ul {
margin-left: 0;
padding-left: 4px;
list-style-type: none;
background-color: #fff;
}

div.its_sm ul li {
font-weight: bold;
background-color: #ddd;
padding: 0;
}

div.its_sm ul li ul, div.its_sm ul li ul li {
font-weight: bold;
background-color: #fff;
padding-left:10px;
}

div.its_sm ul li ul li ul li{
font-weight: normal;
}

div.its_sm a {
text-decoration: none;
color: #000;
}

div.its_sm a:hover {
text-decoration: underline;
color: #dd0009;
}

/* Styles f?r Tabellen care, macpseicher START */

td.b {
background: #eee;
}

td.d {
background: #ddd;
}

/* Styles f?r Tabellen care, macpseicher ENDE */

/* Styles f?r Tabelle Sonderseite Acrobat 8 usw. START */

td.data-yes {
background: url(/ressourcen/care36/checked.gif) no-repeat center center;
}

td.data-yes, td.data-no {
text-indent: -9999px;
}

tr.alt {
background-color: #ddd;
}

.alt td.data-yes {
background-color: #ddd;
}

/* Styles f?r Tabelle Sonderseite Acrobat 8 usw. ENDE */

form {
margin: 0px;
}

p {
margin: 4px 0 6px 0;
}

img {
border-style: none;
border-width: 0px;
}

td.top, td.contentbox {
vertical-align:top;
}

.textbutton {
border:none;
background:white;
text-decoration: underline;
cursor:pointer;
}

a {
color:#000000;
}

a:hover {
color:#dd0009;
}

h4 {
font-size: 10pt;
font-weight: bold;
text-decoration: none;
border-bottom: 1px solid #B9B9B9;
padding-bottom: 3px;
padding-top: 2em;
line-height: 12px;
padding-right: 10em;
}

h5 { /* findet momentan nur Verwendung in IT Solutions */
font-size: 10pt;
font-weight: bold;
color: #003c63;
text-decoration: none;
}

h6 { /* Schulungsseiten */
font-size: 10pt;
font-weight: normal;
color: #000;
text-decoration: none;
border-bottom: 1px solid #B9B9B9;
padding-bottom: 3px;
line-height: 12px;
padding-right: 10em;
}


a.plain {
text-decoration: none;
}

a.plain:hover {
text-decoration: underline;
}

a.action {
color: #dd0009;
}

a.akt {
color: #999999;
}

a.produkt {
font-size: 9pt;
font-weight: bold;
color: #999999;
text-decoration: none;
}

.produktpreis {
font-size: 9pt;
font-weight: bold;
color: #DD0009;
}

.produktpreisKK2 {
font-size: 11pt;
font-weight: bold;
color: #DD0009;
}

.hinweis {
color: #DD0009;
}

.dim {
color: #AAAAAA;
}

.darkdim {
color: #808080;
}
.KK_Versand {
color: black;
}

.aktion {
position: relative;
height: 130px;
display: block;
}

.aktionsheader {
color: #DD0009;
text-decoration: none;
font-size: 10pt;
font-weight: bold;
}

.aktionslogo {
position: relative;
display: block;
z-index: 4;
width: 170px;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
}

.aktionspreis {
position: absolute;
z-index: 6;
bottom: 10px;
right: 10px;
font-size: 10pt;
font-weight: bold;
color: #DD0009;
}

.aktionspreis2 {
border: 1px solid #dd0009;
background: #ffffff;
position: absolute;
z-index: 6;
bottom: 10px;
right: 10px;
font-size: 10pt;
font-weight: bold;
color: #DD0009;
}

.aktionsbild {
position: absolute;
z-index: 5;
padding-top:8px;
top: 0;
left: 0;
}

.aktionstext {
text-decoration: none;
padding-top:5px;
position: relative;
}

span.spanContentShopAktion {color: #DD0009;}

/* Wrapper -----------------------------*/

#header {
position: relative;
z-index: 0;
width: 100%;
height: 142px;
visibility: visible;
}

#anchor {
background-image: url(/res/img/logo_Cancom64.gif);
background-repeat: no-repeat;
position: absolute;
z-index: 4;
top: 31px;
left: 15px;
width: 134px;
height: 64px;
visibility: visible;
display: block;
}

#stoer {
position: absolute;
z-index: 4;
top: 28px;
right: 15px;
width: 200px;
height: 80px;
visibility: visible;
display: block;
}

#shoplogo, #slogo, #clogo, #wlogo {
position: absolute;
z-index: 1;
top: 50px;
left: 560px;
width: 220px;
height: 45px;
visibility: visible;
display: block;
}

#slogo {
background: url(/res/img/claim_it.gif) left no-repeat;
}

#clogo {
background: url(/res/img/claim_ag.gif) left no-repeat;
}

#wlogo {
background: url(/res/img/claim_shop.gif) left no-repeat;
}

#shoplogo {
background: url(/res/img/claim_shop.gif) left no-repeat;
}

#claim {
display: none;
}

#bB, #bM, #bS, #bC {
position: absolute;
top: 0px;
height: 18px;
z-index: 3;
visibility: visible;
display: block;
}
#bB img, #bM img, #bS img, #bC img {
height: 18px;
}

#bBn, #bMn, #bBb, #bMb {
position: relative;
height: 38px;
z-index: 3;
display: block;
}

#bBn, #bBb    {
background: url(/res/img/bBiz.gif) 0 -38px no-repeat;
width: 123px;
}

#bMn, #bMb    {
background: url(/res/img/bMed.gif) 0 -38px no-repeat;
width: 121px;
}

#bBn a, #bBb a {
background: url(/res/img/bBiz.gif) top left no-repeat;
}

#bMn a, #bMb a {
background: url(/res/img/bMed.gif) top left no-repeat;
}

#bB a, #bM a, #bS a, #bC a, #bBn a, #bMn a,#bBb a, #bMb a {
display: block;
margin: 0;
padding:0;
width:100%;
height: 100%;
}

#bB a:hover, #bM a:hover, #bS a:hover, #bC a:hover, #bBn a:hover, #bMn a:hover,#bBb a:hover, #bMb a:hover {
background-image:none;
}

#tools   {
background-color: #efefef;
position: absolute;
z-index: 2;
top: 109px;
left: 0px;
width: 100%;
height: 26px;
visibility: visible;
display: block;
border-bottom: 1px solid #a6a6a6;
}

#aktualisiert {
z-index: 3;
padding-top: 6px;
padding-right:217px;
min-width: 583px;
color: #999999;
}

#impressum {
position: absolute;
top: 0px;
z-index: 3;
padding-top: 6px;
right: 18px;
min-width: 150px;
color: #333333;
}

#eck   {
background: #efefef url(/res/img/eck.gif) no-repeat right;
position: absolute;
z-index: 3;
top: 128px;
left: 0px;
width: 157px;
height: 14px;
visibility: visible;
display: block;
}

#search   {
background-color: #efefef;
position: absolute;
top: 2px;
left: 161px;
width: 220px;
height: 22px;
display: block;
}

.searchbox {
font-weight: bold;
}

#summary {
z-index:20;
display: block;
visibility:hidden;
padding: 5px;
width:100px;
position:absolute;
left:148px;
top:4px;
border:1px solid #a8a8a8;
background: #efefef;
}

/*.blur {
filter: "progid:DXImageTransform.Microsoft.Blur(add=true, pixelradius=2)";
}*/

#content {
background: url(/res/img/menuback.gif) repeat-y left;
position: relative;
width: 100%;
visibility: visible;
display: block;
}

#Menu  {
position: absolute;
top: 0px;
left: 0px;
width: 150px;
height: 300px;
visibility: visible;
display: block;
}

#Footer {
position: relative;
width: 100%;
height: 40px;
visibility: visible;
display: block;
bottom:0;
}

/*Empfehlung*/
#tipp {
position:absolute;
z-index: 100;
display: block;
visibility: hidden;
background: #fff;
padding: 5px;
border: 1px solid #afafaf;
}

.close {
position:absolute;
z-index: 200;
display: block;
width: 10px;
height: 10px;
top: 4px;
right: 6px;
background: #dd0009;
}

/*Spacer */
.s2 {height:2px;}
.s3 {height:3px;}
.s4 {height:4px;}
.s5 {height:5px;}
.s8 {height:8px;}
.s10 {height:10px;}
.s20 {height:20px;}
.s25 {height:25px;}
.s30 {height:30px;}
.s300 {height:300px;}

/* Menubuttons ----------------------------- */
.MB {background: #efefef url(/res/img/bMenu.gif) 0 -24px no-repeat;}
.MBR {background: #efefef url(/res/img/bMenu_rot.gif) 0 -24px no-repeat;}
.MHI {background: #efefef url(/res/img/bNav_AG.gif) 0 -47px no-repeat;}
.MHSol {background: #efefef url(/res/img/bNavSol.gif) 0 -47px no-repeat;}

.MB, .MBR, .MHI, .MHSol {position: relative;left: 0px; visibility: visible; display: block; padding:0px;z-index:1;}

.MB b, .MBR b {color:#dd0009;}

a.buttonr {background: url(/res/img/bMenu_rot.gif) 0 0 no-repeat;}
a.button {background: url(/res/img/bMenu.gif) 0 0 no-repeat;}
a.headerbuttonI {background: url(/res/img/bNav_AG.gif) 0 0 no-repeat;}
a.headerbuttonSol {background: url(/res/img/bNavSol.gif) 0 0 no-repeat;}

a.button, a.buttonr, a.headerbuttonI, a.headerbuttonS, a.headerbuttonSol, a.headerbuttonMH, a.headerbuttonMHb {
display: block;
width: 150px;
margin:0;
padding:0;
text-decoration: none;
color:#000000;
}

a.button, a.buttonr, .MB, .MBR {
height: 24px;
}

a.headerbuttonI, a.headerbuttonS, a.headerbuttonSol, a.headerbuttonMHb, .MHI, .MHS, .MHSol, .MHb {
height: 47px;
}

a.headerbuttonMH, .MH {
height: 28px;
}

a.button:hover, a.buttonr:hover, a.headerbuttonI:hover, a.headerbuttonS:hover, a.headerbuttonSol:hover, a.headerbuttonMH:hover, a.headerbuttonMHb:hover, a.headerbuttonMHsm:hover {
background-image:none;
color:#dd0009;
}



/* Artikellisting ----------------------------- */
.artikel {position: relative; display: block; width:199px;}

.artikel hr {color:#a8a8a8;  background-color: #f00; margin: 5px 0 0 0;}

.artstatus {position: absolute; top: 2px; left: 0px; width:7px; height:7px; margin:0;}

.artwk {position: absolute; display: block; width:29px; height:29px; left: 170px}

.arttext {width:159px;}
.arttext2 {width:188px;}
.arttext, .arttext2 {position:relative; display: block; left: 11px;}


.preis {
}

.staffelpreis, .staffelpreisgestrichen, .meinpreisneu {
color: #003c63;
}

.preisgestrichen, .staffelpreisgestrichen, .meinpreisgestrichen {
text-decoration: line-through;
}

.meinpreis, .meinpreisneu {
font-weight: bold;
}

.meinpreis, .meinpreisgestrichen {
color: #dd0009;
}


/*Startseite  -----------------------------*/

.spreis {
display: block;
border: 1px solid #dd0009;
}



/*Boxen -----------------------------*/
td.box, td.boxtop, td.boxside, td.boxbottom, td.sbox, td.sboxside, td.sboxbottom, td.boxleft, td.boxright, td.boxtopleft, td.boxtopright, td.boxbottomleft, td.boxbottomright, div.sidebox {
padding: 5px;
}

td.aboxside {
padding: 5px 5px 0px 5px;
}

td.boxhead, td.sboxhead, td.aihead, td.ahead {
padding: 3px 5px 3px 5px;
border-width: 1px;
font-weight: bold;
}

td.boxheadWK, td.boxheadMZ {
padding: 0px 0px 0px 5px;
border-width: 1px;
font-weight: bold;
}

td.boxheadWK {background: #ffdb38;}
td.boxheadMZ {background: #efefef;}
td.boxheadKT {background: #dd0009; color:#fff;}

td.boxsingle, td.boxhighlight, td.boxhighlightg {
padding: 3px 5px 3px 30px;
height:20px;
border-color: #afafaf;
border-width: 0 1px 0 1px;
border-style: solid;
}

td.boxhighlight {background: #fff4c0;}
td.boxhighlightg {background: #efefef;}

td.boxtopline {
border-color: #afafaf;
border-width: 1px 0 0 0;
border-style: solid;
height:30px;
}

td.formcol1 {
padding: 3px 15px 20px 25px;
}

td.formcol2 {
padding: 3px 25px 20px 15px;
}

td.boxheaddim {
padding: 3px 0px 3px 5px;
border-width: 1px;
}

td.box, td.sbox {
border-width: 1px;
}

td.boxtop, td.sboxtop {
border-width: 1px 1px 0 1px;
}

td.boxleft {
border-width: 1px 0 1px 1px;
}

td.boxright {
border-width: 1px 1px 1px 0;
}

td.boxtopleft {
border-width: 1px 0 0 1px;
}

td.boxtopright {
border-width: 1px 1px 0 0;
}

td.boxbottomleft {
border-width: 0 0 1px 1px;
}

td.boxbottomright {
border-width: 0 1px 1px 0;
}

td.boxside, td.sboxside, td.aboxside {
border-width: 0 1px 0 1px;
vertical-align:top;
}

td.boxbottom, td.sboxbottom {
border-width: 0 1px 1px 1px;
vertical-align:top;
}

td.box, td.boxhead, td.boxheaddim, td.boxtop, td.boxside, td.boxbottom, td.aboxside, td.boxheadMZ {
background: #efefef;
}

td.sbox, td.sboxhead, td.sboxtop, td.sboxside, td.sboxbottom, td.contentbox {
background: #ffffff;
}

td.boxheadWK {background: #ffdb38;}

td.box, td.boxhead, td.boxtop, td.boxside, td.boxbottom, td.sbox, td.sboxhead, td.sboxtop, td.sboxside, td.sboxbottom, td.aihead, td.ahead, td.aboxside, td.boxheadWK, td.boxheadMZ, td.boxheaddim {
border-color: #afafaf;
border-style: solid;
}

td.boxhead big, td.sboxhead big, td.aihead big, td.ahead big {
font-size: 10pt;
}

td.sboxbottom_celebros

{
border-style: solid;
border-color: #afafaf;
border-width: 1px;
padding: 4px;

}

td.sboxbottom_celebros2

{
border-style: solid;
border-color: #afafaf;
border-width: 1px;
border-bottom-width:0px;
padding: 4px;

}

td.sboxbottom_celebros2  select { width:11em; }
td.sboxbottom_celebros  select { width:11em; }

td.celebros_ahead {
background-color: #efefef;
color: black;
border-style: solid;
border-color: #afafaf;
border-width: 1px;
padding: 2px;
}

td.celebros_ahead2 {
background-color: #efefef;
color: black;
border-style: solid;
border-color: #afafaf;
border-width: 1px;
border-top-width: 0pt;
padding: 2px;
}

td.sboxbottom_celebros2  select { width:10em; }
td.sboxbottom_celebros  select { width:10em; }

td.boxheadIT {
background: #587f99;
border: 1px solid #afafaf;
padding: 3px 5px 3px 5px;
color: #fff;
font-weight: bold;
text-align: left;;
}

td.boxheadWOM {
background: #000;
border: 1px solid #afafaf;
padding: 3px 5px 3px 5px;
color: #fff;
font-weight: bold;
text-align: left;;
}

/* Pfad: Breadcrumps... -----------------------------*/

span.spanPath {
color: #dd0009;
}
span.spanPath a {
color: #dd0009;
}
span.spanPath a:hover {
color: #dd0009;
}

/* Kategorien: Hauptkategorien */
div.rel {
width: 100%;
position: relative;
margin-bottom: 5px;
}

/*neu*/
div.katIc {
margin-top:5px;
vertical-align: middle;
position: absolute;
white-space: nowrap;
left: 8px;
height: 16px;
}

div.katN {
margin-left: 24px;
position: absolute;
top: 2px;
font-size: 9pt;
font-weight: bold;
color: #000;
}

div.Vcenter {
_position: absolute;
_top: 50%;
display: table-cell;
vertical-align: middle;
}

div.VCenterContent {
_position: relative;
_top: -50%
}

div.katName a {
font-size: 9pt;
font-weight: bold;
color: #000;
vertical-align: middle;
}

/* Aufz?hlung -----------------------------*/
p.nl {
background-image: url(/res/img/icon_sh_bullets.gif);
background-repeat: no-repeat;
background-position: 15px 1px;
padding: 0 0 2px 25px;
margin:0px;
}


p.list {
background-image: url(/res/img/icon_sh_bullet.gif);
}

p.listselected {
background-image: url(/res/img/icon_sh_bullets.gif);
}

p.list, p.listselected {
background-repeat: no-repeat;
background-position: 0px 1px;
padding: 0 0 2px 10px;
margin:0px;
}


/* Formularstyles -----------------------------*/

td.formHinweis {
color: #5981AD;
border-style: solid;
border-color: #fff;
border-width: 12px 0 8px 0;
}

td.formHinweis, td.formHinweisLeaflet, td.formHeader, td.formHeaderLeaflet  {
border-top: 12px solid  #ffffff;
border-bottom: 8px solid  #ffffff;
}

td.formHeader {
color: #fff;
background-color: #5981ad;
font-weight: bold;
}

td.formHeader, td.formHeaderLeaflet {
padding: 4px 0 4px 8px;
}

td.formSubheader {
color: #5981ad;
padding: 8px 0 4px 8px;
font-weight: bold;
font-size: 9pt;
}

td.formHeaderLeaflet {
color: #333333;
background-color: #999999;
font-weight: bold;
}

td.formOptional, td.formOptionalField, td.formOptionalLeaflet, td.formRequired, td.formRequiredL, td.formRequiredField, td.formRequiredLeaflet, td.formError, td.formErrorField, td.formErrorLeaflet  {
font-size: 8pt;
vertical-align: top;
border-style: solid:
border-color:#fff;
border-width: 0 2px 2px 0;
}

td.formOptionalBlank, td.formRequiredBlank {
font-size: 8pt;
vertical-align: top;
border-style: solid;
border-color:#fff;
border-width: 0 0 2px 0;
}

td.formRequiredNoSpace {
font-size: 8pt;
vertical-align: top;
border-style: solid;
border-color:#fff;
border-width: 0 2px 0 0;
}

td.formOptional, td.formOptionalBlank, td.formOptionalLeaflet, td.formRequired, td.formRequiredL, td.formRequiredBlank, td.formRequiredLeaflet, td.formRequiredNoSpace, td.formRequiredNoSpaceBlank, td.formRequiredNoSpaceLeaflet, td.formError, td.formErrorLeaflet, td.formText {
padding: 4px;
}

td.formOptionalField, td.formRequiredField, td.formErrorField  {
padding: 1px;
}

td.formOrderlineBlue, td.formOrderline, td.formOrder  {
padding: 4px 4px 8px 4px;
}

td.formOptional, td.formOptionalBlank, td.formOptionalField {
background-color: #8ea8db;
}

td.formOptionalLeaflet {
background-color: #cccccc;
}

td.formRequired a:hover {
color: #5981ad;
}

td.formRequiredLeaflet {
background-color: #eaeaea;
}

td.formRequired, td.formRequiredL, td.formRequiredField, td.formRequiredBlank, td.formRequiredNoSpace, td.formRequiredNoSpaceBlank {
	color: #5981ad;
background-color: #bde4ff;
}


td.formRequiredNoSpaceBlank {
font-size: 8pt;
font-weight: normal;
vertical-align: top;
}

td.formRequiredNoSpaceLeaflet {
background-color: #bde4ff;
font-size: 8pt;
font-weight: normal;
vertical-align: top;
border-right: 2px solid #ffffff;
border-bottom: 1px solid #AAAAAA;
}

td.formError, td.formErrorField, td.formErrorLeaflet {
background-color: #FFC000;
}

td.formError a {
font-weight: bold;
}

td.formError a:hover {
font-weight: bold;
color: #5981ad;
}

td.formFramed {
font-weight: bold;
vertical-align: top;
padding: 12px 4px 12px 4px;
border-style: solid;
border-color: #AAA;
border-width: 2px 0 2px 0;
}

td.formFramedBar {
padding-top: 6px;
border-bottom: 2px solid #AAAAAA;
}

td.formOrderlineBlue {
background-color: #bde4ff;
vertical-align: top;
border-bottom: 1px solid #AAAAAA;
border-right: 2px solid #ffffff;
}

td.formOrderline {
vertical-align: top;
border-bottom: 1px solid #AAAAAA;
}

td.formOrder {
vertical-align: top;
}

td.formOrderline a {
color: #000000;
font-weight: bold;
}

td.formOrderline a:hover {
color: #dd0009;
}

td.formOrderline input {
color: #000000;
text-align: center;
}

td.formHinweis big, td.formOptional big, td.formRequiredNoSpace big, td.formError big, td.formText big, td.formRequiredNoSpaceLeaflet big {
color: #000000;
font-weight: bold;
}

td.formRequired small, td.formText small, td.formRequiredNoSpace big {
font-size: 8pt;
}


/*Produktauflistung*/

img.Produktliste {
margin: 4px 16px 4px 0;
}

p.hr {
font-size: 1px;
margin: 3px 0 3px 0;
padding: 0px;
line-height: 1px;
background: url(/ressourcen/ger/images/gfx_hr.gif) repeat-x center;
}

/* KategorieSelektor */
div.hr {
padding: 0 0 8px 0;
border-bottom: 1px solid #b9b9b9;
margin: 0 0 8px 0;
}

/* ProduktBox */
.pboxh, .pbox {
display:block;
position: relative;
margin-right:16px;
padding: 3px;
}

.pboxh {
font: 9pt Arial, Helvetica, sans-serif;
font-weight: bold;
border-top: 1px solid #b9b9b9;
border-right: 1px solid #b9b9b9;
border-left: 1px solid #b9b9b9;
margin-top: 2px;
}

.pbox {
border: 1px solid #b9b9b9;
margin-bottom: 15px;
height: 120px;
}

.pboxi {
position: absolute;
z-index: 3;
}

.pboxc {
position: relative;
padding-left:100px;
}

.pboxt {
z-index: 10;
}

.pboxt a {
font-size: 10pt;
font-weight: bold;
text-decoration: none;
color: #999999;
}

.pboxpreis {
position: relative;
border: 1px solid #dd0009;
background: #ffffff;
z-index: 6;
height: 46px;
width: 125px;
margin-top:5px;
margin-bottom:5px;
}

.pboxpreisN {
position: relative;
border: 1px solid #dd0009;
background: #ffffff;
z-index: 6;
height: 57px;
width: 140px;
margin-top:5px;
margin-bottom:5px;
}

.pboxpc a.plain {
color: #dd0009;
font: 8pt Arial, Helvetica, sans-serif;
font-weight: bold;
}

.pboxv a.plain {
color: #777777;
font: 8pt Arial, Helvetica, sans-serif;
font-weight: bold;
}

.pboxpp {
position: absolute;
top:0px;
right:5px;
}

.pboxpc {
position: absolute;
top:20px;
right:5px;
}

.pboxv {
position: absolute;
top:31px;
right:6px;
}

.pboxvf {
position: absolute;
top:42px;
right:6px;
font-size: 8pt;
}


/* Produktdetailseite */
.minitab {
color:#000;
display:inline;
font-weight: bold;
padding-right: 4px;
padding-left: 4px;
text-decoration: underline;
cursor:pointer;
}

theTab {
display:block;
position: absolute;
width:100%;
}

.tabH {
display:block;
position: absolute;
z-index: 20;
}

.tabB, .tabBa, .tabBh {
color:#000;
top:20px;
padding-top: 5px;
padding-left: 8px;
position: absolute;
display:block;
font-weight: bold;
z-index: 40;
overflow:hidden;
}

.tabB {background-color:#efefef;cursor:pointer;border: 1px solid #b9b9b9;height:14px;}
.tabBh {background-color:#dd0009;cursor:pointer;border: 1px solid #b9b9b9;height:14px;color:#fff;}
.tabB a {text-decoration: none;}
.tabB a:hover {color:#DD0009;}
.tabBh a {color:#fff;text-decoration: none; }
.tabBh a:hover {color:#000000;}

.tabBa {height:15px;
background-color:#fff;
border-top: 1px solid #b9b9b9;
border-right: 1px solid #b9b9b9;
border-left: 1px solid #b9b9b9;
}

.tB, .tBa, .tBh {
color:#000;
margin: 20px 4px 0px 0px;
padding: 5px 10px 0px 8px;
float: left;
display:block;
font-weight: bold;
z-index: 40;
overflow:hidden;
}

.tB {background-color:#efefef;cursor:pointer;border: 1px solid #b9b9b9;height:14px;}
.tBh {background-color:#efefef;cursor:pointer;border: 1px solid #b9b9b9;height:14px;color:#dd0009;}
.tB a {text-decoration: none;}
.tB a:hover {color:#DD0009;}
.tBh a {color:#dd0009;text-decoration: none; }
.tBh a:hover {color:#000000;}

.tBa {height:15px;
background-color:#fff;
border-top: 1px solid #b9b9b9;
border-right: 1px solid #b9b9b9;
border-left: 1px solid #b9b9b9;
}

.captionC {
position: absolute;
font-size: 10pt;
font-weight: bold;
top: 10px;
z-index: 100;
}

.captionC a {
color: #000;
text-decoration: none;
}


.tabC, .tabC2, .tabC3, .tC {
display:block;
position: relative;
left:0;
z-index: 10;
border: 1px solid #B9B9B9; padding: 8px;
}

.tC {margin-bottom:10px;}
.tabC {top:40px;margin-bottom:40px;}
.tabC2 {top:5px;margin-bottom:10px;}
.tabC3 {top:10px;margin-bottom:25px;}

.tabCl, .tabClh {position: relative;display:block;width:100%;}

.tabClh, .tabB, .tabBa {-moz-user-select:none;}
.tabCl {* html height:40px;_height: 40px;}


.tabClc, .tabClcBlank {
display:block;
width:100%;
background:#fff;
padding-bottom:5px;
padding-top:5px;
cursor:pointer;
}

.tabClc { border-bottom: 1px solid #ddd; }
.tabClcBlank { border-bottom: 1px solid #fff; }

.tabClt {
top:7px;
margin-left:20px;
font-weight: bold;
}

.tabClci {position: absolute;display:block;top:7px;left:2px;top:5px;cursor:pointer;}

.tabCli, .tabClp, .tabCliS, .tabCliSm {position: relative;
display:block;
width:100%;
background-color:#fff;
padding-bottom:5px;
padding-top:5px;
border-bottom: 1px solid #ddd;
height:auto;
}

.tabCli, .tabCliS {min-height:63px;}
* html .tabCli {height: 63px;}
* html .tabCliS {height: 63px;}

.tabClp, .tabCliSm {min-height:35px;}
* html .tabClp {height: 35px;}

.tabCliS, .tabCliSm {
background-image: url(/res/img/icon_mz_stem.gif);
background-repeat: repeat-y;
padding-bottom:0px;
}

.tabClid {
top:7px;
margin-left:55px;
margin-right: 155px;
}

.tabClpd {
top:7px;
margin-left:80px;
margin-right: 140px;
min-height:70px;
}

.tabClpd2 {
top:7px;
margin-left:0px;
margin-right: 140px;
}

.tabClpP {
top:0px;
position: absolute;
display:block;
}

.tabClidHa {
margin-top:1px;
font: 9pt Arial, Helvetica, sans-serif;
color: #666666;
}

.tcell {
display:block;
padding: 3px;
border-top: 1px solid #ddd;
}

.tcellb {
display:block;
padding: 3px;
border-bottom: 1px solid #ddd;
}

.tabCliw, .tabClin, .tabClia, .tabClip1, .tabClip2, .tabClil, .tabCliv, .tabCliv2, .tabClipc, .tabClipalt {position: absolute;display:block;
}

.tabCliw {left:17px;top:5px;cursor:pointer;}

.tabClin {
top:5px;
right:80px;
color: #666666;
}

.tabClia {
top:7px;
right:125px;
}

.tabClip1 {
font: 10pt Arial, Helvetica, sans-serif;
font-weight: bold;
color: #dd0009;
top:5px;
right:7px;
}

.tabClipc, .tabClip2, .tabCliv, .tabCliv2 {
font: 9pt Arial, Helvetica, sans-serif;
}

.tabClipc {
font-weight: bold;
color: #dd0009;
top:19px;
right:5px;
}

.tabCliv {
font-weight: bold;
color: #777777;
top:42px;
right:7px;
}

.tabClipalt {
color: #dd0009;
top:30px;
right:7px;
}

.tabCliv2 {
font-weight: bold;
color: #777777;
top:30px;
right:7px;
}

.tabClipalt b {
text-decoration: line-through;
}

.tabClip2 {
color: black;
top:30px;
right:7px;
}

.tabClil {
right:7px;
top:54px;
}

/* Artikelliste neu */

.ALd {
top:7px;
margin-left:76px;
margin-right: 180px;
line-height:16px;
font-size: 9pt;
}

.ALd a {
font-weight: bold;
color: #888888;
}

.ALw, .ALn, .ALi, .ALp1, .ALp2, .ALl, .ALv, .ALv2, .ALpalt {position: absolute;display:block;}

.ALpc, .ALp2, .ALv, .ALv2, .ALl {font: 9pt Arial, Helvetica, sans-serif;}

.ALw {right:6px;top:5px;cursor:pointer;}

.ALi {
top:6px;
left:6px;
}

.ALp1 {
font: 11pt Arial, Helvetica, sans-serif;
font-weight: bold;
color: #dd0009;
top:5px;
right:44px;
}

.ALp2 {
font-size: 8pt;
top:20px;
right:44px;
}

.ALpc {
font-size: 8pt;
font-weight: bold;
}

.ALv {
font-size: 8pt;
font-weight: bold;
top:32px;
right:44px;
color:grey;
}

.ALpalt {
font-size: 8pt;
top:20px;
right:44px;
}

.ALpalt b {
text-decoration: line-through;
}

.ALl {
font-size: 8pt;
right:45px;
top:43px;
}



.ferror {
color: #DD0009;
background: #ffdb38;
}

/* Produktdisplay ----------------------*/

.produktname  {
font-size: 10pt;
font-weight: bold;
text-decoration: none;
}

.kategorie {
font-size: 10pt;
font-weight: bold;
border-bottom: 1px solid #000;
padding: 20px 2em 2px 0;
}

.startseite h3 {
font-size: 9pt;
font-weight: bold;
color: #000000;
border-bottom: 1px solid #B9B9B9;
line-height: 12px;
padding-top: 5px;
padding-bottom: 3px;
margin-top: 0px;
padding-right: 12px;
margin-bottom: 8px;
}

.startseite h4 {
font-size: 10pt;
font-weight: bold;
color: #000000;
border-bottom: 1px solid #B9B9B9;
line-height: 12px;
padding: 5px 12px 3px 0;
margin: 0 0 0 0;
}

.startseite big a {
font-size: 10pt;
font-weight: bold;
text-decoration: none;
color: #999999;
}


ul.ai li {
margin-left: 0px;
list-style-type: square;
}

h2.ai {
	background: #666;
	display: block;
	padding: 2px 5px;
	margin: 0 0 10px;
	font-size: 9pt;
	font-weight: bold;
	color: #fff;
	clear: left;
}

h3.ai {
	font-size: 9pt;
	font-weight: bold;
	clear: both;
	margin-bottom: 2px;
}

p.ai {
  margin: 0 0 10px;
	clear: both;
}

h2.konf {
	background: #09f;
	display: block;
	padding: 2px 5px;
	margin: 0 0 10px;
	font-size: 9pt;
	font-weight: bold;
	color: #fff;
	clear: left;
}

div.aibox {
	padding: 4px 10px;
	border: 1px solid #999;
	clear: both;
	margin-bottom: 10px;
}

/**************************** Klasse fŸr Boxen Cicso-Shop ********************************************/

div.cibox {
	background-color: #efefef;
	padding: 10px;
	clear: both;
	overflow: auto;
	margin-bottom: 10px;
}

/* Styles für Sub-Navigation IT Solutions --------- */

#subnaviIT {
width: 600px;
float:left;
margin-bottom: 20px;
}

#subnaviIT ul {
list-style:none;
margin:0;
padding:0;
float:left;
}

#subnaviIT ul li {
position:relative;
margin-right: 3px;
margin-left: 0;
float:left;
}

#subnaviIT ul li a {
margin-left: 0;
padding: 1px 10px;
color: #000;
text-decoration: none;
display: block;
border: 1px solid #a6a6a6;
background: #bcccd6;
}

#subnaviIT ul li a:hover {
background: #dbe3e9;
}

#subnaviIT ul li a.active {
background: #dbe3e9;
}

/* Styles für IT Solutions Referenzboxen --------- */

td.refbox {
border: 1px solid #bcccd6;
background-color: #dbe3e9;
padding: 5px;

blockqoute {
font-style: italic;
}