/* Inhaltsbereich Startseite */
div#spalten {
    background-image: url(/s/img/x/bgContent.gif);     /* Hintergrundfarbe der drei Inhaltsspalten, imskeleton allgemein #f2f2f2 für alle */
    width: 978px;
    margin: 1px 2px;
  } 

div#Inhalt {
    margin: -10px 190px 10px 200px;
    padding: 0px 1px;
}

* html div#Inhalt {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
    margin-bottom: 0;
  }

#Inhalt a{
    color: #333;
    text-decoration: none;
}

/* Sondermeldungen in rot z.B. über den Kategorien wenn Ferien */
.alert{
    font: bold 12px Arial,Helvetica,sans-serif;
    color:#ff0505;
    text-align:center;
    padding:0px 5px 5px;
  }

/* Kategorien Fitness etc. */
h2 {
    font: bold 12px Arial,Helvetica,sans-serif;
    color:#0054A6;
    margin: 2px 0px 0px 0px;
  }
  
/* ShopBanner Swimshop etc. */
 h3 {
    font: bold 14px Arial,Helvetica,sans-serif;
    color:#0054A6;
    margin: 0px 5px 5px 5px;
  }
  
  /* Headline Recommendations. */
 h5 {
    font: bold 18px Arial,Helvetica,sans-serif;
    color:#0054A6;
    margin: 0px 1px 1px 1px;
	text-align:left;
  }
  
     
  /* Artikelname des großen Bildes der Sonderangebote. */
h6 {
    font: 15px Arial,Helvetica,sans-serif;
    color:#333;
    text-align: center;
	padding:0px;
	margin:6px;
  }


   /* Headline Recommendations. */
#headlink a{
    font: bold 18px Arial,Helvetica,sans-serif;
    color:#0054A6;
    margin: 0px 1px 1px 1px;
	text-align:left;
  }

/* ShopBanner Swimshop etc. */
 p {
    font: 12px Arial,Helvetica,sans-serif;
    color:#333;
  }

/* verlinkte headlines h2, h3... */
#Inhalt a.head {
    color:#0054A6;
  }
/* zweispaltige Shops in der Mitte - große Probleme IE6, nur verwenden, wenn laenger als navigation links */
.shops {
	margin:0px;
	padding: 0px;
	list-style:none;
  }

.shops p{
	margin:5px;
  }
    
.shops li {
	margin:5px;
	padding:1px;
	background-color: #FFF;
	width: 274px;   /* erzeugt zwei spalten wegenIE6 so schmal */
	float: left;
	display:block;
	overflow: hidden;
}

.shops img {
	padding:0px 5px 5px 5px;
}

/* recommondation
.preis { /* preisanzeige wie auf list  
    font: bold 12px Arial,Helvetica,sans-serif;
	color:#CC0000;
  } */
  
caption { /* recommondation tabellenueberschrift startseite */
    font: bold 14px Arial,Helvetica,sans-serif;
    color:#0054A6;
    margin: 2px 0px 2px 0px;
    text-align: left;
}

table.recomStart {
	margin:0px 0px 0px 10px;
	padding: 5px;
	border: 1px solid #ccc;
    font: 11px Arial,Helvetica,sans-serif;
    color:#333;
  }

td.recomStart {
    font: 11px Arial,Helvetica,sans-serif;
    color:#333;
    text-align: center;
  }

 /*.preisRecom { preisanzeige blaue Box rot, nicht fett 
    font: 10px Arial,Helvetica,sans-serif;
	color:#CC0000;
  }    */
  
  
  table.recomStart2 {
	margin:0px 0px 0px 5px;
	padding: 1px;
	border: 0px solid #ccc;
    font: 9px Arial,Helvetica,sans-serif;
    color:#333;
  }

td.recomStart2 {
    font: 9px Arial,Helvetica,sans-serif;
    color:#333;
    text-align: center;
  }
  
 table.recomStartneu {
	margin:0px 0px 0px 0px;
	font: 9px Arial,Helvetica,sans-serif;
	color:#333;	
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
  }

td.recomStartneu {
    font: 10px Arial,Helvetica,sans-serif;
    color:#333;
    text-align: center;
	padding:2px;
	
  }

td.recomStartneurechts {  
	font: 10px Arial,Helvetica,sans-serif;
    color:#333;
    text-align: center;
	padding-left:0px;
	padding-top:2px;
  }
  td.recomStartneulinks {  
	font: 10px Arial,Helvetica,sans-serif;
    color:#333;
    text-align: center;
	padding-right:0px;
	padding-top:2px;
  }
  
 /*.preisRecom { preisanzeige blaue Box rot, nicht fett 
    font: 10px Arial,Helvetica,sans-serif;
	color:#CC0000;
  }    */
  
img.topImage{  /* recommondation blaue Box */
	border-bottom: 1px solid #86a9c6;
    border-right: 1px solid #86a9c6;
    margin-bottom:-10px;
  }

td.top-seller {  /* recommondation blaue Box headline*/
	border-bottom: 2px solid #004588;
    border-right: 2px solid #004588;
}

.top-seller {  /* recommondation blaue Box headline*/
    font: bold 12px Arial,Helvetica,sans-serif;
	color: #FFF;
	padding:3px 2px 0px 2px;
	margin-left: 10px;
}

p.topSeller {  /* recommondation blaue Box */
    font: 11px Arial,Helvetica,sans-serif;
}

/* nur eine Anzeige in der Mitte, meist im Export */
.anzeige {
	margin:0px;
	margin-left:83px;
	padding: 0px;
	list-style:none;
	width: 425px;
  }

.anzeige p{
	margin:5px;
  }
    
.anzeige li {
	margin:5px;
	padding:1px;
	width: 270px;   /* erzeugt zwei spalten wegenIE6 so schmal */
	float: left;
	display:block;
}

/* zweispaltige Shops in der Mitte als table*/    
table.shops {
	margin:0px;
	padding: 5px;
  }