body {
	color:#000;
	background-color:#fff;
	font:12px/14px Arial,Helvetica,sans-serif;
}
body, body * {
	margin:0;
	padding:0;
}
a {
	color:#000;
}
a:hover {
	color:#bf002c;
}
a.pfeil {
	font-weight:bold;
	text-decoration: none;
	white-space:nowrap;
}
a.pfeil img {
	vertical-align:-1px;
}
img {
	border:none;
}
b, strong {
	font-weight:bold;
}
td,th {
	vertical-align:top;
}
th {
	text-align:left;
}

/* unterstrichene links */
a.content {
	color:#000;
	text-decoration:underline;
}
a.content:hover {
	color:#bf002c;
}

span.rot {
	color:#bf002c;
}
.left {
	text-align:left;
}
.right {
	text-align:right;
}
.center {
	text-align:center;
	margin:0 auto;
}
.float-left {
	float:left;
}
.float-right {
	float:right;
}
.clear {
	clear:both;
	height:1px; /* ie */
	font-size:1px; /* ie */
	background-color:#fff; /* ie */
}
.underlined {
	text-decoration:underline;
}
.hidden,
.Drucker {
	display:none;
}
/* suche
################################################# */
/* preview container */
.search-preview-container {
	position: absolute;
	left:-1px;	
	padding: 1px;
	width: 300px;
	background-color: #fff;
	border: 1px solid #000;
	/* text-align: left; */
	z-index:10;
}
*html .search-preview-container {
	margin-top: 18px;
	margin-left: -171px;
}
#search-preview {
	width: 300px;
}

/* wait */
.wait-container {
	font-weight:normal;
	color:#bf002c;
	text-align:left;	
}
.wait-container img {
	width:10px;
	height:10px;
}
.search-result-hits {
	position:absolute;
	right:0;
	text-align:right;
	margin-right:7px;	
	z-index:12;
}
#lief-result-list,
#search-result-list {
	list-style-type:none;
	margin:3px;
	padding:0;
}
#lief-result-list li,
#search-result-list li {
	cursor:pointer;
	display:block;
}
#lief-result-list li.over,
#search-result-list li.over {
	color: #ff0008;
}
#lief-result-list li.focus,
#search-result-list li.focus {
	color: green;
}

/* buttons */
a.btn-search-result {
	display:block;
	position:relative;
	left:1px;
	width:296px;
	height:12px;	
	border:1px solid #c0c0c0;
	background-repeat:no-repeat;
	background-position:145px 3px;
	z-index:11;
}
a.btn-search-result:hover {
	border:1px solid #bf002c;
	background-color:#fee;
}
a#btn-search-result-up {
	background-image:url(../img/0/Monatsanzeige/runter_passiv.gif);
}
a#btn-search-result-up:hover {
	background-image:url(../img/0/Monatsanzeige/runter_aktiv.gif);
}
a#btn-search-result-down {
	background-image:url(../img/0/Monatsanzeige/rauf_passiv.gif);
}
a#btn-search-result-down:hover {
	background-image:url(../img/0/Monatsanzeige/rauf_aktiv.gif);
}

/* Lieferanten */
#lief-preview {
	position: absolute;
	z-index: 99;
	width: 150px;
	overflow: auto;
	border: 1px solid #000;
	background-color: #fff;
	text-align: left;
	font-size: 9px;
	font-weight: normal;
	margin-left:0;
}

/* content
################################################# */
div.title {
	font-size:12px;
	font-weight:bold;
	line-height:18px;
	padding-bottom:10px;
}
div.boxed { /* grauer Rahmen */
	padding:2px;
	border:2px solid #b4b4b4;
	background-color:#fff;
}
div.boxed.lrb { /* left, right, bottom */ 
	border-top:none;
}
div.boxed.bspace { /* bottom space */
	margin-bottom:6px;
}
#wd-login-error-text,
div.boxed div.info { /* roter Text, rosa Hintergrund => "Hinweis!" */
	font:bold 11px/14px Verdana,Arial,Helvetica,sans serif;
	color:#bf002c;
	background:#fee;
}
div.boxed p {
	font-weight:normal;
	font-size:9px;
	line-height:14px;
}

.wd-inner-content {
	font:10px/12px Verdana,Arial,Helvetica,sans serif;
}
.wd-inner-content ul {
	margin:10px 0;
	padding-left:20px;
}
.wd-inner-content li {
	list-style-position:outside;
}

/* formulare
################################################# */
fieldset {
	border:none;
}
legend {
	display:block;
	margin-bottom:7px;
	line-height:12px;
	font-weight:bold;
	color:#bbb;
}
label {
	display:inline;
	font-size:9px;
	line-height:19px;
	color:#bbb;
	z-index:1;
}
input {
	z-index:2;
}
input.input-submit {
	display:block;
	padding:0 5px;
	font-weight:bold;
	text-align:center;
	color:#bbb;
	background-color:transparent;
	border:none;
}
input.input-submit:hover {
	color:#bf002c;
}
input.input-text,
textarea.input-text {
	margin-bottom:4px;
	padding:1px;
	border:1px solid #bbb;
	font-size:12px;
	/* height:16px; */
	color:#000;
}
input.error,
textarea.error {
	border:1px solid #bf002c;
}
/* layout
################################################# */
#loading {
	position:absolute;
	left:25%;
	right:25%;
	width:50%;
	min-width:150px;
	text-align:center;
	height:20px;
	line-height:20px;
	font-size:12px;
	z-index:6;
}
#loading .inner {
	text-align:center;
	margin:0 auto;
	width:8em;
	height:20px;
	line-height:20px;
	overflow:hidden;
}
.msg {
	margin:0 auto;
	z-index:6;
}
#load-msg {
	background-color:#faeead;
}
#error-msg {
	background-color:#bf002c;
}
a#logo {
	display:block;
	position:absolute;
	background-color:#fff;
	top:0;
	right:0;
	z-index:19;
}
a#logo img {
	display:block;
	border:none;
}
#header-wrap, #header-wrap-static, #footer-wrap {
	display:block;
	position:absolute;
	left:0;
	width:100%;
	background-color:#fff;
	overflow:hidden;
	z-index:5;
}
#header-wrap { /* header im Shop */
	top:0;
	height:80px;
}
#header-wrap-static { /* header ausserhalb Shop */
	top:0;
	height:150px;
}
#footer-wrap {
	bottom:0;
	height:24px;
}
body > #header-wrap,
body > #header-wrap-static,
body > #footer-wrap {
	position: fixed;
}
#wd-content {
	position:absolute;
	left:0;
	bottom:24px;
	padding:15px 20px;
	overflow:auto;
	z-index:3;
}
.wd-content {
	top:80px;
	right:225px;
}
.wd-content-static {
	top:150px;
	right:0;
}
#wd-content .wd-inner-content {
	padding-bottom:10px;
}
#wd-kunde {
	display:block;
	position:absolute;
	top:80px;
	right:0;
	bottom:24px;
	width:225px;
	z-index:4;
	overflow:auto;
}

/* wd_topnavi, wd_bottomnavi
################################################# */
#wd-topnavi, #wd-bottomnavi {
	color:#fff;
}
#wd-topnavi {
	height:60px;
	margin-bottom:14px;
	background:#c0c0c0 url(../img/bg_topnavi.gif) repeat-x 0 0;
}
#wd-bottomnavi {
	height:24px;
	background-color:#c0c0c0;
}

/* ### Listen ###*/
#wd-topnavi ul { /* prevent line breaks */
	width:100em;
}
ul#navi1 {
	position:relative;
	left:5px;
	height:24px;
	font:bold 14px/24px Verdana,Arial,Helvetica,sans serif;
}
ul#navi2 {
	position:absolute;
	top:24px;
	left:0;
	height:18px;
	font-size:12px;
	font-weight:bold;
	line-height:18px;
	background:#bf002c;
}
ul#navi3 {
	position:absolute;
	top:18px;
	left:5px;
	font-size:11px;
	background-color:#fff;
}

/* ### Listenelemente  ### */
ul.navi li {
	position:relative;
	top:0;
	left:0;
	display:block;
	float:left;
	padding:0 5px;
}
ul.navi li li.first {
	padding-left:0;
}

/* ### Links  ### */
/* normal */
ul.navi a {
	/* padding:0 5px 4px; */
	color:#fff;
	text-decoration:none;
}
#navi1 a {
	padding:0 5px 4px;
}
#navi3 a {
	color:#c0c0c0;
}
/* hover */
ul.navi a:hover,
#navi3 a:hover {
	color:#000;
}
/* aktiv  */
#navi1 a.selected,
#navi1 a.selected:hover {
	color:#fff;
	background:#bf002c;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
}
#navi2 a.selected,
#navi2 a.selected:hover {
	color:#c0c0c0;
	background:transparent;
}
#navi3 a.selected,
#navi3 a.selected:hover {
	color:#bf002c;
	background:transparent;
}

/* restricted */
#navi1 a.restricted,
#navi1 a.restricted:hover {
	color:#d0d0d0;
}
#navi2 a.restricted,
#navi2 a.restricted:hover {
	color:#cf4061;
}
#navi3 a.restricted,
#navi3 a.restricted:hover {
	color:#eee;
}

#copyright {
	float:right;
	margin-right:30px;
	line-height:24px;
}
/* wd_login login
################################################# */
#wd-login {
	width:100%;
	height:90px;
}
#wd-login-content {
	position:relative;
	left:12px;
}
#wd-login-content fieldset {
	position:absolute;
	top:7px;
	width:210px;
	z-index:20;
}
#wd-login-content input.input-text {
	display:block;
	width:90px;
}
#wd-login-content label {
	position:absolute;
	left:0;
	margin-left:3px;
}
#wd-login-content #kdnr_formular { }
#wd-login-content #pin_formular {
	float:left;
}
#wd-login-content input.input-submit {
	float:left;
	height:16px;
	margin-top:2px;
}
#wd-login-error {
	clear:left;
	position:absolute;
	top:26px;
	left:210px;
	width:400px;
	height:60px;
	z-index:6;
	background-color:#fff;
}
ul#login-options {
	position:absolute;
	top:73px;
	color:#bbb;
	font-size:9px;
	line-height:10px;
	z-index:20;
}
ul#login-options li {
	float:left;
	display:inline;
	margin-right:10px;
}
ul#login-options a {
	color:#bbb;
	text-decoration:none;
}
ul#login-options a:hover {
	color:#bf002c;
}
#wd-logout {
	height:20px;
}
#wd-logout-content {
	position:relative;
	left:17px;
	float:left;
}
#wd-logout-mobile-switch {
	position:relative;
	left: 27px;
	line-height:20px;

}

/* wd_login logout
################################################# */
#wd-logout-content a:link, #wd-logout-content a:visited,
#wd-logout-content a:active, #wd-logout-content a:focus {
	color:#bbb;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	line-height:20px;
}
#wd-logout-content a:hover {
	color:#bf002c;
}

/* mobile
################################################# */
/* override position:fixed and overflow:auto */
.mobile #wd-content {
	position:static;
	overflow:visible;
}
.mobile .wd-content {
	border-right:225px solid #fff;
	min-height:400px;
}
.mobile #wd-kunde {
	float:right;
	margin-bottom:10px;
	overflow:visible;
}
.mobile > #header-wrap,
.mobile > #header-wrap-static,
.mobile > #footer-wrap {
	position:relative;
}