/* CSS Document */

/* Hauptcontainer */
body, html {
margin: 0;
padding: 0;
background: #767d85;
text-align:left;
}

h1 {
font: 22px Arial;
color: #ffffff;
margin: 0;
padding: 0 0 20px 0;
}

h2 {
font: 18px Arial;
color: #ffffff;
margin: 0;
padding: 0;
}

h3 {
font: bold 16px Arial;
color: #ffffff;
margin: 0;
padding: 2px 0 2px 0;
}
h4 {
font: 14px Arial;
color: #ffffff;
margin: 0;
padding: 2px 0 2px 0;
}
a.url:link, a.url:visited, a.url:active {
font: 11px Arial;
color: #cccccc;
text-decoration:none;
}
a.url:hover {
text-decoration:underline;
color: #ffffff;
}
a.clearmedia:link, a.clearmedia:visited, a.clearmedia:active, a.clearmedia:hover {
font: 8px Arial;
color: #3f3f3e;
text-decoration:none;
}
.durch {
text-decoration:line-through;
}
.main {
margin-top:40px;
padding-top: 21px;
padding-bottom: 150px;
padding-left: 9px;
padding-right: 9px;
width: 872px;
min-height: 538px;
height: auto !important;
height: 538px;
background: #ffffff;
text-align:left;
}

.content {
margin-left:0;
padding-top: 0;
padding-bottom: 0;
padding-left: 201px;
padding-right: 0;
width: 671px;
min-height: 538px;
height: auto !important;
height: 538px;
text-align:left;
background:#ffffff;
font: 11px Arial;
color: #ffffff;
}

.text_content {
padding:10px;
background:#4c545a;
min-height: 518px;
height: auto !important;
height: 518px;
}
.error {
color: #cc0000;
}
 /* Kategorie*/
.g_picture {
margin: 0;
padding: 0;
background:#cccccc;
width: 333px;
height: 306px;
}

.g_content {
background:#5c6345;
margin: -306px 0 4px 337px;
padding:10px;
width: 314px;
height: 286px;
}

.g_content-2 {
background:#6c667e;
margin: -306px 0 4px 337px;
padding:10px;
width: 314px;
height: 286px;
}

.g_button:link, .g_button:visited, .g_button:active {
position:absolute;
display: block;
margin: 265px 0 0 200px;
height: 17px;
width: 105px;
text-align:center;
padding: 4px 5px 0 5px;
font: 11px Arial;
color: #000000;
text-decoration: none;
background: #ffffff;
}
.g_button:hover {
color: #000000;
background: #cccccc;
}

/* -------------------- */

/*  Produkt  */
.p_picture {
margin: 0;
padding: 0;
background:#cccccc;
width: 670px;
height: 306px;
}

.p_content {
background:#5c6345;
margin: 4px 4px 4px 0;
padding:10px 210px 10px 10px;
width: 450px;
height: auto !important;
height: 286px;
min-height: 286px;
}
.p_mini {
position:absolute;
background:#5c6345;
margin: 320px 0 0 478px;
padding: 0;
width: 190px;
height: 170px;
}
.minipic {
padding: 0;
margin: 1px;
border:none;
}

.p_form {
position:absolute;
margin: 0;
}

.p_button {
position:absolute;
height: 23px;
width: 180px;
margin: -37px 0 0 480px;
font: 11px Arial;
color: #000000;
text-decoration: none;
background: #ffffff;
border: none;
}
.p_button:hover {
color: #000000;
background: #cccccc;
}
/* ----------------- */

/*  Warenkorb  */
.w_picture {
margin: 0;
padding: 0;
background:#cccccc;
width: 231px;
height: 213px;
}

.w_content {
background:#4c545a;
margin: -213px 0 4px 235px;
padding: 10px;
width: 414px;
height: 193px;
}

.w_ablauf {
margin: 0;
padding: 10px;
background:#4c545a;
width: 211px;
height: 193px;
}

.w_content-1 {
background:#5c6345;
margin: -213px 0 4px 235px;
padding: 10px;
width: 414px;
height: 193px;
}

.w_content-2 {
background:#6c667e;
margin: -213px 0 4px 235px;
padding: 10px;
width: 414px;
height: 193px;
}

.w_form {
margin: 0;
padding: 0;
}

.w_button {
position:absolute;
height: 23px;
width: 132px;
margin: 165px 0 0 280px;
padding: 3px 5px 0 5px;
font: 11px Arial;
color: #000000;
text-decoration: none;
background: #ffffff;
border: none;
}
.w_button:hover {
color: #000000;
background: #cccccc;
}
.w_aktuallisieren {
position:absolute;
height: 23px;
width: 132px;
margin: 165px 0 0 280px;
padding: 3px 5px 0 5px;
font: 11px Arial;
color: #000000;
text-decoration: none;
background: #ffffff;
border: none;
}
.w_aktuallisieren:hover {
color: #000000;
background: #cccccc;
}

.w_weitere {
padding: 10px;
margin: 0 0 4px 0;
width: 650px;
height: 16px;
background: #3f3f3e;
}

.w_pic_weitere {
padding: 0;
margin: 0 0 0 0;
width: 164px;
height: 151px;
}
/* ----------------- */

/*  Lieferadresse  */
.text_content_liefer {
padding:10px;
background:#3f3f3e;
width: 649px;
margin: 0 0 4px 0;
min-height: 458px;
height: auto !important;
height: 458px;
}

.l_form {
padding: 0;
margin: 0;
}

.input {
  font-family: Arial;
  font-size : 1.0em;
  padding: 1px;
  margin: 0 0 0 0;
  border:none;
  background:#ffffff;
  color: #000000;
  width:200px;
}
.red {
  font-family: Arial;
  font-size : 1.0em;
  padding: 1px;
  margin: 0 0 0 0;
  border:none;
  background:#e7b1b1;
  color: #000000;
  width:200px;
}
.input2 {
  font-family: Arial;
  font-size : 1.0em;
  padding: 1px;
  margin: 0 0 0 0;
  border:none;
  background:#ffffff;
  color: #000000;
  width:145px;
}
.red2 {
  font-family: Arial;
  font-size : 1.0em;
  padding: 1px;
  margin: 0 0 0 0;
  border:1px;
  color: #000000;
  width:145px;
  background:#e7b1b1;
}
.input3 {
  font-family: Arial;
  font-size : 1.0em;
  padding: 1px;
  margin: 0 0 0 0;
  border:none;
  background:#ffffff;
  color: #000000;
  width:50px;
}
.red3 {
  font-family: Arial;
  font-size : 1.0em;
  padding: 1px;
  margin: 0 0 0 0;
  border:none;
  background:#e7b1b1;
  color: #000000;
  width:50px;
}
.input4 {
  font-family: Arial;
  font-size : 1.0em;
  padding: 1px;
  margin: 0 0 0 0;
  border:none;
  background:#ffffff;
  color: #000000;
  width:400px;
}
.red4 {
  font-family: Arial;
  font-size : 1.0em;
  padding: 1px;
  margin: 0 0 0 0;
  border:none;
  background:#e7b1b1;
  color: #000000;
  width:400px;
}

select {
  background-color: #ffffff;
  color: #000000;
  padding: 1px;
  margin: 0;
  border:none;
  font-family: Arial;
  font-size: 1.0em;
}
.l_button {
position:absolute;
height: 23px;
width: 132px;
padding: 3px 5px 0 5px;
margin: -40px 0 0 520px;
font: 11px Arial;
color: #000000;
text-decoration: none;
background: #ffffff;
border: none;
}
.l_button:hover {
color: #000000;
background: #cccccc;
}
/* ----------------- */

/*  Bestellung  */

.b_button {
position:absolute;
height: 23px;
width: 132px;
margin: -35px 0 0 525px;
padding: 3px 5px 0 5px;
font: 11px Arial;
color: #000000;
text-decoration: none;
background: #ffffff;
border: none;
}
.b_button:hover {
color: #000000;
background: #cccccc;
}
/* ----------------- */

/*  Admin  */
.a_products_content {
background:#3f3f3e;
margin: -155px 0 4px 168px;
padding: 10px;
width: 480px;
height: 131px;
}
.a_products_picture {
background:#333333;
margin: 0 0 4px 0;
padding: 0;
width: 164px;
height: 151px;
}
.a_products_buttons {
position:absolute;
margin: 117px 0 0 334px;
}
.a_button {
padding: 2px 5px 2px 5px;
font: 11px Arial;
color: #000000;
text-decoration: none;
background: #ffffff;
border: none;
}
.a_button:hover {
color: #000000;
background: #cccccc;
}
.a_menulist {
display:block;
text-align:right;
padding: 22px 10px 10px 10px;
margin: 0 0 4px 0;
width: 648px;
height: 25px;
background: #4c545a;
}
.loeschlink:link, .loeschlink:visited, .loeschlink:active {
font: 11px Arial;
color: #cccccc;
text-decoration: none;
}
.loeschlink:hover {
color: #cc0000;
text-decoration: underline;
}
/* ----------------- */
.footer {
font: 11px Arial;
color: #ffffff;
text-align:right;
padding-top:7px;
padding-left: 9px;
padding-right: 9px;
width: 872px;
height: 19px;
background: #3f3f3e;
}

.footermenu {
text-align:left;
padding-top:7px;
padding-left: 9px;
padding-right: 9px;
width: 872px;
height: 19px;
margin: -29px 0 0 0;
}



a.footerlink:link, a.footerlink:visited, a.footerlink:active {
font: 11px Arial;
color: #dddddd;
text-decoration:none;
}
a.footerlink:hover {
font: 11px Arial;
color: #ffffff;
text-decoration:underline;
}

.menu  {
margin: 0;
padding: 0;
position:absolute;
display:block;
background: #ffffff;
width: 201px;
}

.logo {
/* 58 Hoch*/
border: 0;
display:block;
width: 197px;
height: 58px;
padding: 0;
background: #3f3f3e;
}

.menu ul {
list-style: none;
margin: 4px 0 0 0;
padding: 0;
}

.menu li {
margin: 0;
margin: 0 0 4px 0;
width: 197px;
}
/* ------- *//* ------- *//* ------- *//* ------- */
.navlink:link, .navlink:visited {
/* 27 Hoch*/
display: block;
margin: 0;;
height: 22px;
padding: 5px 10px 0 10px;
font: bold 14px Arial;
color: #ffffff;
text-decoration: none;
background: #5c6345;
}
.navlink2:link, .navlink2:visited{
display: block;
margin: 0;
height: 22px;
padding: 5px 10px 0 10px;
font: bold 14px Arial;
color: #ffffff;
text-decoration: none;
background: #6c667e;
}
.navlink3:link, .navlink3:visited{
display: block;
margin: 0;
height: 22px;
padding: 5px 10px 0 10px;
font: bold 14px Arial;
color: #ffffff;
text-decoration: none;
background: #4c545a;
}
/* ------- */
.navlink:active, .navlink:hover {
font: bold 14px Arial;
color: #ffffff;
text-decoration: none;
background: #404530;
}
.navlink2:active, .navlink2:hover {
font: bold 14px Arial;
color: #ffffff;
text-decoration: none;
background: #4b4758;
}
.navlink3:active, .navlink3:hover {
font: bold 14px Arial;
color: #ffffff;
text-decoration: none;
background: #363b40;
}
/* ------- */
.navlink_:link, .navlink_:visited, .navlink_:active, .navlink_:hover {
display: block;
margin: 0;
height: 22px;
padding: 5px 10px 0 10px;
font: bold 14px Arial;
color: #ffffff;
text-decoration: none;
background: #404530;
}
.navlink2_:link, .navlink2_:visited, .navlink2_:active, .navlink2_:hover {
display: block;
margin: 0;
height: 22px;
padding: 5px 10px 0 10px;
font: bold 14px Arial;
color: #ffffff;
text-decoration: none;
background: #4b4758;
}
.navlink3_:link, .navlink3_:visited, .navlink3_:active, .navlink3_:hover {
display: block;
margin: 0;
height: 22px;
padding: 5px 10px 0 10px;
font: bold 14px Arial;
color: #ffffff;
text-decoration: none;
background: #363b40;
}
/* ------- *//* ------- *//* ------- *//* ------- */
/* ------- *//* ------- *//* ------- *//* ------- */