body, img, form, table, input, label, textarea, h1, h2, h3, h4, h5, h6, p, ul, li {
	border:0;
	margin:0;
	padding:0;
	font-family:Helvetica, Arial, sans-serif;
}

#header {
	height: 137px;	
}

ul {
	list-style:none;
}
body {
	width:955px;
	font-family: Helvetica, Arial, sans-serif;
	color:#8F9CA4;
	font-weight:bold;
	margin-left:18px;
	font-size:12px;
	line-height:16px;
}
input, label, textarea, select {
	font-size:12px;
	line-height:16px;
	font-family: Helvetica, Arial, sans-serif;
	color:#8F9CA4;
	font-weight:bold;
	
}

#header a:hover {
	text-decoration:none
}

#logo {
	position:absolute;
	top:49px;
	left:28px;
	width:200px;
	height:42px;
}

/*##################################
	toolNav
##################################*/
#toolNav {
	padding-top:8px;
	margin-left:225px;
	width:730px;
	height:125px;
	border-top:4px solid #D62F24;
}
#toolNav #aboutUs, #toolNav #quickOrder, #toolNav #login, #toolNav #lang {
	float:left;
	height:27px;
}
#toolNav  #aboutUs a, #toolNav #quickOrder a, #toolNav #login a{
	background-image:url(../z_icons/default/icons/arrowDown.png);
	background-repeat:no-repeat;
	line-height:25px;
	display:block;
	padding-right:10px;
	padding-left:9px;
	border:solid 1px #FFFFFF;
	border-left-color:#DFDFE1;
}
#toolNav  #aboutUs {
	width:124px;
}
#toolNav #aboutUs a {
	background-position:105px 11px;
	width:104px;
}
#toolNav #aboutUs a:hover, #toolNav #quickOrder a:hover, #toolNav #login a:hover  {
	background-image:url(../z_icons/retail/icons/arrowDownActive.png);
	background-color:#D32D22;
	border-color:#D32D22;
	color:#FFFFFF;
}
#toolNav #aboutUs ul  {
	position:absolute;
	width:124px;
	display:none;
	top:39px;
	background-color:#FFFFFF;
}
#toolNav #aboutUs:hover ul, #toolNav #aboutUs.aboutUsHover ul, #toolNav #login:hover ul, #toolNav #login.loginHover ul {
	display:block;
}
#toolNav #aboutUs li, #toolNav #login li {
	margin-top:1px;
}
#toolNav #aboutUs li a {
	background-position:106px 9px;
	background-image:url(../z_icons/default/icons/arrowNext.png);
}
#toolNav #aboutUs li a:hover, #toolNav #login li a:hover {
	background-image:url(../z_icons/retail/icons/arrowNextHover.png);
	color:#FFFFFF
}
#toolNav #aboutUs:hover a,  #toolNav #aboutUs.aboutUsHover a, #toolNav #login:hover a, #toolNav #login.loginHover a{
	border-color:#DFDFE1;
}
#toolNav #aboutUs:hover a:hover,  #toolNav #aboutUs.aboutUsHover a:hover, #toolNav #login:hover a:hover, #toolNav #login.loginHover a:hover{
	border-color:#D32D22;
}
#toolNav #aboutUs a.active, #toolNav #quickOrder a.active, #toolNav #login a.active, #toolNav #aboutUs a.active:hover, #toolNav #quickOrder a.active:hover, #toolNav #login a.active:hover   {
	background-image:url(../z_icons/retail/icons/arrowDown.png);
	color:#D32D22;
	background-color:#FFFFFF;
	border-color:#FFFFFF;
	border-left-color:#DFDFE1;
}
#toolNav #quickOrder {
	width:157px;
}
#toolNav #quickOrder a {
	background-position:138px 11px;
}
#toolNav #login {
	width:130px;
}
#toolNav #login ul  {
	position:absolute;
	width:130px;
	display:none;
	top:39px;
	background-color:#FFFFFF;
}
#toolNav #login a {
	background-position:111px 11px;
	width:109px;
}

#toolNav #login li a {
	background-position:110px 9px;
	background-image:url(../z_icons/default/icons/arrowNext.png);
}

#toolNav #lang {
	width:70px;
	padding-top:5px;
	height:22px;
	padding-left:7px;
	border-left:1px solid #DFDFE1;
}

#toolNav #lang a {
	border-left:1px solid #8F9CA4;
	padding-left:4px;
	margin-left:4px;
}
#toolNav #lang a.first {
	border:0;
	padding-left:0;
	margin-left:0;
}
#toolNav #lang a.active, #lang a:hover {
	color:#D62F24;
	background-color:#FFFFFF

}

/*##################################
	search
##################################*/

#search {
	width:240px;
	float:right;
	padding-top:2px;
}

#labelSearchString{
	float:left;
	line-height:20px;
	width:65px;
	text-align:right;
	display:block;
}
#searchString{
	border:1px solid #DFDFE1;
	width:130px;
	font-weight:bold;
	line-height:16px;
	padding:2px 0 2px 2px;
	float:right;
}
#searchButton{
	float:right;
	margin-left:8px;
	margin-right:3px;
}

/*##################################
	navigation
##################################*/

#navigation {
	float:left;
	width:210px;
	margin-right:15px;
	line-height:14px;
}
#navigation a {
	background-repeat:no-repeat;
	display:block;
	border-bottom:1px solid #DFDFE1;
	background-color:#F1F2F3
}
#navigation ul a {
	background-position:9px 9px;
	padding:6px 5px 5px 20px;
	width:185px;
	background-image:url(../z_icons/default/icons/navArrow.png)
}
#navigation ul a.active {
	background-position:8px 10px;
}
#navigation ul ul a {
	background-position:21px 9px;
	padding:6px 5px 5px 32px;
	width:173px;
	background-image:url(../z_icons/default/icons/navArrow.png)
}
#navigation ul ul a.active {
	background-position:20px 10px;
}
#navigation .prinav a {
	padding:13px 36px 11px 8px;
	background-position:186px 16px
}
#navigation .prinav a.active {
	padding:14px 36px 12px 8px;
	background-position:185px 18px
}
#navigation a.retail {
	background-image:url(../z_icons/retail/icons/arrowNextBg.png);
	color:#D32D22;
}
#navigation a.retail:hover {
	background-image:url(../z_icons/retail/icons/arrowNextHover.png);
	background-color:#D32D22;
	color:#FFFFFF;
}
#navigation a.premium {
	background-image:url(../z_icons/premium/icons/arrowNextBg.png);
	color:#6B8A32;
}
#navigation a.premium:hover {
	background-image:url(../z_icons/premium/icons/arrowNextHover.png);
	background-color:#6B8A32;
	color:#FFFFFF;
}
#navigation a.pharma {
	background-image:url(../z_icons/pharma/icons/arrowNextBg.png);
	color:#445F6F;
}
#navigation a.pharma:hover {
	background-image:url(../z_icons/pharma/icons/arrowNextHover.png);
	color:#FFFFFF;
	background-color:#445F6F;
}
#navigation .second {
	margin-top:24px;
	border-top:1px solid #DFDFE1;
	background-color:#D32D22;
}

/*##################################
	orderNav
##################################*/

#orderNav {
	position:absolute;
	top:109px;
	left:785px;
}
#orderNav a {
	display:block;
	background-repeat:no-repeat;
	width:111px;
	height:28px;
	padding:6px 9px 0 34px;
	position:relative
}
#orderCounter {
	position:absolute;
	left:128px;
	top:6px;
}
#orderCounter.active {
	color:#FFFFFF
}
#orderedText {
	position:absolute;
	top:115px;
	left:666px;
	width:500px;
	display:none
}

/*##################################
	content
##################################*/

#content {
	float:left;
	width:730px;
}
#breadCrumbNav{
   padding:6px 186px 6px 9px;
   border-top:1px solid #DFDFE1;
}
#breadCrumbNav a{
	color:#8F9CA4
}
#titlePos{
	float:left;
	margin-top:18px;
	padding:0 9px 25px 9px;
	width:500px;
}
#viewNav{
	float:right;
	margin-top:18px;
	border-right:1px solid #DFDFE1;
	height:26px;
	width:200px;
	text-align:right
}
#viewNav a{
	border-left:1px solid #DFDFE1;
	display:block;
	float:right;
	background-repeat:no-repeat;
	background-position:8px 1px;
	padding: 4px 9px 6px 40px;
}
a#viewGrid {
	background-image:url(../z_icons/default/icons/iconGrid.png);
}
a#viewList{
	background-image:url(../z_icons/default/icons/iconList.png)
}

/*##################################
	sortTool navigation
##################################*/

#sortTool {
	border-bottom:1px solid #DFDFE1;
	border-top:1px solid #DFDFE1;
	padding:5px 0 0 7px;
	width:723px;
	font-size:11px;
	height:31px;
}
#foundArticles {
   float:left;
   background-repeat:no-repeat;
   background-position:0 2px;
   height:23px;
   width:180px;
   border-right:1px solid #DFDFE1;
   padding:4px 0 0 32px;
}
#pages {
   float:left;
   background-repeat:no-repeat;
   background-position:7px 2px;
   height:23px;
   width:250px;
   border-right:1px solid #DFDFE1;
   padding:4px 0 0 39px;
}
#sortTool a {
	padding:0px 3px;
	margin-left:1px
}
a.numberLink {
	text-decoration:underline;
}
#sortTool a.numberLink.active {
	color:#FFFFFF;
	text-decoration:none;
	padding:1px 4px;
	margin-right:1px;
}
#articlesPerPage {
	float:left;
	background-repeat:no-repeat;
	background-position:7px 2px;
	height:23px;
	width:180px;
	padding:4px 0 0 39px;
}

/*##################################
	Detail Seite
##################################*/

a.backToList {
	background-image:url(../z_icons/default/icons/cArrowTop.png);
	background-repeat:no-repeat;
	padding:2px 0 10px 32px;
	display:block;
	margin-top:10px;
	margin-left:5px
}
a.back {
	background-image:url(../z_icons/default/icons/cArrowBack.png);
	background-repeat:no-repeat;
	padding:2px 0 10px 29px;
	float:left;
	display:block;
	margin-top:10px;
	margin-left:5px;
}
a.next {
	background-image:url(../z_icons/default/icons/cArrowNext.png);
	background-repeat:no-repeat;
	background-position:right 0;
	padding:2px 28px 10px 0;
	float:right;
	display:block;
	margin-top:10px;
	margin-right:5px
}
.lineTop {
	border-top:1px solid #DFDFE1;
}
.lineBottom {
	border-bottom:1px solid #DFDFE1;
}

/* main Left Col */	
.colLeft{
	float:left;
	margin-right:9px;
	width:470px;
}

/* minimum Height definition for Titel Area */	
.colMinHeightSpacer {
		height:275px;
		width:1px;
		float:left;
}

/* Related Col Area*/	
.colRight{
	float:left;
	width:250px;
}

/* Title Area */	
	.elementLeft{
		float:left;
		width:365px;
	}
		.elementLeft h1{
			padding:12px 0 4px 9px;
		}
		.elementLeft h2{
			padding-left:9px;
		}
/* Link "zum Zubeh�r" Position  */	
	.elementRight{
		float:left;
		width:105px;
	}

		a.toFittings {
			background-repeat:no-repeat;
			padding:8px 25px 10px 11px;
			display:block;
			background-position:84px 13px;
			height:30px;
			width:67px;
			border-right:1px solid #DFDFE1;
			border-left:1px solid #DFDFE1;
		}
		a.toFittings:hover {
			background-color:#F1F2F3
		}
		a.toProduct {
			background-repeat:no-repeat;
			padding:8px 11px 10px 25px;
			display:block;
			background-position:13px 13px;
			height:30px;
			width:67px;
			border-right:1px solid #DFDFE1;
			border-left:1px solid #DFDFE1;
			text-align:right;
		}
		a.toProduct:hover {
			background-color:#F1F2F3
		}
.colLeft table td  {
	vertical-align:bottom
}
	
	
.contact {
	background-repeat:no-repeat;
	padding: 0px 0 7px 35px;
	background-position:0px 4px;
	border-bottom:1px solid #DFDFE1;
	width:165px;
	margin-bottom:8px;
}
.email {
	background-repeat:no-repeat;
	padding: 0 0 8px 35px;
	background-position:0px 4px;
	border-bottom:1px solid #DFDFE1;
	color:#8F9CA4;
	width:165px;
}
.email a {
	color:#8F9CA4;
}


td.detailArticleImg {
	width:10%;
}
.remark {
	background-image:url(../z_icons/retail/icons/iconExclamation.gif);
	background-repeat:no-repeat;
	background-position:7px 0;
	border-left:1px solid #DFDFE1;
	padding: 15px 0 1px 9px;
	font-size:10px;
	line-height:12px;
	margin-bottom:5px;
}

.colRight h3 {
	padding:5px 10px 6px 10px
}

/* Content Whole width for Premium*/
	.elementWide{
		width:365px;
		padding-left:9px;
	}
	.elementWide h1{
		padding:12px 0 17px 0;
	}

/*Premium + Pharma page*/
.imgPos {
	text-align:center;
	padding:20px 0 5px 0;
	border-bottom:1px solid #DFDFE1;
}
.imgPos img {
	margin-bottom:17px;
}
a.zoom {
	background-image:url(../z_icons/default/icons//iconZoom.png);
	background-repeat:no-repeat;
	background-position:8px 0;
	padding: 3px 0 3px 37px;
	display:block;
	text-align:left;
}

/*##################################
	table Articles in Detail & Merkzetel
##################################*/

.tableArticles {
	padding-top:20px;
}
.tableArticles table {
	/*width:auto;*/
	height:auto;
}
.tableArticles th {
	font-size:10px;
	line-height:12px;
	vertical-align:bottom;
	padding-bottom:5px;
	border-bottom:1px solid #DFDFE1;
}
.tableArticles th.pict {
	text-align:right;
	padding-right:10px;
	width:45px;
	padding-bottom:4px;
}
.tableArticles th.pict.wide {
	width:60px;
}

.tableArticles td.pict {
	text-align:right;
	padding-right:10px;
}
.tableArticles th.last {
	padding-right:20px;
}

.tableArticles td {
	text-align:right;
	padding-top:7px;
	padding-bottom:7px;
	background-color: #E0E0E0;
}
.tableArticles .articleTitle {
	width:90px;
	padding-left:10px;
	text-align:left;
}
.tableArticles .articleNr {
	width:70px;
	text-align:left;
}
.tableArticles th.note {
	width:70px;
	text-align:left;
}
.tableArticles td.note {
	width:70px;
	text-align:left;
}
.tableArticles .quantity {
	width:90px;
	padding-left:10px;
	text-align:left;
}
.tableArticles .quantity input {
	width:30px;
	padding:2px 0 2px 0;
	border:1px solid #DFDFE1;
	text-align:center;
}
.tableArticles .icons {
	width:40px;
	text-align:center;
	padding-bottom:2px;
}
.tableArticles tr.rowOdd td {
	background-color:#F1F2F3
}
.makeANote {
	background-image:url(../z_icons/default/icons//checkBoxBgDark.png);
	background-repeat:no-repeat;
	padding: 5px  0 0 32px;
	background-position:18px 3px;
}
.rowOdd .makeANote {
	background-image:url(../z_icons/default/icons//checkBoxBgPale.png);
}

/*##################################
	article Grid View
##################################*/

.articleBox {
	width:175px;
	margin-left:10px;
	border-top:5px solid #FFFFFF;
	float:left;
	position:relative;
}
.articleBox td a {
	display:block;
}
.articleBox.first {
	width:175px;
	margin-left:0;
}
.articleBox table  {
	border-collapse: collapse;
	empty-cells: show;
	width:100%;
}
.labelNew {
	top:10px;
	left:125px;
	position:absolute
}
.articleBox td{
	text-align: center;
	vertical-align:middle;
	width:175px;
	height:140px;
}
div.articleTitle a {
	border-top:1px solid #DFDFE1;
	border-bottom:1px solid #DFDFE1;
	padding:7px 6px;
	width:163px;
	height:31px;
	display:block;
	background-color:#F1F2F3;
	line-height:14px;
}

/*##################################
	article Liste View
##################################*/

.articleRow {
	width:730px;
	margin:0px;
	border-top:0;
	border-bottom:1px solid #DFDFE1;
}
.articleRow table{
	border-collapse: collapse;
	empty-cells: show;
	width:100%;
}
.articleRow td{
	width:115px;
	text-align: left;
	vertical-align:top;
	background-color:#F1F2F3;
	padding-bottom:4px;
}
.articleRow td.articleImg, .articleRow:hover td.articleImg{
	width:75px;
	height:75px;
	text-align: center;
	vertical-align:middle;
	background-color:#FFFFFF;
	padding:0;
}
.articleRow td.articleTitle, .articleRow:hover td.articleTitle   {
	text-align: left;
	padding:12px 10px 0 15px;
	font-size:20px;
	font-weight:normal;
	line-height:22px;
	width:278px;
}
.articleRow td.articleTitle a   {
	color:#8F9CA4;
	display:block;
}
.articleRow td.articleTitle a:hover, .articleRow:hover td.articleTitle a, .articleRow.rowHover td.articleTitle a   {
	color:#FFFFFF;
}
.articleRow td.articleTitle2  {
	padding:0px 10px 0 15px;
}

/*##################################
	footer
##################################*/

#footer {
	width:730px;
	border-top:1px solid #DFDFE1;
	padding:5px 0 20px 0;
	margin-top:50px;
	margin-left:225px;
	font-size:11px;
}
#footer a:hover{
	color:#D32D22;
}
#copyRight {
	width:200px;
}
#footerLinks {
	float:right;
	width:450px;
}
#footerLinks a {
	float:right;
}
#footerLinks .separator {
	float:right;
	color:#8E979D;
	padding:0 7px;
}


/*##################################
	Fonts
##################################*/

a {
	text-decoration:none;
	color:#8E979D;
}
h1 {
	font-size:24px;
	line-height:24px;
	/*font-weight:normal;*/
}
h2 {
	font-size:16px;
	line-height:20px;
	font-weight:normal;
}
h3 {
	font-size:12px;
	line-height:16px;
}
h4 {
	font-size:12px;
	line-height:16px;
}
h5 {
	font-size:10px;
	line-height:14px;
}
.clearL {
	clear:left
}
.clearR {
	clear:right
}
.clearB {
	clear:both
}
.clearL.spacer {
	clear:left;
	height:30px;
}
.clearL.spacer20 {
	clear:left;
	height:20px;
}
.divFloatLeft {
	float:left;
}
.divFloatRight {
	float:right;
}

/*##################################
	Default  Table
##################################*/

table{
	border-collapse: collapse;
	empty-cells: show;
	width:100%;
	height:100%;
}

/*##################################
	SLIMBOX
##################################*/

#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}
#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}
.lbLoading {
	background: #fff url(../z_icons/default/icons//loading.gif) no-repeat center;
}
#lbImage {
	position: absolute;
	left:31px;
	top: 25px;
	padding-top: 50px;
	background-repeat: no-repeat;
}
#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}
#lbPrevLink {
	left: -31px;
	background: transparent url(../z_icons/default/icons//lightBoxBack.png) no-repeat 0% 50%;
}
#lbNextLink {
	right:31px;
	background: transparent url(../z_icons/default/icons/lightBoxNext.png) no-repeat 100% 50%;
}
#lbBottom {
	font-family: Helvetica, sans-serif;
	text-align: left;
	border-top-style: none;
}
#lbCloseLink {
	display: block;
	float: right;
	width: 100px;
	height: 50px;
	background: transparent url(../z_icons/default/icons/lightBoxClose.png) no-repeat 48px 0px;
	margin: 0;
	outline: none;
}
#lbCaption, #lbNumber {
	margin-right: 30px;
}
#lbNumber {
	margin-right: 30px;
	padding: 0px 0px 15px 31px;
	display:none
}
#lbCaption {
	font-weight:bold;
	line-height: 24px;
	font-size: 24px;
	padding: 0px 0px 20px 31px;
}

/*##################################
	toopTipps
##################################*/

.toolTipsBlock {
	display:none;
}
.tip-title      { 
	color:#FFFFFF; 
	font-size:11px; 
	padding:5px 7px 5px 7px; 
	margin-left:7px;
	text-align:left;
}  
.tip-text       { 
	border-top:1px solid;
	color:#FFFFFF; 
	font-size:10px;
	line-height:12px;
	padding-bottom:8px;
	margin-left:7px;
	text-align:left;
	padding:3px 7px 8px 7px; 
}
.tip-text table      { 
	width:auto;
}
.tip-text table th     { 
	padding:0 6px 0 0; 
	text-align:right;
	color:#FFFFFF; 
	border:0;
}
.tip-text table td     { 
	padding:0; 
	text-align:left;
} 
.tip-bottom     { 
	height:19px;
	width:10px;
	float:left;
} 

/*##################################
	Default text page
##################################*/

.colLeftText {
	width:499px;
	float:left;
	padding:20px 0px 0px 0;
}
.colLeftText h1, .colLeftText p,  .colLeftText h3{
	width:400px;
	padding-left:9px;
}
.colLeftText h1, .colWideText h1 {
	padding-bottom:50px;
	padding-left:9px;
}
.colWideText {
	padding:20px 0px 0px 0;
}
.colRightImg {
	width:222px;
	float:left;
	padding-top:20px;
}
.imgBox {
	padding-top:4px;
	margin-bottom:20px;
}
.imgBox img {
	border:1px solid #DFDFE1;
	padding:6px 7px;
	margin-bottom:9px;
}
.textPaddingL {
	padding-left:9px;
}
.linkBlock {
	border-bottom:1px solid #DFDFE1;
	margin-bottom:20px;
	width:222px
}
.linkBlock h3 {
	margin-bottom:5px;
}
.linkBlock a {
	padding:5px 35px 7px 10px;
	cursor: pointer;
	background-image:url(../z_icons/default/icons/arrowNext.png);
	background-repeat:no-repeat;
	background-position:205px 10px;
	border-top:1px solid #DFDFE1;
	display:block;
	width:177px
}
.linkBlock a:hover{
	background-position:197px 4px;
}
.radioBox {
	height:15px;
	width:15px;
	margin:4px 5px 0px 10px;
	vertical-align:middle;
}
.radioBox.first {
	margin-left:0;
}

/*##################################
	Order Layout stepNav page
##################################*/

.steps {
	 background-color:#F1F2F3;
	 color:#8F9CA4;
	 height:111px;
	border-bottom:1px solid #DFDFE1;
}
.steps h1 {
	 height:60px;
	 color:#8F9CA4;
	 font-size:32px;
	 font-weight:normal; 
}
.steps h3 {
	 padding-left:9px;
	 line-height:14px;
	 color:#8F9CA4;
}
.steps.active {
	 background-color:#FFFFFF
}
.steps.withLink:hover h1, .steps.withLink:hover h3, .steps.withLink:hover a, .stepHover a, .stepHover h1, .stepHover h3{
	color:#FFFFFF;
}
.steps.withLink:hover, .stepHover {
	cursor:pointer;
}

/* [KG] Additional textarea style */
textarea {
	border: 1px solid Grey;
}