body {
  background-color: #ffffff;
  font-family: verdana, arial;
  font-size: 70%;
  color: #333333;
}
td {
  font-family: verdana, arial;
  font-size: 11px;
  color: #333333;
}
a {
  font-family: verdana, arial;
  font-size: 1em;
  color: #333333;
  text-decoration: underline;
}
a:hover {
  font-family: verdana, arial;
  font-size: 1em;
  color: #6699CC;
  text-decoration: underline;
}
/* HEAD */

/* HEAD END */

/* NAVIGATION */

#navi { position: absolute; top: 20px; left: 20px; width: 150px; }

#navi_0_standard { height: 20px; background-color: #eeeeee; border-color: #cccccc; border-style: solid; border-width: 1px; margin: 2px; padding-top: 0px; padding-bottom: 0px; padding-left: 4px; padding-right: 5px; line-height: 20px; }
#navi_0_highlight { height: 20px; background-color: #99CCFF; border-color: #cccccc; border-style: solid; border-width: 1px; margin: 2px; padding-top: 0px; padding-bottom: 0px; padding-left: 4px; padding-right: 5px; line-height: 20px; }
a.navi_0 { font-family: verdana, arial; font-size: 1em; color: #333333; text-decoration: none; }
a:hover.navi_0 { font-family: verdana, arial; font-size: 1em; color: #333333; text-decoration: none; }

#navi_1_standard { height: 20px; background-color: #dddddd; border-color: #bbbbbb; border-style: solid; border-width: 1px; margin: 2px; padding-top: 0px; padding-bottom: 0px; padding-left: 10px; padding-right: 5px; line-height: 20px; }
#navi_1_highlight { height: 20px; background-color: #66CCFF; border-color: #cccccc; border-style: solid; border-width: 1px; margin: 2px; padding-top: 0px; padding-bottom: 0px; padding-left: 10px; padding-right: 5px; line-height: 20px; }
a.navi_1 { font-family: verdana, arial; font-size: 1em; color: #333333; text-decoration: none; }
a:hover.navi_1 { font-family: verdana, arial; font-size: 1em; color: #333333; text-decoration: none; }

#navi_2_standard { height: 20px; background-color: #dddddd; border-color: #bbbbbb; border-style: solid; border-width: 1px; margin: 2px; padding-top: 0px; padding-bottom: 0px; padding-left: 20px; padding-right: 5px; line-height: 20px; }
#navi_2_highlight { height: 20px; background-color: #33CCFF; border-color: #cccccc; border-style: solid; border-width: 1px; margin: 2px; padding-top: 0px; padding-bottom: 0px; padding-left: 20px; padding-right: 5px; line-height: 20px; }
a.navi_2 { font-family: verdana, arial; font-size: 1em; color: #333333; text-decoration: none; }
a:hover.navi_2 { font-family: verdana, arial; font-size: 1em; color: #333333; text-decoration: none; }

#navi_3_standard { height: 20px; background-color: #dddddd; border-color: #bbbbbb; border-style: solid; border-width: 1px; margin: 2px; padding-top: 0px; padding-bottom: 0px; padding-left: 30px; padding-right: 5px; line-height: 20px; }
#navi_3_highlight { height: 20px; background-color: #00CCFF; border-color: #cccccc; border-style: solid; border-width: 1px; margin: 2px; padding-top: 0px; padding-bottom: 0px; padding-left: 30px; padding-right: 5px; line-height: 20px; }
a.navi_3 { font-family: verdana, arial; font-size: 1em; color: #333333; text-decoration: none; }
a:hover.navi_3 { font-family: verdana, arial; font-size: 1em; color: #333333; text-decoration: none; }

/* NAVIGATION  END*/

/* CONTENT */
#breadcrumb { position: absolute; top: 70px; left: 190px; width: 710px; font-family: verdana, arial; font-size: 1em; font-weight: bold; color: #333333; }
a.breadcrumb { font-family: verdana, arial; font-size: 1em; font-weight: bold; color: #333333; text-decoration: none; }
a:hover.breadcrumb { font-family: verdana, arial; font-size: 1em; font-weight: bold; color: #6699CC; text-decoration: none; }

#search { position: absolute; top: 20px; left: 190px; height: 40px; width: 710px; border: #cccccc solid 1px; margin: 0 0 15px 0; }
#search_content { padding: 10px; text-align: center; }

#content { position: absolute; top: 90px; left: 190px; width: 710px; border: #cccccc solid 1px; margin: 0 0 15px 0; }
#content_content { padding: 25px; }

#navigateDetails {
  width: 660px;
  border: 1px solid #bbbbbb;
  background-color: #dddddd;
  padding: 4px;
}

#footer {
  text-align: center;
  border-width: 1px 0 0 0;
  border-color: #cccccc;
  border-style: solid;
  margin: 5px 0 0 0;
  padding: 5px 0 0 0;
  width: 660px;
}

/*  #####   ALT - Listing untereinander   ######
#product_listing { width: 660px; border-style: solid; border-color: #cccccc; border-width: 1px; background-color: #eeeeee; font-family: verdana, arial; font-size: 1em; text-decoration: none; margin-top: 0px; margin-bottom: 5px; margin-left: 0px; margin-right: 0px; }
#product_listing_highlight { width: 660px; border-style: solid; border-color: #cccccc; border-width: 1px; background-color: #dddddd; font-family: verdana, arial; font-size: 1em; text-decoration: none; margin-top: 0px; margin-bottom: 5px; margin-left: 0px; margin-right: 0px; }
*/

/*  #####   NEU - Listing nebeneinander   ###### */
#product_listing { width: 130px; border-style: solid; border-color: #cccccc; border-width: 1px; background-color: #eeeeee; font-family: verdana, arial; font-size: 1em; text-decoration: none; padding: 5px; margin: 5px; }
#product_listing_highlight { width: 130px; border-style: solid; border-color: #cccccc; border-width: 1px; background-color: #dddddd; font-family: verdana, arial; font-size: 1em; text-decoration: none; padding: 5px; margin: 5px; }


#category_listing { width: 120px; border-style: solid; border-color: #cccccc; border-width: 1px; background-color: #eeeeee; font-family: verdana, arial; font-size: 1em; text-decoration: none; padding: 6px; }
#category_listing_highlight { width: 120px; border-style: solid; border-color: #cccccc; border-width: 1px; background-color: #dddddd; font-family: verdana, arial; font-size: 1em; text-decoration: none; padding: 6px; }

.headline { width: 660px; border-style: solid; border-color: #6699CC; border-top-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-right-width: 0px; font-family: verdana, arial; font-size: 1.5em; font-weight: bold; color: #6699CC; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 10px; }
.subheadline { width: 660px; border-style: solid; border-color: #6699CC; border-top-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-right-width: 0px; font-family: verdana, arial; font-size: 1.2em; font-weight: bold; color: #6699CC; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 10px; }
.gray_box { background-color: #eeeeee; border-color: #cccccc; border-style: solid; border-width: 1px; padding: 3px; }
.input_field { border-color: #333333; border-style: solid; border-width: 1px; font-family: verdana, arial; font-size: 1em; color: #333333; }
.input_button { border-color: #333333; border-style: solid; border-width: 1px; font-family: verdana, arial; font-size: 1em; color: #333333; font-weight: bold; height: 20px; }
.error {  font-family: verdana, arial; font-size: 11px; color: #cc3333; }
.success {  font-family: verdana, arial; font-size: 11px; color: #006600; }

/* CONTENT END */


/*############################################*/

/* ADMIN */
a.admin_sub_navi { font-family: verdana, arial; font-size: 1em; color: #333333; text-decoration: none; font-weight: bold; }
a:hover.admin_sub_navi { font-family: verdana, arial; font-size: 1em; color: #6699CC; text-decoration: none; font-weight: bold; }

a.no_decoration { font-family: verdana, arial; font-size: 1em; color: #333333; text-decoration: none; }
a:hover.no_decoration { font-family: verdana, arial; font-size: 1em; color: #6699CC; text-decoration: none; }