@media only screen and (max-width: 640px) {
       div.mainContainer div div.left{
          display: none;
        }
}
@media only screen and (max-width: 640px) {
       #pageContent { width:635px; }
	   #list-menu { display: none; }
	   
	   div.header .top { width: 100%; }
	   div.header .top .userNavigation { display:none; }
	   div.header .center { width: 200px; }
       div.header .telphone { display:none }
       div.header .tsSeal { float: none }
	   div.header .right { float: left; }
       
       div.mainContainer { width: 99%; }
       div.mainContainer div div.right{
          float: left;
		  width: 100%;
       }
       div.mainContainer div div.right div.content div.productsLeft {
		 width: 40%; 
		 padding: 10px;
	   }
	   
	   div.mainContainer div div.right div.content div.productsRight {
		 width: auto;   
		 float: left;
	   }
	   
	   div.mainContainer div div.right div.content div.productsRight h2 {
		 font-size: 1.5em;   
	   }
	
	   .font12 { 
		 font-size: 1.2em;
	   }
	
	   div.mainContainer .content .staffelPrice, .specials {
          margin-top: 0px;
          position: relative;
          width: 97%;
       }
	
	   div.mainContainer .content .productsBox h4 {
	     font-size: 14px;
	   }
	   
	   div.mainContainer .content .productsBox ul li {
         padding: 5px 5px;
	   }
	
	   div.mainContainer .content .descBox, .xsellBox, .showlastBox, .showstarsBox, .purchasedBox {
		 font-size: 1.5em;
	   }
	
	   ul.werbeText {
   	     font-size: 16px;
	   }
	   
	   footer.footerContainer {
	     width: 99%;
	   }
	   
	   div.footerInfo { width: 98%; }  
	   div.footerInfo .top { 
		 width: 98%; 
		 font-size: 16px; 
	   }

	   div.footerInfo .info {
         width: 100%;
         font-size: 14px;
	   }
	   
	   div.footerInfo ul {
	      float:none;
	   }
	   
	   div.footerInfo li {
	      width: 50%;
	      font-size: 16px;
	   }
	   
	   div.footerInfo li b {
	     font-size: 16px;
	   }
	   div.footerInfo p {
	     font-size:14px;
		 width: auto;
	   }
	
	   div.footerInfo p strong {
         font-size:14px;
	   }
	
	   div.footerInfo a {
	      font-size:16px;
	   }
	   
	   div.footerMarken { width: 98%; }
	   div.footerMarken ul { width: 98%; float:left; }
	   div.footerBottom { width: 98%; }
	   div.footerCopyright { width: 95%; }
	
	   #parent { 
         margin-top:10px;
         width: 95%;
         font-weight: bold;
         padding: 2px;
         background: #f6f6f6;
         box-shadow: 1px 1px 1px #000;
         -webkit-border-radius: 3px;
         -moz-border-radius: 3px;
         border-radius: 3px;
         text-transform: uppercase; 
       }
	
       #child {
         text-transform:none; 
         background:#fff;
         padding:2px;
         font-size:14px;
		 width: auto;
       }
	
	   #parent > #child { display: none; }
       #parent:hover > #child { display: block; }
}