body {
	min-width: 990px;
	/*text-align:center; /*center hack*/
	/*padding:0;
	margin:0;*/
	background: #e78c26 url(../images/back_nutrition_shop.jpg) top center repeat-x;
	}
a { color:#555452; text-decoration: none; }
a:hover { color:#555452; text-decoration: none; }
a img { border:0;}
a:hover  img { border:0; text-decoration:none;}
:focus { outline:0; }

.fieldset .legend, .fieldset { border:0px;}
.nutrition-break{
	clear:both;	
}
.header-container { 
background: url(../images/header_nutrition.jpg) top center no-repeat;
width: 990px;
height: 162px;
margin: 0 auto;
}
.header-top {clear:both;margin:0 auto;position:relative;width:990px;heightz-index:100;}

.col3-layout .col-wrapper {float:left;width:790px;}
.col3-layout .col-main {width:600px; overflow:hidden;}
.col2-left-layout .col-main {float:right;}
.col2-right-layout .col-main {width:735px;}

.breadcrumbs ul{margin:0 auto 0 -117px; padding-left: 0px; padding-bottom:0px; text-align:left; width:600px; float:left;}

.products-grid li.item { padding:12px 10px; width:150px; text-align:center;}
.products-grid  { line-height:1.35em; }
.products-grid  .product-name { margin-bottom:.4em; font-size:1.05em; }
.products-grid  .product-name a, .products-grid  .product-name a:hover { color:#2b4576; text-decoration: none; }
.products-grid  .ratings { margin-bottom:.6em; }
.products-grid  {border-bottom:1px solid #D9DDE3;}
.link-wishlist {color:#DC6809 !important;font-weight:bold !important;}
.products-grid  .link-wishlist a, .products-grid .link-compare a:hover {text-decoration:underline;}

.product-view {border:0px; color:#2b4576;}
.product-collateral h2{color:#2b4576;font-size:12px;font-weight:bold;}
.product-essential {padding:10px 25px;}

#header-cart{ position:absolute; z-index:20; width:200px; right:0; top:90px; left:0px;}
#header-cart .head{margin-bottom:7px; padding-right:8px}
#header-cart .head h4{cursor:pointer; float:none; display:inline; padding-left:0px; /*background:url(../images/icon-cart.gif) no-repeat 0 50%*/}
#header-cart .head h4,
#header-cart .head h4 a{color: #2b4576; font-size:0.95em; font-weight:normal}
/*safari-hack*/
@media screen and (-webkit-min-device-pixel-ratio:0){
.col-right { padding-top:34px; }
.col3-layout .col-wrapper { padding-top: 34px; }
}

.header-topbar {
	height:20px;
	float: right;
	padding-top:60px;
	position:relative;
	width:180px;
	z-index:110;
	}

.welcome-msg{float:left; font-size:0.95em; color: #2b4576;}
.quick-access { margin: 0px; text-align: left; float: left; color: #ababab;}
.quick-access p { margin-bottom:4px; }
.quick-access li {
	display:block;
	background:url(../images/point_shortmenu.gif) no-repeat 0 3px;
	padding-right:30px;
	padding-left:15px;
}
.quick-access li.first { padding-left:15px !important; }
.quick-access li.last { padding-right:0; background:none; }
.shop-access {float: right; }
.shop-access a, .shop-access a:hover {
	text-decoration: none;
	color:#FFF;
	font-size:11px;
	display:block;
	text-align:left;
}
.shop-access a:hover {color: #ee4e1c;}
.shop-access a:active {color: #ee4e1c;}
.shop-access li.last { padding-right:0; background:none; }

.form-language { float: left; margin-left: 65px; display: inline; }
.form-language label { color:#1e7ec8; padding-right:5px; font-size:11px; }
.form-language .flag option { background-repeat:no-repeat; background-position:left center; padding-left:20px; margin-left:2px; }

.mini-search { 
float: left; 
padding: 0px; 
position:absolute; 
right:500px; 
top: 20px; 
padding: 1px 0 1px 0px; 
/*background: url(../images/icon-zoom.gif) no-repeat 0 0; */
}
.mini-search .input-text { width:180px; border: 1px solid #ee4e1c; padding: 3px; }
#search_mini_form label {display:none;}
.search-autocomplete { z-index:999; }
.search-autocomplete ul { border:1px solid #5c7989; background-color:#efefef; }
.search-autocomplete li { border-bottom:1px solid #f4eee7; padding:2px 8px 1px 8px; cursor:pointer; }
.search-autocomplete li .amount { float:right; font-weight:bold; }
.search-autocomplete li.odd { background-color: #fff; }
.search-autocomplete li.selected { background-color: #dedede; }


.header-nav-container {
	clear:both;
	width: 990px;
}
.nav-container { 
margin: 0 auto; 
width: 990px;
background: url(../images/top_navi_nutrition.jpg) 0 82px no-repeat;
height: 96px;
padding-left: 340px;
padding-bottom: 14px;
clear: both; 
padding-top: 72px;
}

.main-container{ 
background: url(../images/content_back_nutrition.png) top center repeat-y; 
padding: 58px 0px 13px 0px; 
text-align:left; 
width:990px;
margin: 0 auto;
}
.main {padding: 4px; /*margin:0 auto; */text-align:left; width:976px;}
.col-main { float:left;}

.page-title, .page-head { border-bottom:1px solid #ccc; margin:0 0 12px;}
.page-title, .page-head { padding: 2px 0; border-bottom: 1px solid #d16027; text-align:right; background: url(../images/box-header-bg.gif) repeat-x 0 100%; }
.page-head h3, .page-title h3, .page-title h1 {
	margin:0 10px;
	text-transform:none  !important;
	text-align:left;
	line-height: 30px;
	color:#2b4576;
	font-size:12px;
	font-weight:bold;
}

#cart-content{background: #e9b85a; border:1px solid #727379; border-top:none; padding:0 3px 5px; -moz-border-radius:0 0 8px 8px; -webkit-border-bottom-left-radius:8px; -webkit-border-bottom-right-radius:8px; border-radius:0 0 8px 8px; color:#2b4576; position:absolute; top:23px; right:0px; width:200px}
#cart-content .product-image {float:left}
#cart-content .product-image img{border:1px solid #a9a9a9}
#cart-content .product-details {margin:0 0 0 60px}
#cart-content h6{color:#2b4576; text-indent:5px}
#cart-content li{clear:both}
#cart-content a:hover{color:#aaa}
#cart-content .actions a span{cursor:pointer}
#cart-content #center-buttons{padding-top:5px; clear:both; text-align:center}

.toolbar .sorter, .toolbar .pager{border-top:1px solid #e88d25;}

.side-col .block  {margin-bottom:0.5em !important;}
.block { line-height:1.3em;  font-size:.95em;}
.block .block-title { width: 180px; height: 26px; margin: 5; padding: 0px 20px 0; background: url(../images/m_header.jpg) no-repeat 0 0; }
.block .block-title strong {
	line-height: 30px;
	padding-left: 28px;
	color:#2b4576;
}
.block .block-title strong .count { text-transform:none; color:#2b4576; white-space:nowrap; font-weight:normal; font-size:.95em; }
.block strong { font-size:1em;}
.block .block-content { color:#2b4576; background: url(../images/m_content.jpg) repeat-y 0 0; width: 180px; padding:5px 5px;}
.block .block-footer{
	background: url(../images/m_footer.jpg) no-repeat 0 0;
	width: 180px;
	height: 55px;
	}
.block .content ol {background: none;border: none;}

#slider{height:238px; position:relative; width:588px; margin:0 auto; overflow:hidden; margin-top:5px; margin-bottom:15px; /*border:1px solid #ccc*/}
div.scroller{height:238px; overflow:hidden; width:588px; zoom:1}
div.scroller .content{padding:0}
div.slidercontrolwr{position:absolute; right:15px; top:15px}
div.scroller img{border:none}
div.scroller div.section{float:left; height:238px; overflow:hidden; width:588px}
div.scroller div.content{width:10000px; float:left}
.slidercontrol{list-style:none; margin:0px; padding:0px}
.slidercontrol a{color:#aaa; filter:alpha(opacity=60); float:left; height:14px; margin:0px 2px; opacity:0.6; overflow:hidden; padding:0px; text-decoration:none; text-indent:-1000px; width:14px}
.slidercontrol a:hover{filter:alpha(opacity=100); opacity:1}
.content .sliderdescription{background:url(../images/grid.gif) repeat left top; color:#222; filter:alpha(opacity=50); font:12px bold Helvetica,sans-serif; left:15px; opacity:0.5; padding:10px; position:relative; top:-100px; width:588px}
div.sliderdescription:hover,.sliderdescription.active{background-color:#fff !important}
.content a{font:12px bold Helvetica,sans-serif; text-decoration:none}
.aprev{background:url(../images/aprev.gif) no-repeat 3px 3px}
.anext{background:url(../images/anext.gif) no-repeat 3px 3px}
.astop{background:url(../images/astop.gif) no-repeat 3px 3px}
.aplay{background:url(../images/aplay.gif) no-repeat 6px 3px}

.footer-container { 
padding-top: 18px; 
background: url(../images/footer_nutrition.jpg) top center no-repeat;
margin: 0 auto;
}
.footer { width:990px; margin:0 auto;}
.footer .store-switcher { display:inline; padding:0 10px 0 0; vertical-align:middle; }
.footer .informational label { color:#4e4e51; font-weight:bold; padding-right:3px; }
.footer .informational {
	float: left;
	text-align: center;
	font-size: 0.9em;
	padding-top:56px;
	padding-left: 20px;
}
.footer .informational ul {margin-bottom: 10px;}
.footer .informational li {display:inline;background:url(../images/pipe-gray.gif) no-repeat 100% 50%; padding-right:8px; padding-left:6px;}
.footer .informational li.last { background:none; padding-right:0; }
.footer .informational a, .footer .informational a:hover { color:#4e4e51; }
.footer .informational a { text-decoration:none; }
.footer .legality {padding:0px 0px;color:#4e4e51; text-align: center; font-size:11px;}
.footer .legality a, .footer .legality a:hover { color:#4e4e51;  text-decoration: none;}
.footerl .mini-newsletter{float:right; clear:both; width:400px; text-align:right;}
.footerl{float:left}
.footerl .mini-newsletter h4{color:#505050; margin-right:10px}
.footerl form,.footerl .mini-newsletter h4{float:right; line-height:30px; font-size:11px}
.footerl .mini-newsletter input.input-text{float:right;}
.footerl .form-button-alt{float:right; margin:3px 0px 0px 6px}

.cart-collaterals .totals {background:#DEE5E8 none repeat scroll 0 0; }
.cart-collaterals .upsell, .cart-collaterals  .discount , .cart-collaterals  .crosssell , .cart-collaterals  .shipping {border:1px solid #CEC3B6;}
.cart-collaterals  h2 {color:#1E7EC8;}
.cart .cart-collaterals {padding:10px 5px;}
.opc li.section {border-top:1px solid #FFFFFF !important;}
.checkout-onepage-index .page-title, .page-head {margin:0 0 1px;}
.block-progress dt {border-bottom:1px dotted #A3AEB3}
.checkout-review-table-wrapper .data-table, .block-progress dd, .opc .step, .opc .step-title, .opc li.section{border: 0px !important;} 
.account-login .content {border: 0px;}
.account-login .buttons-set {border: 0px; background: #e4cda3;}
 
button.button {margin:1px;}
.button span span {display: block; float:left; background:#e8902a url(../images/gradient-gray.gif) repeat-x 0 0; border:1px solid #adadad !important; -moz-border-radius:4px; -webkit-border-radius:4px; -opera-border-radius:4px; margin:0px; vertical-align:top; padding:2px 10px !important; color:#2d4576;}
.button:hover span span {border-color:#888; color:#333}
button.btn-checkout span {line-height:40px; height: 40px;}
.mini-newsletter input.input-text { display:block; margin:4px 0 0 0;  width:167px; }
 
h4,h3,.category-head h2{ font-size:14px; font-weight:bold; color:#2b4576;}

.col-main p{margin-left: 5px; margin-right: 5px}

#nav { font-size:1.1em; padding: 0 3px; }

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav li { position:relative; text-align:left; }
#nav li.over { z-index:999; }
#nav a,
#nav a:hover { display:block; line-height:1.3em; text-decoration:none; }
#nav span { display:block; cursor:pointer; white-space:nowrap; }
#nav li ul span {white-space:normal; }

/************ 0 LEVEL  ***************/
#nav li { float:left; /*background: url(../images/trenner.png) no-repeat 100% 50%;*/ }
#nav li.active > a { color:#fff; }
#nav a {
	float:left;
	padding:8px 2px 13px 2px;
	color:#FFF;
	font-weight:bold;
}
#nav a:hover { color:#fff; }
#nav li.over > a { color: #fff; }

/************ 1ST LEVEL ************/
#nav ul li,
#nav ul li.active { float:none; margin:0; padding-bottom:1px; background:#888; }
#nav ul li.last { background:#444; padding-bottom:0; }

#nav ul a,
#nav ul a:hover { float:none; padding:0; background:none; }
#nav ul li a { font-weight:normal !important; }

/************ 2ND LEVEL ************/
#nav ul { position:absolute; width:15em; top:43px; left:-10000px; }

/* Show menu */
#nav li.over > ul { left:0px; }
#nav li.over > ul li.over > ul { left:100px; }
#nav li.over ul ul { left:-10000px; }

#nav ul li a { background: #2b2b2c; }
#nav ul li a:hover { background: #2a82b3 url(../images/nav-item-bg.gif) repeat-x 0 0; }
#nav ul li a,
#nav ul li a:hover { }
#nav ul span, #nav ul li.last li span { padding:3px 15px 4px 15px;}

/************ 3RD+ LEVEL ************/
#nav ul ul { top:5px; }

#nav-sidebox a {background:url(../images/haupt_navi.jpg) no-repeat left top;
    margin-left: 3px;
    font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	width:165px;
	text-decoration:none;
	font-weight:normal;
	display:block;
	padding-bottom:5px;
	color:#2b4576;
	text-decoration:none;
	padding-top: 1px;
	padding-left:16px;
	height:100% !Important;height:1%;
	}
#nav-sidebox a:hover {background:url(../images/haupt_navi_roll.jpg) no-repeat left top;}
#nav-sidebox ul { padding-left: 15px;}
#nav-sidebox ul.level1 { display: none;}



/************ Page up ************/
div.navi_pfeil{
	float:right;
	padding-top:0px;
	padding-bottom: 0px;
	padding-right: 100px;
	background: url(../images/pfeil.png) left bottom no-repeat;
	}
	div.navi_pfeil:hover{
    float:right;
	padding-top:0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-right: 100px;
	background: url(../images/pfeil_roll.png) left bottom no-repeat;
	}
a.pfeil{
	
	height:100% !Important;height:1%;

}
a.pfeil:hover{
	height:100% !Important;height:1%;
}
/*Anfang Module Mitte*/
#module3{
	margin: 0px 0px 0px 0px;
	padding-top:0px;
	padding: 0;
	float: left;
	clear: both;
	width: 588px;
	color:#666666;
	height:100% !Important;
	height:1%;
	position: relative;
}

div.module_mitte{
margin: -1px 0px 0px 0px;
padding-left: 0px;
padding-top:0px;
padding-bottom: 20px;
float:left;
text-align:left;
background: url(../images/a_header.jpg) no-repeat left top;
height:100% !Important;height:1%;
width: 588px;
}
div.module_mitte_start{
margin: -1px 0px 0px 0;
padding-left: 0px;
padding-top:0px;
padding-bottom: 20px;
float:left;
text-align:left;
height:100% !Important;height:1%;
width: 588px;
background:#FFF;
}
div.module_mitte_text{
	line-height: normal;
    color: #2b4576;
    text-transform: capitalize;
	float:none;
	font-size: 120%;
	padding-left: 12px;
	padding-top: 6px;
	font: normal 18px  "Segoe UI", Arial, Helvetica, sans-serif;
}
div.module_mitte_content {
	background:url(../images/a_content.jpg) 0px top repeat-y;
	height:100% !Important;
	height:1%;
	min-height:150px;
	font-size: 12px;
	line-height: normal;
	color: #2b4576;
	text-transform: none;
	font: "Segoe UI", Arial, Helvetica, sans-serif;
	padding-bottom:10px;
	padding-left: 13px;
	padding-right: 10px;
	padding-top:10px;
}
div.module_mitte_footer{
background:url(../images/a_footer.jpg) 0px bottom no-repeat;
padding-top: 0px;
padding-bottom: 30px;
height:100% !Important;height:1%;
}

div.page_up{
	padding-top:0px;
	padding-bottom: 0px;
	padding-left: 284px;
	float:left;
	background: url(../images/artikel_pfeil.png) right 3px no-repeat;
	}
div.page_up:hover{
	background: url(../images/artikel_pfeil_roll.png) right bottom no-repeat;
	}
/*Ende Module Mitte*/
/*Anfang Module Front*/
#module_front_all{
	width: 592px;
	height: 100%;
	margin: 0 auto;
	float:left;
	overflow:hidden;
	}
#module_front{
    margin: 0px 0px 0px 0px;
	padding: 0;
	padding-left: 4px;
	float: left;
	clear: both;
	width: 588px;
	color:#666666;
	height:100% !Important;
	height:1%;

}

div.module_front_header{
margin: -1px 0px 0px 0px;
padding-left: 0px;
padding-top: 20px;
padding-bottom: 20px;
float:left;
text-align:left;
background: url(../images/a_header_front.jpg) no-repeat left top;
height:100% !Important;height:1%;
width: 588px;
}


div.module_front_content {
	background:url(../images/a_content_front.jpg) 0px top repeat-y;
	height:100% !Important;
	height:1%;
	/*min-height:150px;*/
	font-size: 12px;
	line-height: normal;
	color: #2b4576;
	text-transform: none;
	font: "Segoe UI", Arial, Helvetica, sans-serif;
	padding-bottom:10px;
	padding-left: 13px;
	padding-right: 10px;
	padding-top:10px;
}
div.module_front_footer{
background:url(../images/a_footer_front.jpg) 0px bottom no-repeat;
padding-top: 0px;
padding-bottom: 15px;
height:100% !Important;height:1%;
}
/*Ende Module Front*/
/*Top Navi*/
div.trenner{
	background: url(../images/trenner.png) right bottom no-repeat;
	width: 5px;
	padding-top:20px;
	padding-bottom: 0px;
	padding-left: 5px;
	float:left;
		}
div.b_home{
	padding-top:0px;
	padding-bottom: 0px;
	padding-left: 5px;
	float:left;
	background: url(../images/b_home.png) right bottom no-repeat;
	}
div.b_home:hover{

	background: url(../images/b_home_roll.png) right bottom no-repeat;
	}
div.b_imp{
	padding-top:0px;
	padding-bottom: 0px;
	padding-left: 5px;
	float:left;
	background: url(../images/b_imp.png) right bottom no-repeat;
	}
div.b_imp:hover{

	background: url(../images/b_imp_roll.png) right bottom no-repeat;
	}
div.b_agb{
	padding-top:0px;
	padding-bottom: 0px;
	padding-left: 5px;
	float:left;
	background: url(../images/b_agb.png) right bottom no-repeat;
	}
div.b_agb:hover{

	background: url(../images/b_agb_roll.png) right bottom no-repeat;
	}
div.b_versand{
	padding-top:0px;
	padding-bottom: 0px;
	padding-left: 5px;
	float:left;
	background: url(../images/b_versand.png) right bottom no-repeat;
	}
div.b_versand:hover{

	background: url(../images/b_versand_roll.png) right bottom no-repeat;
	}
div.b_kontakt{
	padding-bottom: 0px;
	padding-left: 5px;
	float:left;
	background: url(../images/b_kontakt.png) right bottom no-repeat;
	}
div.b_kontakt:hover{

	background: url(../images/b_kontakt_roll.png) right bottom no-repeat;
	}
/*End Top-Navi*/
.aufzaehlung {list-style:disc outside; margin-left:40px;}
.artikel_tabelle{
	border: 1px solid #e99737;
	background-color: #e4cda3;
	}
.artikel_tabelle th{
	border:1px solid #e99737;
	background-color:#ff9933;
	text-align:left;
	}
.artikel_tabelle td{
	border:1px solid #e99737;
	}
.inputbox {
    background-color:#f19a39;
    font-family:Arial, Helvetica, sans-serif;
	border:1px thin;
	border-bottom-color:#999999;
	border-right-color:#999999;
	border-top-color:#CCCCCC;
	border-left-color:#CCCCCC;
    width: 160px;
    height: 20px;
    font-size:12px;
    padding:0px;
    padding-top: 0px;
    padding-left:5px;
	color: #2b4576;
}
div.break_it{
	float:left;
	width:588px;
	padding-left:4px;
	}
.block .block-spezial {width: 180px; padding:5px 5px;}
/*Angebot*/
.angebot{
	font-size: 12px;
	line-height: normal;
	text-decoration:none;
	color: #2b4576;
	text-transform: none;
	font: "Segoe UI", Arial, Helvetica, sans-serif;
	}
.angebot a:hover {
	font-size: 12px;
	line-height: normal;
	color: #333;
	text-transform: none;
	font: "Segoe UI", Arial, Helvetica, sans-serif;
	}

div.angebot_scroll_button{
	background: url(../images/button-angebot.jpg) right bottom no-repeat;
	cursor:pointer;
	float:right;
	padding-top:-20px;
	padding-right: 10px;
	}
div.angebot_scroll_button:hover{
	background: url(../images/button-angebot-hover.jpg) right bottom no-repeat;
	cursor:pointer;
	float:right;
	padding-top:-20px;
	padding-right: 10px;
	}
a.scroll{
	
	height:100% !Important;height:1%;

}
a.scroll:hover{
	height:100% !Important;height:1%;
}