@charset"utf-8";

body {
	background-color: #ecf2f9;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

a { color: #000; }
strong { font-weight:bold; }
h1 { color: #1F90CC; font-size: 16px; font-weight:bold; margin-bottom: 10px; }
h2 { color: #1F90CC; font-size: 14px; font-weight:bold; margin: 20px 0; }
p { margin-bottom: 10px; }

div#header {
	background:url(../img/header.png) no-repeat;
	width: 1076px;
	height: 156px;
	margin: 0 auto;
	
}

	div#header div.customerInfo {
		position:absolute;
		width: 150px;
		top: 25px;
		left: 61px;
	}

		div#header div.customerInfo span {
			display: block;
			font-size: 10px;
		}

		div#header div.customerInfo span:first-child {
			font-weight:bold;
		}	

		div#header div.customerInfo span a img {
			vertical-align:bottom;
		}

	div#header a#logo {
		display: block;
		position: absolute;
		width: 352px;
		height: 81px;
		background:url(../img/logo.png) no-repeat;
		top: 66px;
		left: 61px;
	}

	div#header div#headButt {
		height:31px;
	}

	div#header div#headButtons.higher {
		top: -8px;
	}

		div#header div#headButt a {
			display: block;
			width: 210px;
			height: 31px;
			float: left;
			margin-right: 10px;
		}

		div#header div#headButt a#gewerbe {
			background:url(../img/btnGewerbe.png) no-repeat;
		}

		div#header div#headButt a#telefon {
			background:url(../img/btnTelefon.png) no-repeat;
		}

		div#header div#headButt a#telOrder {
			background:url(../img/btn_bestellannahme.png) no-repeat;
			width: 320px;
			height: 40px;
		}

		div#header div#headButt a#telOrderB2B {
			background:url(../img/btn_b2b_header.png) no-repeat;
			width: 320px;
			height: 40px;
		}

div#faux {
	background:url(../img/faux.png) repeat-y;
	width: 1026px;
	margin: 0 auto;
	padding-left: 50px;
	position: relative;
}

	div#faux div#content {
		min-height: 250px;
		margin-left: 15px;
		width: 950px;
		font-size: 12px;
		line-height: 18px;
	}

		div#faux div#content div:first-child {
			line-height:normal;
			margin-bottom: 20px;
		}

		div#faux div#content div#columns {
			position: relative;
		}

			div#faux div#content div#columns div {
				margin-bottom: 20px;
			}
	
				div#faux div#content div#columns div.wrap:first-child {
					min-height: 300px;
				}

				div#faux div#content div#columns div.wrap.space {
					margin-top: 50px;
					min-height: 0 !important;
				}
	
				div#faux div#content div#columns a.ekomi {
					position: absolute;
					display: block;
					width: 105px;
					height: 54px;
					left: 10px;
					top: 0px;
					background:url(../img/ekomistars.png) no-repeat;
					text-decoration:none;
					padding: 3px 0 0 95px;
					font-size:12px;
					z-index: 1;
				}
	
					div#faux div#content div#columns a.ekomi span {
						font-size:14px;
						font-weight:bold;
					}
	
			div#faux div#content div#columns div#col1 {
				width: 230px;
				float: left;
				margin-right: 20px;
			}

			div#faux div#content div#columns div#col1 div.wrap,
			div#faux div#content div#columns div#col2 div.wrap {
				background-color:#ecf2f9;
				-moz-border-radius: 10px;
				border-radius: 10px; 
				border: 1px solid #e8e8e8;
			}

				div#faux div#content div#columns div#col1 div.wrap ul.sortiment {
					padding: 10px 0 10px 25px;
				}
	
					div#faux div#content div#columns div#col1 div.wrap ul.sortiment li {
						margin-top: 5px;
					}
		
						div#faux div#content div#columns div#col1 div.wrap ul.sortiment li img {
							vertical-align:middle;
							margin-right: 20px;
						}
			
						div#faux div#content div#columns div#col1 div.wrap ul.sortiment li a {
							text-decoration:none;
						}
	
				div#faux div#content div#columns div#col1 div.wrap ul.link,
				div#faux div#content div#columns div#col1 div.wrap ul.left_menu {
					padding: 10px 0;
				}

					div#faux div#content div#col1 div.wrap ul.link li {
					}
		
					div#faux div#content div#columns div#col1 div.wrap ul.link li a,
					div#faux div#content div#columns div#col1 div.wrap ul.left_menu li a {

						color: #000;

						text-decoration:none;

						line-height: 20px;

						display: block;

						padding: 0 5px 0 20px;

					}

	

						div#faux div#content div#columns div#col1 div.wrap ul.link li a:hover,

						div#faux div#content div#columns div#col1 div.wrap ul.left_menu li a:hover {

							background-color: #007dc5 !important;

							color: #fff !important;

						}



				/* content page navigation */

				div#faux div#content div#columns div#col1 div.wrap ul.left_menu li a#current_page {

					background-color: #007dc5;

					color: #fff;

				}



				div#faux div#content div#columns div#col1 div.wrap ul.left_menu li.level3_sub ul li a {

					font-size: 10px;

					padding-left: 30px !important;

				}



				div#faux div#content div#columns div#col1 div.wrap ul.left_menu li.level4_sub ul li a {

					padding-left: 35px !important;

				}

				/* content page navigation */



				div#faux div#content div#columns div#col1 div.wrap ul.lastseen {

					padding: 10px 0 0 10px;

				}



					div#faux div#content div#columns div#col1 div.wrap ul.lastseen li {

						display: block;

						float: left;

						margin: 0 10px 10px 0;

					}

	

						div#faux div#content div#columns div#col1 div.wrap ul.lastseen li a {

							width: 60px;

							height: 60px;

							display: block;

							background-color: #f00;

							text-decoration:none;

							border: 1px solid #e8e8e8;

						}

	

			div#faux div#content div#columns div#col2 {

				width: 676px;

				float: left;

			}



				div#faux div#content div#columns div#col2.wide {

					width: 100%;

				}



			div#faux div#content div#columns div#col2 div.wrap {

				width: 676px;

				background-color:#ecf2f9;

				min-height: 300px;

				border: 1px solid #e8e8e8;

				float: left;

				-moz-border-radius: 10px;

				border-radius: 10px; 

			}

	

			div#faux div#content div#columns div#col2 div.text {

				margin: 15px;

				clear:both;

			}

	

				div#faux div#content div#columns div#col2 div.text h2 {

					font-weight:bold;

					margin-bottom: 10px;

				}

	

				div#faux div#content div#columns div#col2 div.text p {

					margin-bottom: 10px;

				}

	

				div#faux div#content div#columns div#col2 div.text a {

					color: #0080c7;

				}





		div#faux div#content div#teaser {

			margin-bottom: 40px;

		}



			div#faux div#content div#teaser div#teaserText {

				padding-right: 270px;

				position: relative;

			}



			div#faux div#content div#teaser div#teaserText a.ekomi {

				position: absolute;

				display: block;

				width: 105px;

				height: 54px;

				top: 0px;

				right: 30px;

				background:url(../img/ekomistars.png) no-repeat; 

				text-decoration:none;

				padding: 3px 0 0 95px;

				font-size:12px;

				z-index: 1;

			}



				div#faux div#content div#columns div#col2 div#teaser div#teaserText a.ekomi {

					right: 30px !important;

					top: -12px !important;

					left:auto !important;

				}



				div#faux div#content div#teaser div#teaserText a.ekomi span {

					font-size:14px;

					font-weight:bold;

				}



			div#faux div#content div#teaser div#teaserImage {

				width: 600px;

				height: 400px;

				float: left;

				margin-right: 20px;

				/*

				border: 2px solid #e8e8e8;

				-moz-border-radius: 10px;

				border-radius: 10px; 

				*/

			}



			div#faux div#content div#teaser div#teaserImage img {

				/*border: 2px solid #e8e8e8;

				-webkit-border-radius: 10px;

				-moz-border-radius: 10px;

				border-radius: 10px; */

			}



			div#faux div#content div#teaser div#productInfo {

				width: 600px;

				min-height: 400px;

				float: left;

				margin-right: 20px;

			}



			div#faux div#content div#teaser div#teaserBenefit {

				background-color:#ecf2f9;

				width: 302px;

				height: 400px;

				border: 2px solid #e8e8e8;

				float: left;

				-moz-border-radius: 10px;

				border-radius: 10px; 

				margin-right: 20px;

				position: relative;

			}



				div#faux div#content div#teaser div#teaserBenefit h1,

				div#faux div#content div#col1 div h1, div#faux div#content div#col2 div h1  {

					background-color:#fff;

					font-size: 16px;

					font-weight:bold;

					padding: 15px 25px;

					color: #1f90cc;

					margin: 0px;



					-moz-border-radius-topleft: 10px;

					-moz-border-radius-topright: 10px;

					-moz-border-radius-bottomright: 0px;

					-moz-border-radius-bottomleft: 0px;

					border-top-left-radius: 10px;

					border-top-right-radius: 10px;

					border-bottom-right-radius: 0px;

					border-bottom-left-radius: 0px;

				}



				div#faux div#content div#teaser div#teaserBenefit h2 {

					height: 21px;

					background:url(../img/b2b-bg.png) no-repeat -36px 0;

					color: #fff;

					font-weight:bold;

					padding: 7px 0 0 25px;

					margin: 0;

				}



				div#faux div#content div#teaser div#teaserBenefit a {

					display: block;

					width: 173px;

					height: 72px;

					background:url(../img/mehr_ueber.png) no-repeat;

					position: absolute;

					right: 10px;

					bottom: 10px;

				}



				div#faux div#content div#teaser div#teaserBenefit ul {

					margin: 10px;

				}



					div#faux div#content div#teaser div#teaserBenefit ul li {

						background: url(../img/haken_blau.png) no-repeat 0 3px;

						padding: 1px 0 1px 30px;

					}

	

						div#faux div#content div#teaser div#teaserBenefit ul.greenBullets li {

							background: url(../img/haken_gruen.png) no-repeat 0 3px;

						}



	div#faux div#foot {

		background:url(../img/footerPattern.png) repeat-x #005aa3;

		min-height: 500px;

		width:966px;

		padding: 25px 0 0 15px;

	}



		div#foot div#ekomi {

			width: 150px;

			height: 150px;

			float: left;

		}

	

		div#foot div#tagCloud {

			float: left;

			width: 536px;

			margin-top: 20px;

		}



			div#foot div#tagCloud h1 {

				font-size:12px;

				color: #fff;

				font-weight:bold;

				margin-bottom: 10px;

			}

	

			div#foot div#tagCloud div {

				border: 1px solid #fff;

				text-align: center;

				padding: 10px;

			}



				div#foot div#tagCloud div a {

					text-decoration: none;

					color: #fff;

				}



div#footer {

	background:url(../img/footer.png) no-repeat;

	width:1076px;

	height: 12px;

	margin: 0 auto;

	border: none !important;

}



/* klassen */

.greenText { color: #78af00; }

.margin-top-10 { margin-top: 10px; }

.hiddenText { display: none; }



.btn {

	display: block;

	float: left;

	width: 190px;

	height: 21px;

	background-repeat:no-repeat;

	margin-top: 20px;

	background:url(../img/btn-big.jpg) no-repeat;

	font-weight:bold;

	font-size: 11px;

	text-align: center;

	color: #fff;

}



	.btn.size {

/*		background:url(../img/btnSortBySize.png); */

		margin-right: 50px;

	}



	.btn.color {

/*		background:url(../img/btnSortByColor.png); */

		margin-right: 50px;

	}



	.btn.xl {

		background:url(../img/btnSortBy10xl.png);

	}



/* clearfix - für navigation muss br genommen werden, da keine 
eigenen klassen der UL zugefügt werden können */

br.clearfix { line-height: 0; font-size:1; }



.clearfix:after, form.search_form:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}



.clearfix, form.search_form { display: inline-block; }



/* id */

div#facebox { z-index: 99999 !important; }



/* browse buttons */

div.browse {

	text-align: right;

	padding: 10px 0;

}



div.browse a {

	position: relative;

}



	div.browse a img {

		vertical-align:bottom;

	}



div.browse .articlePages {

	display: inline;

}



div.browse .articlePages a {

	font-size:10px;

}



	div.browse .articlePages a:first-child {

		font-size: 12px;

	}



	div.browse .articlePages a:last-child {

		font-size: 12px;

	}

	

	div.browse .articlePages a.articlePages_activeLink {

		font-weight: bold;

	}



/* order by */



div.order {

	text-align: right;

}



	div.order label {

		padding: 0 10px;

	}



	div.order form {

		width: 200px;

		float: right;

	}



		div.order form select {

			width: 150px;

		}





/* bestell vorgang */



table.Order_ArticleTable tbody tr th,

table.Order_ConfigTable tbody tr th,

table.Order_ConfigTable tbody tr th * {

	background-color: #017dc5;

	color: #fff;

	padding: 5px;

}



table.Order_ArticleTable tbody tr td { vertical-align:top; }



table.Order_ConfigTable tbody tr td table {

	width: 100% !important;

}



table.Order_TotalsTable tbody tr td:first-child {

	text-align:left;

}



/* kontakt formular */

table.formtable tbody tr td { padding: 5px 0; vertical-align: top; }

table.formtable tbody tr td input[type="text"] { padding: 5px; font-size: 12px; }



/* login */

div.login {

	margin: 0;

	background-color: #efefef;

	padding: 5px;

	border: 1px solid #ccc;

	width: 300px;

	-moz-border-radius: 10px;

	border-radius: 10px; 

}



	div.login label {

		display: block;

		font-weight:bold;

		margin: 10px 0 2px 0;

	}

	

	div.login input[type="text"], div.login input[type="password"] {

		width: 200px;

		border: 1px solid #ccc;

		background-color: #fff;

		padding: 3px;

		font-size: 11px;

	}



/* gewerbebereich */

div#faux div#content div#columns div#col2.wide div#teaser div#teaserText p { 

	font-size: 10px;

	margin: 0px;

}



div#faux div#content div#columns div#col2.wide div#teaser div#productInfo h1 {

	background: none;

	padding: 15px 0 0 0;

	color: #78ae00;

	-moz-border-radius: 0px;

	border-radius: 0px;

	line-height: 22px;

	margin-bottom: 20px;

}



div#faux div#content div#columns div#col2.wide div#teaser div#productInfo p {

	line-height: 20px;

}



div#faux div#content div#columns div#col2.wide div#teaser div#productInfo a.btn {

	display: block;

	float: left;

	width: 274px;

	height: 93px;

}



	div#faux div#content div#columns div#col2.wide div#teaser div#productInfo a.btn.wellness {

		background:url(../img/btn_b2b-wellness.png) no-repeat;

		margin-right: 50px;

	}

	div#faux div#content div#columns div#col2.wide div#teaser div#productInfo a.btn.gifts {

		background:url(../img/btn_b2b-geschenke.png) no-repeat;

	}

	div#faux div#content div#columns div#col2.wide div#teaser div#productInfo a.btn.hotel {

		background:url(../img/btn_b2b-hotels.png) no-repeat;

		margin-right: 50px;

	}

	div#faux div#content div#columns div#col2.wide div#teaser div#productInfo a.btn.doc {

		background:url(../img/btn_b2b-med.png) no-repeat;

	}

	div#faux div#content div#columns div#col2.wide div#teaser div#productInfo a.btn.club {

		background:url(../img/btn_b2b-vereine.png) no-repeat;

	}



div#faux div#content div#columns div#col2.wide div#teaser div.sidebar {

	width: 300px;

	float: left;

}



div#faux div#content div#columns div#col2.wide div#teaser div.sidebar div.wrap {

	width: 100%;

	height: auto;

}



	div#faux div#content div#columns div#col2.wide div#teaser div.sidebar div.wrap p {

		font-size: 11px;

		line-height: 18px;

		padding: 5px 10px;

	}



div#faux div#content div#columns div#col2.wide div#teaser div.sidebar div.wrap ul {

	margin: 20px;

}



div#faux div#content div#columns div#col2.wide div#teaser div.sidebar div.wrap ul li {

	padding-left: 10px;

}



div#faux div#content div#columns div#col2.wide div#teaser div.sidebar div.wrap ul li a {

	background: url(../img/b2b_arrow.png) no-repeat 0px 7px;

	display: block;

	padding: 5px 0 5px 20px;

}



div#faux div#content div#columns div#col2.wide div#teaser div#teaserText span.b2b {

	display: block;

	float: left;

	width: 66px;

	height: 28px;

	background: url(../img/b2b_b2b.png) no-repeat;

}



div#faux div#content div#columns div#col2.wide div#teaser div#teaserText a.ekomi { top: -5px !important; }
		


div#ekomilp { top:20px;}
 	

}