body  {
   font: 100% Arial, Verdana, Helvetica, sans-serif;
   	background: #a4a4c1;
   	margin: 0; 
   	padding: 0;
   	text-align: center; 
   	color: #000033;
   }

h1 { margin: 18px 0; }
h1.angebot { margin: 18px 0 0 0; }
h3 { margin: 20px 0 10px 0; border-bottom: 1px solid; }
h3#ebikes { margin-bottom: 20px; }

.productdetails { margin-bottom: 20px;}
.productdetails .productimage { text-align: center; background: #FFF; }
.productdetails h3 { margin: 20px 0; }
.productdetails .backlink { margin: 40px 0 30px 0; display: block; }
.productdetails table td { vertical-align: top; padding: 0 0 5px 0; }
.productdetails table td.sp { width: 120px; }
.productdetails table.detailsselecttable { border-collapse: collapse; margin-bottom: 3px; }
.productdetails table.detailsselecttable td.width1, .productdetails table.detailsselecttable td.width2 { border:1px solid; padding: 2px 5px; }
.productdetails table.detailsselecttable td.width1 { width: 150px; }
.productdetails table.detailsselecttable td.width2 { width: 300px; }

.produktlink { background: white; float: left; text-align: center; display: block; padding: 10px; margin: 10px 10px 10px 35px; width: 200px; height: 180px; font-size: 12px; }
.produktlink a:link { font-size: 12px; display: block; }
.produktlink span { display: block; height: 155px; }
.produktlink span.preis { display: block; text-decoration: none !important; height: auto; font-weight: normal; }

td.picTab {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 12px;
      line-height: 1.5;
   }

   .twoColFixLtHdr #container {
   	width: 800px;  
   	background: #ebebeb;
   	margin: auto; /* Durch automatische Raender  wird die Seite zentriert. */
   	border: 1px solid #010080;
   	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element ueberschrieben. */
   	color: #000033;
   } 
   .twoColFixLtHdr #header {
   	background: #010080;
	   text-align: center;
   	padding: 0 0px 0 0px;
   } 
   .twoColFixLtHdr #zoomHeader {
      background: #018080;
      text-align: center;
       /* align: 0; /* */
   	/* margin: 0; /*1px; */
   	padding: 0 0px 0 0px;
      /* padding: 1px 1px; /*  0px 0 0px; */
       /* height: 40px; /* */
   } 
    .twoColFixLtHdr #header h1 {
    	margin: 0; 
    	padding: 10px 0; 
    }
    .twoColFixLtHdr #sidebar1 {
	float: left; 
	width: 180px; 
	background: #ebebee;
	padding: 15px 10px 15px 10px;
	color: #ebebee;
   }
   .twoColFixLtHdr #mainContent {
   	 margin: 27px 0 0 200px; /* Durch den linken Rand dieses div-Elements entsteht die Spalte am linken Seitenrand. */
      padding: 0 20px;
   	color: #000066;
   } 
   .twoColFixLtHdr #infoContent {
	   margin: 0 0 0 20px; /* Durch den linken Rand dieses div-Elements entsteht die Spalte am linken Seitenrand. */
      padding: 0 20px; 
	   color: #000066;
   }
   .twoColFixLtHdr #zoomContent {
      margin: 0 0 0 20px; /* Durch den linken Rand dieses div-Elements entsteht die Spalte am linken Seitenrand. */
      padding: 0 50px; 
      color: #000066;
   }
   .twoColFixLtHdr #zoomContent td { vertical-align: top; }
   .twoColFixLtHdr #footer {
      /* padding: 0 10px 0 20px; */
      padding: 0 10px 0 20px; 
      background:#010080;
      color: #ebebeb;
      text-align: center;
   } 
    .twoColFixLtHdr #footer p {
    	margin: 0; 
		padding: 10px 0; 
	 }

   /* --------------------------------------------------------- */

   .fltrt {
	   /* Rechts fliessendes Element, Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
   	float: right;
	   margin-left: 8px;
   	margin-bottom: 10px;
   }
   .zoomPic {
      position: static;
	   margin-left: 8px;
   	margin-bottom: 10px;
   }
   .fltlft {
    	float: left;
    	margin-right: 8px;
   }
   .clearfloat { 
		clear:both;
      height:0;
      font-size: 1px;
      line-height: 0px;
   }
	a:link {
	   font-size: 100%;
	   font-weight: bold;
   	color: Navy;
}

	 a:visited {
	font-size: 100%;
	font-weight: bold;
	color: #00008B;
}
	 a:hover {
	font-size: 100%;
	font-weight: bold;
	color: Navy;
}	
 a:active {
	font-size: 100%;
	font-weight: bold;
	color: Navy;
}
 a.right:link {
	font-size: 50%;
	font-weight: bold;
   background-color: #000080;
	color: #ffffff;
	text-align: right;
	margin-left: 100px;
	text-decoration: none;
}

	 a.right:visited {
	font-size: 50%;
	font-weight: bold;
   background-color: #000080;
	color: #ffffff;
	text-align: right;
	margin-left: 100px;
	text-decoration: none;
}
	 a.right:hover {
	font-size: 50%;
	font-weight: bold;
	color: White;
	text-align: right;
	margin-left: 100px;
	text-decoration: none;
}	
 a.right:active {
	font-size: 50%;
	font-weight: bold;
	color: White;
	text-align: right;
	margin-left: 100px;
	text-decoration: none;
}
   a.txtBtn:link {
      background: #000080;
	   color: #ffffff;
   }
	 a.txtBtn:visited {
      background: #000080;
	   color: #ffffff;
   }

   /* --------------------------------------------------------- */

   b.fhBlueInv {
      background-color: #000080;
      color: #ffffff;
   }

   #flashcontent {
	   border: solid 1px #000;
      width: 400px;
      height: 300px;
      float: left;
      margin: 15px 20px;
   }

   img {
	   border:0;
   }

/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */