/**
 * @package Projektname Main Stylesheet
 * @lastmodified $Id: landing.css 16732 2011-12-05 09:03:06Z j.parth $
 *
 * @tableofcontents
 *     1. Basic Styling
 *     2. Sprites
 *     3. Generic Classes
 *          3.1 Product-Boxes
 *          3.2 Link
 *          3.3 stars
 *          3.4 ratingStars
 *          3.5 Bars
 *     4. Page Grid
 *     5. Header
 *     6. Navi
 */

body.landing {background-position:0 -89px}

#landing_body {padding:0 10px 10px}
#container {padding-top:0; background:#fff url(../img/landing/content_bg.gif) 0 6px repeat-x}
.anzeigen {padding-top:6px}
/* IE 7 Hack */ *:first-child+html .partnersuche_table {margin-bottom:10px}
/* IE 6 Hack */ * html body  .partnersuche_table {margin-bottom:10px}

/* für fixe Breite */

#container_fix {width:975px; padding:0 10px 0; margin:0; background:url(../img/landing/content_landing.jpg)}

#logo {float:left; padding:10px 22px 0}

.facebookKalender {margin-bottom:10px; display:inline-block}

.landing .landingHeadPaypal {width:100%}

/* IE 6 Hack */ * html body #content .noborder {padding-top:0}
/* IE 7 Hack */ *:first-child+html #content .noborder {padding-top:0}
/* Sidebar */

#sidebar {width:200px}
#content #sidebar .box{width:190px}
#inner_content {margin-left:210px}

.gAdsContainer {margin-top:0}

.filter_more {margin-left:150px}

.paginationTop .left,
.paginationTop .middle,
.paginationTop .right {padding:4px 1%}

#Llist ul {margin-bottom:5px}

/* Grid und Ad Layout ABGEÄNDERT von anderen Portalen  */

.splitGrid .gAd {min-height:50px}
#gridWrap .productGrid a:hover {text-decoration:underline}
#Llist #gridWrap img {margin-bottom:0 !important; margin-top:-20px !important}
.gaTop a.adSplit {padding:3px 10px 3px 5px !important; border:none}

/* Grid und Ad Layout wie in den anderen Portalen  */

#gridWrap {width:100%; margin-bottom:15px}
* html #gridWrap {width:99%}

#gridWrap .productGrid {width:156px;border:1px solid silver;text-align:center;display:inline-block;vertical-align:top;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;margin:8px 5px 0 0;position:relative;padding:0;cursor:pointer;height:250px}

#gridWrap .productMagnifier {background:url(../img/landing/sprite.png) left top;height:23px;width:27px;top:30px;right:8px;position:absolute;z-index:200;display:inline-block}


#gridWrap .productPhoto {background:url(../img/landing/opacity50.png) 0 0;line-height:19px;height:19px;width:53px;margin:-50px 0 0 0;display:inline-block;border:1px solid #B0B0B0;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;color:#fff;font-weight:bold;text-decoration:none;text-align:left}

#gridWrap .productPhoto span {background:url(../img/landing/sprite.png) 29px -31px no-repeat;display: block;margin-left:8px;width:42px; font-size:12px}

#gridWrap .productGrid img.productImage {max-height:100px;max-width:100px;min-height:100px;min-width:100px;display:inline-block}
*html #gridWrap .productGrid img.productImage {height:100px;width:100px}

#gridWrap .productGrid .price {display:block;font-size:1.4em;font-weight:700;margin:6px 0}
* + html #gridWrap .productGrid .price {font-weight:normal}

#gridWrap .priceRange {display:inline-block; font-size:11px; margin-top:6px}
#gridWrap .priceRange span {margin-left: 4px}

#gridWrap div.priceStrike, div.priceStrike span {display:inline-block;vertical-align:bottom}
#gridWrap div.priceStrike span.large {margin:5px 0 0 15px;font-size:16px;color:#000;vertical-align:super}
#gridWrap div.priceStrike span {margin-left:10px}


#gridWrap .productName {height:32px;width:148px;overflow:hidden;font-size:1em;font-weight:700;display:inline-block;margin-left:5px;margin-right:5px}

#gridWrap .productGrid p.shopName {color:#555;font-size:10px;height:15px;overflow:hidden;margin-top:6px}

* html #gridWrap .productGrid a.lp_button {background-image:url(../img/landing/sprite_buttons_ie6.png);}
#gridWrap .productGrid a.lp_button {background:url(../img/landing/sprite_buttons.png) -4px 0;height:57px;width:115px;display:block;margin-top:-10px; border:0 none; cursor:pointer; padding:0 0 0 30px}
#gridWrap .productGrid a.lp_button:hover {background-position:-158px 0 !important}

* html #gridWrap .productGrid {float:left;margin:10px 5px 0 0}

* + html #gridWrap .productGrid {float:left}

#gridWrap div.placeHolder, #gridWrap div.priceStrike {height:29px}

#gridWrap div.priceStrike {font-size:10px;color:#666;text-align:left;background:url(../img/landing/opacity60.png);-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;border-top-left-radius:8px;border-top-right-radius:8px;width:100%;z-index:100;position:relative !important}

/* Anpassung für IE6 und IE7 - transparenter Bereich ausgeblendet und Strichpreis verschoben */
* html #gridWrap div.priceStrike, * html #gridWrap div.placeHolder {background:none !important}
* + html #gridWrap div.priceStrike, * + html #gridWrap div.placeHolder {background:none !important}
#gridWrap div.priceStrike, div.priceStrike span {display:inline-block;vertical-align:bottom}
#gridWrap div.priceStrike span.large {margin:5px 0 0 15px;font-size:16px;color:#000;vertical-align:super}
#gridWrap div.priceStrike span {margin-left:10px}

/* Anpassung für IE6 und IE7 - transparenter Bereich ausgeblendet und Strichpreis verschoben */
* html #gridWrap .productGrid span.instead {display:none !important}
* +html #gridWrap .productGrid span.instead {display:none !important}

* html #gridWrap .productGrid {float:left;margin:10px 5px 0 0}

#gridWrap div.strike {background:url(../img/landing/strike.png);height:25px;width:43px;display:inline-block;margin-left:-48px;margin-top:2px}
* html #gridWrap div.strike {display:none}
* + html #gridWrap div.strike {display:none}

#gridWrap .productGrid.hovered {background-color:#d0d0d0}

*html h2.similarProducts, *+html h2.similarProducts {clear:both}

/* Placeholder Background Fix IE6 */

* html #gridWrap .priceStrike, * html #gridWrap .placeHolder {position:static; z-index:1}
* html #gridWrap .priceStrike .large {position:relative; z-index:3}
* html #gridWrap .productImage {position:relative; z-index:2}
* html #gridWrap .jsConversion {z-index:2}

/* Layout Fix IE6 & 7 */

* html #Llist {margin:0}
* html #gridWrap .priceStrike .large {text-decoration:line-through}
* + html #gridWrap .priceStrike .large {text-decoration:line-through}
* html .jsFlexTopMagnet {display:none}
* + html .jsFlexTopMagnet {display:none}

/* Filter Box Fix IE6 & 7 */

* html .close {right:8px}
* html .modalCloseImg {display:none}
* + html .modalCloseImg {display:none}