body {
  background-image: url(../p/bg_body.png);
  font-family: Verdana,Arial,sans-serif;
  font-size: 12px;
  color: #000000;
  margin: 0px;
  padding: 0px;
}

html {
  height: 100.5%;
}

.clear {
  clear: both;
}

.wrapper {
  width: 959px;
  margin: auto;
}

.left {
  width: 247px;
  float: left;
  margin-top: 25px;
  color: #333333;
}

.left .logo {
  border: 0px;
  margin-bottom: 68px;
}

.left .item {
  width: 176px;
  background-image: url(../p/left_box_middle.png);
  padding: 0px 10px;
  font-size: 11px;
  line-height: 1.4em;
}

.left .itemBottom {  
  margin-bottom: 10px;
}

.left .item img {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 8px;
}

.left .item ul {
  margin: 0px 0px 0px 16px;
  padding: 0px;
  float: left;
}


.left .item ul li {
  margin: 0px 0px 3px 0px;
}

.left .item a {
  text-decoration: none;
  color: #FF0000;
}

.left .item a:hover {
  text-decoration: underline;
  color: #FF0000;
}

.left .item a:hover img {
  text-decoration: none;
  color: #FF0000;
}

.right {
  width: 712px;
  float: right;  
}

.right .naviWrapper {
  width: 712px;
  background-image: url(../p/wrapper_navi.png);
}

.right .naviWrapper ul {
  width: 710px;
  height: 64px;
  margin: 0px;
  padding: 0px;
  list-style: none;
  background-image: url(../p/bg_bottom_navi.png);
  background-position: bottom;
  background-repeat: repeat-x;
}

.right .naviWrapper ul li {
  float: left;  
  background-image: url(../p/trenner_navi.png);
  background-position: right;
  background-repeat: no-repeat;  
  padding-top: 25px;
  padding-bottom: 15px;
  width: 25%;
}

.right .naviWrapper ul li.last {
  background-image: none;
}

@font-face { font-family: Calibri; src: url("../ttf/calibri.ttf") format("truetype"); }

.right .naviWrapper ul li a {
  text-decoration: none;
  color: #000000;
  font-size: 18px;
  font-family: Calibri,Arial,sans-serif;  
  margin-left: 25px;
  background-image: url(../p/navi_black.png);
  background-position: right;
  background-repeat: no-repeat;
  padding-right: 13px;
}


.right .naviWrapper ul li.active a, .right .naviWrapper ul li a:hover {
  color: #FF0000;
  background-image: url(../p/navi_red.png);
} 

.right .wrapperHeaderImage {
  background-position: center center;
}

.right .contentWrapper {
  width: 620px;
  margin: 0px auto 20px 0px;
  background-image: url(../p/bg_content.png);
  background-repeat: no-repeat;
  padding: 20px 45px 20px 45px;
  line-height: 1.7em;
  color: #333333;
  height: 600px;
  overflow: auto;
}

.right .contentWrapper h1 {
  font-size: 18px;
  border-bottom: 1px solid #FF0000;
  padding-bottom: 12px;
  margin-bottom: 25px;  
}


.right .contentWrapper p {
  margin-top: 0px;
  margin-bottom: 20px;
}

.right .contentWrapper ul {
  margin-bottom: 25px;
}

.right a {
  text-decoration: none;
  color: #FF0000;
}

.right a:hover {
  text-decoration: underline;
  color: #FF0000;
}

.right table, .right table td {
  margin: 0px;
  padding: 0px;
}

.right table td {
  vertical-align: top;
  padding-bottom: 15px;
}

.right table td.leftCol {
  width: 240px;
}

.right table td.rightCol {
  width: 400px;
}

.right table td.headCol {
  font-weight: bold;
  font-size: 14px;
  padding-top: 15px;
}

.right table td.header {
  padding-bottom: 5px;
  border-bottom: 1px solid #000000;
}

.right table#referenzen td.leftCol {
  width: 200px;
  padding-right: 40px;
}






.right .footer {
  background-image: url(../p/footer.png);
  background-repeat: no-repeat;
  font-size: 11px;
  padding: 10px 25px 10px 25px;
}

.right .footer a {
  color: #FF0000;
  text-decoration: none;
}

.right .footer span.left {
	float: left;
	width: 77%;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}

.right .footer span.right {
  float: right;
  width: 20%;
  display: block;
  text-align: right;
  margin: 0px;
}