/* ---------------------General styles--------------------- */
/* we need it for working with height and percentage, see e.g. http://www.quirksmode.org/ -> Tasks */
html	{height: 99%;}


/* --- Styles with prefix 'body.tabcontent' are used to enable the IPC pricing analysis screen in the ISA application -- */

/* blesing START */

/* shoplist page */
.shoplist_content{
	height: 380px;
	width: 950px;
	margin:auto;
	overflow:hidden;
}

.briefshop{
	position: relative;
	top: 100px;
	left:100px;
}

.inserting{
	position: relative;
	top: 300px;
	left:300px;
}

.vertical-align-top{
	vertical-align: top;
}

/* blesing END */


body.tabcontent {
	background-color: #D7DDE5;
}	

/*   Start: Styles for data boxes  */
/* Set a space around the data box */
body.tabcontent .content {
	margin: 10px;
	width: 100%;
}

body.tabcontent table.conditionTable {
  border-style:solid;
  border-width:1px;
  border-collapse:separate;
  width:100%;
}

body.tabcontent table.conditionTable tr {
	background-color: #E9ECEF;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size : 11px;
}

body.tabcontent table.conditionTable tr.Subtotal {
    color:blue;
}
 		
body.tabcontent table.conditionTable td.conditionStatus {
   width: 16px;
}
body.tabcontent table.conditionTable td.conditionType {
    width: 10%;
    text-align:center;
}

body.tabcontent table.conditionTable td.description {
}

body.tabcontent table.conditionTable td.conditionRate {
    width:15%;
}

body.tabcontent table.conditionTable td.priceUnit {
    width:8%;
}

body.tabcontent table.conditionTable td.conditionValue {
    width:15%;
}

body.tabcontent table.conditionTable td.operation {
    width:16px;
}

/* Enhancements W+D */
/* #header-appl #header-nav-view ul {top:90px }
#header-appl #header-nav-basket {top:80px}
#header-appl #header-nav-functions ul {top:90px;}
#header-appl a:link, #header-appl a:visited { color: #3E6C52; }
a:link, a:visited { color: #3E6C52; }
a.button:hover { background-color:#666666; }
a.btn-lk:hover { background-color:#666666; }
ul.buttons-1 a:hover, ul.buttons-2 a:hover, ul.buttons-3 a:hover { background-color:#666666; }
.required { background: none #FFCC99; color: black;  }
 */
/* <%-- Lynx-Barsuhn, UI-Anpassungen, 13.03.2013 */
/* General Styles */
/* Lynx-Barsuhn, UI-Anpassungen, 13.03.2013 */
h1, h2 {
	color: #fff;
	border: 0;
	border-bottom:0;
	border-left:0;
	font-family: inherit;
	padding: 0;
	margin: 0;
	font-size: 28px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 32px;
}

.h2WithoutUppercase {
	color: #fff;
	border: 0;
	border-bottom:0;
	border-left:0;
	font-family: inherit;
	margin: 0;
	font-size: 28px;
	font-weight: bold;
	line-height: 32px;
	background-image: url("/b2b_wd/b2b/mimes/images/wd/bgKeyVisualProduct.png"); 
	padding-top: 10px; 
	padding-left: 10px; 
	height: 41px;
}

h3,
#nodoc-transactions h1,
body.order h1,
body.shipto h1,
body.history h1,
body.document-search h1,
body.orderstatus h1,
body.ordersimulate h1,
body.confirmation h1,
h1.area,
h1.group,
#nodoc-catalog h1 {
	font-size: 16px;
	line-height: 26px;
	color: #a21a95;
	margin-top: 0px;
	margin-bottom: 15px;
	font-family: 'Arial', sans-serif;
	font-weight: bolder;
	padding-bottom: 3px;
	border:none;
	border-bottom: 1px solid #ccc;
	text-transform:none;
	background-color:transparent;
}
html, 
body,
.document-header {
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #333;
	line-height: 20px;
}


#pageWrap {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #fefefe;
    background-image: url("/b2b_wd/b2b/mimes/images/wd/bgPage.png");
    background-origin: padding-box;
    background-position: left bottom;
    background-repeat: repeat-x;
    background-size: auto auto;
}


body.pwchange #pageWrap {
	background:transparent;
}
.catalog-header #pageWrap {
	background:#fefefe;
}
#pageWrapInner {
	position:relative;
	margin:auto;
	width:950px;
}
div.selection {
	overflow:hidden;
}
.login ul  {
	white-space:normal; 
	font-size:13px;
}
.login ul .input-1 ,
.filter ul .input-1,
.filter ul li select   {
	width: 155px;
	float: left;
	background: #fff url(/b2b_wd/b2b/mimes/images/wd/bgInput.png) 0 0 repeat-x;
	border: 1px solid #ccc;
	outline: 0 none;
	height: 21px;
	padding: 0;
	text-indent: 0px;
	margin-bottom:20px;
}



.login ul .input-1:active,
.login ul .input-1:focus {
	border: 1px solid #999;
	outline: 0 none;
}
.login ul li label {
	display: block;
	float:left;
	width: 120px;
	font-weight:normal;
	margin-bottom:20px;
}

/* Links */
a,
a:link,
a:hover,
a:active,
a:focus,
a:visited,
.nodoc a,
.nodoc a:link,
.nodoc a:hover,
.nodoc a:active,
.nodoc a:focus,
.nodoc a:visited,
.history-items li div a,
.history-items li div a:link,
.history-items li div a:hover,
.history-items li div a:active,
.history-items li div a:focus,
.history-items li div a:visited,
.history-items li a,
.history-items li a:link,
.history-items li a:hover,
.history-items li a:active,
.history-items li a:focus,
.history-items li a:visited,
.itemlist a,
.itemlist a:link,
.itemlist a:hover,
.itemlist a:active,
.itemlist a:focus,
.itemlist a:visited,
.filter-result a,
.filter-result a:link,
.filter-result a:hover,
.filter-result a:active,
.filter-result a:focus,
.filter-result a:visited  {
	color: #a21a95;
	text-decoration: underline;
	background-color:inherit;
}

.catalog-header a,
.catalog-header a:hover,
.catalog-header a:active,
.catalog-header a:focus {
	text-decoration: none;
	color: #6e6b6b;
}
.catalog-header a:hover {
	color: #a21a95;
}
/* "Buttons" */
#buttons {
	font-size:inherit;
	color:inherit;
	font-family:inherit;
}
a.button ,
ul.buttons-1 a,
ul.buttons-2 a,
ul.buttons-3 a,
ul.buttons-1 a:hover,
ul.buttons-1 a:link,
ul.buttons-1 a:visited,
ul.buttons-2 a:visited,
ul.buttons-3 a:visited,
ul.buttons-1 li.disabled a,
ul.buttons-1 li.disabled a:hover,
ul.buttons-1 li.disabled a:link,
ul.buttons-1 li.disabled a:visited, 
ul.buttons-2 li.disabled a,
ul.buttons-2 li.disabled a:hover,
ul.buttons-2 li.disabled a:link,
ul.buttons-3 li.disabled a,
ul.buttons-4 li.disabled a:hover,
ul.buttons-3 li.disabled a:link,
ul.buttons-2 li.disabled a:visited, 
ul.buttons-3 li.disabled a:visited,
ul.buttons-3 a:hover,
ul.buttons-3 a:link {
	display:inline-block;
	width: 140px;
	text-align:center;
	background-color:#b64dac;
	background-image:url(/b2b_wd/b2b/mimes/images/wd/bgSubmit.png);
	background-position: bottom ;
	background-repeat:repeat-x;
	border: 1px solid #ccc;
	outline: 0 none;
	height: 22px;
	padding-top:0;
	padding-bottom:0;
	padding-right:0;
	padding-left:0;
	padding: 0;
	border-radius: 0;
	color: #fff;
	line-height: 21px;
	font-weight: bold;
	text-decoration:none; 
	margin-bottom:3px; 
	margin-top:3px; 
}
ul.buttons-1 li,
ul.buttons-2 li,
ul.buttons-3 li {
	line-height: 21px;
}

body.order div#buttons ul.buttons-3 a:hover,
body.order div#buttons ul.buttons-3 a:link {
	width: 110px;
}

a.button-disabled  {
	text-decoration:none; 
	border:1px solid silver; 
	font-family:Verdana,Geneva,sans-serif; 
	font-size:100%; 
	font-weight:bold; 
	padding-top:3px; 
	padding-bottom:3px; 
	padding-left:7px; 
	padding-right:7px; 
	margin-bottom:3px; 
	margin-top:3px; 
	height:15px
}

/* Login */

.logoWrap {
	width: 950px;
	margin:auto;
	height: 49px;
}
/*
.logoWrap img {
	margin: 0px 40px 0 30px;
}
*/
.keyVisualProduct {
	height: 60px;
	width: 950px;
	position: relative;
	margin:auto;
}

.keyVisualProduct .imageOverlay {
	height: 60px;
	width: 950px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(/b2b_wd/b2b/mimes/images/wd/bgKeyVisualProduct.png) 100% 100% no-repeat;
	border-style: none;
}
.keyVisualProduct .imageWrap {
	float: right;
	overflow: hidden;
	background: url(/b2b_wd/b2b/mimes/images/wd/service_header_01.jpg) 0% 80% no-repeat;
	width:330px;
	height:60px;
}
.keyVisualProduct .imageWrapUs {
	float: right;
	overflow: hidden;
	background: url(/b2b_wd/b2b/mimes/images/wd/service_header_us.jpg);
	background-size: 330px;
	width:330px;
	height:60px;
}
.keyVisualProduct .textWrap {
	position: absolute;
	left: 30px;
	top: 16px;
	color: #fff;
	white-space:nowrap;
}
.breadCrumbWrap {
	width: 950px;
	height: 32px;
	margin:auto;
	margin-bottom:30px;
	background: url(/b2b_wd/b2b/mimes/images/wd/bgBreadcrumb.png) 0 0 repeat-x;
}
.breadCrumb,
p.breadCrumb {
	padding-left: 30px;
	margin: 0;
	line-height: 32px;
	color: #a21a95;
}
.breadCrumb .first {
	background-position: 0 3px;
}

.breadCrumb a {
	color: #333;
	background-position: 0 -17px;
	padding-right: 5px;
}

.withArrowWrap a, 
.withArrow {
	background: url(/b2b_wd/b2b/mimes/images/wd/arrow.png) 0 2px no-repeat;
	padding-left: 10px;
	font-weight: bold;
	text-decoration: none;
}
.noarrow {
	padding-left: 10px;
	font-weight: bold;
	text-decoration: none;
}
/* Login-Seite */
#login_content {
	width: 950px;
	margin:auto;
}
#wd_banner {
	width:600px;
	float:left;
}
#login_form {
	width: 300px;
	float:right;
	border-left: 1px solid #ccc
	padding-left:30px;
}
div.login.first{
	padding-bottom: 3px;
	margin-bottom: 20px;
	border-bottom: 2px solid #ccc;
}
/* Navigation */
#header-nav-functions {
	position: absolute;
	top: 0px;
	right: -7px;
	color:#a21a95;
}
#header-nav-functions li {
	display:inline;
	margin-left:10px;
}
#header-nav-functions li a {
	margin-right:10px;
}

/* Navigation login */
#header-nav-functions-login {
	position: relative;
	bottom: 41px;
	left: 600px;
	color:#a21a95;
}
#header-nav-functions-login li {
	display:inline;
	margin-left:10px;
}
#header-nav-functions-login li a {
	margin-right:10px;
}

/* Navigation login */
#header-nav-functions-shoplist {
	position: relative;
	bottom: 41px;
	left: 600px;
	color:#a21a95;
}
#header-nav-functions-shoplist li {
	display:inline;
	margin-left:10px;
}
#header-nav-functions-shoplist li a {
	margin-right:10px;
}


/* Catalog Welcome Page */
#nodoc-first,
#nodoc-header {
	/*display:none;*/
}
#nodoc-default {
	height:auto;
}
#nodoc-default ul {
	font-size:inherit;
	font-family:inherit;
	color: #333;
	list-style-image:none;
	list-style-type:none;
}
#nodoc-default li {
	background: url(/b2b_wd/b2b/mimes/images/wd/arrow.png) 0 2px no-repeat;
}
#nodoc-catalog {
	margin-top:none;
}
/* Left Search Pane (Transactions) */
body.document-search {
	background: none;
	color:inherit;
	height:auto;
}
#organizer-content {
width: auto;
height: auto;
overflow: auto;
margin-left: 3px;
margin-top: 0px;
margin-bottom: 2px;
}

ul.navigation-1 {
	height: auto;
	margin: 0;
	padding: 0px;
	white-space: inherit;
	border-bottom: none;
	border-left: none;
	font-family: inherit;
	font-size: inherit;
}
ul.navigation-1 li.active-first {
	background: none;
	padding-left: inherit;
	padding-right: inherit;
	margin-left:1em;
}
ul.navigation-1 li.active-first a {
	color: #6e6b6b;
	text-decoration: none;
	font-weight: normal;
}
ul.navigation-1 li.active-first a:hover {
	color: #a21a95;
}
ul.navigation-1 li.active-first a:after {
	color:#a21a95;
}

.filter {
	font-family: inherit;
	font-size: inherit;
	text-align: left;
	color: inherit;
}
.filter ul .input-1 {
	float:none;
}

/* Left Search Pane - Results */
.filter-result-msg,
.filter-result table,
.filter-result {
	font-size:inherit;
	color:inherit;
	font-family:inherit;
}
.filter-result th,
.filter-result td,
.filter-result tr.even {
	background-color:transparent;
	border:1px solid #ccc;
}
/* Left Pane - Transactions */
#gensearch-col-1 {
	font-size:inherit;
}
/* Right History Pane */
.closer {
	border-color:#a21a95;
}
.history-items {
	font-size:inherit;
}
.history-items li,
.history-items li div {
	background:inherit;
	color:inherit;
	border:0;
}
.history-items li div a {
	text-decoration:none;
}
/* Shopping Basket */
body.order,
body.orderstatus,
body.ordersimulate,
body.confirmation {
	height:auto;
}

.itemlist {
	font-size:inherit;
}
table.itemlist,
.itemlist th,
.itemlist .even td,
.itemlist .even,
.itemlist td {
	background-color:transparent;
	border:1px solid #ccc;
}
.itemlist th {
	color: #a21a95;
}

.price-info .value {
	background-color:transparent;
}

/* ShipTo PopUp */
body.shipto #header-appl {
	display: none;
}
body.shipto .data .identifier  {
	vertical-align:top;
}
.popup .content {
	font-size:inherit;
}
/* PW Change */

body.pwchange .login ul li div.button1 {
	float:left;
}

/* Some Adjustments for Catalog Header only */
body.catalog-header  #pageWrapInner {
	position:relative;
	margin:0 1em 0 1em;
	width:auto;
}

body.catalog-header .breadCrumbWrap {
	width: auto;
	height: 32px;
	margin-bottom:30px;
	background: url(/b2b_wd/b2b/mimes/images/wd/bgBreadcrumb.png) 0 0 repeat-x;
}
body.catalog-header .keyVisualProduct .imageOverlay {
	height: 60px;
	width: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background: url(/b2b_wd/b2b/mimes/images/wd/bgKeyVisualProduct.png);
	background-size: 100%;
}
body.catalog-header .keyVisualProduct {
	height: 60px;
	width: auto;
	position: relative;
	margin:auto;
}
body.catalog-header .logoWrap {
	width: auto;
	margin:auto;

}
body.catalog-header .keyVisualProduct .imageWrap {
	float: right;
	overflow: hidden;
	background: url(/b2b_wd/b2b/mimes/images/wd/service_header_01.jpg) 0% 80% no-repeat;
	width:330px;
	height:60px;
}

body.catalog-header .keyVisualProduct .imageWrapUs {
	float: right;
	overflow: hidden;
	background: url(/b2b_wd/b2b/mimes/images/wd/service_header_us.jpg);
	background-size: 330px;
	width:330px;
	height:60px;
}

body.catalog-header #header-nav-functions #header-nav-functions-login #header-nav-functions-shoplist{
	position: absolute;
	top: 0px;
	right: 30px;
	color:#a21a95;
}
body.catalog-header .logoWrap img {
	margin: 0px 40px 0 30px;
}

#header-appl .header-applname {
	left:10px;
}

#header-appl {
	background:none;
}

#header-appl #header-extradiv1 {
	background-color: #a21a95;
}

#header-appl .header-logo{
	background-image: none;
}

/* Lynx-Barsuhn, UI-Anpassungen, 13.03.2013 */