body, html {
	margin:0;
	padding:0;
	height:101%; }
body {
	text-align:center;	/* centering for IE */
	background-color:#F1F2F4;
	background-position:50% 0;
	background-repeat:repeat-y; }
body.popup {
	height:100%;
	background-image:none;
	background-color:#FFF; }

body, table, form input, form textarea, form select {
	font-family:Arial,Helvetica,sans-serif; }
body, table {
	font-size:12px;
	line-height:17px; }


/*----------------------------------------------------------------------------------------/
/ Hauptbereiche
/----------------------------------------------------------------------------------------*/
#container {
	width:1000px;
	text-align:left;
	margin:0 auto;
	min-height:100%; }
* html #container {
	height:100%;
	overflow:visible; }

#container #page {
	float:left;
	width:1000px;
	background-color:#FFF; }

/* Hintergrundbild für #container und #page angeben. Sollten Banner rechts länger sein als #page wird dadurch ein bündiger Abschluss unten erreicht */
#container, #container #page {
	background-repeat:repeat-y;
	background-image:url(../img/page_bg.gif); }
#container.contentWide, #container.contentWide #page {
	background-image:url(../img/page_bg_wide.gif); }

#container #banner {
	float:right; }
#container #banner div {
	padding-bottom:10px; }
#container #banner div.last {
	padding-bottom:20px; }


/*------------------------------------------------------------------/
/ Header
/------------------------------------------------------------------*/
#page #header {
	height:136px;
	position:relative;
	background-color:#FFF; }
#page #header #headerBG {
	height:126px;
	background:#769BC8 url(../img/header/header_bg.jpg) no-repeat; }

#page #header #text {
	float:left;
	padding:4px 0 0 14px;
	width:501px;
	height:30px;
	overflow:hidden; }
* html #page #header #text {
	width:515px;
	height:34px; }
#page #header #hotline {
	padding:0 0 1px 17px;
	background:url(../img/header/icon_hotline.gif) no-repeat 0 1px; }
#page #header #benefits {
	text-decoration:none;
	padding:0 0 1px 19px;
	background:url(../img/header/icon_benefits.gif) no-repeat 0 1px; }

#page #header #logo {
	position:absolute;
	display:block;
	z-index:10;
	top:40px;
	left:28px;
	width:228px;
	height:53px;
	background:url(../img/header/logo.gif) no-repeat; }

#page #header #modules {
	position:absolute;
	z-index:20;
	left:529px; }

/* Eingabefeld und DropDowns im Header */
#page #header .inputHeader {
	width:258px;
	border-color:#888; }
* html #page #header .inputHeader {
	width:260px; }
#page #header .selectHeader {
	width:260px;
	border-color:#777; }

/* Suche */
#page #header #entrySearch {
	padding-top:4px;
	min-height:64px; }
* html #page #header #entrySearch {
	height:68px;
	overflow:visible; }
#page #header #entrySearch #headingSearch {
	padding-bottom:1px; }
#page #header #entrySearch a#linkSearch:hover {
	color:#FFF; }

/* Einträge DropDowns */
#page #header #areaSelect {
	height:58px; }
#page #header .entrySelect {
	height:24px; }


/*------------------------------------------------------------------/
/ Content Header
/------------------------------------------------------------------*/
#page #conHeader {
	float:left;
	margin:0 0 2px 10px;
	width:620px;
	background:#D7DEE7 url(../img/modules/con_header_l.gif) no-repeat; }

/* Verbreitern, wenn kleiner Warenkorb oben rechts ausgeblendet ist (bei Warenkorb selbst und Bestellvorgang) */
#page #conHeader.conHeaderWide {
	width:800px; }

#page #conHeader #conHeaderBG {
	padding:0 10px;
	background:url(../img/modules/con_header_r.gif) no-repeat right 0; }

/* Links Mein Konto, etc. */
#page #conHeader #links {
	padding-top:4px;
	height:16px;
	overflow:hidden;
	text-align:right; }
* html #page #conHeader #links {
	height:20px; }
#page #conHeader #links a {
	text-decoration:none; }

/* Bredcrumb Menü */
#page #conHeader #breadcrumb {
	height:20px;
	overflow:hidden; }
#page #conHeader #breadcrumb a#linkHome {
	background-repeat:no-repeat;
	background-position:0 2px;
	background-image:url(../img/links/home.gif); }
#page #conHeader #breadcrumb a#linkHome:hover {
	background-image:url(../img/links/home_hover.gif); }


/*------------------------------------------------------------------/
/ Kleiner Warenkorb
/------------------------------------------------------------------*/
#page #cartSmall {
	float:right;
	width:180px;
	padding:0 0 2px 2px;
	font-size:0;
	line-height:0;
	background-color:#FFF; }
* html #page #cartSmall {
	width:182px; }
#page #cartSmall #inner {
	position:relative;
	width:170px; }

#cartSmall .boxHeader {
	height:32px;
	background:url(../img/boxes/cart_bg_h.gif) no-repeat; }
#cartSmall a#linkHeader {
	position:absolute;
	display:block;
	z-index:10;
	padding:21px 6px 0 51px;
	width:113px;
	height:19px;
	overflow:hidden;
	color:#5C4728;
	text-align:center;
	text-decoration:none;
	background:url(../img/boxes/cart_icon.gif) no-repeat 6px 6px; }
* html #cartSmall a#linkHeader {
	width:170px;
	height:40px; }

#cartSmall .boxContent {
	padding:6px 6px 3px;
	background:url(../img/boxes/cart_bg.gif) repeat-y; }
#cartSmall .boxContent.fontSmall {
	line-height:14px; }
#cartSmall .boxContent .entry {
	padding:0 2px; }
#cartSmall .boxContent .line {
	padding:4px 0;
	background:#FDF9F3 url(../img/boxes/cart_line.gif) no-repeat 0 4px; }
* html #cartSmall .boxContent .line {
	height:9px; }
#cartSmall .boxContent, #cartSmall .boxContent a, #cartSmall .boxContent a:visited {
	color:#5C4728; }
#cartSmall .boxContent a:hover {
	color:#000; }
#cartSmall .boxContent .textAmount {
	color:#908574;
	padding-right:30px; }

#cartSmall .boxFooter {
	height:8px;
	background:url(../img/boxes/cart_bg_f.gif) no-repeat; }


/*------------------------------------------------------------------/
/ Contentbereich
/------------------------------------------------------------------*/
#page #content {
	float:left;
	width:624px;
	padding-left:8px;
	overflow:hidden; }
* html #page #content {
	width:632px; }

/* content für breiten Inhaltsbereich ohne Navigationsleiste rechts redefinieren */
#container.contentWide #page #content {
	width:804px; }
* html #container.contentWide #page #content {
	width:812px; }


/*------------------------------------------------------------------/
/ Spalte links
/------------------------------------------------------------------*/
#page #colLeft {
	float:left;
	width:180px;
	overflow:hidden; }

#page #colLeft #bg {
	padding-bottom:50px;
	min-height:320px;
	background:#8BACD1 url(../img/column_left_bg.gif) repeat-x; }
* html #page #colLeft #bg {
	height:370px;
	overflow:visible; }


/*------------------------------------------------------------------/
/ Spalte rechts
/------------------------------------------------------------------*/
#page #colRight {
	float:right;
	padding:0 8px 70px 0;
	width:174px;
	min-height:500px;
	overflow:hidden;
	background:#FFF url(../img/column_right_bg.gif) repeat-x 0 bottom; }
* html #page #colRight {
	width:182px; }


/*------------------------------------------------------------------/
/ Footer
/------------------------------------------------------------------*/
#page #footer {
	font-size:11px;
	padding:20px 4px 30px; }
#page #footer, #page #footer a, #page #footer a:visited {
	color:#5A7AA0; }
#page #footer a:hover, #page #footer a.active {
	color:#10263F; }
#page #footer #links {
	border-top:1px solid #A6BBD4;
	padding-top:15px; }
#page #footer #backToTop {
	padding-top:11px;
	text-align:right; }
#page #footer #parseTime {
	color:#95A4B7;
	text-align:center;
	padding-top:10px; }


/*----------------------------------------------------------------------------------------/
/ Popups
/----------------------------------------------------------------------------------------*/
.popup #content {
	margin:0 auto;
	text-align:left;
	padding:25px 20px 30px;
	width:624px; }
* html .popup #content {
	width:664px; }

/*------------------------------------------------------------------/
/ Popup Content Header
/------------------------------------------------------------------*/
.popup #conHeader {
	margin:0 0 2px 2px;
	width:620px;
	color:#FFF;
	background-repeat:no-repeat; }
.popup.default #conHeader {
	background-color:#769BC8;
	background-image:url(../img/popups/con_header_l.gif); }
.popup #conHeader #conHeaderBG {
	height:40px;
	background-repeat:no-repeat;
	background-position:right 0; }
.popup.default #conHeader #conHeaderBG {
	background-image:url(../img/popups/con_header_r.gif); }
.popup #conHeader #headline {
	padding:10px 14px 0;
	height:22px;
	overflow:hidden; }
* html .popup #conHeader #headline {
	height:32px; }


/*--------------------------------------------/
/ Popup Bonus Punkte
/--------------------------------------------*/
#popupBonus #conHeader {
	background-color:#76B937;
	background-image:url(../img/popups/bonus_con_header_l.gif); }
#popupBonus #conHeader #conHeaderBG {
	background-image:url(../img/popups/bonus_con_header_r.gif); }
#popupBonus .mainHeader {
	background-image:url(../img/popups/bonus_bg_h.gif); }
#popupBonus .mainContent {
	background-image:url(../img/popups/bonus_bg.gif); }
#popupBonus .mainFooter {
	background-image:url(../img/popups/bonus_bg_f.gif); }
#popupBonus .textColor, #popupBonus h1, #popupBonus .notice {
	color:#417610; }
#popupBonus .notice, #popupBonus .borderColor {
	border-color:#98D460; }
#popupBonus .line {
	background-color:#98D460; }
/* Modul Not Found anpassen */
#popupBonus #notFound, #popupBonus #notFoundInner {
	background-image:none; }
#popupBonus #notFound #infoText {
	text-align:center;
	margin-right:0; }


/*--------------------------------------------/
/ Popup Produktbilder
/--------------------------------------------*/
#popupImage #content {
	width:661px; }
* html #popupImage #content {
	width:701px; }
#popupImage #conHeader {
	width:657px; }

#popupImage .mainHeader {
	background-image:url(../img/popups/image_bg_h.gif); }
#popupImage .mainContent {
	background-image:url(../img/popups/image_bg.gif); }
#popupImage .mainFooter {
	background-image:url(../img/popups/image_bg_f.gif); }
#popupImage .padText {
	padding-right:8px;
	padding-bottom:5px; }

#popupImage #popupImg {
	width:500px;
	height:500px;
	background-repeat:no-repeat;
	background-position:center; }
* html #popupImage #popupImg {
	width:502px;
	height:502px; }

#popupImage a.popupThumb {
	display:block;
	width:80px;
	height:80px;
	border-width:1px;
	border-style:solid;
	background-repeat:no-repeat;
	background-position:center; }
* html #popupImage a.popupThumb {
	width:82px;
	height:82px; }


/*--------------------------------------------/
/ Popup Verfügbarkeit
/--------------------------------------------*/
#popupAvailability #productImg {
	width:130px;
	height:130px;
	background-repeat:no-repeat;
	background-position:center; }
* html #popupAvailability #productImg {
	width:132px;
	height:132px; }


/*----------------------------------------------------------------------------------------/
/ Bewertungen
/*--------------------------------------------/
/ Übersicht Bewertungen
/--------------------------------------------*/
.reviews .linkBorder {
	width:130px;
	height:130px;
	background-repeat:no-repeat;
	background-position:50% 50%; }
* html .reviews .linkBorder {
	width:132px;
	height:132px; }
.reviews .reviewsContent {
	padding-bottom:2px;
	min-height:116px; }
* html .reviews .reviewsContent {
	height:118px;
	overflow:visible; }
.reviews .reviewsText {
	width:456px;
	padding-top:4px;
	overflow:hidden; }
.reviews .reviewsFooter {
	height:30px; }

/*--------------------------------------------/
/ Bewertungen zu einem Produkt
/--------------------------------------------*/
.productReviews .linkBorder {
	width:130px;
	height:130px;
	background-repeat:no-repeat;
	background-position:50% 50%; }
* html .productReviews .linkBorder {
	width:132px;
	height:132px; }
.proRevEntryHeader {
	min-height:23px; }
* html .proRevEntryHeader {
	height:23px;
	overflow:visible; }


/*----------------------------------------------------------------------------------------/
/ Durch Content Manager verwaltete Inhalte
/*------------------------------------------------------------------/
/ Kundenservice
/------------------------------------------------------------------*/
div#serviceHeaderPhone {
	margin:4px 0 12px;
	padding-left:60px;
	min-height:47px;
	background-repeat:no-repeat;
	background-position:12px 3px; }
* html div#serviceHeaderPhone {
	height:47px;
	overflow:visible; }
div#serviceHeaderPhone .telephone {
	font-size:18px;
	line-height:19px;
	padding:1px 0; }

div.entryService {
	margin:11px 0; }
div.entryService .headline {
	width:583px; }
div.entryService .headline a {
	padding-left:4px; }
div.entryService .plusMinus {
	margin-top:1px; }
div.entryService .spacer {
	clear:both;
	line-height:0;
	font-size:0;
	height:6px; }
div.entryService div.contentService {
	display:none;
	padding:0 19px; }
div.entryService .linkToTop {
	text-align:right;
	padding-bottom:8px; }

div.entryService .labelInput {
	padding:7px 0 2px; }
div.entryService .buttonSubmit {
	text-align:right;
	padding-bottom:10px; }
div.entryService form textarea {
	width:478px; }
* html div.entryService form textarea {
	width:480px; }


/*------------------------------------------------------------------/
/ Häufige Fragen und Ihre Vorteile
/------------------------------------------------------------------*/
.headingCO {
	font-weight:bold;
	padding-bottom:6px; }

div.entryCO {
	margin:6px 0; }
div.entryCO .headline {
	width:583px; }
div.entryCO .headline a {
	padding-right:4px;
	text-decoration:none; }
div.entryCO .plusMinus {
	margin-top:1px; }
div.entryCO .spacer {
	clear:both;
	line-height:0;
	font-size:0;
	height:6px; }
div.entryCO div.contentCO {
	padding:0 8px; }
div.entryCO .linkToTop {
	text-align:right;
	padding-bottom:8px; }


/*------------------------------------------------------------------/
/ Versandkosten
/------------------------------------------------------------------*/
#shipping {
	padding:0; }
#shipping td {
	padding:4px 8px; }
#shipping td.entryHead {
	font-weight:bold;
	background-color:#E7E9EC; }
#shipping td.entryContent {
	border:1px solid #CCCDD4; }
#shipping td.entryContent span {
	padding:0 0 1px 25px;
	background-repeat:no-repeat;
	background-position:0 1px; }

