
   * {
      padding: 0;
      margin: 0;
      border: 0px solid black;

   }

   html, body {
      height: 100%;
   }

   body {
      background-color: #004792;
      background-image: url(gfx/page_background.gif);
      background-repeat: repeat-y;
      background-position: center;
	   font-family: Arial, Helvetica, Verdana, sans-serif;
	   font-size: 12px;
   }

   #page_wrapper {
      margin: 0 auto;
      width: 758px;
   }

   #top a {
      background-image: url(gfx/header.jpg);
      background-repeat: no-repeat;
      width: 746px;
      height: 190px;
      display: block;
      margin: 0px 6px 0px 6px;
   }

   /* submenu auf der linken seite */

   #submenu {
      width: 187px;
      height: 500px;
      margin-left: 6px;
      padding-top: 60px;
      background-image: url(gfx/submenu_background.jpg);
      background-repeat: no-repeat;
      float: left;
   }

   #submenu ul {
      list-style-type: none;
      margin-left: 25px;
   }

   #submenu li {
      font-size: 13px;
      margin-bottom: 12px;
   }

   #submenu li a {
      text-decoration: none;
      font-weight: bold;
      color: #666666;
   }

   #submenu li a:hover, #submenu li a.active {
      color: #004792;
   }

   #submenu ul ul {
      margin: 0px 5px 0px 0px;
   }

   #submenu ul li ul {
      margin-top: 7px;
   }

   #submenu li li {
      font-size: 12px;
      margin-bottom: 5px;
   }

   #submenu li li a {
      padding-left: 8px;
      display: list-item;
      text-decoration: none;
      font-weight: normal;
   }

   #submenu li li a:hover, #submenu li li a.active {
      background-image: url(gfx/submenu_arrow.gif);
      background-position: 0px 4px;
      background-repeat: no-repeat;
   }

   /* formular, submenu-layer */

   #searchengine {
      background-image: url(gfx/form_background.gif);
      background-repeat: no-repeat;
      background-position: top;
      margin-top: 26px;
      padding-top: 25px;
   }

   #searchengine form {
      margin-left: 25px;
   }

   #searchengine form legend {
      display: none;
   }

   #searchengine form .input {
      width: 125px;
      height: 16px;
      background-color: #ffffff;
      border: 1px solid #D1D1D1;
   }

   #searchengine form .button {
      position: relative;
      top: 4px;
   }

   /* hauptmenu, mittlerer bereich */

   #menu {
      margin-top: 9px;
      padding-bottom: 9px;
      margin-left: 41px;
      background-image: url(gfx/menu_background.gif);
      background-repeat: no-repeat;
      background-position: bottom left;
      width: 500px;
      float: left;
   }

   #menu ul {
      list-style-type: none;
   }

   #menu li {
      display: inline;
      font-size: 13px;
      margin-right: 26px;
      margin-left: -9px;
   }

   #menu li a {
      color: #666666;
      font-weight: bold;
      text-decoration: none;
      padding-left: 8px;
   }

   #menu li a:hover, #menu li a.active {
      color: #004792;
      background-image: url(gfx/submenu_arrow.gif);
      background-position: 0px 4px;
      background-repeat: no-repeat;
   }


   /* breadcrumbs, mittlerer bereich*/

   #breadcrumbs {
      margin-top: 27px;
      margin-left: 41px;
      font-size: 11px;
      color: #666666;
      float: left;
   }

   #breadcrumbs img {
      margin-bottom: 2px;
      margin-right: 1px;
      margin-left: 1px;
   }

   #breadcrumbs a {
      text-decoration: underline;
      color: #004792;
   }


   /* inhalte, mittlerer bereich*/

   #content {
      width: 492px;
      margin-top: 27px;
      margin-left: 41px;
      margin-right: 28px;
      float: left;
   }

   #content h1 {
      background-repeat: no-repeat;
      width: 480px;
      height: 34px;
      margin-bottom: 13px;
   }

   #content h1 span {
      display: none;
   }

   #content h2 {
      font-size: 13px;
      color: #004792;
   }

   #content h3 {
      font-size: 12px;
      color: #004792;
      margin-top: 5px;
      margin-bottom: 2px;
   }

   #content p {
      margin-top: 5px;
      margin-bottom: 10px;
      color: #666666;
      line-height: 17px;
   }

   #content ul {
      list-style-type: square;
      color: #666666;
      margin-left: 15px;
      line-height: 20px;
      margin-top: 0px;
   }

   #content b {
      color: #004792;
   }

   #content a {
      color: #004792;
      text-decoration: underline;
   }

   #content a:hover {
      text-decoration: none;
   }

   #content a.arrow {
      text-decoration: none;
      color: #004792;
      background-image: url(gfx/detail-arrow.gif);
      background-repeat: no-repeat;
      background-position: left center;
      padding-left: 10px;
   }

   #content a.arrow:hover {
      color: #666666;
      text-decoration: underline;
   }

   #content .produkt_thumb {
      float: left;
      width: 150px;
      height: 190px;
   }

   /* footer, mittlerer bereich*/

   #footer {
      font-size: 10px;
      background-image: url(gfx/footer_background.gif);
      background-repeat: no-repeat;
      background-position: 0px 15px;
      width: 502px;
      height: 43px;
      top: 65px;
      padding-bottom: 25px;
      color: #acacac;
      clear: both;
      position: relative;
   }

   #footer a {
      color: #acacac;
      text-decoration: none;
   }

   #footer a:hover {
      text-decoration: underline;
      color: #004792;
   }

   #footer span.blue {
      color: #004792;
   }

   #footer span.links {
      position: relative;
      top: 5px;
   }

   /* formulare */

   #content form {
      color: #666666;
      width: 468px;
   }

   #content form input, #content form textarea {
      border: 1px solid #acacac;
   }

   #content form label {
      color: #004792;
      font-weight: bold;
   }

   #content form .input {
     width: 465px;
     margin-bottom: 15px;
   }

   #content form .submit {

   }

   #content form .textarea {
      width: 465px;
      height: 100px;
	   font-family: Arial, Helvetica, Verdana, sans-serif;
	   font-size: 12px;
   }

   #content form .error {
      color: #DC0000;
   }

   #content .search_hilight {
      font-weight: bold;
   }