/* 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;
  }
  #metanav {
    background: #E4E4E4;
    display:inline;
    float: right;
    width: auto;
	height:auto!important;
	height:100px;
    margin-top: 15px;
	position:relative;
	clear:right;
  }
#Seite  div#Inhalt {
    float: left;
    padding: 0 1px;
	margin:0;
    width: 580px;
}



/*** PRODUKTSLIDER ***/

ul.Inhalt {
	margin:0px;
	padding: 0px;
	list-style:none;
  }

  ul.Inhalt li {
	border: 0;
	-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2);
	box-shadow:1px 1px 3px rgba(0,0,0,0.2);
	border:1px solid #fff;
	border:1px solid #ccc\9;
	padding: 0px;
	background-color: #FFF;
	width:365px;
	float:left;
	margin: 5px 15px 5px 0;
	height:200px;
	display:block;
	overflow:hidden;
	position:relative;
	z-index:1;
}
#Seite ul.Inhalt li .listLink{
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	display:block;
	width:100%;
	height:100%;
}


/* Produktslider */
.topSellerHeadline{
	text-align:center;
	margin-top:10px;
	margin-bottom:5px;
}
#slider{
	margin-left:6px;
	overflow:hidden;
	width:494px;
	padding:2px 35px;
}
#slider li h3{
	text-align:center;
	font-size:12px;
	font-weight:normal;
	height:30px;
	overflow:hidden;
	margin:2px;
}
#slider li h3 a{
	color:#0054a6;
}
#slider li{
	width:117px;
	height:160px;
	overflow:hidden;
	margin:3px;
	padding:0;
}
#slider li:hover{
	 -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
	 -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
	 box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
}

#slider li img{
	display:block;
	margin:0 auto;
}

#slider #slideLeft{
	position:absolute;
	top:0;
	left:0;
	background:url(/s/img/x/factfinder/sliderLeftWhite.jpg) no-repeat 0 57px #fff;
	display:block;
	width:35px;
	height:170px;
	z-index:10;
	cursor:pointer;
}

#slider #slideRight{
	position:absolute;
	top:0;
	right:0;
	background:url(/s/img/x/factfinder/sliderRightWhite.jpg) no-repeat 2px 57px #fff;
	display:block;
	width:30px;
	height:170px;
	z-index:10;
	cursor:pointer;
}
#slider .sliderPrice{
	display:block;
	padding:5px;
	padding-top:7px;
	text-align:center;
	height:20px;
	background:url(/s/img/x/factfinder/lpShadowDown.png);
}

#slider #slideRight.deactive,#slider #slideLeft.deactive{
	opacity:0.6;
	cursor:default;
	}

.preis {
    font: bold 12px Arial,Helvetica,sans-serif;
	color:#CC0000;
  }