/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css 4246 2013-01-11 14:36:07Z Tomcraft1980 $
--*/

/* THE BIG GUYS */
@import url(jquery.bxslider.css);
@import url(dcaccordion.css);
/*@import url(grey.css);
/*@import url(blog.css);*/
* {
margin:0;
padding:0;
}
body {
font-family:Arial, Sans-serif;
font-size:12px;
/* BOF - Statische Navigationsleiste */
/* ORIGINAL
margin:20px 0;
*/
margin:50px 0;
/* EOF - Statische Navigationsleiste */
padding:0;
background:url(img/bg.gif) repeat-x #eee;
color:#555;
line-height:18px;
}
/* HEADINGS */
h1 {
color:#000;
font-weight:bold;
font-size:18px;
margin:20px 0 15px 0;
padding:0 0 8px;
width:auto;
border:#ccc solid;
border-width:0 0 1px 0;
}
h2 {
color:#000;
font-weight:bold;
font-size:16px;
margin:15px 0 8px 0;
padding:0;
}
h3 {
color:#555;
font-weight:bold;
font-size:12px;
}
/* LINKS GLOBAL */
a, a:link, a:link, a:link, a:hover {
background:transparent;
text-decoration:none;
outline:none;
cursor:pointer;
}
a:link {
color:#02329A;
outline:none;
}
a:visited {
color:#02329A;
outline:none;
}
a:hover, a:active {
color:#02329A;
outline:none;
}
a:hover {
color:#555;
text-decoration:underline;
outline:none;
}
a img {
border:none;
outline:none;
}
/* INPUT ELEMENTS GLOBAL (CSS 1 compatible) */
input {
font-family:Arial, Sans-serif;
font-size:12px;
}
textarea {
font-family:Arial, Sans-serif;
font-size:12px;
border:1px solid #666;
padding:10px;
background:url(img/input_bg.gif) no-repeat;
}
select {
font-family:Arial, Sans-serif;
font-size:12px;
border:1px solid #666;
}
/* INPUT ELEMENTS DETAILED (CSS 2 compatible - works only in new browsers (FF 2.0, IE 7...) */
input[type=text], input[type=password] {
border:1px solid #666;
padding:2px;
background:url(img/input_bg.gif) no-repeat;
}
/* PARAGRAPH GLOBAL */
p {
margin:8px 0;
}
/* FAKE HR DIV CAUSE OF IE TROUBLES */
div.hr {
padding-top:1px;
height:0;
overflow:hidden;
margin:0;
line-height:0;
background-color:#4E4E4F;
}
div.hrlightgrey {
padding-top:1px;
height:0;
overflow:hidden;
margin:0;
line-height:0;
background-color:#999;
}
div.hrproductpreview {
padding-top:1px;
height:0;
overflow:hidden;
margin:12px 0;
display:inline;
height:0;
line-height:0;
display:block;
background-image:url(img/hr_productpreview.gif);
}
/* TABLE GLOBAL */
table td {
padding:2px;
}
/* WHOLE SITE WRAPPER */
#wrap {
width:1150px;
background-color:#fff;
border:#fff solid;
border-width:0 10px 10px 10px;
margin:0 auto 10px;
}
/* HEADER WITH LOGO, SEARCH BOX AND LANGUAGE SELECTION */
#header {
height:115px;
background:#fff url(img/top_logo.jpg) no-repeat;
border-top:10px solid #fff;
border-bottom:1px solid #fff;
}
#header #logo {
float:left
}

#header td {
padding-top:1px;
padding-right:4px;
}
/* BREADCRUMB PATH AS LIST */
#breadcrumb {
clear:both;
color:#c64934;
padding:1px 0 10px 15px;
list-style-type:none;
outline:none;
height:22px;
background:#fff url(img/bg_breadcrumb.gif) repeat-x;
font-size:11px;
}
#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover, #breadcrumb a:active {
line-height:23px;
text-decoration:none;
outline:none;
font-weight:normal;
cursor:pointer;
color:#333;
margin:0;
padding:0;
}
#MCat1 {
background: url(img/cat1.gif);
float: right;
}

/* TOPMENU AS LIST */
#topmenuwrap {
  background: #333 url(img/bg_topmenu.gif) repeat-x;
  height: 36px;
  position:relative;
}
#sale_topmenu{
  background: #333 url(img/sale_topmenu.gif);
  font-size: 19px;
  text-align:center;
  width:59px;
  height: 36px;
}
#topmenuwrap #search {
  text-align:right;
  height:26px;
  color: white;
  font-size:13px;
  padding: 6px 10px 4px 0px;
  margin:0;
  float: right;
}
#topmenu {
float:left;
padding:0;
margin:0;
list-style-type:none;
height:36px;
font-size:13px;
background:url(img/bg_topmenu.gif) repeat-x;
}
#topmenu li {
height:36px;
float:left;
padding:0 25px;
margin:0;
background:url(img/bg_topmenu_breakline.gif) no-repeat;
background-position:right;
}
#topmenu a, #topmenu a:link, #topmenu a:visited, #topmenu a:hover, #topmenu a:active {
line-height:36px;
vertical-align:middle;
text-decoration:none;
outline:none;
font-weight:bold;
cursor:pointer;
color:#fff;
margin:0;
padding:0;
}
#topmenu a:hover {
color:#ccc;
}
/* LANGUAGE SELECTION IN TOPMENU LIST */
#languages {
  text-align:right;
  height:26px;
  font-size:13px;
  background: url(img/bg_topmenu.gif) repeat-x;
  padding: 10px 10px 0px 0px;
  margin:0;
  float: right;
}
/* CONTENT WRAPPER */
#contentwrap {
clear:both;
width:1150px;
padding:0;
}
/* LEFT COLUMN */
#leftcol {
float:left;
width:240px;
padding:0 0 15px 0;
background-color: #EBEBEB;
}
/* RIGHT COLUMN */
#rightcol {
float:right;
width:200px;
padding:0 0 15px 0;
}
/* MAIN CONTENT */
#content {
float:left;
width:870px;
padding:0 15px;
margin-bottom:15px;
}
#contentfull {
width:1000px;
padding:0 30px;
margin-bottom:15px;
}
/* CATEGORY MENU */
h2.categoryheader {
background:#868686 url(img/bg_boxheader.gif);
height:28px;
font-size:12px;
color:#fff;
padding:2px 8px 0 8px;
margin:0;
line-height:28px;
vertical-align:middle;
}
h2.categoryheader a {
text-decoration:none;
outline:none;
color:#fff;
}
ul#categorymenu {
background-color:#f1f0f0;
margin-bottom:15px;
border:solid #ccc;
border-width:0 1px 1px 1px;
}
ul#categorymenu li a.actparentlink { font-style:italic; }
ul#categorymenu li a.actlink { font-style:italic; text-decoration:underline; }
/* 1st TIER */
ul#categorymenu li.level1 {
list-style-type:none;
border:solid #fff;
border-width:1px 0 0 0;
}
ul#categorymenu li.level1 a {
text-decoration:none;
outline:none;
color:#333;
background:#eee;
font-weight:bold;
padding:4px 0 4px 6px;
display:block;
}
ul#categorymenu li.level1 a:hover {
text-decoration:none;
color:#333;
background-color:#e1e1e1;
font-weight:bold;
}
ul#categorymenu li.activeparent1 a  { font-style:italic; background:#eee; }
ul#categorymenu li.active1 a  {        font-style: italic; background: #d7c9d1;}
/* 2nd TIER */
ul#categorymenu li.level2 {
list-style-type:none;
border:solid #fff;
border-width:1px 0 0 0;
}
ul#categorymenu li.level2 a {
text-decoration:none;
outline:none;
color:#333;
background:url(img/dotted1.gif) no-repeat 8px 9px #e1e1e1;
font-weight:bold;
padding:4px 0 4px 18px;
display:block;
}
ul#categorymenu li.level2 a:hover {
text-decoration:none;
color:#333;
background-color:#c7c7c7;
font-weight:bold;
}
ul#categorymenu li.activeparent2 a  { font-style:italic; background:#e1e1e1; }
ul#categorymenu li.active2 a  {font-style:italic; background:#d7c9d1; }
/* 3rd TIER */
ul#categorymenu li.level3 {
list-style-type:none;
border:solid #fff;
border-width:1px 0 0 0;
}
ul#categorymenu li.level3 a {
text-decoration:none;
outline:none;
color:#333;
background:url(img/dotted1.gif) no-repeat 16px 9px #c7c7c7;
font-weight:bold;
padding:4px 0 4px 26px;
display:block;
}
ul#categorymenu li.level3 a:hover {
text-decoration:none;
color:#333;
background-color:#b3b3b3;
font-weight:bold;
}
ul#categorymenu li.activeparent3 a  { font-style:italic; background: #c7c7c7; }
ul#categorymenu li.active3 a  {font-style:italic; background:#d7c9d1; }
/* 4th TIER */
ul#categorymenu li.level4 {
list-style-type:none;
border:solid #fff;
border-width:1px 0 0 0;
}
ul#categorymenu li.level4 a {
text-decoration:none;
outline:none;
color:#333;
background:url(img/dotted1.gif) no-repeat 24px 9px #b3b3b3;
font-weight:bold;
padding:4px 0 4px 34px;
display:block;
}
ul#categorymenu li.level4 a:hover {
text-decoration:none;
color:#333;
background-color:#999;
font-weight:bold;
}
ul#categorymenu li.activeparent4 a  { font-style:italic; background: #b3b3b3; }
ul#categorymenu li.active4 a  {font-style:italic; background:#d7c9d1; }
/* 5th TIER */
ul#categorymenu li.level5 {
list-style-type:none;
border:solid #fff;
border-width:1px 0 0 0;
}
ul#categorymenu li.level5 a {
text-decoration:none;
outline:none;
color:#333;
background:url(img/dotted1.gif) no-repeat 32px 9px #a2a2a2;
font-weight:bold;
padding:4px 0 4px 42px;
display:block;
}
ul#categorymenu li.level5 a:hover {
text-decoration:none;
color:#333;
background-color:#7e7e7e;
font-weight:bold;
}
ul#categorymenu li.activeparent5 a  { font-style:italic; background: #a2a2a2; }
ul#categorymenu li.active5 a  {font-style:italic; background:#d7c9d1; }
/* CATEGORY IMAGE DEFINITION */
img.imgLeft {
float:left;
margin:2px 10px 2px 0;
position:relative;
}
/* BOXES GLOBAL DEFINITION */
h2.boxheader {
background:#868686 url(img/bg_boxheader.gif);
height:28px;
font-size:12px;
color:#fff;
padding:2px 8px 0 8px;
margin:0;
line-height:28px;
vertical-align:middle;
}
h2.boxheader a:link, h2.boxheader a:hover, h2.boxheader a:active, h2.boxheader a:visited {
text-decoration:none;
outline:none;
color:#fff;
}
.boxbody {
background-color:#f1f0f0;
border:solid #ccc;
border-width:0 1px 1px 1px;
padding:8px;
margin-bottom:15px
}
.boxbody h3, .boxbody h3 a {
font-size:11px
}
.boxbody h3.center, .boxbody h3.center a {
font-size:11px;
text-align:center;
outline:none;
}
.boxbody p {
color:#000;
font-size:11px;
margin:6px 0;
}
.boxbody p.center {
color:#000;
font-size:11px;
text-align:center;
margin:6px 0;
}
.boxbody td {
color:#000;
font-size:11px;
margin:6px 0;
}
.boxbody .productOldPrice {
font-size:11px;
color:red
}
.boxbody div.hr {
margin:5px 0;
}
.boxbody div.hrlightgrey {
margin:5px 0;
}
.boxbody a {
font-size:11px;
outline:none;
}
.boxbody .productboximage {
border:solid 1px #999;
padding:5px;
background:#fff;
}
.boxbody ul.contentlist {
margin-left:5px;
margin-right:0;
padding:0;
}
.boxbody ul.contentlist li {
margin-left:0;
padding:0;
list-style-type:none;
}
.boxbody img {
  max-width:182px;
}
.contentlist a {
border-bottom:1px solid #ccc;
display:block;
padding:5px 0;
outline:none;
}
/* CART BOX */
h2.boxcartheader {
background:#02329A url(img/bg_boxheader_cart.gif);
height:28px;
font-size:12px;
color:#fff;
padding:2px 8px 0 8px;
margin:0;
line-height:28px;
vertical-align:middle;
}
h2.boxcartheader a {
text-decoration:none;
color:#fff;
outline:none;
}
.boxcartbody {
padding:4px 8px 4px 8px;
margin-bottom:15px;
background-color:#f1f0f0;
border:solid #ccc;
border-width:0 1px 1px 1px;
}
.boxcartbody p {
font-size:11px;
}
/* PRODUCT PREVIEW */
.productPreview {
padding:0;
margin:0;
}
.productPreviewContent {
vertical-align:top;
}
.productPreviewContent h2 {
padding:0;
margin:0 0 5px 0;
}
.productPreviewContent h2 a {
font-size:14px;
font-weight:bold;
outline:none;
}

.productPreviewImage {
  width:120px;
  display:block;
  vertical-align:top;
  padding:3px 15px 0 0;
}
.productPreviewImage img {
border:solid 0 #999;
}
.productPreviewContent .price {
font-size:16px;
font-weight:bold;
padding:0;
margin:0;
}
.productPreviewContent .taxandshippinginfo {
font-size:11px;
font-weight:normal;
color:#999;
padding:0;
margin:0;
}
.productPreviewContent .vpe {
font-size:11px;
font-weight:normal;
color:#999;
padding:0;
margin:0;
}
.productPreviewContent .shippingtime {
font-size:11px;
font-weight:normal;
color:#999;
padding:0;
margin:0;
}
.productPreviewContent .stockimage {
margin:0;
padding:0;
}
.productPreviewContent .stockimagetext {
margin:0;
padding:0;
font-size:11px;
font-weight:normal;
color:#999;
}
.productPreviewContent .productOldPrice {
font-size:12px;
font-weight:bold;
color:red;
}
.productPreviewContent .taxandshippinginfo a {
font-size:11px;
font-weight:bold;
color:#999;
text-decoration:underline;
outline:none;
}
/* PRODUCT INFO / PRODUCT DETAILS */
#productinfowrap {
display:table;
width:100%;
}
#productinfoimages {
float:left;
background-color:#f1f0f0;
text-align:center;
width:140px;
padding:10px;
margin:0 10px 10px 0;
border:solid 1px #999;
}
#productinfoimages .productimage {
border:solid 1px #999;
}
#productinfoimages .hrlightgrey {
margin:6px 0;
}
#productinfoprice {
padding:5px;
}
#productinfoprice img {
cursor:pointer;
}
#productinfoprice .hrlightgrey {
margin:6px 0;
}
#productinfoprice .productprice {
margin:0;
padding:0;
font-size:21px;

}
.productOldPrice {
color:red;
margin:0;
padding:0;
font-size:12px;
font-weight:bold;
}
#productinfoprice .taxandshippinginfo {
margin:0;
padding:0;
font-size:11px;
font-weight:normal;
color:#999;
}
#productinfoprice .taxandshippinginfo a {
margin:0;
padding:0;
font-size:11px;
font-weight:bold;
color:#999;
text-decoration:underline;
outline:none;
}
#productinfoprice .shippingtime {
margin:0;
padding:0;
font-size:11px;
font-weight:normal;
color:#999;
}
#productinfoprice .stockimage {
margin:0;
padding:0;
}
#productinfoprice .stockimagetext {
margin:0;
padding:0;
font-size:11px;
font-weight:normal;
color:#999;
}
p.productinfoproductadded {
font-size:11px;
}
.productoptions {
background-color:#f8f8f8;
padding:6px;
border:solid #ccc;
border-width:1px 0 0 0;
}
.addtobasket {
background-color:#f1f0f0;
padding:6px;
text-align:right;
border:#999 solid;
border-width:1px 0 0 0;
}
/* POPUPS PRODUCTINFO */
body.popupproductinfo {
padding:15px;
background:#fff none;
}
/* POPUP print_order.html */
body.popupprintorder {
font-family:Arial, Sans-serif;
font-size:13px;
padding:15px;
background:#fff none;
}
body.popupprintorder .products tr.header td {
font-weight:bold;
background-color:#f1f0f0;
}
body.popupprintorder .products .total {
text-align:right;
}
body.popupprintorder .products .quantity {
vertical-align:top;
}
body.popupprintorder .productname {
vertical-align:top;
}
body.popupprintorder .model {
vertical-align:top;
}
body.popupprintorder .singleprice {
vertical-align:top;
}
body.popupprintorder .totalprice {
vertical-align:top;
}
/* HIGHLIGHTBOX (BACKGROUND) */
div.highlightbox {
padding:15px;
background-color:#f8f8f8;
border:solid #d9d9d9 1px;
overflow:auto;
}
div.highlightbox ul {
margin-left:15px;
padding:0;
display:block;
list-style-type:square;
line-height:20px;
}
div.highlightbox h1 {
color:#02329A;
padding:0 0 10px 0;
margin:0;
border:none;
font-size:16px;
}
div.highlightbox div.hr {
height:1px;
line-height:1px;
margin:0;
padding:0;
display:block;
border-bottom:solid 1px #eee;
}
/* PAYMENT TYPE SELECTION */
table.paymentblock {
background-color:#f8f8f8;
border:#eee solid;
border-width:0 1px 1px 1px;
margin-bottom:15px;
}
table.paymentblock tr td.header {
background-color:#ccc;
padding:2px;
padding-left:5px;
color:#000;
font-weight:bold;
}
/* SHIPPING TYPE SELECTION */
table.shippingblock {
background-color:#f8f8f8;
border:#eee solid;
border-width:0 1px 1px 1px;
margin-bottom:15px;
}
table.shippingblock tr td.header {
background-color:#ccc;
padding:2px 2px 2px 5px;
color:#000;
font-weight:bold;
}
table.shippingblock tr td {
vertical-align:top;
}
table.shippingblock tr td.description {
width:100%;
vertical-align:top;
padding-left:6px;
}
table.shippingblock tr td.radiobutton {
vertical-align:top;
white-space:nowrap;
padding:4px;
}
table.shippingblock tr td.radiobutton input {
margin:0;
padding:0;
}
table.shippingblock tr td.price {
vertical-align:top;
white-space:nowrap;
}
/* ORDER DETAILS IN ACCOUNT HISTORY */
table.accounthistoryinfoorderdetails tr td {
vertical-align:top;
}
table.accounthistoryinfoorderdetails tr.header td {
font-weight:bold;
}
/* MESSAGEBOX ON CONTACT SITE */
textarea.message_body {
width:130px;
}
/* DOWNLOAD BOX FOR USER DOWNLOADS */
table.downloadbox {
padding:5px;
background-color:#f8f8f8;
border:solid #d9d9d9 1px;
margin-bottom:8px;
}
table.downloadbox tr td.icon {
padding-right:15px;
}
table.downloadbox tr td.downloadlink {
width:100%;
}
/* TABLE WICH SHOWS GRADUATED PRICES */
table.graduatedprice {
font-size:11px;
text-align:left;
margin-top:5px;
}
table.graduatedprice tr td.header {
font-size:12px;
font-weight:bold;
text-align:middle;
}
/* ORDER DETAILS */
table.orderdetails {
font-size:11px;
background-color:#f8f8f8;
border:#ccc solid;
border-width:0 1px 1px 1px;
}
table.orderdetails tr td {
padding:4px;
}
table.orderdetails tr.headerrow td {
background-color:#ccc;
color:#555;
font-weight:bold;
}
table.orderdetails tr.headerrow td.left {
text-align:left;
}
table.orderdetails tr.headerrow td.center {
text-align:center;
}
table.orderdetails tr.headerrow td.right {
text-align:right
}
/* ORDER DETAILS CONTENT ROW 1 */
table.orderdetails tr.contentrow1 td {
background-color:#f8f8f8;
vertical-align:top;
}
table.orderdetails tr.contentrow1 td.quantity {
text-align:center;
}
table.orderdetails tr.contentrow1 td.quantity input {
font-size:11px;
padding:2px;
border:solid #ccc 1px;
}
table.orderdetails tr.contentrow1 td.productname {
text-align:left;
}
/* ORDER DETAILS CONTENT ROW 2 */
table.orderdetails tr.contentrow2 td {
background-color:#f8f8f8;
vertical-align:top;
}
table.orderdetails tr.contentrow2 td.quantity {
text-align:center;
}
table.orderdetails tr.contentrow2 td.quantity input {
font-size:11px;
padding:2px;
border:solid #ccc 1px;
}
table.orderdetails tr.contentrow2 td.productname {
text-align:left;
}
/* ORDER DETAILS SINGLE PRICE */
table.orderdetails tr td.singleprice {
text-align:right;
white-space:nowrap;
}
/* ORDER DETAILS TOTAL PRICE PER ITEM */
table.orderdetails tr td.totalprice {
text-align:right;
white-space:nowrap;
}
/* ORDER DETAILS DELETE CHECKBOX */
table.orderdetails tr td.delete {
text-align:center;
white-space:nowrap;
}
/* ORDER DETAILS PRODUCT ATTRIBUTES */
table.orderdetails tr td.productname table.productattributes {
margin-top:3px;
}
table.orderdetails tr td.productname table.productattributes tr td {
padding:0;
}
table.orderdetails tr td.productname table.productattributes tr td.attribute {
padding-right:4px;
white-space:nowrap;
}
table.orderdetails tr td.productname table.productattributes tr td.value {
width:100%;
}
/* ORDER DETAILS SUBTOTAL */
table.orderdetails tr td.subtotal {
background-color:#f8f8f8;
text-align:right;
border:#ccc solid;
border-width:1px 0 0 0;
}
/* PRODUCT NAVIGATOR */
div.productnavigator {
background-color:#f1f0f0;
padding:8px;
border:#999 1px solid;
}
/* REVIEW LIST */
table.reviewlist {
background-color:#f8f8f8;
border:#ccc solid;
border-width:0 1px 1px 1px;
}
table.reviewlist tr td {
padding:4px;
white-space:nowrap;
}
table.reviewlist tr.header td {
background-color:#ccc;
color:#fff;
font-weight:bold;
}
table.reviewlist tr.contentrow1 td {
background-color:#f8f8f8;
}
table.reviewlist tr.contentrow2 td {
background-color:#f8f8f8;
}
textarea#review {
width:95%;
}
/* MEDIA LIST */
table.medialist {
background-color:#f8f8f8;
border:#ccc 1px solid;
}
table.medialist tr td {
padding:6px;
vertical-align:top;
}
table.medialist tr.contentrow1 td {
background-color:#f8f8f8;
}
table.medialist tr.contentrow2 td {
background-color:#f8f8f8;
}
/* SITEMAP */
.sitemapwrap .sitemapleft {
background-color:#f8f8f8;
border:#ccc 1px solid;
display:table;
float:left;
width:235px;
margin-bottom:15px;
}
.sitemapwrap .sitemapright {
background-color:#f8f8f8;
border:#ccc 1px solid;
display:table;
float:right;
width:235px;
margin-bottom:15px;
}
.sitemapheader {
padding:3px;
background-color:#ccc;
color:#fff;
font-weight:bold;
}
.sitemapheader a:link, .sitemapheader a:visited, .sitemapheader a:hover {
color:#fff;
text-decoration:none;
outline:none;
}
.sitemapcontent {
padding:6px;
}
.sitemapcontent li {
list-style-type:none;
}
/* COMMENTS ON CHECKOUT CONFIRMATION SITE */
p.checkoutcomment textarea {
width:93%;
resize: none;
}
/* ORDER DETAILS ON CHECKOUT SITE */
table.checkoutconfirmationorderdetails {
padding:0;
margin:0 0 10px 0;
border:none;
}
table.checkoutconfirmationorderdetails tr td.productname {
width:100%;
font-weight:bold;
}
table.checkoutconfirmationorderdetails tr td.shippingtime {
padding:0 0 0 30px;
color:#666;
font-size:11px;
font-weight:normal;
white-space:nowrap;
}
table.checkoutconfirmationorderdetails tr td.productattributes {
padding:0 0 0 30px;
color:#666;
font-size:11px;
font-weight:normal;
}
table.checkoutconfirmationorderdetails tr td.productprice {
white-space:nowrap;
text-align:right;
}
table.checkoutconfirmationorderdetailstotal {
padding:0;
margin:10px 0 0 0;
border:none;
}
table.checkoutconfirmationorderdetailstotal tr td.name {
width:100%;
text-align:right;
}
table.checkoutconfirmationorderdetailstotal tr td.value {
white-space:nowrap;
text-align:right;
}
/* AGB ON CHECKOUT SITE */
p.checkoutagb textarea {
width:100%;
}
/* CHECKOUT NAVIGATION */
ul#checkoutnavigation {
margin:0;
padding:0;
margin-top:15px;
}
ul#checkoutnavigation li {
height:70px;
list-style-type:none;
float:left;
width:165px;
margin-right:15px;
border:solid 1px;
padding:8px;
}
ul#checkoutnavigation li.active {
background-color:#f8f8f8;
}
ul#checkoutnavigation li.active .number {
font-size:20px;
font-weight:bold;
}
ul#checkoutnavigation li.active .title {
font-size:14px;
font-weight:bold;
}
ul#checkoutnavigation li.active .description {
font-size:11px;
}
ul#checkoutnavigation li.inactive {
color:#999;
background-color:#f1f0f0;
border-color:#999;
}
ul#checkoutnavigation li.inactive .number {
font-size:20px;
font-weight:bold;
}
ul#checkoutnavigation li.inactive .title {
font-size:14px;
font-weight:bold;
}
ul#checkoutnavigation li.inactive .description {
font-size:11px;
}
ol.message_list { position: relative }
/* ERROR MESSAGES */
.errormessage {
border:solid red 2px;
padding:15px;
background-color:#FFD6D6;
margin-bottom:10px;
}
/* SUCCESS MESSAGE */
.messageStackSuccess {
padding:4px;
background-color:#6f6;
}
/* FOOTER */
.footer {
clear:both;
text-align:center;
font-size:11px;
color:#666;
background-color:#E2E2E2;
padding:8px;
margin-bottom:5px;
border-bottom:2px solid #ccc;
}
.footer a {
color:#666;
text-decoration:underline;
outline:none;
}
/* COPYRIGHT */
.copyright {
margin:0 auto;
width:970px;
text-align:center;
color:#666;
font-size:11px;
padding:0 0 10px 0;
}
.copyright a {
  text-decoration:none;
}
/* MODIFIED STYLE */
span.cop_magenta {
  color:#B0347E;
}
span.cop_grey {
  color:#6D6D6D;
}
/* ParseTime */
.parseTime {
margin:0 auto;
width:970px;
text-align:center;
color:#666;
font-size:11px;
padding:0 0 10px 0;
}
/* Mehr Bilder unterhalb der Beschreibung */
.morepics {
background-color:#f1f0f0;
padding:0px;
text-align:right;
display:block;
height:auto;
width:240px;
float:left;
margin-bottom:2px;
}
.morepics img {
border:#999 1px solid;
padding:4px;
margin-right:8px;
background:#fff;
height:30px;
width:auto;
float:left;
margin-bottom:8px;
}
/* BESTELLER BOX mit Bildern in DL DT Liste */
dt {
  float:left;
  width:40px;
}
dt img {
  border:1px solid #ccc;
  padding:2px;
  background:#fff;
  max-width:40px !important;
}
dd {
  float:right;
  width:125px
}
td.productPreviewContent {
text-align:left;
}
/* Tomcraft - 2009-09-22 - FIX DER AUFZÄHLUNGEN IM CONTENT */
#content ol, #content ul {
  margin:0px 0 10px 0px;
}
/* Tomcraft - 2009-09-22 - FIX DER AUFZÄHLUNGEN IN DER DRUCKANSICHT */
.popupproductinfo #productinfowrap ol, .popupproductinfo #productinfowrap ul {
  margin:10px 0 10px 186px;
}
/* SEARCHBOX */
.search_header {
line-height:normal;
}
/* Tomcraft - 2009-10-02 - Include "Single Price" in checkout_confirmation */
td.main_row {
border-top:1px solid #ccc;
}
/* Hetfield - 2010-01-20 - Remove agb-textarea from checkout_payment */
div.agbframe {
width:93%;
height:100px;
overflow:auto;
padding:10px;
background:url(img/input_bg.gif) no-repeat;
border:1px solid #666;
}
/* web28 - 2010-04-29 - fix ol and ul Tag  in checkout_payment agbframe */
ol#address_block, div.agbframe ol, div.agbframe ul  {
margin-left:30px;
}
/* web28 - 2010-07-25 - NO JAVASCRIPT FALLBACK für TABS/ACCORDION in product_info */
#tabbed_product_info ul,#accordion_product_info h3 a {
display:block;
}
#tabbed_product_info .morepics {
background-color:#f1f0f0;
padding:6px;
border-width:1px 0 0 0;
width:512px;
margin-bottom:17px;
}
#id_new_checkout{
	position:relative;
}
#id_new_checkout img{
	position:absolute;
	top:-15px;
	right:-15px;
}
/* web28 - 2010-07-25 - FIX DER AUFZÄHLUNGEN IM CONTENT  für TABS/ACCORDION in product_info */
#tab_description ol, #tab_description ul, #accordion_product_info ol, #accordion_product_info ul{
margin:10px 0 10px 22px;
display:block;
}
/* h-h-h - 2011-05-15 - MOUSE POINTER FOR PRODUCTOPTIONS RADIO BUTTON TEXT */
.productoptions label {
  cursor: pointer;
}
/* h-h-h - 2011-08-28 - DEFINE GLOBAL CENTER */
.centered {
  margin: 0 auto;
}

/*address block */
div#address_block div.address{
width: 260px;
float:left;
height:140px;
padding:5px;
margin:0 15px 15px 0;
border: solid 1px #a3a3a3;
background:#F8F8F8;
}
div#address_block input{
vertical-align: middle;
}

/*new checkout*/
div.checkout_infos{
width:940px;
border: 0px solid red;
}
div.checkout_infos h2{
font-family: Arial, Sans-serif;
color:#333; /*#1e3630;*/
font-weight:bold;
font-size:15px;
margin: 0px;
float:left;
}
div.checkout_infos a{
font-style:italic;
color:#009933; /*#1e3630;*/
}
div.checkout_infos div.text,p.text{
margin-top:0px;
}
div#address_block div.address{
width: 260px;
float:left;
height:140px;
padding:5px;
margin:0 15px 15px 0;
border: solid 1px #a3a3a3;
background:#F8F8F8;
}
div#address_block input{
vertical-align: middle;
}
div.checkoutInfoBoxes{
width:435px;
border: 0px solid #a3a3a3;
padding:5px;
margin-right:20px;
float:left;
}
div.checkoutInfoBoxes  a.more_info{
color: red!important;
}
div.checkoutNavBoxes{
width:435px;
border: 1px solid #a3a3a3;
/*background:#F8F8F8;*/
padding:5px;
margin-right:20px;
float:left;
height:120px;
}
div.checkoutNav2Boxes{
width:435px;
border: 1px solid #a3a3a3;
padding:5px;
margin-right:20px;
min-height: 70px;
float:left;
}
div.checkoutbox{
border: 2px solid #999!important;
background: #E3F4DA!important; /*diese Farbe muss sich erheblich abheben*/
}
div.checkoutbox .image{
max-width:80px;
}
div.checkoutbox td.main_row {
border-top: 1px solid #666;
}
div.checkoutbox div.hr{
border:none;
border-top: 1px solid #666;
color: #E3F4DA; /*wie hintergrundfarbe*/
background-color:#E3F4DA; /*wie hintergrundfarbe*/
height: 1px;
}
div.checkoutbox .details{
padding: 0 12px 0 0;
background: url(img/external.gif) no-repeat 100% 0px;
color: #000;
font-weight: bold;
}
div.checkoutbox .total table td {
padding:0px;
}
div.checkoutbox .small{
font-size: 11px;
}


/* BOF - Customers Remind - Fishnet Services - Gemsjäger 30.03.2012 */
/* Based on: xt-module.de customers remind */
#remindbox{
        display: none;
        z-index:9999;
        width: 300px;
        margin: 0;
        padding: 5px;
        position: fixed;
        top: 40%;
        left: 50%;
        margin-left: -150px;
        margin-top: -50px;
        background-color: #FFFFFF;
        border: solid 1px #000000;
}
/* EOF - Customers Remind - Fishnet Services - Gemsjäger 30.03.2012 */
/*---------------------------- Imageslider (c) 2008 by Hetfield - www.MerZ-IT-SerVice.de - Begin --------------------------*/
ul#imageslider { 
	margin:0 auto; 
	padding:0; 
	list-style:none; 
	list-style-position:outside; 
	overflow:hidden; /* Falls die Inhalte zu gross sind, werden diese abgeschnitten */
	width: 525px; /* Breite des Slideshowcontainers */
}
ul#imageslider #slidercontent { 
	display: none; 	/* Textanzeige deaktiviert durch display:none; */
	z-index: 888;	/* Durch den z-index wird der Conatiner des Textes auf das Bild gelegt */
	position: relative; 
	top: -195px;	/* Damit der Text auf dem Bild angezeigt werden kann müssen wir den Container nach oben ziehen */
	width: 525px; /* Breite des Slideshowcontainers */
	overflow: hidden; /* Falls die Inhalte zu gross sind, werden diese abgeschnitten */
	text-align: justify;
	font-size: 0.9em; 
	background: #ccc; 
	/* Regelt die Transparenz des Textes um das Bild darunter noch sehen zu können */
	-moz-opacity: 0.7;
	opacity: 0.70; 
	filter:alpha(opacity=70); 
}
/*---------------------------- Imageslider (c) 2008 by Hetfield - www.MerZ-IT-SerVice.de - End ----------------------------*/
#contactForm{
position:fixed;
right:0px;
bottom:0px;
height:565px;
z-index:99999;
}

#contact_button{
position:absolute;
right:0px;
bottom:0px;
width:120px;
height: 120px;
background:url(/templates/xtc5/img/feedback.png) no-repeat;
cursor:pointer;
z-index:99
}
#contact_Form{
position:absolute;
top:20px;
right:-1px;
width:0px;
height:545px;
display:none;
border:1px solid grey;
background:#fff;
z-index:98
}
#contact_in{
margin:10px;
z-index:98
}
#contact_button #close{
position:absolute;
right:-20px;
top:-13px;
display:none;
z-index:99
}

#feedback{
display:inline;
z-index:98
}

#email{
font-family: Arial,sans-serif;
font-size: 11px;
width: 160px;
}

#sname {
font-family: Arial,sans-serif;
font-size: 11px;
width: 160px;	
}	

#waiting {
    color: #767676;
    text-align: center;
}
#feedback label { display: inline-block; width: 5em; }

.field_ok{ border:1px solid #5aba00; } 
.untouched{ border:2px solid #ba0000; }

.evodbg form:nth-child(odd) { background-color: #f1f0f0;}

.text_shorten {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 20em;
}
.product_isnew 
{
        background: url("img/neu.png") no-repeat;
		position: absolute;
		z-index:99;
}
.product_special
{
        background: url("img/[SPECIAL_FLAG].png") no-repeat transparent;
        color: #FFFFFF;
        font-size: 13px;
        font-weight: bold;
        height: 80px;
        line-height: 17px;
        margin-left: 10px;
        margin-top: 0px;
        padding-left: 10px;
        padding-top: 0;
        position: absolute;
        width: 110px;
}
/* BOF - Artikel Anfrage PopUp */
.popup_background {
	background: #FFF;
	margin: 5px auto 5px;
	padding: 0;
}

.popup_message_error {
	background: #FFD6D6;
	border: red solid 1px;
	margin: 0 auto 5px;
	padding: 0;
	width: 95%;
}

.popup_content {
	background: #f8f8f8;
	border: #d9d9d9 solid 1px;
	margin :0 auto;
	padding: 0;
	width: 95%;
}

.popup_name {
	width: 25%;
}

.popup_input {
	width: 75%;
}

.popup_input input {
	width: 170px;
}

.popup_textarea textarea {
	height: 80px;
	max-height: 200px;
	width: 350px;
	max-width: 400px;
}

.popup_message_success{
	background: #6f6;
	border: green solid 1px;
	margin: 0 auto;
	padding: 0;
	width: 95%;
}
/* EOF - Artikel Anfrage PopUp */
/*BLOG*/
a:focus {
	outline: none
}
.blog_text img {
	margin:10px
}
.blog_titel{
	padding:4px 5px;
	color:#333;
	cursor:pointer;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #dddddd
}
.blog_link {
	display:block; cursor: pointer; margin: 4px 0 4px 10px; font-family: Verdana; font-size: 10px;
}
.blog_active {
	color: #000; font-weight: 700
}
h2.blog_title_list {font-family: Arial,sans-serif; font-size: 130%}
.datum {float: left; margin: 0 10px 0 0; width:60px}

.datum p {background:#D70606 url(img/icons/date.png) no-repeat scroll 0 0;color:#DDDDDD;float:left;font-size:70%;height:50px;margin:0 10px 0 0;overflow:hidden;padding:5px;text-align:center;width:40px;}

.datum span.monat {display:block;margin-bottom:8px;font-size: 12px}

.datum span.tag {color:#444444;display: block;font-size:195%;font-weight:bold;line-height:0.9;}

div.datum p span.jahr {color:#666666;font-family:Tahoma,Arial,sans-serif;font-size:80%;margin:0;padding:0;}

.blog_list, .blog_text {color: #000; font-size: 110%}

#comment {	cursor:pointer;	padding: 3px 0 3px 20px;	background: url(img/icons/add.gif) 0 2px no-repeat}

fieldset.blog_comments {padding: 10px;	border: 1px solid #ccc}

#blog_comments {	padding: 0 10px; font-weight: 900}

#comment:hover {	text-decoration: underline} 

div.add_success {	padding: 3px 0 3px 20px;	background: url(img/icons/tick.gif) 0 2px no-repeat}

/* Kommentare */
div.box_comment {
	display: block;
	width: 99%;
	position: relative;
	padding: 3px;
	margin: 0 5px;
	border: 1px solid #ccc;
	background: #f4f4f4;
}
div.box_comment div.delete {
	position: absolute;
	height: 16px;
	top: 50%;
	left: 10px;
	margin-top: -8px;
}
div.box_comment_name {
	position: relative;
	margin: 10px 0 0 10px;
}
span.arrow {
	background: #FFF url(img/icons/arrow_down.gif) no-repeat;
	width: 10px; height: 10px;
	position: absolute;
	top: -11px; left: 40px
}

/* STAR RATING */
.star-rating{
	list-style:none;
	margin-left:5px!important;
	padding:0px;
	width: 125px;
	height: 25px;
	position: relative;
	background: url(img/icons/star.gif) top left repeat-x;		
}
.star-rating li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}
.star-rating li a{
	display:block;
	width:25px;
	height: 25px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
.star-rating li a:hover{
	background: url(img/icons/star.gif) left bottom;
	z-index: 2;
	left: 0px;
}
.star-rating a.one-star{
	left: 0px;
}
.star-rating a.one-star:hover{
	width:25px;
}
.star-rating a.two-stars{
	left:25px;
}
.star-rating a.two-stars:hover{
	width: 50px;
}
.star-rating a.three-stars{
	left: 50px;
}
.star-rating a.three-stars:hover{
	width: 75px;
}
.star-rating a.four-stars{
	left: 75px;
}	
.star-rating a.four-stars:hover{
	width: 100px;
}
.star-rating a.five-stars{
	left: 100px;
}
.star-rating a.five-stars:hover{
	width: 125px;
}
.star-rating li.current-rating{
	background: url(img/icons/star.gif) left center;
	position: absolute;
	height: 25px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}
/*GREY.CSS*/
.grey .accordion{font-family: Arial,sans-serif; font-size:12px;border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc;}
.grey .accordion  li  .CatLevel1{padding: 0; border: none;}
.grey .accordion a  {padding: 5px 5px 5px 20px; background: url(img/accordion/bg_clean_on.png); text-decoration:none; display: block; color: #333; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; position: relative; text-shadow: 0px 0px 0px #fff;}
.grey .accordion a.dcjq-parent , .grey .accordion a.dcjq-parent:hover {background: #D7D4D4 url(img/accordion/bg_clean_on.png) repeat-x 0 -1px;}
.grey .accordion a.dcjq-parent {}
.grey .accordion a.dcjq-parent.test {}
.grey .accordion a .dcjq-icon {position: absolute; top: 50%; left: 4px; width: 34px; margin-top: -14px; height: 30px; background: url(img/accordion/plus_grey.png) no-repeat 0 center;}
.grey .accordion a.dcjq-parent.test .dcjq-icon {background: url(img/accordion/minus_grey.png) no-repeat 0 center;}
.grey .accordion a:hover {background: #fff; color: #990000;}
.grey .accordion a:active{}
.grey .accordion .CatLevel1 {font-weight:bold;}
.grey .accordion .CatLevel1 a {padding: 5px 5px 5px 20px; background: url(img/accordion/bg_clean_on.png); text-decoration:none; display: block; color: #333; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; position: relative; text-shadow: 0px 0px 0px #fff;}
.CatLevel2 {font-weight:normal;}
.CatLevel2 a {padding-left: 30px !important;}
.CatLevel2 a span{margin-left: 10px !important;}
.CatLevel3 {font-weight:normal;}
.CatLevel3 a {padding-left: 40px !important;}
.CatLevel3 a span{margin-left: 20px !important;}
.CatLevel4 {font-weight:normal;}
.CatLevel4 a {padding-left: 50px !important;}
.CatLevel4 a span{margin-left: 30px !important;}
.CatLevel5 {font-weight:normal;}
.CatLevel5 a {padding-left: 60px !important;}
.CatLevel5 a span{margin-left: 40px !important;}


/*ACCORDION*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}


/*INDEX FOOTER*/
#abstand {
  background:#FFFFFF none repeat scroll 0 0;
  clear:both;
  height:15px;
}

#bottom {
  background-color:#EDEDED;
  border-color:#CCCCCC;
  border-style:solid;
  border-width:1px 1px 1px;
  clear: both;
  float: left;
  width: 1134px;
  height: 100%;
  font-size: 0.9em;
  text-align: left;
  color: #383838;
}
#bottom-divs {
  float: left;
  clear: both;
  margin: 0;
  padding: 0px;
  width: 100%;
}
#bottom-left,
#bottom-mid,
#bottom-right {
  width: 27%;
  padding: 10px 0 20px 60px;
  float: left;
}
#bottom h2 {
  margin: 0 0 10px 0;
  padding: 0 0px;
  font-size: 1.6em;
  color: #004B76;
}
#bottom h2 span {
  color: #1474b4;
}
#bottom ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  border-top: 1px solid #ccc;
}
#bottom ul li {
  line-height: 26px;
  border-bottom: 1px solid #ccc;
}
#bottom ul li a {
  display: block;
  padding: 0 10px;
  color: #383838;
  text-decoration: none;
  outline: none;
}
#bottom ul li a:hover {
  background: #CCCCCC;
  outline: none;
}
#bottom-sep {
  clear: both;
}
div#bottom h2.boxheader {
  background: none;
}
div#bottom .boxbody {
  background-color: inherit;
  border: none;
  padding: 0px;
  margin: 0px;
}
div#bottom .boxbody ul.contentlist {
  margin: 0px;
}

div#bottom .contentlist a { 
  border: none;
}
#packhide1 {
width:500px;
}
#packhide2 {
width:500px;
}
#packhide3 {
width:500px;
}
#packhide4 {
width:500px;
}
.hidden { display: none;
text-align:left;
color: red;
}
.unhidden { display: block;
text-align:left;
color: red;
}
select[name="country"]{width:140px;}
.start_item:nth-child(3n+1),
.start_item:nth-child(3n+2) {           /*  every 3rd element, start at 2nd and 3rd  */
  padding-right:15px;               /*  10px per item, divide with 2 gaps  */
  }


.start_boxbody {
background-color:#f1f0f0;
border:solid #ccc;
border-width:0 1px 1px 1px;
padding:8px;
margin-bottom:15px;
position:relative;

}
.start_boxbody h3, .start_boxbody h3 a {
font-size:11px
}
.start_boxbody h3.center, .start_boxbody h3.center a {
font-size:13px;
text-align:center;
outline:none;
}
.start_boxbody p {
color:#000;
font-size:11px;
margin:6px 0;


}
.start_boxbody p.center {
color:#000;
font-size:11px;
text-align:center;
margin:10px 0;


}
.start_boxbody td {
color:#000;
font-size:11px;
margin:6px 0;
}
.start_boxbody .productOldPrice {
font-size:13px;
color:red
}
.start_boxbody div.hr {
margin:5px 0;
}
.start_boxbody div.hrlightgrey {
margin:5px 0;
}
.start_boxbody a {
font-size:11px;
outline:none;
}
.start_boxbody .productboximage {
border:solid 1px #999;
padding:5px;
background:#fff;
}
.start_boxbody ul.contentlist {
margin-left:5px;
margin-right:0;
padding:0;
}
.start_boxbody ul.contentlist li {
margin-left:0;
padding:0;
list-style-type:none;
}
.start_boxbody img {
  max-width:182px;
}
#special_price_start {
	vertical-align:bottom;
	margin: 0 auto;
	position:absolute;
	bottom: 0px;
	padding-bottom: 9px;
	width: 100%;
	right:0px;

}

#special_price_start p{	
font-size:21px;	}
	
	

#remnants_short_start {
		font-size:11px;
	
	
}

#to-top {
   display:none;
    position:fixed;
    bottom:20px;
    right:20px;
    width:50px;
    height:50px;
    background-image: url(img/back2top.png);
	}


/* ===================================================================================================== */
/* INFO ========= produkt filter ========= */
/* ===================================================================================================== */
ul.product_filter {
	margin:0;
	padding:15px;
	display:block;
	width:100%;
	clear:both
}

ul.produkt_filter_default {
	text-shadow:1px 1px 0 #fff;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:5px;
	padding-top:0px;
	background-image:url(img/menue_mobil.png);
	background-repeat:repeat-x;
	line-height:25px;
	height:25px;
	-webkit-border-radius:5px 5px 5px 5px;
	-khtml-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px;
	border-radius:5px 5px 5px 5px;
}	
	
ul.product_filter li {
	float:left;
	width:25%
}

input[type="checkbox"],
input[type="radio"],
label {
	margin:0 -15 0 15px;
	padding:0 0 0 4px;	
	cursor:pointer;
}

.cat_titel {
	margin:5px 0 !important;
}

.cat_titel a {
	color:#999;
	cursor:pointer;
	font-size:12px /*!important; */
}

.cat_filter {
	padding:5px 0;
}

.cat_filter a {
	color:#333;
	font-size:14px !important;
	font-weight:bold !important;
	cursor:pointer;
}

.cat_items {
	display:block;
	cursor:pointer;
}

.cat_items a {
	display:block;
	cursor:pointer;
}

.cat_items a:hover {
	background-color:#F0F0F0;
}

.cat_active {
	color:#000;
	font-weight:700
}

#ACCORDION_PRODUCT_FILTER .cat_titel > span {
	margin-left:-10px !important;
}

#ACCORDION_PRODUCT_FILTER .cat_titel > a {
	color:#999 !important;
	padding:5px 0 5px 14px !important;
 /* font-weight:none !important; */
	font-family:Arial,Sans-serif !important;
}

#ACCORDION_PRODUCT_FILTER .cat_titel,
#ACCORDION_PRODUCT_FILTER .cat_items {
	border:0 !important;
	background:none !important;
	padding:0 !important;
}

#ACCORDION_PRODUCT_FILTER .cat_titel {
	margin:0 !important;
	color:#999 !important;
	cursor:pointer !important;
}

#ACCORDION_PRODUCT_FILTER .cat_items a {
	padding:2px 0 2px 15px !important;
}

#ACCORDION_PRODUCT_FILTER .ui-state-active .ui-icon,
#ACCORDION_PRODUCT_FILTER .ui-state-default .ui-icon {
	background-image:url("css/images/ui-icons_454545_256x240.png") !important;
}
#reset {
        float:right;
        margin:0 5px 5px 0;
}
#reset input[type="button"] {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #666666;
        cursor:pointer;
}
#submit_forms {
        float:right;
        margin:0 5px 5px 0;
}
#submit_forms input[type="button"] {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #666666;
        cursor:pointer;
}
#listing_selection ul{
	border:2px solid #ccc; 
	 
	 
	
	overflow-x: hidden;
}
#listing_selection li{
	 margin: 0; 
	 padding: 0; 
}
#listing_selection label{
	  
	 color: WindowText; 
	 background-color: Window; 
	 margin: 0 !important; 
	 padding: 0 !important; 
	 width: 100%;
}
#listing_selection label:hover { 
	background-color: Highlight; 
	color: HighlightText; 
	}
/* ====================================================================================================================== */
/* ========= css Buttons web0null ========= */
/* ====================================================================================================================== */
.cssButton {
	position:relative;
	margin:0 4px 0 0;
	display:inline-block;
	text-align:left;
	overflow:hidden;
	text-decoration:none !important;
}

.buttonSize0,
.buttonSize0 .background_hover,
.buttonSize0 .animate_image,
.buttonSize0 .buttonIcon,
.buttonSize0 button {
	height:28px;
	line-height:28px;
	cursor:pointer;
}

.buttonSize1,
.buttonSize1 .background_hover,
.buttonSize1 .animate_image,
.buttonSize1 .buttonIcon,
.buttonSize1 button {
	height:24px;
	line-height:24px;
	cursor:pointer;
}

.buttonSize2,
.buttonSize2 .background_hover,
.buttonSize2 .animate_image,
.buttonSize2 .buttonIcon,
.buttonSize2 button {
	height:20px;
	line-height:20px;
	cursor:pointer;
}

.cssButton .background_hover,
.cssButton .animate_image,
.cssButton button {
	position:absolute !important;
	display:inline-block;
	width:100%;
	top:0;
	left:0;
	border:none;
	background:transparent;
}

.cssButton .animate_image {
	background-position:50% 50%;
}

.cssButton:hover .animate_image {
	background-position:60% 50%;
}

.cssButton .background_hover {
	opacity:0;
	filter: alpha(opacity=0);
}

.cssButton:hover .background_hover {
	opacity:1;
	filter: alpha(opacity=100);
}

.cssButton .buttonIcon {
	position:absolute;
	background-position:center center;
	background-repeat:no-repeat;
}

/* ================================================= */
.cssButton.buttonSize0 .buttonIcon {
	width:35px;
}

.cssButton.buttonSize1 .buttonIcon {
	width:35px;
}

.cssButton.buttonSize2 .buttonIcon {
	width:25px;
}

/* ================================================= */
.cssButton.buttonSize0 .buttonIcon {
	background-size:20px;
	-moz-background-size:20px;
}

.cssButton.buttonSize1 .buttonIcon {
	background-size:20px;
	-moz-background-size:20px;
}

.cssButton.buttonSize2 .buttonIcon {
	background-size:13px;
	-moz-background-size:13px;
}

/* ================================================= */
.icononly.buttonSize0 .buttonIcon {
	width:28px;
}

.icononly.buttonSize1 .buttonIcon {
	width:24px;
}

.icononly.buttonSize2 .buttonIcon {
	width:20px;
}

/* ================================================= */
.iconleft .buttonIcon {
	left:0;
}

.iconright .buttonIcon {
	right:0;
}

.cssButton .buttonText,
.icononly .buttonIcon {
	position:relative;
	display:inline-block;
	font-weight:bold;
	font-size:12px;
	white-space:nowrap;
}

.cssButton .buttonText {
	padding:0 10px;
}

/* ================================================= */
.iconleft.buttonSize0 .buttonText {
	padding:0 10px 0 33px;
}

.iconleft.buttonSize1 .buttonText {
	padding:0 10px 0 33px;
}

.iconleft.buttonSize2 .buttonText {
	padding:0 5px 0 25px;
}

/* ================================================= */
.iconright.buttonSize0 .buttonText {
	padding:0 33px 0 10px;
}

.iconright.buttonSize1 .buttonText {
	padding:0 33px 0 10px;
}

.iconright.buttonSize2 .buttonText {
	padding:0 25px 0 5px;
}

/* ================================================= */
.iconnone.buttonSize0 .buttonText {
	padding:0 10px;
}

.iconnone.buttonSize1 .buttonText {
	padding:0 10px;
}

.iconnone.buttonSize2 .buttonText {
	padding:0 5px;
}

/* ================================================= */
.cssButton button {
    color:transparent;
    opacity: 0;
    filter: alpha(opacity=0);
}

.buttonclear {
	clear:both;
	font-size:0;
	line-height:0;
}

/* cssButton style =================================== */
.cssButton,
.background_hover,
.animate_image {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.cssButton.textButton {
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.3);
	box-shadow:0 1px 2px rgba(0,0,0,0.3);
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#808080',direction='120',strength='2');
}

/* Verlauf */
.cssButton .gradient_0 {
	background-image:url(buttons/cssbutton_ico/gradient_0.png) ;
}

/* not IE */
.cssButton .gradient_1 {
	background-image:-moz-linear-gradient( -90deg,rgba(255,255,255,.2) 0,rgba(255,255,255,.1) 50%,rgba(0,0,0,.2) 51%,rgba(0,0,0,.6) 100%);
	background-image:-webkit-linear-gradient( -90deg,rgba(255,255,255,.2) 0,rgba(255,255,255,.1) 50%,rgba(0,0,0,.2) 51%,rgba(0,0,0,.6) 100%);
	background-image:linear-gradient( -90deg,rgba(255,255,255,.2) 0,rgba(255,255,255,.1) 50%,rgba(0,0,0,.2) 51%,rgba(0,0,0,.6) 100%) ;
}

.cssButton .gradient_2 {
	background-image:-moz-linear-gradient( -90deg,rgba(255,255,255,0.1) 0,rgba(0,0,0,.3) 100%);
	background-image:-webkit-linear-gradient( -90deg,rgba(255,255,255,0.1) 0,rgba(0,0,0,.3) 100%);
	background-image:linear-gradient( -90deg,rgba(255,255,255,0.1) 0,rgba(0,0,0,.3) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#1affffff,endColorstr=#4d000000) ;
}

/* Text Farbe */
.cssButton {
	color:#FFFFFF!important;
}

/* Text-Shadow */
.cssButton .buttonText {
	text-shadow:1px 1px 1px #000000;
	text-shadow:1px 1px 1px rgba(0,0,0,1) !important;
}

/* Button Farbe */
.color_1 {
	background-color:#3631ac!important;
}

.color_0 {
	background-color:#4D4D4D!important;
}


/* css Animation ================================== (not IE) */
/* .cssButton .background_hover,
.cssButton .animate_image {
	-webkit-transition-duration:200ms;
	-webkit-transition-property:background-color,background-position,opacity;
	-webkit-transition-timing-function:ease-in-out;
	-moz-transition-duration:200ms;
	-moz-transition-property:background-color,background-position,opacity;
	-moz-transition-timing-function:ease-in-out;
	-o-transition-duration:200ms;
	-o-transition-property:background-color,background-position,opacity;
	-o-transition-timing-function:ease-in-out;
}

*/
/* ====================================================================================================================== */
/* ========= css Buttons web0null ========= */
/* ====================================================================================================================== */
.boxbody_slider_start {
background-color:#f1f0f0;
border:solid #ccc;
border-width:0 1px 1px 1px;
padding:8px;
margin-bottom:15px
}
.boxbody_slider_start h3, .boxbody_slider_start h3 a {
font-size:11px
}
.boxbody_slider_start h3.center, .boxbody_slider_start h3.center a {
font-size:11px;
text-align:center;
outline:none;
}
.boxbody_slider_start p {
color:#000;
font-size:11px;
margin:6px 0;
}
.boxbody_slider_start p.center {
color:#000;
font-size:11px;
text-align:center;
margin:6px 0;
}
.boxbody_slider_start td {
color:#000;
font-size:11px;
margin:6px 0;
}
.boxbody_slider_start .productOldPrice {
font-size:11px;
color:red
}
.boxbody_slider_start div.hr {
margin:5px 0;
}
.boxbody_slider_start div.hrlightgrey {
margin:5px 0;
}
.boxbody_slider_start a {
font-size:11px;
outline:none;
}
.boxbody_slider_start .productboximage {
border:solid 1px #999;
padding:5px;
background:#fff;
}
.boxbody_slider_start ul.contentlist {
margin-left:5px;
margin-right:0;
padding:0;
}
.boxbody_slider_start ul.contentlist li {
margin-left:0;
padding:0;
list-style-type:none;
}
.boxbody_slider_start img {
  max-width:500px;
}
.contentlist a {
border-bottom:1px solid #ccc;
display:block;
padding:5px 0;
outline:none;
}
#inc {
  position:relativ;
  
  background: #757575;
  background-image: -webkit-linear-gradient(top, #757575, #010b12);
  background-image: -moz-linear-gradient(top, #757575, #010b12);
  background-image: -ms-linear-gradient(top, #757575, #010b12);
  background-image: -o-linear-gradient(top, #757575, #010b12);
  background-image: linear-gradient(to bottom, #757575, #010b12);
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 0px 15px 15px 0px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 1px 5px 4px 5px;
  text-decoration: none;
}

#dec {
	
  position:relativ;
  background: #757575;
  background-image: -webkit-linear-gradient(top, #757575, #010b12);
  background-image: -moz-linear-gradient(top, #757575, #010b12);
  background-image: -ms-linear-gradient(top, #757575, #010b12);
  background-image: -o-linear-gradient(top, #757575, #010b12);
  background-image: linear-gradient(to bottom, #757575, #010b12);
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 15px 0px 0px 15px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  padding: 1px 5px 4px 5px;
  text-decoration: none;
}

#inc:hover, #dec:hover {
  background: #828082;
  color: #ffffff;
  background-image: -webkit-linear-gradient(top, #828082, #3d3d3d);
  background-image: -moz-linear-gradient(top, #828082, #3d3d3d);
  background-image: -ms-linear-gradient(top, #828082, #3d3d3d);
  background-image: -o-linear-gradient(top, #828082, #3d3d3d);
  background-image: linear-gradient(to bottom, #828082, #3d3d3d);
  text-decoration: none;
}
#dec_cart {
	
  position:relativ;
  background: #a3a1a3;
  
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 15px 0px 0px 15px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  padding: 0px 5px 4px 5px;
  text-decoration: none;
}
#inc_cart {
  position:relativ;
  background: #a3a1a3;
  
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 0px 15px 15px 0px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 0px 5px 4px 5px;
  text-decoration: none;
}

#inc_cart:hover, #dec_cart:hover {
  background: #828082;
  color: #ffffff;
  background-image: -webkit-linear-gradient(top, #828082, #3d3d3d);
  background-image: -moz-linear-gradient(top, #828082, #3d3d3d);
  background-image: -ms-linear-gradient(top, #828082, #3d3d3d);
  background-image: -o-linear-gradient(top, #828082, #3d3d3d);
  background-image: linear-gradient(to bottom, #828082, #3d3d3d);
  text-decoration: none;
}
#sys_contact {
  
  position:fixed;
  top:250px;right:0px;
  background-image: url(/img/contact.gif);
  background-position: 0px 0px;
  width: 30px;
  height: 30px;
  text-decoration: none;
}
#sys_facebook {
  
  position:fixed;
  top:290px;right:0px;
  background-image: url(/img/facebook.gif);
  background-position: 0px 0px;
  width: 30px;
  height: 30px;
  text-decoration: none;
}
#sys_twitter {
  position:fixed;
  top:330px;right:0px;
  background-image: url(/img/twitter.gif); /* Alternativ mann such das Bild twitter2.png benutzt werden */
  width: 30px;
  height: 30px;
  text-decoration: none;
}
#sys_facebook:hover,#sys_twitter:hover,#sys_contact:hover  {
	right:5px;
}
#bom_item{
	display:block;
}
#bom_item{
	display:block;
}
#bom_wrap{
	
	float:left;
}
#bom_wrap_submit{
	
	float:right;
}