/* CSS
www.kwerk-shop.de
*/
img, a img {
  border: none;
}

.inputleft {
  border:0px;
  font-family:Courier, Arial, Verdana;
  font-size:11pt;
  font-weight:bold;
  color:#515151;
  width:148px;
  height:25px;
  background-image:url(/images/bg_input.gif);
}

A.kasse {
  font-family: Arial, Verdana;
  font-size:9pt;
  text-decoration:none;
  color:#000000;
  font-weight:bold;
}

A.kasse:hover {
  font-family: Arial, Verdana;
  font-size:9pt;
  text-decoration:none;
  color:#FFFFFF;
  font-weight:bold;
}

.produkttitel {
  font-family: Arial, Verdana;
  font-size:15pt;
  text-decoration:none;
  color:#000000;
  font-weight:bold;
  font-style:italic;
}

A.kat:link {
  font-family: Arial, Verdana;
  font-size:9pt;
  text-decoration:none;
  color:#4A494A;
  font-weight:bold;
  padding : 1px;
  border : 0px solid;
  text-decoration: none;
  width:137px;
}

A.kat:visited {
  font-family: Arial, Verdana;
  font-size:9pt;
  text-decoration:none;
  color:#4A494A;
  font-weight:bold;
  padding : 1px;
  border : 0px;
  text-decoration: none;
  width:137px;
}

A.kat:hover {
  font-family: Arial, Verdana;
  font-size:9pt;
  text-decoration:none;
  color:#8C0000;
  font-weight:bold;
  background-color : #E7B301;
  padding : 1px;
  border : 0px;
  text-decoration: none;
  width:137px;
}

.katactive {
  font-family: Arial, Verdana;
  font-size:9pt;
  text-decoration:none;
  color:#8C0000;
  font-weight:bold;
  background-color : #E7B301;
  padding : 1px;
  border : 0px;
  text-decoration: none;
  width:137px;
}

.text {
  font-family: Arial, Verdana;
  font-size:9pt;
  text-decoration:none;
  color:#000000;
}

.headline {
  font-family: Arial, Verdana;
  font-size:15pt;
  text-decoration:none;
  color:#000000;
}

.checkout-headline {
  font-family: Arial, Verdana;
  font-size:12pt;
  text-align:left;
  text-decoration:none;
  color:#000000;
}
.agb {
  font-family: Arial, Verdana;
  font-size:11pt;
  text-decoration:none;
  color:#000000;
  font-weight:bold;
}

.impressbold {
  font-family: Arial, Verdana;
  font-size:11pt;
  text-decoration:none;
  color:#000000;
  font-weight:bold;
}

.impressfehler {
  font:bold 11pt arial, verdana;
  text-decoration:none;
  color:#FF0000;
}

.impress {
  font-family: Arial, Verdana;
  font-size:9pt;
  text-decoration:none;
  color:#000000;
}

.preis {
  font-family: Arial, Verdana;
  font-size:8pt;
  text-decoration:none;
  color:#000000;
  font-weight:bold;
}

A.link {
  font-family: Arial, Verdana;
  font-size:9pt;
  text-decoration:none;
  color:#000000;
}

A.link:hover {
  font-family: Arial, Verdana;
  font-size:9pt;
  text-decoration:underline;
  color:#000000;
}

/*
*  Änderungen Andreas Ernst
*/
.check {
  font-family: Arial, Verdana;
  font-size:9pt;
  font-weight:bold;
  color: red;
  /*border: 2px;
  margin: 10 px;
  background: #fff;*/
}
.form-button {
  /*    overflow:visible;
      width:auto;*/
  padding: 1px 8px;
  /*padd\ing-left: 0px 8px;*/
  /*padding: 1px 8px; 1px klappt mit dem IE nicht*/
  color:#000;
  border:1px solid #fecf37;
  background:#e9f7fa;
  font-family:"Trebuchet MS", arial, verdana;
  font-size:11px;
  font-weight:bold;
  cursor:pointer;
  text-align:center;
  vertical-align:middle;
  text-decoration:none;
}
* html .form-button {
  padding: 0px 8px;
}
.form-button:hover {
  color:#000;
  border:1px solid #b6d4e7;
  background:#ffde31;
  text-decoration:none;
}
.box-button-kundenarea {
  /*  overflow:visible;*/
  border:10px;
  padding:1px 8px;
  background:#e9f7fa;
  /*  color:#ffffff;*/
  border:1px solid #fecf37;
  font:bold 11px arial, verdana;
  cursor:pointer;
  text-align:center;
  vertical-align:middle;
  text-decoration:none;
}
.box-button-kundenarea:hover {
  color:#3871a8;
  border:1px solid #b6d4e7;
  background:#e9f7fa;
  text-decoration:none;
}
.box-loeschen {
  /*  overflow:visible;*/
  border:1px;
  padding:1px 8px;
  background:#ff0000;
  /*  color:#ffffff;*/
  /*  border:1px solid #000;*/
  font:bold 11px arial, verdana;
  cursor:pointer;
  text-align:center;
  vertical-align:middle;
}
.box-loeschen hover {
  /*  overflow:visible;*/
  border:1px;
  padding:1px 8px;
  background:#ff0000;
  color:#ffffff;
  /*  border:1px solid #000;*/
  font:bold 11px arial, verdana;
  /*  cursor:pointer;*/
  text-align:center;
  vertical-align:middle;
}
/*
* Checkout Bereich
*/
.checkout-font {
  font:bold 12px arial, verdana;
  text-decoration:none;
}
.checkout-box {
  /*  font:bold 12px arial, verdana;
    text-decoration:none;*/
  /*  width:80%;*/
  border:1px solid #b6d4e7;
  padding:8px 30px;
  padding-bottom:4%;
  background:#FBFAF6;
  color:#000;
  /*#e9f7fa;1px solid #E4E4E4*/
  margin-top:0;
  margin-left:2%;
  margin-right:2%;
  margin-bottom:auto;
}
.checkout-kopf {
  color:#fff;
  padding:0 6px;
  /*  padding:0 4px;*/
  font-weight:bold;
  background-color : #E7B301;
}
.checkout-active {
  /*  font:bold 12px arial, verdana;
    text-decoration:none;*/
  border:1px solid #b6d4e7;
  padding:8px 10px;
  background:#e9f7fa;
  color:#E7B301;
  /*#e9f7fa;1px solid #E4E4E4*/
  margin-top:0;
  margin-left:2%;
  margin-right:2%;
  margin-bottom:auto;
}
.checkout-passive {
  /*  font-family: Arial, Verdana;
    font-size: 6pt;*/
  /*  font:bold 12px arial, verdana;
    text-decoration:none;*/
  border:1px solid #b6d4e7;
  padding:8px 10px;
  /*	background:#e9f7fa;*/
  background:#E4E4E4;
  color:#666666;
  /*#e9f7fa;1px solid #E4E4E4*/
  margin-top:0;
  margin-left:2%;
  margin-right:2%;
  margin-bottom:auto;
  /*  cursor:default;*/
}
.checkout-passive-kopf {
  /*  font:bold 12px arial, verdana;
    text-decoration:none;*/
  color:#666666;
  padding:0 6px;
  /*  padding:0 4px;*/
  font-weight:bold;
  background-color: #fff;
  /*  cursor:default;*/
}
.checkout-fertig {
  /*  font-family: Arial, Verdana;
    font-size: 6pt;*/
  /*  font:bold 12px arial, verdana;
    text-decoration:none;*/
  border:1px solid #95a7a7;
  padding:8px 10px;
  /*	background:#e9f7fa;*/
  background:#989898;
  color:#666666;
  /*#e9f7fa;1px solid #E4E4E4*/
  margin-top:0;
  margin-left:2%;
  margin-right:2%;
  margin-bottom:auto;
  /*  cursor:default;*/
}
.checkout-fertig a {
  /*  font-family: Arial, Verdana;
    font-size: 6pt;*/
  /*  font:bold 12px arial, verdana;
    text-decoration:none;*/
  /*  padding:8px 10px;*/
  background:#989898;
  color:#666666;
  /*#e9f7fa;1px solid #E4E4E4*/
  margin-top:0;
  /*  margin-left:2%;
    margin-right:2%;*/
  margin-bottom:auto;
}
.checkout-fertig-kopf {
  /*  font:bold 12px arial, verdana;
    text-decoration:none;*/
  color:#666666;
  padding:0 6px;
  /*  padding:0 4px;*/
  font-weight:bold;
  background-color: #E4E4E4;
}
/*
* 2 Spalten Box
*/
#box-2-spalten-links {
  font:bold 12px arial, verdana;
  text-decoration:none;
  float:left;
  /*  padding:8px 10px;*/
  background:#000;
  color:#fff;
  width:50%;
  /*#e9f7fa;1px solid #E4E4E4*/
  /*  margin-top:0;
    margin-left:2%;
    margin-right:2%;
    margin-bottom:auto;*/
}
#box-2-spalten-rechts {
  font:bold 12px arial, verdana;
  text-decoration:none;
  float:right;
  background:#999;
  color:#fff;
  width:50%;
  /*  margin-bottom:20%;*/
  /*#e9f7fa;1px solid #E4E4E4*/
  /*  margin-top:0;
    margin-left:2%;
    margin-right:2%;
    margin-bottom:6%;*/
  /*  margin-bottom:auto;*/
}
.box-spalten {
  font:bold 12px arial, verdana;
  text-decoration:none;
  /*  padding:8px 10px;*/
  background:#000;
  color:#fff;
  width:50%;
  margin-left:20%;
  margin-right:20%;
  padding-bottom:10%;
  /*#e9f7fa;1px solid #E4E4E4*/
  /*  margin-top:0;
    margin-left:2%;
    margin-right:2%;
    margin-bottom:auto;*/
}
#box-links {
  float:left;
  margin-left:6%;
  /*  margin-bottom:20%;*/
  /*#e9f7fa;1px solid #E4E4E4*/
  /*  margin-top:0;
    margin-left:2%;
    margin-right:2%;
    margin-bottom:6%;*/
  /*  margin-bottom:auto;*/
}
#box-rechts {
  float:right;
  margin-right:6%;
  /*  margin-bottom:20%;*/
  /*#e9f7fa;1px solid #E4E4E4*/
  /*  margin-top:0;
    margin-left:2%;
    margin-right:2%;
    margin-bottom:6%;*/
  /*  margin-bottom:auto;*/
}
.form-button-checkout {
  /*    overflow:visible;
      width:auto;*/
  /*width:120%;*/
  height:27px;
  /*  border:0;*/
  padding:1px 8px;
  background:#ffde31;
  color:#000;
  border:2px solid #fecf37;
  font:bold 11px arial, verdana;
  cursor:pointer;
  text-align:center;
  vertical-align:middle;
}
a.checkout-zurueck {
  font:bold 11px arial, verdana;
  /*  background:#ffde31;*/
  /*  color:#ffde31;*/
  color:#000;
}
a.checkout-zurueck:hover {
  font:bold 11px arial, verdana;
  /*  background:#ffde31;*/
  /*  color:#ffde31;*/
  /*  color:#fecf37;*/
  color:#000;
}
a.checkout-zurueck:visited {
  font:bold 11px arial, verdana;
  /*  background:#ffde31;*/
  /*  color:#ffde31;*/
  color:#000;
}
.form-button-checkout-zurueck {
  /*    overflow:visible;
      width:auto;*/
  width:130%;
  height:35px;
  /*  border:0;*/
  padding:1px 8px;
  background:#ffde31;
  color:#000;
  border:2px solid #fecf37;
  font:bold 11px arial, verdana;
  cursor:pointer;
  text-align:center;
  vertical-align:middle;
}
.line {
  color:#E4E4E4;
  height:1px;
  width:550px;
}
a.backoffice {
  font-family:"Trebuchet MS";
  font-size:15pt;
  color:#3266A0;
}
a.backoffice:hover {
  font-family:"Trebuchet MS";
  font-size:15pt;
  color:#fcaf3e;
}
.headline-backoffice {
  font:bold 12pt arial, verdana;
  text-decoration:none;
  color:#000000;
}
.backofficetabelle {font-family:"Trebuchet MS";font-size:9pt;color:white}
.backofficetabelle2 {font-family:"Trebuchet MS";font-size:9pt;color:black}

.meldung {
  border:1px solid red;
  padding:2px;
  margin:2px;
  width:60%;
  text-align:left;
  /*  height:27px;*/
}

.meldung-text {
  font-family:"Trebuchet MS";
  color:red;
}

.warenkorbbox {
  border:1px solid #3871a8;
  padding:2px;
  margin:2px;
  width:60%;
  text-align:left;
  /*  height:27px;*/
}

.warenkorbbox-text {
  font-family:"Trebuchet MS";
  color:#3871a8;
}

.artikel {
  /*float: left;*/
  text-align:center;
  margin:auto;
  width: 64%;
  padding:2px;
  border: 1px solid #666;
  background:#e9f7fa;
}

.warenkorb {
  /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
  text-align:center;
  margin:auto;
  width: 64%;
  padding:2px;
}

.naviline {
  background:#dadde0;
  height:2px;
}

ul#navigation {
  background: #3985bf;
  vertical-align: middle;
  text-align:center; /* reicht für den IE */
  margin:auto; /* für Firefox und Opera */
}

ul#navigation li {
  list-style: none;
  display: inline;
}

ul#navigation a, ul#navigation span {
  font-weight: bold;
  font:bold 12px arial, verdana;
  color: #fff;
  display: inline-block;
  width: 6em;
  padding: 10px 10px;
  text-align:center;
  text-decoration:none;
}
ul#navigation a:hover {
  background: #fecf37;
  color: #fff;
}
ul#navigation a.active {
  background: #3871a8;
  color: #fff;
}
ul#navigation div {
  float:left;
  clear:left;
  padding: 0;
  margin: 0;
  border: 0;
}

.backoffice-suchen {
  font-family:"Trebuchet MS";font-size:9pt;color:black;
  float:left;
  position:fixed;
  left:20px;
  top:250px;
  width:150px;
  height:100px;
  padding:5px;
  text-align:center;
  /*  position:fixed; top:20px; left:20px; width:150px;*/
  z-index:1;
  border: 1px solid #666;
  background:#e9f7fa;
}

html>body #backoffice-suchen {
  position: fixed;
}

.wrapper {
  margin: 0 auto;
  max-width: 100%;
}

.kopf {
  width:100%;
  /*  clear: both;*/
  height: 130px;
  /*  border: 1px solid #c6c6c6;*/
  background: url(/images/bgh.jpg) repeat-x;
  /*background: #FFEBCC url(bilder/wrapper-bg.jpg) 585px 320px no-repeat;*/
}

.kopfbilderlinks {
  width:48%;
  float:left;
  /*  text-align:center;
    margin:auto;*/
  /*background: url(/images/bgh.jpg) repeat;*/
}

.kopfbilderrechts {
  width:48%;
  float:right;
  /*  text-align:center;
    margin:auto;*/
  /*background: url(/images/bgh.jpg) repeat;*/
}

table .backoffice {
  text-align:center;
  margin:auto;
}
th td .backoffice {
  padding:3px ;
}

table.artikelsuchen {
  border: 1px solid #666;
  /*margin:auto;*/
  width:90%;
}

thead.artikelsuchen {
  font-family:"Trebuchet MS";font-size:9pt;color:white;
  text-align:center;
  background:#3266A0;
}

th.artikelsuchen {
  padding:3px;
  border: 1px solid #3266A0;
}

td.artikelsuchen-links {
  padding:3px;
  font-family: Arial, Verdana;
  font-size:9pt;
  text-decoration:none;
  color:#000;
  vertical-align:top;
  text-align:justify;
  background:#e9f7fa;
}

td.artikelsuchen-rechts {
  padding:3px;
  font-family: Arial, Verdana;
  font-size:9pt;
  text-decoration:none;
  color:#000;
  vertical-align:top;
  text-align:right;
  background:#e9f7fa;
}

td.artikelsuchen-mitte {
  padding:3px;
  font-family: Arial, Verdana;
  font-size:9pt;
  text-decoration:none;
  color:#000;
  vertical-align:top;
  text-align:center;
  background:#e9f7fa;
}
table .backoffice {
  text-align:center;
  margin:auto;
}
th td .backoffice {
  padding:3px ;
}

table.artikelsuchen {
  border: 1px solid #666;
}

thead.artikelsuchen {
  font-family:"Trebuchet MS";font-size:9pt;color:white;
  text-align:center;
  background:#3266A0;
}

th.artikelsuchen {
  padding:3px;
  border: 1px solid #3266A0;
}

td.artikelsuchen-links {
  padding:3px;
  font-family: Arial, Verdana;
  font-size:9pt;
  text-decoration:none;
  color:#000;
  vertical-align:top;
  text-align:justify;
  background:#e9f7fa;
}

td.artikelsuchen-rechts {
  padding:3px;
  font-family: Arial, Verdana;
  font-size:9pt;
  text-decoration:none;
  color:#000;
  vertical-align:top;
  text-align:right;
  background:#e9f7fa;
}

td.artikelsuchen-mitte {
  padding:3px;
  font-family: Arial, Verdana;
  font-size:9pt;
  text-decoration:none;
  color:#000;
  vertical-align:top;
  text-align:center;
  background:#e9f7fa;
}

.kundenarea {
  font-family: Arial;
  font-size:10pt;
  font-weight:bold;
  /*font-family:cursive;*/
  text-decoration:none;
  color:#000000;
}
/*
* Infos
*/
#box-info {
  /*font:bold 12px arial, verdana;*/
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  text-decoration:none;
  float:left;
  padding: 2%;
  width: 95%;
  /*#e9f7fa;1px solid #E4E4E4*/
  /*  margin-top:0;
    margin-left:2%;
    margin-right:2%;
    margin-bottom:auto;*/
}