﻿/*wrapper */
* {margin: 0; padding: 0; border: 0;  font-family: Verdana, Arial, sans-serif; font-size: 11px; line-height: 1.5;}
html {overflow-y:scroll; }
body {
text-align: center; 
background: #fff url(img/pagebackground.gif);
color: silver;
min-width: 700px;
}
h1 {
font-size: 14px;
text-decoration: underline;
}
h2 {
font-size: 13px;
text-decoration: underline;
}
div p {
margin : 5px 0 5px 0;
padding : 5px 0 5px 0;
}
img{ border:0;}
.boxcontent hr { background-color: silver; width: 100%}
a { color: silver; text-decoration: none; }
a:hover { color: #ffffff; text-decoration: none; background-color: #313131 }
#fancy_wrap a:hover { background-color: transparent }
a.headerNavigation { color: #000000; }
a.headerNavigation:hover {  color: #000000; }
a.confirmationEdit { color: #009933; font-style: italic; }
a.confirmationEdit:hover { color: #009933;	font-style: italic;	text-decoration: underline; }
a.copyright {  color: #000000;}
a.copyright:hover {  color: #0000ff;  text-decoration: underline;}
a.pageResults { color: silver; text-decoration: none; border: 1px inset silver }
a.pageResults:hover { color: #ffffff; text-decoration: none; background-color: #313131 ; border: 1px outset silver}
b.pageResults { border: 1px outset silver; color: black; background-color: white }
div h3 { margin: 0; padding: 0 ; }

#wrapper { text-align: left;width: 1049px; margin: 0 auto; background: #000 url(sidebar.gif) repeat-y 10px 0; }
#header, #subnav, #footer { color: #000; clear: both;  width: 100%; }
#header {background: url('img/header.gif') no-repeat; color: #fff; height: 174px; position: relative; top: 0px;}
#subnav, #footer {background: #ccc; padding: 1px 0;}
#footer {background: url('img/footer.gif') no-repeat; height: 59px;}
#subnav {background: url(img/backround.gif) repeat-y; padding-left: 0px; color: silver}
#centertop { 
padding-left: 10px;
padding-top: 5px;
}
#centertop a {

	color: silver;
}
#contentfloatholder { background: url(img/backround.gif) repeat-y 100% 0; float: left; width: 100%; }
#contentfloatholder:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
#center { margin: 0 206px 0 206px; }
#centertop {background: url('img/centertop.gif') no-repeat; height: 25px;}
#centermain { padding-left: 10px; padding-right: 10px;border-left:1px solid #313131; border-right:1px solid #313131; }
#centermain ul , #centermain ol{ margin-left: 15px; padding-left: 10px; }
#centerbottom {background: url('img/centerbottom.gif') no-repeat; height: 44px; }
#centerwrap { float:left; width: 100%; margin: 0 -95% 0 0; }
#left { float:left; width: 153px; margin: 0 0 0 -5%; padding-left: 45px; }
#right { float:right; width: 153px; margin: 0;	padding-right: 45px; }

* html div#centerwrap {margin: 0 -100% 0 0;}
* html div#left {margin: 0;}

#naviposition {
cursor: pointer;
	position: absolute;
	right: 44px;
	top: 36px;
	height: 49px
}
#naviposition a:hover span.button_top {
background-position: top right;
cursor: pointer;
display: inline-block;
width: 189px;
height: 49px;
text-align: center;
}
#naviposition a:hover span.button_top b{
cursor: pointer;
position:relative;
top: 16px;
}
#naviposition a span.button_top b{
cursor: pointer;
position:relative;
top: 25px;
}

#naviposition a span.button_top {
display: inline-block;
cursor: pointer;
width: 189px;
height: 49px;
background-image:  url(buttons/german/sprite_buttons.png);
background-position: bottom right;
background-repeat: no-repeat;
text-align: center;
}

.box {
background:url(img/menuebottom.gif) no-repeat scroll right bottom;	
margin-bottom: 10px;
padding-bottom: 10px;
font-size: 10px;
position: relative;
}

		
.box h4{ background: url(img/menuetop.gif) no-repeat;	height: 30px}
.box h4 span {position: relative; left: 10px; top: 5px }
.boxcontent { 
border-left:1px solid #313131;
border-right:1px solid #313131;
margin:0;
padding:10px 13px 10px 13px;
	}
	.boxcontentx { 
border-left:1px solid #313131;
border-right:1px solid #313131;
margin:0;
padding:10px 4px 10px 4px;
	}
/*extraerweiterung*/
/*ANFANG Box Infobox */
#infobox ul { margin-left: 5px; }
/*ANFANG Box Suche */
#searchbox input.searchinput {
    color: black;
    font: 12px Verdana;
    border-color: black;
  	border-width: 0px;
    border-style: solid;
    font-weight: none;
    line-height: 25px;
    width: 90px;
    padding-left: 10px;
    text-decoration: none;
    background: black url(img/input_search.gif) no-repeat right top;
}
#searchbox input.searchinput:hover , #searchbox input.searchinput:active{
    background: black url(img/input_search_hover.gif) no-repeat right top;
   	}
#FIELD_EMAIL {
    color: black;
    font: 12px Verdana;
    border-color: black;
  	border-width: 0px;
    border-style: solid;
    font-weight: none;
    height: 25px;
    width: 90px;
    padding-left: 10px;
    text-decoration: none;
    background: black url(img/inputback.gif) no-repeat right top;
}
#FIELD_PWD {
	color: black;
    font: 12px Verdana;
    border-color: black;
  	border-width: 0px;
    border-style: solid;
    font-weight: none;
    padding-left: 10px;
    height: 25px;
    width: 90px;
    text-decoration: none;
    background: black url(img/inputback.gif) no-repeat right top;
}
/*ANFANG CARTBOX*/

#cartbox .boxcontent{ padding: 10px 5px 10px 5px}
#wcinhalt .floatkill{ clear: left; 	border-bottom: 1px solid silver;}
#wcinhalt .anzahl{ float: left; clear: left; }
#wcinhalt .artikel { float: right; clear: right; }
#wccharges { font-family: Verdana, Arial, sans-serif; font-size: 10px; line-height: 1.2;  }
#wccharges .discount, #wccharges .total { float: left;	clear: left }
#wccharges .discountvalue , #wccharges .totalvalue { float: right; clear: right; text-align: right }
#wccharges .ust , #wccharges .shippinginfo { clear: both; text-align:right; }


/*ENDE extraerweiterung*/
/* ANFANG STANDARDBUTTONS 
In den jeweiligen Sprachen ist das css das die buttons entsprechend der sprache überschreibt
*/



/* ENDE STANDARDBUTTONS 
ANFANG ACCESSOIRES */
#accessories {}
.accessoiresimage { float: left; clear: left; padding-top: 10px; padding-bottom: 5px}
.accessoiresdescription { float: right; clear: right; width: 75%;}
.accessoiresshortdescription { clear: both}
/*ENDE ACCESSOIRES
ANFANG CONTENTGESTALTUNG
product_info.html*/
#productimage1 , #productimage3, #productimage5 , #productimage2 , #productimage4 , #productimage6 { width: 49%; height: 180px; text-align: center;	vertical-align: middle; }
#productimage1 , #productimage3, #productimage5 , #productmaininfo , #modbuyleft , #NEW_ACCOUNT{ float: left; clear: left; }
#productimage2 , #productimage4 , #productimage6 , #produktshortinfo , #modbuyright , #LOGIN_returning{ float: right; clear: right; }
#modbuyright , #modbuyleft, #LOGIN_returning , #NEW_ACCOUNT{ width: 49%; }
#modbuyright { text-align: right; }
#productinfo , #produktinfo , #productbyunow {clear : both; }
.savewidth { display: inline-block; min-width: 100px; }
.dateback { font-size: 12px; background: url(img/pagebackground.gif);  text-align: center;}
#productbyunow {	clear: both;	width: 100%;}
#ADD_CART_BUTTON {clear: both; text-align: center }
#productmaininfo { width: 70%; padding-right: 1%;  }
#produktshortinfo  {  width: 29%; }
#produktname , #productdescription { margin-bottom: 10px; padding-top: 5px}
#produktdescription { 	min-width: 150px; }
.produkt_also_purchased_container { border-bottom: 1px gray solid; }
.headerMessage {
	font-size: 12px;
	background: url(img/pagebackground.gif);
  text-align: center;
  color: red;
}
/* message box */

.messageBox { font-size: 10px; }
.messageStackError , .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; 	background: url(img/pagebackground.gif); }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: url(img/pagebackground.gif); color : #99ff00; }
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

#create_account_content label, #create_account_content input#select #create_account_content input#text, #create_account_content select ,
#parts label , #parts input , #parts select ,#contact_us_standard label , #contact_us_standard input , #contact_us_standard select { 
  display: block;
  float: left;
}
#create_account_content label , #parts label , #contact_us_standard label{
	width: 49%;
}
#create_account_content input, #create_account_content select , #parts input , #parts select , #contact_us_standard input , #contact_us_standard select {
	width: auto;
}
#create_account_content form br , #parts br , #contact_us_standard br, #create_account_content br { 
  clear: left;
}
#picturebox a img {
width: 99%;
margin-bottom: 4px
}
.hoverbox a .preview { display: none; }
.hoverbox a:hover .preview { display: block; position: absolute; top: 0px; left: 0px; z-index: 1; }
.hoverbox img {	background: #313131;	color: inherit;	padding: 2px; vertical-align: top; width: auto; 	height: auto; }
.hoverbox {	background: #313131; color: inherit; display: inline; float: left; margin: 3px; padding: 2px; position: relative; }
.hoverbox .preview { border-color: #313131;	width:200px; height: auto; }
.hoverbo div#painbox .preview { display: none; }
.hoverbo div#painbox:hover .preview { display: block; position: absolute; top: 0px; left: 0px; z-index: 1; width: 170px}
.hoverbo img {color: inherit;	padding: 0; vertical-align: top; }
.hoverbo {	color: inherit; display: inline; float: left; position: relative; }
.hoverbo .preview { border-color: #313131; background: black ; font-weight: bold;  }
.hoverbord div#pain .preview { display: none; }
.hoverbord div#pain:hover .preview { display: block; position: absolute; top: 0px; left: 0px; z-index: 1; width : 170px }

.hoverbord div#pain2 .preview { display: none; }
.hoverbord div#pain2:hover .preview { display: block; position: absolute; top: 0px; left: 0px; z-index: 1; width : 250px }

.hoverbord img {color: inherit;	padding: 0; vertical-align: top; }
.hoverbord {	color: inherit; display: inline; float: left; position: relative; }
.hoverbord .preview { border-color: #313131; background: black ; font-weight: bold;  }
#categoriebox .boxcontent , #infobox .boxcontent {	padding: 0;	margin: 0; }
#CatNavi, #CatNavi ul, #CatNavi li  { list-style-type: none; margin: 0; padding: 0 ; font-size: 11px}
#CatNavi     { margin: 0 0 0 0; padding: 0; width: 144px; }
#CatNavi li  { display: inline; margin: 0; padding: 0 }
#CatNavi a    { display: block; margin: 0 ; padding-left: 7px; width: 100%;}
#CatNavi a span  { display: block; margin: 0; padding: 0 0 0 2px; float: none; clear: both }
#CatNavi a:hover  { color: white; text-decoration: none; background-color: #313131;  }
#CatNavi .CatLevel1 a span { padding-left: 2px }
#CatNavi .CatLevel2 a span { padding-left: 10px }
#CatNavi .CatLevel3 a span { padding-left: 18px }
#CatNavi .CatLevel4 a span { padding-left: 26px }
#CatNavi .Current a ,
#CatNavi .CurrentParent a { }
#CatNavi .Current a:hover,
#CatNavi .CurrentParent a:hover {  }
#CatNavi a.Current { background-color: #ddd; font-weight: bold }
#CatNavi a.CurrentParent  { color: #222; font-weight: bold }
ul.NaviList, ul.NaviList li { list-style-type: none; margin: 0; padding: 0 }
ul.NaviList li  { display: inline; margin: 0; padding: 0 }
ul.NaviList     { margin: 3px; padding: 0; width: 144px; }
ul.NaviList a     { display: block; margin: 0; padding: 0; width: 100%; background: url(img/article.gif) no-repeat;}
ul.NaviList a span  { display: block; margin: 0; padding:  0 0 0 2px; float: none; clear: both }
ul.NaviList a:hover  { text-decoration: none; }
ul.NaviList li.Current a, 
ul.NaviList li.Current a:hover  { background-color: #ddd }
.navilist { list-style-type: none; margin: 0; padding: 0 0 0 7px ; font-size: 11px }

.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}


.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

/*alt*/
.boxText { 
	font-size: 10px;
}

.boxTextBG {
	font-size: 11px;
	background-color: #313131;
}

.boxTextBGII {
	font-size: 10px;

}
.boxTextPrice {
	font-size: 10px;
	color: #FF0000;
}

.errorBox {
	font-size : 10px;
	font-weight: bold;
	color: red;
	background: url(img/pagebackground.gif);
}
.gvBox {
	font-size : 14px;
	font-weight: bold;
	border-color: #FFFFFF;
	border: 1px solid;
	background-color: #ffb3b5;
}
.stockWarning { 
	font-size : 10px;
	color: #cc0033;
}

.productsNotifications {
	background-color: #f2fff7;
}

.orderEdit { 
	font-size : 10px;
	color: #70d250;
	text-decoration: underline;
}


FORM {
	display: inline;		   
}


TR.header {
	background-color: #ffffff;
}

TR.headerNavigation {
  background: #F6F6F6;
}

TD.headerNavigation {
	font-size: 10px;
	color: #000000;
	font-weight : bold;
	border-bottom: 1px solid;
	border-color: #b6b7cb;
	background-color: #F6F6F6;
}


TD.conditions {
color: red;
background: url(img/pagebackground.gif);

}


TR.headerMessage {
	background-color: #00CC33;
}

.moduleHeading {
	font-size: small;
	font-weight: bold;
	padding-bottom: 10px;
}

.infoBox {
}

.infoBoxContents {
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-size: 10px;
}

TD.infoBoxHeading {
  
  font-size: 10px;
  font-weight: bold;
  background: #666666 ;
  height:17px;
  color: #ffffff;
}

TD.infoBoxHeading_right {
 
  font-size: 10px;
  font-weight: bold;
  background: #C4C4C4;
  height:17px;
  color: #000000;
}

TD.infoBox, SPAN.infoBox {
  
  font-size: 10px;
  border-right: 4px solid;
  background: #E6E6E6; 
  border-color: #C4C4C4;
}

TD.infoBox_right, SPAN.infoBox_right {
  
  font-size: 10px;
  background: #E6E6E6; 

}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
 
  font-size: 10px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
 
  font-size: 10px;
}


TD.pageHeading, DIV.pageHeading {
    font-size: 16px;
  font-weight: bold;
  
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
   font-size: 10px;
  color: #000000;
}

TD.main, P.main {
   font-size: 11px;
  line-height: 1.5;
}

TD.smallText, .smallText, P.smallText {
   font-size: 10px;
}

TD.accountCategory {
  
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
 
  font-size: 12px;
}

TD.tableHeading {
  
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
	font-size: 10px;
}

TEXTAREA {
  width: 100%;
}

SPAN.greetUser {
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

SPAN.underline {
	text-decoration: underline;
}

TABLE.formArea {
  background: #f1f1f1;
  border-color: #cccccc;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-size: 12px;
  font-weight: bold;
}

.copyright {
  line-height: 1.5;
  text-align:center;
}
.parseTime {
  text-align:center;
}


SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice { color: #ff0000;}
SPAN.productOldPrice {	color: #ff0000;	text-decoration: line-through;}
SPAN.errorText {  color: #ff0000;}
SPAN.productDiscountPrice {  color: #ff0000;  font-weight: bold;}
.smallHeading {	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	font-size: x-small;	font-weight: bold;	color: Black;}
.moduleRow { font-family: Verdana, Arial, sans-serif; font-size: 11px; line-height: 1.5; background: url(img/pagebackground.gif); border: 1px solid; border-color: #E6E6E6;}
.moduleRowOver { 	 background: url(img/pagebackground.gif);		 border: 1px solid;	 color: green;	border-color: #ffffff;	font-size: 11px;    line-height: 1.5; }
.moduleRowSelected { color: green; border: 1px solid green; background: url(img/pagebackground.gif);}
.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-size: 10px; color: #000000; }

/* sitewide font classes */
/* Note: heading<Number> equals <font size="Number"> */
.heading1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; }
.heading2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; }
.heading3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; }
.heading4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; }
.heading5 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; }

/* Sitemap Tables */
.sitemap_heading {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; 
	background-color: #666666; 
	padding-top: 2px; padding-bottom: 2px;}
.sitemap_heading a {color:#FFFFFF;}
.sitemap_heading a:hover {color:#CCCCCC; text-decoration:none;}

.sitemap_sub {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; background-color: #E6E6E6; padding: 2px 2px;}
.sitemap_sub a {color:#000000;}
.sitemap_sub a:hover {color:#999999; text-decoration:none;}

.tableShop {
background-color: #ffffff;
border-left: 1px solid;
border-right: 1px solid;
border-color: #b6b7cb;
}

.navLeft {
	border-right: 1px solid;
	border-color: #b6b7cb;
	background-image: url(img/bg_left_column.jpg);
	width: 185px;
}
.navRight {
	border-color: #666666;
	border-top-width: 4px;
	border-top-style: solid;
	border-left-width: 4px;
	border-left-style: solid;
	background-color: #E6E6E6;
	width: 185px;
}

.contentsTopics {
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.tableListingI {
	background-color: #eeeeee;
}

.tableListingII {
	background-color: #d0d0d0;
}

.tableBody {
padding: 5px;
}

.poweredby {
  font-size: 10px;
  color: #000000;
  font-weight: bold;
}
.onepxwidth {
	width: 1px;
}
.access_step_c2 {padding-left:5px; padding-right:10px;}
.contact2 {border: 0px none; background: #FFF;}
.hidden { visibility: hidden; display: none; }


.plus {
display: block;
background-image: url(img/plus.gif);
background-repeat: no-repeat;
width: 13px;
height: 13px;
border: 0px;
font-size: 0px;
cursor: pointer;
}

.minus {
display: block;
background-image: url(img/minus.gif);
background-repeat: no-repeat;
width: 13px;
height: 13px;
border: 0px;
font-size: 0px;
cursor: pointer;
}

.alter {
display: block;
background-image: url(img/alter.gif);
background-repeat: no-repeat;
width: 13px;
height: 13px;
border: 0px;
font-size: 0px;
cursor: pointer;
}

.delete {
display: block;
background-image: url(img/delete.gif);
background-repeat: no-repeat;
width: 19px;
height: 22px;
border: 0px;
font-size: 0px;
background-color: #FFCC99;
cursor: pointer;
}

