/* @group Global */

* {
	border: 0;
	margin: 0;
	padding: 0;
	outline: 0;
}
html {
	height: 100%;
}
body {
	font: normal 14px/18px "Helvetica Neue", Helvetica, Arial;
	color: #dddbd7;
	height: auto;
	position: relative;
	background: url(../../img/bg.png);
	min-height: 100%;
}
a {
	font: normal 14px/18px "Helvetica Neue", Helvetica, Arial;
	color: #dddbd7;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
input,
textarea {
	font: normal 14px/18px "Helvetica Neue", Helvetica, Arial;
}
input.submit {
	cursor: pointer;
}
ul {
	list-style: none;
}

/* @end group */


/* @group Wrap */

.wrap {
	background: url(../../img/head/bg.png) repeat-x;
}
.content {
	width: 980px;
	height: 100%;
	margin: 0 auto;
}

/* @end group */


/* @group Head */

.head {
	height: 132px;
	padding: 21px 0 0 14px;
	position: relative;
}

/* @end group */


/* @group Logo */

.head .logo {
	float: left;
	width: 160px;
	height: 59px;
	display: block;
	margin: 30px 0 0;
	background: url(../../img/head/logo.png) no-repeat;
}

/* @end group */


/* @group Obere Infobar */

.head ul.infobar {
	float: right;
	width: 739px;
	height: 36px;
	_overflow: hidden;
	background: url(../../img/head/secondary.png) repeat-x;
}
.head ul.infobar li {
	float: left;
	color: #6e6b67;
	height: 36px;
}
.head ul.infobar li.first {
	padding: 0 10px;
	background: url(../../img/head/secondary.png) no-repeat 0 -36px;
	min-width: 194px;
	border-right: 2px solid #3e3c37;
}
.head ul.infobar li.first a {
	margin: 0 4px;
}
.head ul.infobar li.center {
	margin: 0 0 0 50px;
	position: relative;
}
.head ul.infobar li.center a.bag {
	font: italic 19px/36px Times, "Times New Roman";
	color: #d1d0cd;
	float: left;
	width: 47px;
	height: 60px;
	display: block;
	margin: -16px 10px 0;
	padding: 16px 0 0 5px;
	position: relative;
	background: url(../../img/head/basket.png) no-repeat 0 0;
	font-weight: bold;
	text-align: center;
}
.head ul.infobar li.center a.bag:hover {
	text-decoration: none;
}

.head ul.infobar li.last {
	float: right;
	padding: 0 10px;
	background: url(../../img/head/secondary.png) no-repeat right -72px;
	border-left: 2px solid #3e3c37;
}
.head ul.infobar li.last input.text {
	float: left;
	color: #635f58;
	width: 130px;
	height: 19px;
	margin: 7px 0 0;
	padding: 3px 5px 0 25px;
	font-size: 12px;
	background: url(../../img/form/input.png) no-repeat 0 0;
	line-height: 16px;
}
.head ul.infobar li.last input.submit {
	float: left;
	width: 59px;
	height: 22px;
	margin: 7px 0 0 6px;
	background: url(../../img/form/button.png) no-repeat 0 0;
}

.head ul.infobar li a {
	color: #c5c4c1;
	font-size: 11px;
	line-height: 36px;
	text-transform: uppercase;
}

/* @end group */


/* @group Login */

.head .login {
	top: 5px;
	right: 0;
	width: 534px;
	height: 94px;
	display: none;
	position: absolute;
	background: url(../../img/head/login.png) no-repeat 0 0;
}
.head .login div {
	background: url(../../img/head/login.png) no-repeat right -94px;
}
.head .login div ul {
	height: 86px;
	margin: 0 5px 0 14px;
	padding: 8px 0 0 4px;
	background: #635f58;
}
.head .login div li {
	float: left;
	color: #d8d7d3;
	height: 80px;
	margin: 0 0 0 7px;
	display: inline;
	font-size: 13px;
	line-height: 18px;
}
.head .login div li label {
	height: 19px;
	margin: 5px 0 0 2px;
	display: block;
}
.head .login div li input.text {
	color: #635f58;
	width: 150px;
	height: 21px;
	padding: 5px 5px 0;
	font-size: 12px;
	background: url(../../img/form/input.png) no-repeat 0 -44px;
	line-height: 24px;
}
.head .login div li input.submit {
	width: 77px;
	height: 26px;
	margin: 24px 0 0;
	*margin: 25px 0 0;
	background: url(../../img/form/button.png) no-repeat 0 -44px;
}
.head .login div li span,
.head .login div li a {
	color: #b1afac;
	margin: 9px 0 0;
	display: block;
	font-size: 12px;
	*margin: 7px 0 0;
}
.head .login div li span {
	*margin: 5px 0 0;
}
.head .login div li a {
	text-decoration: underline;
}
.head .login div li a:hover {
	text-decoration: none;
}
.head .login div li a#login_close {
	right: 9px;
	width: 23px;
	height: 23px;
	margin: 0;
	display: block;
	position: absolute;
	background: url(../../img/head/login.png) no-repeat right -188px;
}

/* @end group */


/* @group Navigation */

.head ul.navi {
	float: right;
	width: 728px;
	height: 47px;
	margin: 49px 15px 0 0;
	display: inline;
}
.head ul.navi li {
	float: left;
	height: 47px;
}
.head ul.navi li a {
	height: 47px;
	display: block;
	padding: 0 4px;
	text-indent: -99999px;
	background: url(../../img/head/navi.png) no-repeat 0 0;
}
.head ul.navi li a,
.head ul.navi li a:hover {
	xbackground: url(../../img/head/navi.png) no-repeat 0 0;
}

.head ul.navi li a.a {
	width: 123px;
}
.head ul.navi li a.a:hover {
	background-position: 0 -47px;
}
.head ul.navi li.active a.a {
	background-position: 0 -94px;
}

.head ul.navi li a.b {
	width: 120px;
	background-position: -131px 0;
}
.head ul.navi li a.b:hover {
	background-position: -131px -47px;
}
.head ul.navi li.active a.b {
	background-position: -131px -94px;
}

.head ul.navi li a.c {
	width: 75px;
	background-position: -259px 0;
}
.head ul.navi li a.c:hover {
	background-position: -259px -47px;
}
.head ul.navi li.active a.c {
	background-position: -259px -94px;
}

.head ul.navi li a.d {
	width: 148px;
	background-position: -342px 0;
}
.head ul.navi li a.d:hover {
	background-position: -342px -47px;
}
.head ul.navi li.active a.d {
	background-position: -342px -94px;
}

.head ul.navi li a.e {
	width: 100px;
	background-position: -498px 0;
}
.head ul.navi li a.e:hover {
	background-position: -498px -47px;
}
.head ul.navi li.active a.e {
	background-position: -498px -94px;
}

.head ul.navi li a.f {
	width: 114px;
	background-position: -606px 0;
}
.head ul.navi li a.f:hover {
	background-position: -606px -47px;
}
.head ul.navi li.active a.f {
	background-position: -606px -94px;
}

/* @end group */


/* @group Main */

.main {
	margin: 35px 0 0;
	height: 1%;
	overflow: hidden;
}


/* @group Sidebar */

.main ul.sidebar {
	float: left;
	width: 239px;
	margin: -6px 0 0;
	*margin-top: -9px;
}
.main ul.sidebar li {
	font: normal 13px/20px Arial;
	color: #c2c0bd;
	height: 1%;
	overflow: hidden;
}

.main ul.sidebar li.cats {
	margin: 13px 0 24px;
	padding: 15px 0 0;
	border-top: 2px solid #64615a;
}
.main ul.sidebar li.cats ul li {
	padding: 0 0 0 14px;
}
.main ul.sidebar li.cats a {
	font: normal 14px/26px Arial;
	color: #d8d6d3;
	display: block;
	padding: 0 0 0 14px;
	background: url(../../img/sidebar/arrow.png) no-repeat 0 1px;
	_background-image: url(../../img/sidebar/arrow.gif);
}
.main ul.sidebar li.cats a.active {
	margin: 0 0 0 -14px;
	padding: 0 0 0 28px;
	background-position: 0 -52px;
}

.main ul.sidebar li.cats ul li.active ul {
	width: 232px;
	margin: 0 0 6px -14px;
	padding: 8px 0 0;
	background: url(../../img/sidebar/active_ul_bg.png) 0 0;
}
.main ul.sidebar li.cats ul li.active a {
	margin: 0 0 0 -15px;
	padding: 0 0 0 29px;
	background-position: 0 -26px;
}
.main ul.sidebar li.cats ul li.active ul li {
	padding: 0 0 0 29px;
}
.main ul.sidebar li.cats ul li.active ul li.last {
	padding: 0 0 7px 28px;
	background: url(../../img/sidebar/active.png) no-repeat -233px bottom;
	*margin-bottom: -7px;
}
.main ul.sidebar li.cats ul li.active ul li a {
	margin: -1px 0 -1px -1px;
	padding: 0 0 0 14px;
	background-position: 0 0;
}
.main ul.sidebar li.cats ul li.active ul li a.active {
	margin-left: -28px;
	padding-left: 41px;
	background-position: -2px -78px;
}

.main ul.sidebar li.all {
	border: none;
	margin: 0;
}
.main ul.sidebar li.back {
	margin: 0 0 13px;
	border: none;
}
.main ul.sidebar li.back a {
	background: url(../../img/arrow/white_back.png) no-repeat 0 center;
}


.main ul.sidebar li.letter,
.main ul.sidebar li.hotline,
.main ul.sidebar li.secure,
.main ul.sidebar li.brands,
.main ul.sidebar li.unger,
.main ul.sidebar li.exclusive {
	padding: 29px 0 30px 10px;
	border-top: 2px solid #64615a;
}
.main ul.sidebar li.hotline div {
	margin: 0 0 0 6px;
}
.main ul.sidebar li.letter input.text {
	float: left;
	color: #979694;
	width: 133px;
	height: 19px;
	padding: 3px 5px 0;
	font-size: 12px;
	background: url(../../img/form/input.png) no-repeat 0 -22px;
	line-height: 16px;
}
.main ul.sidebar li.letter input.submit {
	width: 59px;
	height: 22px;
	margin: 0 0 0 10px;
	background: url(../../img/form/button.png) no-repeat 0 -22px;
}

/* @end group */


/* @group Überschriften */

.main ul.sidebar li h3 {
	height: 13px;
	margin: 0 0 20px 4px;
	background: url(../../img/sidebar/teaser.png) no-repeat 0 0;
	text-indent: -9999px;
	_width: auto !important;
	_text-indent:0;
	_background: none;
}

.main ul.sidebar li.letter h3 {
	width: 93px;
	margin: 0 0 10px 4px;
	background-position: 0 0;
}
.main ul.sidebar li.letter div {
	margin: 0 0 14px 3px;
}

.main ul.sidebar li.hotline h3 {
	width: 130px;
	background-position: 0 -13px;
}
.main ul.sidebar li.hotline div a {
	font: normal 13px/20px Arial;
	float: left;
	color: #c2c0bd;
	display: block;
	margin: 8px 0 -8px;
}

.main ul.sidebar li.secure h3 {
	width: 156px;
	background-position: 0 -26px;
}
.main ul.sidebar li.secure div {
	margin: 8px 0 0 3px;
}

.main ul.sidebar li.unger h3 {
	width: 181px;
	height: 25px;
	cursor: pointer;
	background-position: 0 -52px;
}
.main ul.sidebar li.unger div {
	margin: -6px 0;
}
.main ul.sidebar li.unger div a {
	font: normal 13px/20px Arial;
	color: #c2c0bd;
	display: inline;
}

.main ul.sidebar li.exclusive {
	_display: none;
	padding-left: 0;
	padding-bottom: 10px;
}

/* @end group */


/* @group Äußere Bereich */

.main .data {
	float: right;
	width: 739px;
}

/* @end group */


/* @group Innere Bereich */

.data .inner {
	margin: 2px 0;
	border: 6px solid #bfbeba;
	padding: 8px;
	position: relative;
	background: #FFF;
}
.data .inner p.corner {
	width: 5px;
	height: 5px;
	position: absolute;
	background: url(../../img/content/inner/corner.png) no-repeat 0 0;
	_display: none;
}
.data .inner p.tl {
	top: 0;
	left: 0;
	background-position: 0 0;
}
.data .inner p.tr {
	top: 0;
	right: 0;
	background-position: -5px 0;
}
.data .inner p.bl {
	left: 0;
	bottom: 0;
	background-position: 0 -5px;
}
.data .inner p.br {
	right: 0;
	bottom: 0;
	background-position: -5px -5px;
}

/* @end group */


/* @group Footer */

.foot {
	color: #52504b;
	margin: 30px 0;
	padding: 12px 0;
	border-top: 2px solid #54524e;
}
.foot a,
.foot strong {
	color: #75736f;
	margin: 0 6px;
	font-size: 13px;
	font-weight: normal;
}
.foot a.sR {
	padding: 0 16px 0 0;
	background: url(../../img/foot/sR.png) no-repeat right center;
}
.foot span {
	float: right;
}

/* @end group */


/* @group Pfeile */

p.arrow {
	padding: 0 0 0 14px;
	background: url(../../img/arrow/white.png) no-repeat 0 5px;
	line-height: 18px;
}
p.arrow a {
	font-size: 13px;
	line-height: 18px;
	text-decoration: underline;
}
p.arrow a:hover {
	text-decoration: none;
}

/* @end group */


/* @group Select */

.select {
	position: relative;
}
.select p {
	color: #868584;
	cursor: pointer;
  z-index: 1;
 	background: url(../../img/form/select.png) no-repeat 0 0;
}
.select select {
	top: 1px;
  left: 1px;
  filter: alpha(opacity=0);
  z-index: 2;
  opacity: 0;
  position: absolute;
}

/* @end group */


/* @group Content-Box */

.data .box {
	font: normal 14px/22px Arial;
	color: #424140;
	height: 1%;
	padding: 28px 28px 32px;
	overflow: hidden;
}
.data .lined {
	border-bottom: 1px solid #e8e8e7;
}
.data .box h2 {
	font: normal 22px Arial;
	color: #424140;
	margin: 0 0 30px;
}
.data .box h3 {
	font: normal 18px/36px Arial;
	color: #424140;
}
.data .box input.submit {
	margin: 8px 0 0 172px;
	background: url(../../img/form/button.png) no-repeat 0 0;
}

/* @end group */


/* @group Formular */

.data ul.form {
	font: normal 14px/33px Arial;
	color: #424140;
	height: 1%;
	overflow: hidden;
}
.data ul.form li {
	height: 33px;
	padding: 5px 0;
}
.data ul.form li label {
	float: left;
	width: 172px;
}
.data ul.form li .select {
	float: left;
}
.data ul.form li .select p {
	font: normal 14px/33px Arial;
  color: #656463;
  width: 80px;
	height: 32px;
	padding: 1px 32px 0 6px;
	background-position: 0 -64px;
	_background: none;
}
.data ul.form li .select select {
	width: 118px;
	height: 33px;
}
.data ul.form li .maxi p {
  width: 312px;
	background-position: 0 -97px;
}
.data ul.form li .maxi select {
	width: 350px;
}

.data ul.form li input.text {
	font: normal 14px/18px Arial;
	float: left;
	color: #656463;
	width: 330px;
	height: 25px;
	padding: 8px 10px 0;
	background: url(../../img/form/input.png) no-repeat 0 -103px;
}
.data ul.form li input.medium {
	width: 202px;
	background-position: 0 -136px;
}
.data ul.form li input.mini {
	width: 98px;
	background-position: 0 -169px;
}

/* @end group */


/* @group Service-Popup */

#overlay{
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=60);
	z-index: 1001;
	opacity:.60;
	position: absolute;
	background: black;
}
#screen {
	top: 0;
	left: 50%;
	width: 500px;
	height: 600px;
	margin: 0 0 0 -480px;
	z-index: 1002;
	position: absolute;
	background: #FFF;
}
#screen .head {
	width: 460px;
	height: 50px;
	padding: 30px 20px 0;
	background: #423f3a;
}
#screen .head h1 {
	font: normal 20px/30px Arial;
	color: #edece9;
	float: left;
}
#screen .head a {
	font: normal 11px/16px Arial;
	float: right;
	margin: 8px 0 0;
	display: block;
	padding: 0 22px 0 0;
	background: url(../../img/popup/close.png) no-repeat right center;
}

#screen ul.navi {
	width: 500px;
	height: 52px;
	background: #423f3a;
}
#screen ul.navi li {
	float: left;
	height: 52px;
	background: #d5d2cd;
	border-right: 1px solid #423f3a;
}
#screen ul.navi li a {
	font: bold 12px/52px Arial;
	color: #423f3a;
	padding: 0 20px;
	display: block;
}

#screen ul.navi li a:hover,
#screen ul.navi li a.active {
	background: #FFF;
	text-decoration: none;
}


#screen .content {
	font: normal 13px/20px Arial;
	color: #424140;
	margin: 20px 0 0;
	width: 440px;
	height: 426px;
	padding: 0 20px;
	overflow: auto;
}
#screen .content h3 {
	font: normal 20px/30px Arial;
	color: #423f3a;
	margin: 5px 0;
}
#screen .content h4 {
	font: normal 16px/26px Arial;
	color: #423f3a;
	margin: 5px 0;
}
#screen .content p {
	padding: 0 0 10px;
}
#screen .content a {
	font: normal 13px/20px Arial;
	color: #424140;
}

/* @end group */


/* @group Sonstiges */

#epopup {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	display: none;
} 
#eoverlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=70);
	z-index: 1001;
	opacity: .70;
	-ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=70)";
	position: absolute;
	background: #000;
} 
#escreen {
	top: 70px;
	width: 617px;
	height: 549px;
	z-index: 1111;
	margin: 0 auto;
	position: relative;
	background: url(../../img/actions/newsletter_layer.png) no-repeat;
}
#escreen a.close {
	top: 15px;
	right: 10px;
	width: 100px;
	height: 20px;
	display: block;
	position: absolute;
}
#escreen input.text {
	top: 362px;
	left: 82px;
	width: 228px;
	height: 20px;
	display: block;
	position: absolute;
	font-size: 12px;
	line-height: 20px;
	background: transparent;
}
#escreen input.submit {
	top: 397px;
	left: 76px;
	width: 176px;
	height: 33px;
	display: block;
	cursor: pointer;
	position: absolute;
	background: transparent;
}

/* @end group */


/* @group Sonstiges */

.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}

/* @end group */