/*------------- LAYOUT -----------*/ 

/* BEG Body */
  html, body{ 
    height: 100%;
    margin:0; 
    padding:0; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: inherit;
    background-color:#E7E6E7;
  }

  body#pagecenter{
   text-align:center;            
  }         
   
  div#pagecenterOuter{ 
    width:900px;        
    text-align:left; 
    margin-top: 0;
    margin-bottom: 0; 
    margin-left: auto;
    margin-right: auto;
    padding:0;   
    min-height: 100%; /* Mindesthöhe in modernen Browsern */
    height: auto !important; /* !important-Regel für moderne Browser */
    height: 100%; /* Mindesthöhe in IE (<7) */
    background:transparent url(templates/default/images/backgrounds/body.jpg) repeat-y center;
  }     

  div#pagecenterInner{
    margin-left: 0px;
    margin-right: 0px;
  } 
/* END Body */  
 
/* BEG Content */
  td#leftcol {
    vertical-align:top;
	border-right:1px solid #C6C3C6;
  }
  col.leftcol {width:175px;}

  td#rightcol {
    vertical-align:top;
	border-left:1px solid #C6C3C6;
  }
  col.rightcol {width:175px;}
   
  td#maincol{
    vertical-align:top;
    padding:5px 10px 20px 10px;
  }
  col.maincol {width:auto;}
/* END Content*/
  
/*- BEG Header -*/  
  #breadcrumb {
    background-color:#EDEAED;
    padding:0px 5px 0px 6px;
    margin-bottom:6px;
  }
  #breadcrumb div.left{
    float:left;
    padding-top: 1px;
  }
  #breadcrumb div.left img{
    margin-right:3px;
    float:left;
    margin-top:1px;
    border:none;
  }
  #breadcrumb div.right{
    float:right;            
  }
  #header {
    text-align:center;
  }
  
  #header a {
  text-decoration:none;
  }
/*- END Header -*/

/*- BEG Footer -*/
  #footer {
    clear:both;
    background-color:#9B9A9B;
    color:#fff;
    padding:3px;
    border-bottom:2px solid #ccc;
  }
  #copyright {
    text-align:center;
    margin-top:10px;
  }
/*- END Footer -*/

/*------------- MENU -----------*/ 
/* BEG Navigation */
   div#Tmenu {
    width: 100%;
    background-color: #C6C3C6;
  }

  ul.Hmenu, ul.Hmenu ul {
    list-style: none;
    margin: 0; padding: 0;
    text-align: center;
  }
  
  ul.Hmenu li{
    position: relative;
    padding: 0; margin:0;
  }
  div#TmenuLeft li{
    float: left;             
    /*background: url(templates/default/images/header/menutop_item_separator.gif) no-repeat top right; 
    padding-right:2px;  */
    border-right:1px solid #fff;
  }
  div#TmenuRight li{
    float: right;
    /*background: url(templates/default/images/header/menutop_item_separator.gif) no-repeat top left; 
    padding-left:2px;  */
    border-left:1px solid #fff;
  }
  div#TmenuLeft li ul li { 
    float: none;    
    background: none;     
  }
  div#TmenuRight li ul li { 
    float: none;    
    background: none;  
    margin-top: 0; margin-bottom: 0;
  }               
  
  ul.Hmenu ul {
    margin: 0; padding: 0;
    position: absolute;
    display: none;
    left:0;
    width: 200px;
  }

  ul.Hmenu ul li {    
    text-align: left;
    bottom:0;
    top:0;
    margin:0;  
  }

  ul.Hmenu a,ul.Hmenu span {
    display: block;
    text-decoration: none; 
    font-weight: bold;
    font-size: 1em;
    padding:0.4em 0.6em;
    margin:0;
    background-color:#C6C3C6;
    color:#fff;
    /*background:url(templates/default/images/header/menutop_item_normal_bg.gif) repeat-x;*/ 
  }
  
  ul.Hmenu a.active, ul.Hmenu span /*, li a#aktuell:hover */{   
    /*background:url(templates/default/images/header/menutop_item_over_bg.gif) repeat-x;*/    
    background-color:#9B9A9B;
    color:#fff;
    text-decoration: none; 
  }
  
  ul.Hmenu ul a, ul.Hmenu  ul span   {
    background:#9B9A9B;   
    color:inherit;   
    height:1%;    
    text-decoration: none;    
  }
  
  ul.Hmenu ul a:hover{
    background:#C6C3C6;    
    height:1%;    
    text-decoration: none; 
    color: #fff;
  }
/* END Navigation*/       

/*------------- BOXES -----------*/ 

  div.distBox{
    background-color: #EDEAED;
    border:1px solid  #9B9A9B;
    padding:5px;
    margin-bottom:10px;
  }
  
  
/* BEG message stack*/
  div.messageStack {
    border-width: 1px;
    border-style: dotted;
    border-color: #C8AD91;
    background-color: #FFFCF5;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #465584;
    margin: 5px;
  }
  div.messageStack li.error{
    list-style-image:url(templates/default/images/icons/error.gif);
  }
  div.messageStack li.warning{
    list-style-image:url(templates/default/images/icons/warning.gif);
  }
  div.messageStack li.success{
    list-style-image:url(templates/default/images/icons/success.gif);
  }
  div.messageStack li.default{
    list-style-image:url(templates/default/images/icons/bullet_default.gif);
  }
/* END message stack*/
   
/* BEG Boxes */  
  div#boxCategories.boxNew div.boxContents {
	padding:0px;
  }

  div.boxNew div.boxContents {
    padding:6px;
  }

  div.boxDark div.boxTitle {
    /*
    height:26px;
    background:  url(templates/default/images/box/dark_heading_bg.gif) no-repeat;
    padding:4px 0 0 6px;*/
    padding:5px;
    background-color: #C6C3C6;
    
    font-weight:bold;
    color:#fff;
    text-align:left;
  }
  
  div.boxNew div.boxTitle a {
    display:block;
    color:#fff;
    padding-left:15px;
    background: url(templates/default/images/box/arrow.gif) no-repeat 2px 3px;
  }
  
  div.boxDark div.boxNew {
    background-color: transparent;
    color: inherit;
  }
  div.boxLight div.boxNew {
    background-color: #fff;
    color: inherit;
  }
  
  #leftcol{
    background-color:inherit;
  }
  #rightcol{
    background-color:inherit;
  }
  
  #leftcol div.boxLight div.boxContents {
    border-right:4px solid inherit;
  }
  #leftcol  div.boxLight div.boxTitle {
    /*
    height:26px;
    background:  url(templates/default/images/box/light_heading_bg_left.gif) no-repeat;
    padding:4px 0 0 6px;*/
    padding:5px;
    background-color: #C6C3C6;
    
    font-weight:bold;
    color:#fff;
    text-align:left;
  }
  
  #rightcol div.boxLight div.boxContents {
    border-left:4px solid inherit;
  }
  #rightcol div.boxLight div.boxTitle {
    /*
    height:26px;
    background:  url(templates/default/images/box/light_heading_bg_right.gif) no-repeat;
    padding:4px 0 0 6px;*/
    padding:5px;
    background-color: #C6C3C6;
    
    font-weight:bold;
    color:#fff;
    text-align:left;
  }
  /* BEG Box ShoppingCart*/
  /* END Box ShoppingCart*/
  
  /* BEG Box Search*/
  #boxSearch img{
    margin-bottom:5px;
  }
  /* END Box Search*/
  
  
  /* BEG Box ShoppingCart*/
  #boxCurrencies{
    text-align:center;
  }
  /* END Box ShoppingCart*/
  
  /* BEG Box Manufacturers*/
  #boxManufacturers{
    text-align:center;
  }
  #boxManufacturers select {margin:0 0 5px 0; padding:0;}
  #boxManufacturers form {margin:0; padding:0; display:inline;}
  #boxManufacturers span{
    font-size:12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height:1.5;
    color:#666666;
  }
  /* END Box Manufacturers*/

  /* BEG Box Account*/     
  #boxAccount .userinfo{
    margin:5px;
  }
  
  #boxAccount ul{
    margin:0.5em 0;
    list-style:none; 
    list-style-image: none; 
    padding:0;  
  }
  /* BEG Box Information*/ 
  #boxInformation ul{
    list-style:none;
    list-style-image: none;       
    margin:0; 
    padding:0;
  }
  #boxAccount ul li a, #boxInformation ul li a{
    text-decoration:none;
    display: block;
    background:  url(templates/default/images/box/category_list_bg_child1.gif) no-repeat;        
    padding: 2px 0 2px 13px;
    height:auto;  
  }
  
  #boxAccount ul li a:hover, #boxInformation ul li a:hover{
    color: #000000;                        
    display: block;   
    background:  url(templates/default/images/box/category_list_bg_child1.gif) no-repeat 0 -30px;        
    padding: 2px 0 2px 13px;
    height:auto;  
  }
  
  /* END Box Account*/
  /* END Box Information*/

  /* BEG Box Bestseller */
  #boxBestSellers .boxContents  { text-align:center; }
  #boxBestSellers ol {
    list-style:none;
    margin:0;
    padding:0 0 0 2px;
  }
  #boxBestSellers li {
    padding-bottom:3px;
  }
  /* END Box Bestseller*/
  
  /* BEG Box Categories */  
     
  #boxCategories div.boxContents {
    margin-bottom:5px;
  }
  
  /* - row and link style for parent categorie*/   
  #boxCategories div.boxContents  ul {
    list-style:none;
    margin:0; 
    padding:0;       
  }
  #boxCategories div.boxContents  ul  li span{
   display:block;
  }
  #boxCategories div.boxContents  ul  li a{
    text-decoration:none; 
    color: #000000;  
    font-weight: normal;  
    display: block;
    padding: 4px 0 4px 13px;
    background:url(templates/default/images/box/category_list_bg_parent.gif) no-repeat top;       
    height:auto;  
  }
  
  #boxCategories div.boxContents  ul  li a:hover{
    color: #CC0000;                                                          
    padding: 4px 0 4px 13px;
    height:auto;  
  }
  
  #boxCategories div.boxContents  ul li .selected  a{
    color: #CC0000;
    font-weight: bold;
	display: block;
    padding: 4px 0 4px 13px;
	background:url(templates/default/images/box/category_list_bg_child.gif) no-repeat;   
    height:auto;  
  }
  
  /* - row and link style for chil categorie 1*/
  #boxCategories div.boxContents  ul ul {
    list-style:none;
    margin:0; 
    padding:0 0 5px 0;       
  }
  #boxCategories div.boxContents  ul ul  li span{
   display:block;
  }
  #boxCategories div.boxContents  ul ul  li a{
    font-size:11px;
    color: #666666;   
    text-decoration:none;
    font-weight: normal;
    display: block;
    background:  url(templates/default/images/box/category_list_bg_child1.gif) no-repeat;
    padding: 2px 0 2px 13px;
    height:auto;  
  }
  
  #boxCategories div.boxContents  ul ul  li a:hover{
    color: #CC0000;
    background:  url(templates/default/images/box/category_list_bg_child1.gif) no-repeat 0 -30px;
    padding: 2px 0 2px 13px;
    height:auto;  
  }
  
  #boxCategories div.boxContents  ul ul li .selected  a{
    color: #CC0000;
    font-weight: bold;
    background:  url(templates/default/images/box/category_list_bg_child1.gif) no-repeat 0 -60px;
    padding: 2px 0 2px 13px;
    height:auto;  
  }
  
  /*row and link style for child category 2*/
  #boxCategories div.boxContents  ul ul ul {
    list-style:none;
    margin:0; 
    padding:0 0 5px 0;
  }
  #boxCategories div.boxContents  ul ul ul li {
    padding-left:10px;
  }
  #boxCategories div.boxContents  ul ul ul li span{
   display:block;
  }
  #boxCategories div.boxContents  ul ul ul li a{
    text-decoration:none;
    font-weight: normal;
    display: block;
    font-size:10px;
    background:  url(templates/default/images/box/category_list_bg_child2.gif) no-repeat ;
    padding: 1px 0 1px 12px;
    height:auto;
  }
  
  #boxCategories div.boxContents  ul ul ul li a:hover{
    color: #CC0000;
    background:  url(templates/default/images/box/category_list_bg_child2.gif) no-repeat 0 -44px;  
    background-repeat:no-repeat;
    padding: 1px 0 1px 12px;
    height:auto;
  }
  
  #boxCategories div.boxContents  ul ul ul li .selected a{
    color: #CC0000;
    font-weight: bold;
    background:  url(templates/default/images/box/category_list_bg_child2.gif) no-repeat 0 -88px;
    padding: 1px 0 1px 12px;
    height:auto;
  }  
/* END Box Categories */

/* BEG Box CMS1 */  
div#boxcms1.boxNew div.boxContents {
	padding:0px;
  }
/* END Box CMS1 */

/* END Boxes */  
  
/* BEG Module Box */
  div.moduleBox div.boxContents{
    padding:4px;
  	border:1px solid #C6C3C6;
    margin-bottom:10px;
  }
  div.moduleBox div.boxTitle table{
    width:100%;
    empty-cells:show;
  } 
  div.moduleBox div.boxTitle table td.left{
    /*background: url(templates/default/images/box/module_title_bg_left.gif) no-repeat;*/
    padding:0 0 2px 3px;
    white-space:nowrap;
  }
  div.moduleBox div.boxTitle table td.right{  
    width:100%;
    text-align:right;
    /*background: url(templates/default/images/box/module_title_bg_right.gif) no-repeat;*/
  }

  div.moduleBox div.boxTitle table td.right em{  
    color:#EC8E20; 
  }

  div.moduleBox div.boxTitle h6{
    padding:0;
    margin:0;
    display:inline;
    color:#666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    font-style:normal;
    font-weight:bold;
    text-decoration:none;
  }

  
/* END Module Box */



/*------------- CONTENT -----------*/  
.clearb {clear:both; margin:0; padding:0; line-height:0;}  
.clearl {clear:left; margin:0; padding:0; line-height:0;}  
.clearr {clear:right; margin:0; padding:0; line-height:0;}  

a {color:#666666; text-decoration:none;}                          
a:hover {color:#EC8E20; text-decoration: underline; }


h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  color: #666666;
}
h1 { font-size: 185%; color:#666666;}
h2 { font-size: 170%; color:#666666;}
h3 { font-size: 165%; color:#E9F2F7;}
h4 { font-size: 137%; }
h5 { font-size: 110%; font-weight:bold;}
h6 { font-size: 100%; font-weight:bold;}
h1, h2, h3, h4, h5, h6 { margin:0.6em 0 0.3em 0; }      

table, div, p, span{font-size:1em;}
p {margin:0.3em 0}

.smallText { font-size: 10px; }                           
span.textNote { font-weight:bold; }                                           
span.errorText { color: #CC0000; }
.errorBox {font-size: 10px; background: #ffb3b5; font-weight: bold;}
.stockWarning {font-size: 10px; color: #CC0000;}
.productsNotifications {background-color:#f2fff7;}   

.moduleRow {margin-bottom:2px; border:1px solid #fff;}
.moduleRowOver {background-color:#DBE1E5; border:1px solid #999999; cursor:pointer; margin-bottom:2px;}
.moduleRowSelected {background-color:#E7ECF0; border:1px solid #999999; margin-bottom:2px;}

.inputRequirement {font-size: 10px; color: #EC8E20; }

img.opacity40 { filter:alpha(opacity=40); -moz-opacity: 0.40; }

div.banner{text-align:center;} 

table.checkoutbar {margin-top: 1em;}

/* BEG Price Format*/
  span.second_price {font-size:smaller; font-weight:normal; color:#999999;}
  span.first_price {font-size:inherit; font-weight:bold;}

  span.markProductOutOfStock {
    color: #CC0000;
  }
  span.productSpecialPrice {
    color: #CC0000;
    font-weight:bold;
    white-space:nowrap;
  }
  span.productPrice {
    color: #333333;
    font-weight:bold;
    white-space:nowrap;
  }
  span.productStrikePrice {
    color: #333333;
    font-weight:normal;
    text-decoration:line-through;  
    white-space:nowrap;
  }

  .priceL .productSpecialPrice {
    white-space:nowrap;
  }
  .priceL .productSpecialPrice .first_price{
    color: #CC0000;
    font-weight:bold;
    font-size:larger;
  }
  .priceL .productSpecialPrice .second_price{
    color: #333333;
  }
  .priceL .productStrikePrice {
    color: #333333;
    font-weight:bold;
    white-space:nowrap;
  }
  .priceL .productPrice {
    color: #333333;
    white-space:nowrap;
  }
  .priceL .productPrice .first_price{
    font-weight:bold;
    font-size:larger;
  }
/*END Price Format*/

/*- BEG Sepatator -*/  
  div.dotSeparator {
    height: 1px;
    margin:2px 0 5px 0;
    background: #fff url(templates/default/images/backgrounds/separator.gif) repeat-x scroll center;
  }
  div.dotSeparator hr {
    display: none;
  }
  .separator {
    height:5px;
    background:transparent url(templates/default/images/backgrounds/separator.gif) repeat-x;
  }
  .v_separator {
    width:5px;
    background:transparent url(templates/default/images/backgrounds/v_separator.gif) repeat-y;
  }
/*- END Separator -*/

/* BEG Form Field Table*/
  table.fields td {
    vertical-align: top; 
  }
  
  table.fields label em {
  padding-left:2px;
  color:#EC8E20;
  }

  table.fields input[type=text]{
    width:200px;
  }

  div.submitFormButtons{
    margin-top:10px;
  }
/* END Form Field Table*/ 


/* BEG Standard Table*/
  #maincol table.Standard{
   border-collapse: collapse;
   border-spacing: 0;
   empty-cells: show;
   width:100%;
  }
  #maincol table.Standard th{
   border:1px solid #EDEAED;
   background-color: #EDEAED;
   color: #666666;
   font-weight:bold;
   padding:2px;
  }
  #maincol table.Standard td{
   border:1px solid #EDEAED;
   padding:2px;
  }
/* END Standard Table*/

/* BEG Standard List*/
  #maincol ul.Standard{
    list-style:none;
    margin:0; 
    padding:0 0 0 2px;
  }
  #maincol ul.Standard  li{
   padding:1px 0 1px 7px;
   background:  url(templates/default/images/ul_arrow_right.gif) no-repeat 0 3px;
  }      
/* END Standard List*/      


/*- BEG Listings -*/
  /* simple categorie list */
  table.categoryList {width:96%; margin-left:5px;}
  table.categoryList td {vertical-align:top; }
  table.categoryList td ul{
  margin-left: 2px;
  padding-left: 0;
  list-style: none;
  }
  table.categoryList td ul li{
  padding: 2px 0 3px 10px;
  background-image: url(templates/default/images/ul_arrow_right.gif);   
  background-repeat: no-repeat;
  background-position: 0 .5em;
  border-bottom: 1px dotted #ccc;
  }

  /* categorie list with image and description*/ 
  table.categoryImageList {width:100%;  }
  table.categoryImageList td{
   vertical-align: top;           
   padding:0.5em;
  }
  table.categoryImageList td div.image{
    text-align: center; 
    float:left;     
  }
  table.categoryImageList td a{
    text-decoration:none;
  }
  table.categoryImageList td a:hover{
    text-decoration:none;
  }
  table.categoryImageList td div.text{
    vertical-align: top; 
  }
  table.categoryImageList td.inactive{
    border:1px solid white;   
  }
  table.categoryImageList td.active{
    background-color: #eee;
    border:1px solid #999;
    cursor:pointer;     
  }
  table.categoryImageList td  h5{
    line-height: 1.2;
    padding:0;
    margin: 0em 0 0.3em 0;    
  }
  table.categoryImageList td  p{
    padding:0;
    margin:0;                 
  }

  /* filter */
  div.listingFilter {
    background-color: #EDEAED;
    padding:5px 10px;
  }
  div.listingFilter .Left{
    float:left;;
    padding-top: 3px;
    padding-right: 5px;
  }
  div.listingFilter .Right{
  }

  /* page links */
  div.listingPageLinks {
    background-color: #EDEAED;
    padding:5px 10px;
  }
  div.listingPageLinks span.Title{
    font-weight: bold;
  }

  div.listingPageLinks .Left{
    float:left;
    padding-top: 3px;
  }
  div.listingPageLinks .Right{
    text-align:right;
  }

  div.listingPageLinks form  {
    display:inline;   
  }
  div.listingPageLinks a { 
    color: #999999;
    background-color:#eeeeee;
    border:1px solid #cccccc;
    text-decoration:none;
  }
  div.listingPageLinks a:hover {
    color: #666666;
    background-color:#cccccc;
    border:1px solid #aaaaaa;
    text-decoration:none;
  }

  /* sort heading */
  div.listingSortHeading{
    background-color: #EDEAED;
    padding:5px;
    margin-bottom:10px;
  }

  div.listingSortHeading ul{
    list-style: none;
    list-style-image: none;
    padding:0;
    margin:0;
  }
  div.listingSortHeading li{
    float:left;
    padding-right:5px;
    padding-left:5px;
    border-right:1px solid #ccc;
  }
  div.listingSortHeading .Title{
    font-weight:bold;  
  }

  div.listingSortHeading .sortAsc{
    background:url(templates/default/images/buttons/arrow_up.gif) no-repeat right; 
    padding-right:18px;
  }

  div.listingSortHeading .sortDesc{
    background:url(templates/default/images/buttons/arrow_down.gif) no-repeat right; 
    padding-right:18px;
  }

  /* products listing*/    
  div.productListing-odd, div.productListing-even {margin-top:10px;}
  div.productListing-DataHeading {}
  div.productListing-Data {padding:0 0 2px 3px; vertical-align:top;}
  div.productListing-Data div {vertical-align:top;}


  div.productListing-DataFooter {padding-bottom:2px; vertical-align:bottom; border-bottom: 1px solid #9B9A9B;} 
  div.productListing-DataFooter td{vertical-align:bottom;}
  
  /* cart listing */
  .cartProductListing {width:100%;}
  .cartProductListing th {padding:3px 6px; background-color: #EDEAED; color:#666666; font-size:12px;}
  .cartProductListing th.quantity {white-space: nowrap; text-align:right;}
  .cartProductListing th.price {white-space: nowrap; text-align:right;}
    
  .cartProductListing tr.even td { vertical-align:top; border-bottom: 1px solid #9B9A9B;}
  .cartProductListing tr.odd td { vertical-align:top; border-bottom: 1px solid #9B9A9B;}
  
  .cartProductListing td.image {padding:6px 0;}  
  .cartProductListing td.product { padding:10px 6px;}  
  .cartProductListing td.quantity { text-align:right; padding:10px 3px}   
  .cartProductListing td.price {white-space: nowrap; text-align:right; padding:10px 3px;}


/*- END Listings -*/

/*- BEG Page -*/
  div.pageHeading {
  margin-bottom:1em;
  }

  div.pageHeading .small{
    font-size: smaller;  
    font-weight:normal;
    color:#666;
  }
  div.pageHeading .description {
    font-size:12px;
  }
  div.pageHeading table {width:100%}
  div.pageHeading td.right {text-align:right; vertical-align:middle;}
  div.pageHeading td.right img{margin-left:10px;}

  td.pageHeadingSmaller, div.pageHeadingSmaller {
    font-size: 12px;
    font-weight: bold;
    color: #666666;
  }
  td.subBar {
    background: #f4f7fd;
    font-size: 10px;
    color: #000;
  }           
/*- END Page -*/       

/*- BEG Form elements-*/
  form {
    padding:0;
    margin:0;
  }
  select {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
  }
  input{
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
  }
  input[type=text], input[type=password], input[type=file]{ 
    border:1px solid #7F9DB9;
  }
            
  input.disabled, input[disabled=disabled]  {
    background-color:#eee;
    border:1px solid #7F9DB9;   
  }

  textarea {
    width: 100%;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
  }
  
  a.bigButton{
    display: block;
  }
  
  /* pseudo definition order (link, visited, focus, hover, active)*/
  a.productDigest{ display:block; padding:3px; border:1px solid white; }
  a.productDigest:link, a.productDigest:visited, a.productDigest:focus, a.productDigest:active{ text-decoration: none; }
  a.productDigest:hover{ text-decoration: none; display:block; border: 1px solid #C6C3C6; }


  
/*- END Form elements-*/