@charset "ISO-8859-15";

/************************* GENERIC ********************************************/

/*bring the layout of different browsers to a common level*/
* {
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	font-size: 12px;
}

ul {
	margin-left:15px;
}

img, input[type = "image"] {
	/* stop browser from drawing a blue border */
	border: 0;
	/*
	Align this "inline-block" element bottom aligned with all other "inline"
	elements on the line.	see: http://css-tricks.com/what-is-vertical-align/
	*/
	vertical-align:bottom;
}

html, body {
	height:100%; /* make position:absolute;bottom:0 work even if no content on page */
}

body {
	background-color: #ffffff;
}

/*
 table {
 cellspacing:0px;
 }
*/
table > tbody > tr > td,
table > tbody > tr > th {
	vertical-align: top;
}

select,
textarea,
input[type = "text"],
input[type = "submit"],
input[type = "password"] {
	background-color: #eeeeee;
	padding-left: 2px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

input[type =
"checkbox"] {
	background-color: #ffffff;
	color: #000000;
}

/* have to use own class because of bug https://bugzilla.mozilla.org/show_bug.cgi?id=274626 */
input[type = "submit"].disabled {
	color: #B3A79A;
	/*	background-color: #555555; */

	/*	border-color:#B3A79A;*/
}

A:link, A:visited, A:active {
	color: #000000;
	text-decoration: none;
}

A:hover {
	color: #f00000;
	text-decoration: none;
}




/*********************** SPECIFIC BACKEND/FRONTEND CSS ************************/
/* to get 0 space between inlineBlocks, wrap them in inlineBlockWrapper */
.inlineBlockWrapper {
    /*word-spacing:-1em;  kill spaces between the spans; */
    white-space:nowrap; /* columns always beneath each other */
}
.inlineBlock {
    display:inline-block;
    vertical-align:top;
    /*word-spacing:normal;*/
    white-space:normal;
}


.bulkicons {
	margin-left: 1px;
}

.borderThin {
	border: 1px dotted #cccccc;
}

.borderThick {
	border: 1px solid #cccccc;
}

.label {
	font-weight: normal;
	font-style: italic;
	color: #000;
	/*
	color: #777777;
	font-weight: bold;
	*/
}

.caption {
	color: #000000;
	font-weight: bold;
}

.different {
	color: #ff0000;
}

.olfg {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	background-color: #4D4D4D;
	border: 1px solid red;
	padding: 10px;
	color: red;
}

.olfg * {
	color: #fff;
}

.olbg {
	background-color: red;
	color: red;
}

#tabs {
	background-color: #ec8e0c;
	border-bottom: 1px solid #888888;
	padding-bottom: 9px;
	text-align: left;
	padding-right:5px;
	padding-left:5px;
	padding-top:9px
}

#tabs > a > img {
	margin-bottom:-9px;
}

#tabs > a {
	height: 25px;
	padding: 9px;
	background-color: #efefef;
	border-left: 1px solid #888888;
	border-top: 1px solid #888888;
	border-right: 1px solid #888888;
	border-bottom: 1px solid #888888;
	margin-right: 0;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	margin: 2px;
	background-image: url(img/menuTabShadow.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

#tabs > a:hover {
	height: 25px;
	padding: 9px;
	background-color: #D0E500;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin-right: 0;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	margin: 2px;
	background-image: none;
}

#tabs > .activetab {
	height: 25px;
	padding: 9px;
	background-color: #ffffff;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #ffffff;
	margin-right: 0;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	margin: 2px;
	background-image: none;
}

.colorBGDark {
	background-color: #D0E500;
}

/* Primary display for tabellaric data */
table.list {
	border-collapse: collapse; /* (cellspacing=0 (for IE (got 2)) */
	border-spacing: 0px; /* cellspacing=0 (for NS6) */
}

table.list tbody tr.listrow1 td {
	/*background-color:#eeeeee;*/
	background-color: #eeeeee;
}

table.list tbody tr.listrow2 td {
	background-color: #F8F8F8;
}

table.list tbody tr.listrowdel td {
	color: #888888;
}

table.list tbody tr th {
	height: 25px;
	color: black;
	/*	background: url(img/gradhead.png);*/
	background-repeat: repeat-x;
	border-bottom: 1px solid #C0C0C0;
	padding-top: 4px;
}

table.list tbody tr td {
	padding: 2px 2px 2px 2px;
	border-bottom: 1px solid #c0c0c0;
	/* vertical-align:top;*/
}

table.list tbody tr:hover th[scope = row],
table.list tbody tr:hover td {
	background-color: #fcd2d2;
	color: #000;
}

/* Secondary display for tabellaric data (e.g. when a table is needed in a
 cell of the primary display for tabellaric data) */
table.listSecondary {
	border-collapse: collapse; /* (cellspacing=0 (for IE (got 2)) */
	border-spacing: 0px; /* cellspacing=0 (for NS6) */
	border: 1px dotted #aaaaaa;
}

table.listSecondary > tbody > tr.listrow1 > td {
	background-color: #eeeeee;
	/*background-color:#eeeeee;*/
}

table.listSecondary > tbody > tr.listrow2 > td {
	background-color: #fff;
	/*background-color:#ffffff;*/
}

table.listSecondary > tbody > tr > th {
	color: #fff;
	background-color: #90A500;
	text-align: left;
	padding-left:2px;
}

table.listSecondary > tbody > tr > td {
	padding: 2px;
	border-top: 1px dotted #aaaaaa;
	border-bottom: 1px dotted #aaaaaa;
}


/* Primary display for forms (left column has labels, right column has data) */
table.labelTable {
	border-collapse: collapse; /* (cellspacing=0 (for IE (got 2)) */
	border-spacing: 0px; /* cellspacing=0 (for NS6) */
	/*background-color:#CCD681;*/
	border: 1px dotted #aaaaaa;
}

table.labelTable > tbody > tr > td {
	padding: 2px;
	/*background-color:#C7D27F;*/
	background-color: #fdf6d4;
}

table.labelTable > tbody > tr > td.label {
	font-weight: normal;
	font-style: italic;
	color: #000;
}

table.labelTable > tbody > tr > td.caption {
	color: #000; /*#90A500;*/
	background-color: #fff0a5; /*#C7D27F;*/
}

fieldset.fail {
	border: 2px dashed #f00;
	padding: 5px;
	color: #f00;
}
fieldset.fail > legend {
	color: #f00;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
}

.rebateClass {
	color:red;
}
.rebateArt {
	color:blue;
}


.wk_list {
	border-collapse: collapse;
	border-bottom: 1px solid #f2f2f2;
}

.wk_list td, .wk_list th {
	border-bottom: 1px solid #c2c2c2;
	padding: 2px;
}

.wk_list th {
	border-top: 1px solid #f2f2f2;
}

.wk_list tbody tr.wk_list_even_order_type0  {
	background-color:#f8f8f8;
}

.wk_list tbody tr.wk_list_odd_order_type0  {
	background-color:#eeeeee;
}

.wk_list tbody tr.wk_list_even_order_type1  {
	background-color:#ccffcc;
}

.wk_list tbody tr.wk_list_odd_order_type1  {
	background-color:#bbffbb;
}

.wk_list tbody tr.wk_list_even_order_type2  {
	background-color:#ffff00;
}

.wk_list tbody tr.wk_list_odd_order_type2  {
	background-color:#dddd00;
}

.wk_list tbody tr.wk_list_even_order_type3  {
	background-color:#ffcccc;
}

.wk_list tbody tr.wk_list_odd_order_type3  {
	background-color:#ffbbbb;
}

/*.wk_list > tbody > tr.wk_list_even_order_type4  {
	background-color:#ba5f0e;
}

.wk_list > tbody > tr.wk_list_odd_order_type4  {
	background-color:#e87610;
}

.wk_list > tbody > tr.wk_list_even_order_type5  {
	background-color:#bd10e8;
}

.wk_list > tbody > tr.wk_list_odd_order_type5  {
	background-color:#7e099b;
}*/

.wk_list tbody tr th {
	background-color:#ffffff;
	color:black;
	font-weight:bold;
    text-align: left;
}

.captionBar {
	height:34px;
	padding-top:2px;
	line-height:32px;
	padding-left:5px;
	padding-right:2px;
	background-color: #FFF0A5;
	border:1px solid #EEEEEE;
}
.captionBar, .captionBar * {
	font-size: 20px;
}
.captionBar2 {
	height:20px;
	padding-top:2px;
	line-height:20px;
	padding-left:5px;
	padding-right:2px;
	background-color: #FFF0A5;
	border:1px solid #EEEEEE;
}
.captionBar2, .captionBar * {
	font-size: 15px;
}



div.insetCaption {
	height:18px;
	width:640px;
	padding-top:1px;
	line-height:16px;
	padding-left:2px;
	padding-right:2px;
	background-color: #FFF0A5;
	border-left:1px solid #EEEEEE;
	border-right:1px solid #EEEEEE;
	border-top:1px solid #EEEEEE;
}
div.insetCaption, div.insetCaption * {
	font-size: 15px;
}
div.insetBody {
	margin-left:18px;
	width:619px;
	padding-left:5px;
	padding-right:2px;
	background-color: #FFF0A5;
	border-left:1px solid #EEEEEE;
	border-right:1px solid #EEEEEE;
	border-bottom:1px solid #EEEEEE;
}


.dim {
	color:#555555;
}


#insetBody1 table.wk_list,
#insetBody1 table.labelTable,
#insetBody1 table.labelTable textarea {
	width: 100%;
}

#rechnung_html {
	width: 600px;
}


.captionBar2 {
	width: 608px;
	margin-bottom: 10px;
}


td.content{
	border-right : 1px solid Silver;
	border-bottom : 1px solid Silver;
}
/*div.scrollAreaRight table.ArticleTableList {
	margin-top: 30px;
}*/


/* enlargeit.js */
/*.thumbnail { border-width: 1px; border-style: solid; border-color: black; }*/



body.be div#productMenu,
body.be div#actionPanel {
	position:absolute;
	top:143px;
	left:662px;
	right:0px;
	bottom:0px;
	border:1px solid #eeeeee;
	/*	overflow:scroll;
	overflow-x:auto;
	overflow-y:scroll;*/
}

body.be div#productList {
	position:absolute;
	left:662px;
	top:310px;
	bottom:0;
	right:0;
	overflow:scroll;
	overflow-x:auto;
	overflow-y:scroll;
}


body.be div#listViewButton {
	float:right;
}





/*********************** SPECIFIC FRONTEND CSS ********************************/



/* VIEW: BROWSE PRODUCTS */

body.fe div#headerBar {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:54px;
	background-color:#272727;
	border-bottom:1px solid #ff0000;
}

div#feCenter {
	position:relative;
	width: 1000px;
	height: 100%;
	margin-left:auto;
	margin-right:auto;
/*	border:1px solid red;*/
}



div#feCenter img#feLogo {
	position:absolute;
	left:0px;
	top:5px;
}
div#feCenter img#feFlag {
	position:absolute;
	left:300px;
	top:12px;
}
div#feCenter table#feLoginInfo {
	position:absolute;
	left:450px;
	top:8px;
}
div#feCenter table#feLoginInfo th {
	color:#999;
	font-weight:normal;
	text-align:right;
	padding-right:5px;
}
div#feCenter table#feLoginInfo td {
	color:#fff;
}
div#feCenter a#feLogout {
	position:absolute;
	left:900px;
	top:7px;
}
div#feCenter a#feLogout div {
	color:#fff;
	padding-top:25px;
	width:64px;
	height:15px;
	text-align:center;
	margin-top:auto;
	margin-bottom:0;
	background-image: url(img/fe.logout.png);
}

body.fe div#headerBar2 {
	position:absolute;
	top:55px;
	left:0;
	width:100%;
	height:22px;
	background-color:#4d4d4d;
}

body.fe div#headerBar3 {
	position:absolute;
	top:77px;
	left:0;
	width:100%;
	height:39px;
	background-image:url(img/fe.headerBar3.bg.png);
}
body.fe div#headerBar4 {
	position:absolute;
	top:116px;
	left:0;
	width:100%;
	height:39px;
	background-image:url(img/fe.headerBar3.bg.png);
}

div#feCenter a {
	color:#333;
}
div#feCenter a#feLinkEditDeliveraddress {
	position:absolute;
	top:87px;
	left:0px;
}
div#feCenter a#feLinkOrderHistory {
	position:absolute;
	top:87px;
	left:212px;
}
div#feCenter a#feLinkOpenCart {
	position:absolute;
	top:87px;
	left:357px;
}
div#feCenter a#feLinkDownload {
	position:absolute;
	top:87px;
	left:517px;
}
div#feCenter div#feSearchField {
	position:absolute;
	top:85px;
	left:732px;
}

div#feCenter a#feLinkDownloadArtikelstamm {
	position:absolute;
	top:125px;
	left:60px;
}
div#feCenter a#feLinkDownloadBild {
	position:absolute;
	top:125px;
	left:280px;
}
div#feCenter a#feLinkDownloadDokument {
	position:absolute;
	top:125px;
	left:517px;
}
div#feCenter a#feLinkCloseDownloads {
	position:absolute;
	top:125px;
	left:917px;
}


div#feCenter div#productMenu {
	position:absolute;
	top:130px;
	left:0px;
	/*	right:0px;
		bottom:0px;*/
	/*	border:1px solid #eeeeee;	*/
	/*	overflow:scroll;
	overflow-x:auto;
	overflow-y:scroll;*/
}

div#feCenter div#productMenu table td {
	padding-right:38px;
}
div#productMenu img {
	margin-bottom:1px;
}
div#productMenu div.feLinkProductGroup {
	padding-top:3px;
	padding-bottom:1px;
}
div#productMenu div.feLinkProductGroup a {
	font-size:15px;
	color:#555;
}
div#productMenu div.feLinkProductGroupActive a {
	color:#9F0207;
}
div#productMenu a.feLinkBulkGroup {
	font-size:22px;
	color:#555;
}
div#productMenu a.feLinkBulkGroupActive {
	color:#9F0207;
}


div#feCenter div#cart {
	position:absolute;
	top:490px;
	left:0px;
	font-size:25px;
	color:#555;
}
table.wk_list_mini {
	border-collapse: collapse;
	width:280px;
	margin-top:10px;
}
table.wk_list_mini td {
	font-size: 10px;
	color:#000;
}
table.wk_list_mini td, .wk_list_mini th {
	border-bottom: 1px solid #c0c0c0;
	padding: 2px;
}
table.wk_list_mini th {
	border-top: 1px solid #f2f2f2;
}
table.wk_list_mini tbody tr th {
	background-color:#fff;
	color:black;
	font-weight:bold;
    text-align: left;
}
table.wk_list_mini tbody tr.wk_list_mini_even  {
	background-color:#eeeeee;
}
table.wk_list_mini tbody tr.wk_list_mini_odd  {
	background-color:#ffffff;
}
#fe_art_list table.list {
	width: 650px;
}

.fe_address_caption {
	font-weight: bold;
	font-size: 12px;
	text-align: right;
	padding-right: 5px;
}
.fe_wk_caption {
	font-size: 13px;
	color: #333333;
}


div#feCenter div#feProdukteCaption {
	position:absolute;
	left:320px;
	/*top:390px;*/
	top:360px;
	font-size:25px;
	color:#555;
}
div#feCenter div#listViewButton {
	position:absolute;
	width:400px;
	/*top:398px;*/
	top:368px;
	left:550px;
	text-align:right;
}
div#feCenter div#listViewButton a {
	color:#333;
}
div#feCenter div#productList {
	position:absolute;
	left:312px;
	/*top:560px;*/
	top:530px;
	bottom:0;
	width:677px;
	overflow:visible;
/*	overflow-x:auto;
	overflow-y:scroll; */
}
div#feCenter div#productList div.feButtonProductGroup {
	float:left;
	margin-right:21px;
    margin-bottom: 20px;
}


div#feCenter div#productList table.list {
	width:100%;
}
div#feCenter div#productList table.list tbody tr.listrow1 td {
	background-color: #f8f8f8;
}
div#feCenter div#productList table.list tbody tr.listrow2 td {
	background-color: #eee;
}
div#feCenter div#productList table.list tbody tr:hover th[scope = row],
div#feCenter div#productList table.list tbody tr:hover td {
	background-color: #ec9594;
}




/* VIEW: CHECKOUT1/2/3: */

div#feCenter div#feCheckoutCaption {
	position:absolute;
	left:0px;
	top:130px;
	font-size:25px;
	color:#555;
}
div#feCenter div#feLeftArrow {
	position:absolute;
	top:260px;
	left:0;
	width: 0;
	height: 0;
	border-width: 125px 120px 125px 0;
	border-style: solid;
	border-color: transparent #bababa transparent transparent;
}
div#feCenter div#feLeftArrow:hover {
	border-right-color: #1fa022;
}
div#feCenter div#feLeftTxt {
	position:absolute;
	font-size:16px;
	color:#000;
	text-align:right;
	top:-20px;
	left:0;
	width:110px;
}

div#feCenter div#feRightArrow {
	position:absolute;
	top:260px;
	left:850px;
	width: 0;
	height: 0;
	border-width: 125px 0 125px 120px;
	border-style: solid;
	border-color: white white white #bababa;
}
div#feCenter div#feRightArrow:hover {
	border-left-color: #1fa022;
}
div#feCenter div#feRightTxt {
	position:absolute;
	font-size:16px;
	color:#000;
	top:-15px;
	left:-115px;
}

div#feCenter div#feCart {
	position:absolute;
	left:167px;
	top:275px;
	width:650px;
}


/* VIEW: CHECKOUT1: REVIEW/CHANGE CART AND CHOOSE ADDRESS */
div#feCenter div#feCheckoutStep1 {
	/*	position:absolute;
		left:0px;
		top:200px;*/
}

div#feCenter div#feCheckoutStep1 div#feDeliveryAddress {
	position:absolute;
	left:167px;
	top:193px;
}
div#feCenter div#feCheckoutStep1 div#fePreorder {
	position:absolute;
	left:450px;
	top:208px;
}
div#feCenter div#feCheckoutStep1 div#feComment {
	position:absolute;
	left:600px;
	top:132px;
}
div#feCenter div#feCheckoutStep1 div#feComment textarea {
	width:260px;
	height:77px
}
/* to be able to do a POST operation: hacky "button overlay"
TESTED: IE8/FF7/Opera11*/
div#feCenter div#feCheckoutStep1 input#feRightButton {
	position:absolute;
	cursor:pointer;
	opacity:0;
	filter:alpha(opacity=0);
	border-width:0;
	top:260px;
	left:850px;
	width:120px;
	height:250px;
}

/* VIEW: CHECKOUT2: REVIEW CART AND ADDRESSES */

div#feCenter div#feCheckoutStep2 div#feInvoiceAddress {
	position:absolute;
	left:167px;
	top:170px;
}
div#feCenter div#feCheckoutStep2 div#feDeliveryAddress {
	position:absolute;
	left:450px;
	top:170px;
}
div#feCenter div#feCheckoutStep2 div#fePreorder {
	position:absolute;
	left:720px;
	top:175px;
}

div#feCenter div#feCheckoutStep3 {
	position:absolute;
	left:167px;
	top:270px;
	width:650px;
}

/* LIEFERADRESSEN VERWALTEN , BESTELLHISTORIE, ALTE WARENKÖRBE */
div#feCenter #feChosenMenupointCaption {
	position: absolute;
	top: 125px;
	left: 10px;
	right: 10px;
/*	background-color: #FFF0A5;*/
	width:966px;
	height: 34px;
	line-height: 32px;
	padding-left: 5px;
	padding-right: 2px;
	padding-top: 2px;
    color: #555555;
/*	font-family: Verdana, sans-serif;*/
	font-size: 25px;
}


div.errorBestellen {
	color:#f00;
	position:absolute;
	left:250px;
	top:235px;
	width:500px;
}