/* Grundeinstellungen */
 #swTotale { width:970px; margin:0 auto 0; }
 #leftnavi, #rightnavi { width:170px; display:table; float:left; clear:none; overflow:hidden; }
 #rightnavi { float:right; }
 #maincontent { 
 padding: 0px 6px 5px 7px;
 margin: 0px; overflow:hidden; }
 #mainpart-inside
{
  margin: 0 auto;
  width: 596px; /* 578px? */
}
#swTopnavibar-big 
{
  background-image: url("/template/xhead/kopf.jpg") #366AB3 repeat-x scroll 0 0;
  height: 145px;
  padding-top: 0px;
  text-align:right;
}
 #swTopnavibar-small 
 {
  background: url(/img/printklex-topsmalllogo.png) no-repeat #366AB3 scroll 0 0;
  border-bottom: 2px solid #366AB3;
  height: 44px;
  position: fixed;
  width: 970px;
  z-index: 100;
}
#swTopnavibar-small a.navi {
  border: 1px solid transparent;
  color: #FFFFFF;
  display: inline;
  font-weight: bold;
  margin-right: 10px;
  padding: 5px;
}
#swTopnavibar-small a.navi:hover {
  border: 1px solid #ff8100;
  background-color: transparent;
  }

div.swNaviopt {display:block; max-width:170px; overflow:hidden; border: 1px solid #366AB3; margin-bottom:10px; }
div.swNavioptHead { background-color: #366AB3; color: #FFFFFF; font-size: 11px; font-weight: bold; clear:both; padding: 2px 4px;}
div.swNavioptContent { padding: 2px 4px;}
div.swNaviopt select { width:164px; } 
div.swNaviopt div { max-width:170px; overflow:hidden; }
  
table {table-layout:auto; border-collapse:collapse; border-spacing:0px; empty-cells:show; margin:0px;}
tr {}
th {margin:0px; padding:0px; text-align:left;}
td {margin:0px; padding:0px; }
img {border:0px none;}
p {margin:0px 0px 2px; text-align:left;}

/* Navigation Kategorien */
table.navi {margin-bottom:10px; width:170px; border:1px solid #366AB3;}
th.navi {border:1px solid #366AB3; background-color:#366AB3; color:#FFFFFF; font-size:11px; font-weight:bold; padding:2px 4px;}
td.navi {border:1px solid #366AB3; color:#1f3c66; padding:3px;}
p.navi {color:#1f3c66; font-size:11px; font-weight:normal; vertical-align:middle; white-space:nowrap; }
a.navi {color:#1f3c66; font-size:11px; font-weight:normal; vertical-align:middle; white-space:nowrap;}
a.navi    {height:20px; padding-top:4px; width:100%; display:block;}
a.navi:visited {}
a.navi:hover   {background-color:#DDDDDD; text-decoration:underline;}
a.navi:active  {}
a.a_garantie { font-weight:bold; text-decoration:underline; }
img.navi {width:8px; height:11px; border:none; vertical-align:middle;padding-right:5px; }
*.navi select {max-width:170px; margin:0px 0px 3px;}

p.text {padding-bottom:5px; width:auto;}
img.textright {float:right; width:333px; height:200px; border:none;}

/* Card */
th.cart {border:1px solid #366AB3; background-color:#366AB3; color:#FFFFFF; font-size:11px; font-weight:bold; padding:2px 4px;}
th.cart_numb {border:1px solid #366AB3; background-color:#366AB3; color:#FFFFFF; font-size:11px; font-weight:bold; padding:2px 4px; text-align:right;}
td.cart {color:#1f3c66; padding:3px; text-align:left; vertical-align:top;}
td.cart_numb {color:#1f3c66; padding:3px; text-align:right; vertical-align:top;}}
td.cart_line {border-top:1px solid #366AB3;}

/* Navigation Suche */
table.search {margin-bottom:10px; width:170px; border:1px solid #366AB3;}
th.search {border:1px solid #366AB3; background-color:#366AB3; color:#FFFFFF; font-size:11px; font-weight:bold; padding:2px 4px;}
td.search {border:1px solid #366AB3; color:#1f3c66; padding:3px; text-align:left;}
p.search {color:#1f3c66; font-size:11px; font-weight:normal; vertical-align:middle; white-space:nowrap;}
input.search_text {width:145px; color:#1f3c66; vertical-align:middle;}
input.search_radio {color:#1f3c66; vertical-align:middle;}

/* Navigation Cart */
p.navi_cart {color:#000000; font-size:11px; font-weight:normal; vertical-align:middle; background-color:#EEEEEE; padding:3px;}

/* Kategorien */
h1.cat_title, h2.cat_title, p.cat_title, span.cat_title { font-size:24px; font-weight:bolder; color:#366AB3;}
h1.cat_title { text-align:center; font-size:32px; padding-top: 47px; padding-left: 230px; width: 330px; }
span.cat_title { width:577px; float:left; clear:both; }
p.cat_inform {padding-top: 20px; padding-left: 230px; width: 330px; text-align:center;}
a.cat_inform {}

/* Artikel */
th.article {padding:3px; vertical-align:top; background-color:#CCCCCC;}
td.article {padding:3px; vertical-align:top;}
td.article p {min-height:98px;}
span.article_pricedscr {font-weight:bold;}
span.article_pricenum {font-size:20px; font-weight:bold; color:red;}
span.article_small {font-size:9px;}
span.article_expiration {font-size:9px; display:block; padding-top:5px;}
img.imgteaser {border:none; width:158px; height:33px;}
div.articlemarker { 
  background:url(/img/printklex-amarker_bg.gif) #FFFFFF 0 0 scroll no-repeat; 
  color:#FFFFFF; font-size:12px; font-weight:bold;
  clear:both; padding:5px;  max-width:598px; 
  -moz-border-radius-topleft:3px;
  -moz-border-radius-topright:3px;
}
div.article {
    border: 0 dotted #DDDDDD;
    display: block;
    float: left;
    height: 290px;
	min-height: 290px;
	margin-bottom:10px;
}
/* Positionezeile */
p.position {color:#5a73a6; position:relative; clear:both;}
a.position {color:#5a73a6; text-decoration:none; vertical-align:middle;}
a.position:hover {color:#5a73a6; text-decoration:underline; }
a.position:visited {color:#5a73a6; text-decoration:none; }
a.position:focus {color:#5a73a6; text-decoration:none; }
a.position:active {color:#5a73a6; text-decoration:none; }
img.position {width:8px; height:8px; border:none; vertical-align:middle;}

/* Formular */
td.cont_form {padding:2px; white-space:nowrap;}

/* Content */
div.cont_descr {margin:10px 0px 0px; width:569px; padding:3px; border:1px solid #366AB3;}
div.cont_info {margin:10px 0px 0px; width:569px; padding:4px; border:none;}
div.cont {margin:10px 0px 0px; width:577px; padding:0px; border:none;}
th.cont {border:1px solid #366AB3; background-color:#366AB3; color:#FFFFFF; font-size:11px; font-weight:bold; padding:2px 4px;}
td.cont {color:#1f3c66; padding:3px; text-align:left; vertical-align:top;}

*.pdbSerieClass {display:block; width:33%; float:left; clear:none; }
a.cont0 {display:none;}
/*
div.cont2 {clear:both; padding-top:10px;}
*/
p.cont2 { background-color:#EEEEEE; border:solid 0px #FFFFFF; color:#000000; font-weight:normal; position:relative; text-align:left; margin:0px; padding:3px; width:184px; }
a.cont2 { background-color:#CCCCCC; color:#000000; font-weight:bold;  }

a.cont3, a.cont2 { margin-top:10px; border:1px solid #FFF; width:180px; display:block; /* overflow:hidden; */ padding-right:10px; }
a.cont2 { width:190px; display:block; padding-right:00px; }
a.cont3:hover, a.cont2:hover { border-color:#ff8100; }
p.cont3 {background-color:#CCCCCC; border:solid 1px #CCCCCC; color:#000000; font-weight:bold; /* position:relative; text-align:left; */ margin:0px; padding:3px; width:177px; border-left:6px solid #ff8100; }

div.cont4 {}
p.cont4 { background-color:#EEEEEE; border:solid 1px #EEEEEE; color:#666666; 
/* position:relative; text-align:left; float:left;  */
margin:0px; padding:1px 3px 1px 1px; width:179px; border-left:6px solid #eeeeee;}
a.cont4 { background-color:#EEEEEE; border:solid 1px #CCCCCC; color:#000000; position:relative; text-align:left; margin-top:10px;  padding:3px; width:177px; display:block; /* margin-right:10px; float:left; */ border-left:6px solid #366AB3;}
a.cont4:hover{ border-color:#ff8100; }
a.cont4open {color:#666666;}

fieldset.cont {width:570px; padding:0px;}
fieldset:hover { background-color:#FFFFFF; }
div.contnavidescr { display:table; min-height:142px; clear:both; width:571px; }
div.contarticles {clear:both; padding-top:10px;}

*.bg1 { background-color:#FCFCFC; }
*.bg2 { background-color:#FFFFEE; }
*.topsel { background-color:#F0FAFF; border-color:#DAF2FF; border-style:solid; border-width:1px; width:100%; }
*.theadts  { background-color:#DAF2FF; color:#003366; font-weight:bold; padding:3px; border:1px solid #FF0000; }
*.textinput { background-color:#F0FAFF; color:#003366; padding:3px; }
*.tihead { background-color:#DAF2FF; font-weight:bold}
*.highlighted { background-color:#FF8100; }
*.ltactiv { color:#FF8100; }

.uxinputopt:focus { color: #000000; font-weight: bold; border: 1px #666666 solid;}
.uxinputreq:focus { color: #000000; font-weight: bold; background-color:#FFFFFF; border: 1px #000000 solid;}
input.recommBut { font-weight:bold; border-right:3px solid #ff8100; }
input.cancelBut:hover { background-color: #FFEEEE; }

#naviactiv td.level0 { background-color:#FFFFEE; border-style:solid; border-width:1px; border-color:#FF0000; }
#naviactiv td.level1 { background-color:#FFEEEE; border-style:solid; border-width:1px; border-color:#FF0000; }
#naviactiv td.level2 { background-color:#FFEEEE; border-style:solid; border-width:1px; border-color:#00FF00; }
#naviactiv td.level3 { background-color:#FFEEEE; border-style:solid; border-width:1px; border-color:#0000FF; }
#naviactiv a { text-decoration:none; }
#naviactiv:hover, #naviactiv.over { font-weight:bolder; }

#navinotactiv td:hover, #navinotactiv td.over{ background-color:#FFFFEE;}
#navinotactiv td.level1 a, #navinotactiv td.level1 { color:#0000FF; }
#navinotactiv td.level2 a, #navinotactiv td.level2 { color:#00FF00; }
#navinotactiv td.level3 a, #navinotactiv td.level3 { color:#FF0000; }

#navinotactiv td.level1:hover, #navinotactiv td.level1.over{ background-color:#000066; }
#navinotactiv td.level2:hover, #navinotactiv td.level2.over{ background-color:#006600; }
#navinotactiv td.level3:hover, #navinotactiv td.level3.over{ background-color:#660000; }

div.categdescrhead {border: 1px solid rgb(54, 106, 179);}

#swDivPopupBackground {  background-color:#FFFFFF; opacity:0.7; filter:Alpha(opacity=70); z-index:10; width:100%; height:100%; position:fixed; left:0px; top:0px;}
#swDivPopup {position:fixed; left:0px; top:30px; text-align:center; z-index:20; padding:20px; width:100%; height:100%;}
#swDivPopup a { text-decoration:none; font-weight:bold; }
#swDivPopup img { }
#swDivPopupContent 
{
  background-color: #FFFFFF;
  border: 1px solid #366AB3;
  display: table;
  margin: 0 auto;
  min-height: 200px;
  padding: 20px;
  width: 400px;
} 
a.adivpopup { cursor:pointer; }

span.Verbrauchsmaterialoriginal {color:#F00; font-weight:bold;}
span.Verbrauchsmaterialkompatibel {}

span.Druckmedienkompatibel {}
span.Druckmedienoriginal {}

span.colors { float:right; }
span.colors span {display:block; width:4px; height:20px; float:left; }
span.black {background-color:#000000; }
span.magenta {background-color:#e30063; }
span.yellow {background-color:#ffdb00; }
span.cyan { background-color:#009cd0; }

#loggedin {
  display: table;
  margin-right: 5px;
  border:1px solid  #366AB3; 
  background-color: #FFFFFF;
  margin-top: -5px;
  width:464px;
}
#loggedin:hover #loggedincontent{ display:block;}
#loggedin  span{background-color: #366AB3; color: #FFFFFF;
font-size: 14px;
font-weight: bold;
padding: 5px; 
display:block;
height:17px;
}

#loggedincontent { padding-left:5px; padding-bottom:5px; }

.swItemInfos {
  padding:5px;
  float: left; 
}

.swItemActions { width:570px; float: left; height:100px; padding-top:10px; }

#swItemDetail h1{ margin-top:0px; font-size:24px; font-weight:bolder; color:#366AB3; padding:10px; background-color:#EEEEEE;}
#swItemDetail h1 span.colors {margin-top:5px; } 
.swSmalltext {}
.swItemDetailPrice {
  font-size: 24px;
  font-weight: bold;
  color:red;
  
}
#swTabcard {
  border: 0px solid #DDDDDD;
  display:table;
  clear: both;
  padding: 7px;
  width: 557px;
}
.swTabHead {
  border-right: 5px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  background-color:#EEEEEE;
  cursor:pointer;
  float: left;
  font-size: 110%;
  font-weight: bold;
  height: 18px;
  padding: 8px 4px 4px;
  width: 120px;
}
.swTabHeadactiv{
  background-color:#FFFFFF;
}
.swTabHeadactiv a {
  font-weight:bold;
}
.swTabHeadactiv a:activ, .swTabHeadactiv a:activ{
  border-color:#ff8100; 
}
.swTabContent {
  clear: left;
  min-height: 250px;
  background-color:#FFFFFF;
  padding:10px;
  border:1px solid #EEEEEE;
  border-top: 1px solid #CCCCCC;
  max-height:603px;
  overflow:auto;
}  
.swItemThumbnail {
  display: block;
  height: 149px;
  overflow: hidden;
  padding: 10px;
  text-align: center;
  width: 156px;
}

.swItemThumbnail a img, .swItemThumbnail img { max-width:150px;  border: 1px solid #EEEEEE; border-radius: 8px; border-top-right-radius:0px;}

.swItemInfos {
  padding:5px;
  float: left; 
}

#swItemDetail {
  border: 1px solid #EEEEEE;
  display:table;
}

.swDetailBack { float:right; margin-right:10px;}

#swItemAddpix {
  float: left;
  max-width: 320px;
  padding:10px;
  max-height:310px; 
  padding-top:0px;
  overflow:hidden;
}

.swExtendedImg {}

.swAddImgs { margin-top:5px; }

.swAddImgs a {
  display: block;
  float: left;
  margin: 5px;
  overflow: hidden;
}

.swAddImgs a img {
  height: 50px;
  width: 50px;
}

input.addToCart {
  background-color:#366AB3;
  color:#FFFFFF;
  border:1px solid #366ab3;
}
input.addToCart:hover {background-color:#009CD0;}

#swItemDetail input.addToCart 
{  
	font-size: 16px;
	width: 180px;
}
#swSearchresults
{
  
}

#swSearchresultsHead
{
  clear: both;
  display: table;
  padding: 10px 10px 10px 0;
}

.swSearchresultsTab {
  background-color: #EEEEEE;
  border-left: 1px solid #eee;
  border-right: 5px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  cursor: pointer;
  float: left;
  height:18px;
  padding: 8px 4px 4px;
  min-width: 100px;
}

.swTabHeadactiv 
{
  background-color: #FFFFFF;
  font-weight: bold;
}

.swSearchresultsContent 
{
  border:1px solid #EEEEEE;
  border-top: 1px solid #CCCCCC;
  clear: left;
  min-height: 250px;
}

*.swInputError {border:2px solid #FF6E00;}
*.swErrorMsg { font-weight:bold; color:#FF6E00;}

a.teaserstart {
  background-repeat: no-repeat;
  background-position: 60px 60px;
  border: 1px solid #366AB3;
  display: block;
  float: left;
  height: 214px;
  margin: 10px 10px 10px 0;
  padding: 25px;
  padding-top:15px;
  width: 235px;
  min-height:224px;
}
a.teaserstart {  background: url("/img/layout/ts_bg.jpg") repeat-x scroll 0 0 transparent; }
a.teaserstart:hover, a.teaserstart:hover  h2, h1, a.teaserstart2:hover h2   { text-decoration:none; color:#366AB3; }
a.teaserstart h2, a.teaserstart2 h2  {font-size:28px; color:#777777; margin-top:0px; }

#schnellauswahl a.cont3 { font-size:12px; width:274px; float:left;}
#schnellauswahl p.cont3 { padding:6px; width:265px; }
#schnellauswahl form:hover { border-color:#FF8100}
#schnellauswahl select { font-size:12px; font-weight:bold; }
