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

div.block { float: left; margin-bottom: 20px; width: 100%; }
div.block ul { padding-left: 20px; }
div.block ul li { margin-bottom: 10px; }
div.block h3 { margin-top: 0; }

div.produktteaser { }
div.produktteaser .visual { float: left; width: 120px; margin-right: 40px; }
div.produktteaser .description { float: left; }

.preis-strike { text-decoration: line-through; }
.preis-real { font-weight: bold; font-style: italic; font-size: 17px; }

.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 #topright {
      float: right;
      /* padding: 0 0px 0 0px;  */
   } 
   .twoColFixLtHdr #header h1 {
    	margin: 0; 
    	padding: 10px 0; 
   }
   h1 { margin: 18px 0; }
	h1.toplink {
    	margin: 18px 0 0 0;
   }
   .twoColFixLtHdr #sidebar {
      float: left; 
      width: 180px; 
      background: #ebebee;
      padding: 15px 10px 15px 10px;
      color: #ebebee;
   }
   .twoColFixLtHdr #sidebar1 {
      float: left; 
      width: 180px; 
      background: #ebebee;
      /* padding: 15px 10px 15px 10px; */
      color: #ebebee;
   }
   .twoColFixLtHdr #sidebar2 {
      float: left; 
      width: 180px; 
      background: #ebebee;
      /* padding: 15px 10px 15px 10px; */
      color: #000000;
   }
   .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 #footer {
      padding: 0 10px 0 20px; 
      background:#010080;
      color: #ebebeb;
      text-align: center;
   } 
   .twoColFixLtHdr #footer p {
    	margin: 0; 
		padding: 10px 0; 
	}

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

   .alnrt {
      float: right;
      /* margin-left: 8px; */
      /* margin-bottom: 10px; */
   }

   .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;
   }
   .fltlft {
      float: left;
      margin-right: 8px;
   }
   .clearfloat { 
      clear:both;
      height:0;
      font-size: 1px;
      line-height: 0px;
   }

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

   #mainContent a { font-weight: normal; text-decoration: underline; }

   a.topteaserlink { margin-bottom: 18px; display: block; }

   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: 100%;
      font-weight: bold;
      background-color: #000080;
      color: #ffffff;
      float: right;
      margin-left: 100px;
      text-decoration: none;
   }
   a.right:visited {
      font-size: 100%;
      font-weight: bold;
      background-color: #000080;
      color: #ffffff;
      float: right;
      margin-left: 100px;
      text-decoration: none;
   }
   a.right:hover {
      font-size: 100%;
      font-weight: bold;
      color: White;
      float: right;
      margin-left: 100px;
      text-decoration: none;
   }
   a.right:active {
      font-size: 100%;
      font-weight: bold;
      color: White;
      float: right;
      margin-left: 100px;
      text-decoration: none;
   }

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

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

   img {
	   border:0;
   }


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

.dist40 { margin-bottom: 40px; }