<!--

/* --- XHTML, HTML4, HTML5 resets --- */

a, b, blockquote, body, div, form, h1, h2, h3, h4, h5, h6, hr, html, i, iframe, img, li, 
object, ol, p, pre, span, strong, table, tbody, td, tfoot, th, thead, tr, u, ul {
	border: 0;
	margin: 0;
	padding: 0;
	/* font-size: 100%; */
}

html, body {
	height: 100%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

b, strong {
	font-weight: bold;
}

img {
	color: transparent;
	font-size: 0;
	vertical-align: middle;
	/* -ms-interpolation-mode: bicubic; */
}

li {
	display: list-item;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th, td, caption {
	font-weight: normal;
	vertical-align: top;
	text-align: left;
}

svg {
	overflow: hidden;
}

/* --- layout --- */

body {
	background:url(/img/bgr.005.png);
	font-family:arial; 
	font-size:12px; 
	color:#333333;
}

#wrapper {
	width:990px;
	margin:0 auto;	
	background:#ffffff;
	min-height:100%;
	border-left:1px solid #f1f1f1;
	border-right:1px solid #f1f1f1;
	/* border-bottom:1px solid red; */
}

#head, #C, #foot, #menue, #logout {
	
}

#menue {
	width:960px;
	margin-left:7px;
	/* border:1px solid red; */
}

#head {
	height:120px;
	position:relative;
	
	/* border:1px solid red; */
}

#order, #konto, #info, #wk {
	position:absolute;
	font:bold 11px arial; 
	letter-spacing:2px;
	background:url(/img/plus.gif) no-repeat 0px 3px; 
	padding-left:20px;
}

#order { 
	left:150px; 
	top:50px;
}

#wk {
	left:300px; 
	top:50px;
}

#konto {
	left:530px; 
	top:50px;
}

#info {
	left:690px; 
	top:50px;
}

a {
	color:#000269;
	text-decoration:none;
}

#order a, #konto a, #info a, #wk a {
	text-decoration:none;
	border-bottom:1px dotted #666666;
	color:#666666;
}

#order a:hover, #konto a:hover, #info a:hover, #wk a:hover {
	text-decoration:none;
	border-bottom:1px dotted #666666;
	color:#666666;
}

#logo {
	position:absolute; 
	left:40px; 
	top:25px;
	width:70px;
	height:70px;
	background:url(/img/logo.png) no-repeat;
	/* border:1px solid #cccccc; */
}


#pfad {
	border-top:1px solid #d5d5d5;
	position: relative;
	height:50px;
	width:940px;
	margin:0 auto;
}

#logout {
	top:5px;
	right:0px;
	position: absolute;
}

#logout a {
	color:#000269;
	letter-spacing:1px;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
}

#logout a:hover {
	color:#000269;
	letter-spacing:1px;
	font-weight:bold;
	font-size:10px;
	text-decoration:underline;
}

#youarehere {
	top:5px;
	left:0px;
	position: absolute;
	color:#999999;
	font-size:10px;
}

#youarehere a {
	color:#999999;
	letter-spacing:1px;
	text-decoration:none;
}

#youarehere a:hover {
	color:#666666;
	text-decoration:underline;
}


#C {
	position:relative;
	margin-top:30px;
}

#foot {

}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

#content {
	width:960px; 
	/* border:1px solid red; */
	margin:40px auto;
	font:normal 12px arial;
	color:#666666;
}

#content2 {
	width:800px; 
	/* border:1px solid red; */ 
	margin:0 auto;
	font:normal 11px verdana;
	color:#666666;
}

#content3 {
	width:500px; 
	/* border:1px solid red; */ 
	margin:0 auto;
	font:normal 11px verdana;
	color:#666666;
}

/* --- navigation --- */



/* --- grid --- */

.g1, .g2, .g3, .g4, .g5, .g6, .g7, .g8, .g9, .g10, .g11, .g12 {
  display: inline;
  float: left;
  margin:0 10px 20px 10px;
}

.g1 { width:60px; }
.g2 { width:140px; }
.g3 { width:220px; }
.g4 { width:300px; }
.g5 { width:380px; }
.g6 { width:460px; }
.g7 { width:540px; }
.g8 { width:620px; }
.g9 { width:700px; }
.g10 { width:780px; }
.g11 { width:860px; }
.g12 { width:940px;}


div.item {
  /* border: 1px solid #e3e3e3; */
  overflow: hidden;
  padding: 10px 0;
  text-align: center;
}

/* --- produkttabelle --- */

#produkttabelle {
	/* padding:20px 0 20px 0; */
}

#produkttabelle table {
	width:100%;
}

#produkttabelle .hl {
	font:bold 10px verdana;
	color:#999999;
	border-bottom:none;
}

#produkttabelle td {
	padding:5px 30px 5px 0;
	border-bottom:1px solid #cccccc;
	vertical-align:middle;
}

#produkttabelle .bestellnr {
	color:#999999;
}

#produkttabelle span.sonderpreis {
	color:red;
	text-decoration:line-through;
}

#produkttabelle .order {
	text-align:right;
	padding-right:0px;
}

/* #produkttabelle .order a {
	font:bold 10px verdana;
	letter-spacing:1px;
	color:#517700;
	text-decoration:none;
	padding:2px 0 2px 50px;
	background:url(/img/addtocart.gif) no-repeat;
}

#produkttabelle .order a:hover {
	text-decoration:underline;
} 

#produkttabelle .order form {
	display:inline;
	margin:0;
	padding:0;
	border:1px solid green;
}*/

#produkttabelle .order input#absenden {
	/*  */
	width:50px;
	height:25px;
	/* margin-right:5px; */
}

#produkttabelle .order #menge {
	color:#666666;
	font:normal 11px verdana;
	border:1px solid #cccccc;
}

#produkttabelle .order td {
	border:none;
	padding:0;
}


/** Notification **/

.note {
	padding: 10px 10px 10px 50px;
	background:#ffffff no-repeat 15px center;
	position: relative;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	margin:10px 0 20px 0;
}

.note .close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 7px;
	height: 7px;
	display: block;
	background: url(/img/note.x.png);
}

.ok {
	background-color:#d5ffce;
	background-image:url(/img/note.ok.png);
	border:1px solid #9adf8f !important;
	color:#556652;
}

.ok a {
	color:#556652;
}

.fehler {
	background-color:#ffcece;
	background-image:url(/img/note.fehler.png);
	border:1px solid #df8f8f !important;
	color:#665252;
}

.fehler a {
	color:#665252;
}

.info {
	background-color:#dbe3ff;
	background-image:url(/img/note.info.png);
	border:1px solid #a2b4ee !important;
	color:#585b66;
}

.info a {
	color:#585b66;
}

.achtung {
	background-color: #fffbcc;
	background-image: url(/img/note.achtung.png);
	border:1px solid #e6db55 !important;
   color:#666452;
}

.achtung a {
	color:#666452;
}

/* --- Login --- */

#login {
	width:600px;
	margin:0 auto;
	position: relative;
	/* -moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-khtml-border-radius: 12px;
	border-radius: 12px;
	
	border:2px solid #e3e3e3;
	padding:20px; */
	
	/* background-color: #efefef;
	background-color: rgba(235, 235, 235, 0.4); */
}

#login .note {
	margin: 12px 0px 16px;
}

#login div.input {
	height: 33px;
	line-height: 33px;
	margin-bottom: 13px;
	position: relative;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px 3px 3px 3px;
	background-color: #efefef;
	background-color: rgba(235, 235, 235, 0.4);
	border: 1px solid #c3c3c3;
	/* -moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
	-o-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
	box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2); */
	margin-top: 16px;
}

#login div.input input {
	position: absolute;
	top: 0;
	left: 0;
	width: 329px;
	height: 32px;
	background: transparent;
	border: none;
	color: #6A6A6A;
	padding: 0 10px;
}

/* #login div.input label {
	position: absolute;
	top: 0;
	left: 10px;
	height: 33px;
	line-height: 33px;
	color: #3A3636;
} */

#login div.submit {
	/* float: right;
	width: 97px; */
	text-align: right;
	vertical-align:middle;
	padding-top:20px;
}

/* #login div.submit input.txt {
	border:none;
	display:inline;
} */

/*#login div.submit input {	
	-moz-box-shadow: 0px 2px 5px #202020;
	-webkit-box-shadow: 0px 2px 5px #202020;
	-o-box-shadow: 0px 2px 5px #202020;
	box-shadow: 0px 2px 5px #202020;
}*/

/* --- pagination --- */

.pagination {
	/* text-align: right; */
	padding:5px 0 40px 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	/* border:1px solid #cccccc; */
}

.pagination a {
	margin: 0 5px 0 0;
	padding: 3px 6px;
	text-decoration:none;
	color:#666666;
}

.pagination a:hover {
	text-decoration: underline;
}

.pagination a.number {
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}

.pagination a.current {
	background: #aaaaaa;
	border-color: #aaaaaa !important;
	color: #fff !important;
}

/* --- warenkorb --- */

#shoppingcart {
	border:none;
	width:100%;
}

#shoppingcart tr.tblhead td {
	font-weight:bold;
	padding-bottom:5px;
}

#shoppingcart tr.tblrow td {
	padding:5px 0;
}

#shoppingcart td {
	/* border:1px solid #cccccc; */
	vertical-align:middle;
}

#shoppingcart tr.zwischensumme td {
	font-weight:bold;
	padding:10px 0 3px 0;
}

#shoppingcart tr.ust td {
	padding:3px 0;
}

#shoppingcart tr.mindermenge td {
	padding:5px 0;
}

#shoppingcart tr.bestellsumme td {
	padding-top:10px;
	font-weight:bold;
}
#shoppingcart tr.bestellsumme span {
	font-size:9px;
	font-weight:normal;
}

.re {
	text-align:right;
}

.mi {
	text-align:center;
}

.klein {
	font-size:9px;
	color:#999999;
}


/* --- --- */

.topic {
	background:#f3f3f3; 
	color:#999999; 
	padding:5px 10px; 
	font-weight:bold; 
	text-transform:uppercase; 
	letter-spacing:1px;
	margin:0 0 10px 0;
}

table#stammdaten {}

table#kunde {
	margin:-20px 0 10px 0;
}

table#stammdaten td, table#kunde td, table#konditionen td {
	padding-top:5px;
	padding-bottom:5px;
	/* border:1px solid #cccccc; */
}

td.bezeichnung {
	padding-right:20px;
	padding-left:10px;
	font-weight:bold;
}

div.versandadresse {
	padding:5px 0 5px 10px;
	font-weight:bold;
}

/* --- --- */

#pwd {
	text-align:right;
	padding-top:30px;
}

#pwd a {
	color:#999999;
	text-decoration:none;
	border-bottom:1px dotted #999999;
}

#pwd a:hover {
	color:#666666;
	border-bottom:1px dotted #666666;
}

#kennwort {
	
}

#kennwort td {
	vertical-align:middle;
	padding:0 20px 0 0;
}

#kennwort input.customer {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px 3px 3px 3px;
	background-color: #efefef;
	background-color: rgba(235, 235, 235, 0.4);
	border: 1px solid #c3c3c3;
	width:220px;
	padding:5px;
	color:#666666;
}

/* --- --- */

div.mypdf {
	background:url(/img/pdf_16.gif) no-repeat 0px 4px;
	padding:5px 0 5px 25px;
}

div.mypdf a {
		/*letter-spacing:1px;
 font-weight:bold;
	font-size:10px; */
	
}

ul.lnk {
	padding:40px 0;
}

ul.lnk li {
	list-style:none;
	padding:7px 0;
}

ul.lnk div {
	padding-top:3px;
	font-size:11px;
}

ul.lnk div a {
	color:#666666;
	text-decoration:none;
	border-bottom:1px dashed #666666;
}

ul.lnk2 {
	padding:10px 0;
}

ul.lnk2 li {
	list-style:none;
	padding:7px 0;
}


.hl {
	font:bold 11px arial;
	letter-spacing:1px;
	padding:0 0 5px 0;
}