/******************************************************************************/
/*           _____ _____ _____ _______              __   __                   */
/*          / ____|  __ \_   _|__   __|             \ \ / /                   */
/*         | (___ | |__) || |    | |_      _____  _ __ V /                    */  
/*          \___ \|  ___/ | |    | \ \ /\ / / _ \| '__> <                     */  
/*          ____) | |    _| |_   | |\ V  V / (_) | | / . \                    */ 
/*         |_____/|_|   |_____|  |_| \_/\_/ \___/|_|/_/ \_\  webdesign        */
/*                                                                            */
/*       © SPITworX webdesign - www.spitworx.de - info1 (at) spitworx.de      */
/*                                                                            */  
/******************************************************************************/  

body {
  padding: 0;
  margin: 0;
  background-color: #ffffff;
  background-image: url("body.gif");
  background-position: 0 0;
  background-repeat: repeat-x;
}

body, table, tr, td, th {
  line-height: 1.5;
  color: #333333;
  font-family: arial, sans-serif;
  font-size: 13px;
  text-decoration: none;
}

td, th {
  text-align: left;
  vertical-align: top;
}

hr {
  height: 1px;
  line-height: 1px;
  border: 0 solid #733c1d;
  background-color: #733c1d;
}

form {
  display: inline;
  padding: 0;
  margin: 0;
}

img {
  border: 1px solid #733c1d;
}

h1, h2, h3, h4, h5, h6 {
  display: block;
  padding: 0;
  margin: 0;
  line-height: 1.5;
  color: #733c1d;
  font-family: arial, sans-serif;
  text-decoration: none;
  font-weight: bold;
}

h1 {
  margin: 25px 0 10px 0;
  font-size: 15px;
}

h2 {
  margin: 25px 0 9px 0;
  font-size: 14px;
}

h3 {
  margin: 25px 0 8px 0;
  font-size: 13px;
}

h4 {
  margin: 0 0 10px 0;
  font-size: 15px;
}

h5 {
  margin: 0 0 9px 0;
  font-size: 14px;
}

h6 {
  margin: 0 0 8px 0;
  font-size: 13px;
}

ul {
  padding-left: 20px;
  list-style-type: none;
}

ul li {
  padding-left: 10px;
  background-image: url("li.gif");
  background-position: 0px 8px;
  background-repeat: no-repeat;
}

ul ul li {
  background-image: url("li2.gif");
}

a, a:link, a:active, a:visited, a:hover {
  line-height: 1.5;
  color: #733c1d;
  font-family: arial, sans-serif;
  text-decoration: underline; 
}

a[target=_blank] {
  padding-right: 10px;
  background-image: url("target_blank.gif");
  background-position: 100% 1px;
  background-repeat: no-repeat;
}

div.wrapper {
  position: absolute;
  left: 50%;
  width: 920px;
  z-index: 1;
  margin-left: -460px;
}

div.head {
  display: block;
  width: 920px;
  height: 206px;
  background-image: url("head.jpg");
  background-position: 0 36px;
  background-repeat: no-repeat;
}

div.title {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 920px;
  height: 36px;
  background-image: url("head_title.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
}

div.logo {
  display: block;
  position: absolute;
  top: 71px;
  left: 70px;
  width: 100px;
  height: 100px;
}

div.logo img {
  border: 0;
}

div.topmenu {
  display: block;
  position: absolute;
  top: 181px;
  left: 240px;
  height: 25px;
  padding: 0 15px 0 15px;
  background-image: url("head_menu.png");
}

div.topmenu ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

div.topmenu li {
  display: inline;
  padding-left: 22px;
  font-size: 12px;
  background-image: url("head_menu_li.gif");
  background-position: 7px 4px;
  background-repeat: no-repeat;
}

div.topmenu li.menu-first {
  padding-left: 0;
  background-image: none;
}

div.topmenu li a, div.topmenu li a:link, div.topmenu li a:active, div.topmenu li a:visited {
  line-height: 25px;
  color: #ffffff;
  font-size: 12px;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: 1px;  
}

div.topmenu li.menu-current a, div.topmenu li.menu-current a:link, div.topmenu li.menu-current a:active, div.topmenu li.menu-current a:visited {
  color: #fff7d9;
}

div.topmenu li a:hover, div.topmenu li.menu-current a:hover {
  color: #fff7d9;
}

div.middle {
  width: 920px;
  background-image: url("middle.gif");
  background-position: 0 0;
  background-repeat: repeat-y;
}

div.left {
  float: left;
  width: 240px;
  margin-bottom: 30px;
}

div.mainmenu, div.search, div.login {
  width: 220px;
  padding: 12px 10px 12px 10px;
  color: #ffffff;
  font-size: 12px;
  background-color: #733c1d;
}

div.mainmenu span, div.search span, div.login span {
  padding: 0;
  margin: 0;
  color: #b4d8f4;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

div.mainmenu ul {
  padding: 0;
  margin: 10px 0 0 20px;
}

div.mainmenu ul ul {
  margin: 5px 0 5px 20px;
}

div.mainmenu li {
  padding-left: 0;
  background-image: none;
}

div.mainmenu a, div.mainmenu a:link, div.mainmenu a:active, div.mainmenu a:visited {
  line-height: 1.25;
  color: #ffffff;
  font-size: 13px;
  text-decoration: none;
  letter-spacing: 1px;
}

div.mainmenu a.menu-current, div.mainmenu a:link.menu-current, div.mainmenu a:active.menu-current, div.mainmenu a:visited.menu-current {
  color: #b4d8f4;
}

div.mainmenu a.menu-parent, div.mainmenu a:link.menu-parent, div.mainmenu a:active.menu-parent, div.mainmenu a:visited.menu-parent {
  color: #fff7d9;
}

div.mainmenu a:hover, div.mainmenu a:hover.menu-current, div.mainmenu a:hover.menu-parent {
  color: #fff7d9;
}

div.search form, div.login form  {
  display: block;
  padding: 0;
  margin: 10px 0 0 20px;
}

div.login a, div.login a:link, div.login a:active, div.login a:visited, div.login a:hover  {
  color: #ffffff;
  font-size: 12px;
}

div.right {
  float: right;
  width: 640px;
  padding: 20px;
  background-image: url("right.gif");
  background-position: 0 0;
  background-repeat: repeat-y;
}

div.breadcrumbs {
  color: #733c1d;
  font-size: 11px;
  text-align: left;
  margin-bottom: 15px;
}

div.breadcrumbs a.menu-current {
  color: #333333;  
  text-decoration: none;
}

div.clear {
  clear: both;
}

div.foot {
  display: block;
  width: 920px;
  padding: 25px 0 15px 0;
  text-align: center;
}

div.foot a[target=_blank] {
  padding-right: 0;
  background-image: none;
}

div.foot a img {
  margin: 0 25px 0 25px;
  border: 0;
}