 body {
   background-image: url(../grafik/bg_body3.gif);
   background-color: #F2F1EF;
   background-repeat: repeat-y;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   height: 90%;
   border-top: 38px solid #BCBCB6;
 }
 
 div#page {
   position: relative;
   width: 966px;
   height: 100%;
   margin: -38px 0 0 0;
   z-index: 1;
 }
 
 div#head {
   position: relative;
   top: 0; 
   height: 170px;
   background-image: url(../grafik/bg_head1.jpg);
   background-repeat: no-repeat;
   background-position: right;
   z-index: 2;
   background-color: #ECEBE7;
 }
 
 body.Unternehmen div#head {
   background-image: url(../grafik/bg_head1.jpg);
 }
 
 body.Loesungen div#head {
   background-image: url(../grafik/bg_head1.jpg);
 }
 
 body.Service div#head {
   background-image: url(../grafik/bg_head1.jpg);
 }
 
 body.News div#head {
   background-image: url(../grafik/bg_head1.jpg);
 }
 
 body.Partner div#head {
   background-image: url(../grafik/bg_head1.jpg);
 }
 
 body.Info div#head {
   background-image: url(../grafik/bg_head1.jpg);
 }
 
 body.Kontakt div#head {
   background-image: url(../grafik/bg_head1.jpg);
 }
 
 div#logo {
   position: absolute;
   top: 0;
   left: 22px; 
   width: 240px;
   height: 122px;
   padding: 19px 0 0 38px;
   background-image: url(../grafik/bg_logo.gif);
   background-repeat: no-repeat;
   z-index: 4;
 }
 
 div#primary-navigation {
   position: relative;
   background-color: #8E8E85;
   height: 38px;
   z-index: 3;
   opacity: 0.85;
 }
 
 div#primary-navigation-list {
   position: relative;
   margin: 0 0 0 262px;
   padding: 0;
   height: 38px;
 }
 
 div#body {
   position: relative;
   clear: both;
 }
 
 div#marginal-left {
   float: left;
   margin: -1px 0 0 21px;
   width: 245px;
 }
 
 div#marginal-left-container {
   padding: 7px 7px 10px 5px;
   font-size: 0.7em;
   background-image: url(../grafik/bg_marginal-left-container.gif);
   background-repeat: no-repeat; 
 }
 
 div#marginal-left-container-head {
   background-color: #E4E3E0;
   padding: 2px 6px 5px 5px;   
 }
 
 input.quick-search {
   width: 150px;
   float: left;
   border: 1px solid #9C9C93;
   padding: 2px;
   color: #76787B;
   height: 15px;
 }
 
 input.quick-search-submit {
   float: right;
   width: 52px;
   text-align: center;
   background-color: #9C9C93;
   color: #ffffff;
   padding: 0 0 2px 0;
   height: 21px;
   border: 1px solid #76787B;
 }
 
 div#marginal-left-container-body {
   background-color: #ffffff;
   margin: 5px 0 0 0;
   padding: 0;
 }
 
 div#marginal-left-container-body div.first {
   border-top: 1px dashed #CACCC0;
   padding-top: 5px;
 }  
 
 div.marginal-left-eyecatcher {
   background-color: #ffffff;
   margin: 5px 0 0 0;
   padding: 0 2px 0 2px;
   border-bottom: 1px dashed #CACCC0; 
   line-height: 1.5em;
 }
 
 div#marginal-left h4 {
   background-color: #87898B;
   padding: 5px;
   color: #ffffff;
   font-size: 1.0em;
 }
 
 img.marginal-image {
   margin: 1px 0 0 0;
 }
 
 div#marginal-left h5 {
   color: #CA7C01;
   margin: 5px 0 5px 0;
 }
 
 div#marginal-left h5 a {
   font-size: 1.0em;
   color: #CA7C01;
   font-weight: bold;
 }
 
 div#marginal-left p {
   margin: 5px 0 5px 0;
   line-height: 1.5em;
 }
 
 div#content {
   float: left;
   margin: -1px 0 0 13px;
   width: 665px;
   padding: 7px 11px 10px 5px;
   background-image: url(../grafik/bg_content.gif);
   background-repeat: no-repeat;
   font-size: 0.8em;
   color: #5B5955;
 }
 
 div#content h3 {
   background-color: #6278B6;
   padding: 0 3px 5px 13px;
   color: #ffffff;
   font-size: 1.4em;
   margin: 0 0 10px 0;
 }
 
 div#content h3 p {
   float: right;
   font-size: 0.55em;
   padding: 5px 7px 0 0;
 }
 
 div#content h4 {
   margin: 0 0 15px 13px;
   font-size: 1.0em;
   color: #6278B6;
 }
 
 div#marginal-right {
   float: right;
   width: 197px;
   margin: 0 0 0 10px;
 } 
 
 div.marginal-right-eyecatcher {
   margin: 0 0 10px 0;
   font-size: 0.85em;
   line-height: 1.5em;
 }
 
 div#content div.marginal-right-eyecatcher h4 {
   margin: 0;
   font-size: 1.05em;
   color: #ffffff;
   background-color: #6278B6;
   padding: 3px 3px 3px 5px;
 }
 
 div#content div.grey h4 {
   background-color: #8A8C8E;
 }
 
 div#content div.orange h4 {
   background-color: #CA7C01;
 }
 
 div.marginal-right-eyecatcher-content {
   background-image: url(../grafik/bg_eyecatcher_right.gif);
   background-repeat: repeat-x;
   padding: 6px 3px 5px 5px;
   color: #5B5955;
 }
 
 
 div.marginal-right-eyecatcher div.form-row {
   margin: 0 0 7px 0;
 }
 
 div.marginal-right-eyecatcher input,
 div.marginal-right-eyecatcher select,
 div.marginal-right-eyecatcher textarea {
    border: 1px solid #8A8C8E;
    color: #8A8C8E;
    width: 182px;
    padding: 2px;
 }
 
 div.marginal-right-eyecatcher select {
   padding: 2px 0 2px 0;
   width: 187px;
 }
 
 div.marginal-right-eyecatcher textarea {
   height: 75px;
   font-size: 0.9em;
 }
 
 
 div.marginal-right-eyecatcher input.submit {
   background-color: #8A8C8E;
   color: #ffffff;
   text-align: center;
   width: 100px;
   padding: 0;
   border: 1px solid #76787B;
 }
 
 div#content div.marginal-right-eyecatcher h5 {
   margin: 0 0 6px 0;
 }
 
 div#content div.marginal-right-eyecatcher p {
   margin: 0 0 6px 0;
 }
 
 div.marginal-right-eyecatcher a,
 div.marginal-right-eyecatcher a:link,
 div.marginal-right-eyecatcher a:visited,
 div.marginal-right-eyecatcher a:focus,
 div.marginal-right-eyecatcher a:hover,
 div.marginal-right-eyecatcher a:active {
   color: #CA7C01;
   background-repeat: no-repeat;
   background-position: 0 3px;
 }
 
 div.marginal-right-eyecatcher a.mail, 
 div.marginal-right-eyecatcher a.download,
 div.marginal-right-eyecatcher a.weblink {
   font-weight: bold;
   padding: 0 0 0 19px;
 }
 
 div.marginal-right-eyecatcher a.mail {
   background-image: url(../grafik/bg_mail.gif);
 }
 
 div.marginal-right-eyecatcher a.download {
   background-image: url(../grafik/bg_download.gif);
   background-position: 0 4px;
 }
 
 div.marginal-right-eyecatcher a.weblink {
   background-image: url(../grafik/bg_weblink.gif);
   background-position: 0 0;
 }
 
 div.loesungen-list-block {
   padding: 0 0 5px 13px;
   color: #5B5955;
 }
 
 div.loesungen-list-block ul {
  list-style-type: none;
  margin: 20px 0 15px 0;
  padding: 0;
  list-style-position: outside;
  font-size: 0.85em;
 }
 
 div.loesungen-list-block li {
   margin: 0 0 20px 0;
   padding: 0;
 }
 
 div.loesungen-list-block h5 {
   font-size: 1.6em;
   color: #ffffff;
   padding: 20px 0 0 446px;
   background-color: #919396;
   background-repeat: no-repeat;
   height: 135px;
 }
 
 div.loesungen-list-block h5 a {
   color: #ffffff;
   font-weight: bold;
   display: block;
 }
 
 div.loesungen-list-block div.subtitle {
   background-color: #ffffff;
   margin: -20px 0 0 45px;
   padding: 8px 8px 3px 8px;
   line-height: 1.5em;
 }
 
 div.loesungen-list-block div.subtitle h6 {
    width: 374px;
 }
 
 div.loesungen-list-block div.subtitle p {
    width: 374px;
 }
   
 
 div.loesungen-list-block h6 {
   color: #CA7C01;
   margin: 0 0 5px 0;
 }
 
 div.loesungen-list-block h6 a {
   color: #CA7C01;
   font-weight: bold;
 }
 
 div.loesungen-list-block p {
   padding: 0;
   margin: 0 0 0 0;
   line-height: 1.5em;
   color: #5B5955;
 }
 
 div.loesungen-list-block a.detail-link {
   width: 421px;
   display: block;
   text-align: right;
   background-image: url(../grafik/bg_detail_link.gif);
   background-repeat: no-repeat;
   background-position: right;
   padding: 0 15px 0 0;
   color: #CA7C01;
 }
 
 div.list-block {
   padding: 0 0 5px 13px;
   color: #5B5955;
 }
 
 div.list-text-block {
   width: auto;
 }
 
 div.with-marginal-content div.list-text-block {
   width: 436px;
 }
 
 div.list-text-block img {
   border: none;
 }
 
 div.list-text-block h5 {
   background-color: #8A8C8E;
   color: #ffffff; 
   margin: 0 0 1px 0;
   padding: 3px;
   font-size: 0.85em;
 }
 
 div.list-text-block  div.subtitle {
   position: relative;
   background-color: #ffffff;
   margin: -20px 0 0 44px;
   padding: 8px 8px 3px 8px;
   width: 376px;
   font-size: 0.85em;
   color: #5B5955;   
   line-height: 1.5em;
 }
 
 div.list-text-block  div.standard {
   color: #5B5955;   
   line-height: 1.5em;
   font-size: 0.85em;
 }
 
 div.list-block h5.list-kategorie {
   background-color: #8A8C8E;
   color: #ffffff;
   margin: 20px 0 -15px 0;
   padding: 2px 5px 2px 0;
   text-align: right;
   font-size: 0.85em;
 }
 
 div.list-navigation {
   background-image: url(../grafik/bg_navigation_list.gif);
   background-position: 4px 0;
   background-repeat: no-repeat;
 }
 
 table.list-navigation {
   width: 99.99%;
   font-size: 0.85em;
   border: none;
   margin: 0;
   padding: 0;
   border-collapse: collapse;
 }  
 
 td.list-navigation-backward {
   width: 50px;
   margin: 0;
   padding: 5px;
   border: none;
 }    
 
 td.list-navigation-details {
   text-align: center;
   margin: 0;
   padding: 5px;
   border: none;
 }  
 
 td.list-navigation-forward {
   width: 50px;
   margin: 0;
   padding: 5px;
   text-align: right;
   border: none;
 } 
 
 table.list-navigation a {
   color: #CA7C01;
   background-repeat: no-repeat;
 }
 
 td.list-navigation-backward a {
   background-position: left;
   background-image: url(../grafik/bg_but_list_nav_back.gif);
   padding-left: 15px;
 }
 
 td.list-navigation-forward a {
   background-position: right;
   background-image: url(../grafik/bg_but_list_nav_for.gif); 
   padding-right: 15px;
 }
 
 div.list-block ul {
  list-style-type: none;
  margin: 20px 0 15px 0;
  padding: 5px 0 0 0;
  list-style-position: outside;
  font-size: 0.85em;
  border-top: 1px dashed #CACCC0;
  width: auto;
 }
 
 table.list-item {
   width: 99.99%;
 }
 
 div.list-block li {
   margin: 0 0 5px 0;
   padding: 5px;
   background-image: url(../grafik/bg_list_item.gif); 
   background-repeat: repeat-x;
   border-bottom: 1px dashed #CACCC0;
 }
 
 div.list-block li td {
    border: none;
    margin: 0;
    padding: 0;
    vertical-align: top;
 }
 
 div.list-block li td.thumbnail {
   width: 1px;
 }
 
 div.list-block li img {
   margin: 0 10px 0 0;
   padding: 0;
 }
 
 div.list-block li h5 {
   margin: 0 0 5px 0;
   padding: 0;
 }
 
 div.list-block li h5 a {
   color: #CA7C01;
   font-weight: bold;
   display: block;
 }
 
 div.list-block li h6 {
   float: right;
   font-size: 0.9em;
 }
 
 div.list-block li div {
   padding: 0;
   margin: 0;
   color: #5B5955;
   line-height: 1.5em;
 }
 
 div.list-block li a.detail-link {
   float: right;
   text-align: right;
   background-image: url(../grafik/bg_detail_link.gif);
   background-repeat: no-repeat;
   background-position: right;
   padding: 0 15px 0 0;
   margin: 0 15px 0 0;
   color: #CA7C01;
 }
 
 div.list-text-block div.standard ul,
 div.list-text-block div.standard li {
   border: none;
   background: none;
 }
 
 div.list-text-block div.standard ul.richtext-list {
   list-style-type: square;
   margin: 10px 0 0 13px;
   padding: 0;
   list-style-position: outside;
 }
 
 div.list-text-block div.standard li {
   margin: 0 0 0 0;
   padding: 2px;
 }
 
 div.text-block {
   padding: 0 13px 5px 13px;
   margin: 0 0 5px 0;
   color: #5B5955;
 }
 
 div.with-marginal-content {
   width: 436px;
   padding: 0 0 5px 13px;
 }
 
 div.text-block h5 {
   padding: 0 0 10px 0;
   color: #6871A1;
   font-size: 0.85em;
 }
 
 div.text-block p {
   font-size: 0.85em;
   margin: 0 0 10px 0;
   line-height: 1.5em;
 }
 
 div.text-block ul {
  list-style-type: square;
  margin: 0 0 0 13px;
  padding: 0;
  list-style-position: outside;
  font-size: 0.85em;
  line-height: 1.2em;
 }
 
 div.text-block div.details ul{
  font-size: 1em;
 }
 
 div.produkt li {
   color: #5B5955;
 }
 
 div.text-block div.details {
   margin: 10px 0 0 0;
   line-height: 1.5em;
 }
 
 div.text-block div.details h6 {
   color: #8A8C8E;
   padding: 0 0 5px 10px;
   margin: 0 0 2px 0;
   border-bottom: 1px dashed #8A8C8E;
 }
 
 div.text-block div.details div {
   background-image: url(../grafik/bg_details.gif);
   background-repeat: repeat-x;
   padding: 5px 8px 5px 8px;
   color: #5B5955;
   font-size: 0.85em;
 }
 
 div.text-block div.details div div {
   background: none;
   padding: 0;
   margin: 0;
   font-size: 1em;
 }
 
 div.text-block table {
   width: 100%;
   font-size: 0.85em;
   margin: 0 0 15px 0;
 }
 
 div.text-block th, td {
   width: auto;
   padding: 5px;
   color: #5B5955;
   border: 1px solid #ffffff;
   vertical-align: top;
   text-align: left;
 }
 
 div.text-block th {
    background-color: #6278B6;
   color: #ffffff;
 }
 
 div.text-block td {
    background-color: #ECEBE7;
 }
 
 div.text-block div.text-block-image {
   float: right;
   margin: 0 0 5px 5px;
   padding: 0;
   z-index: 4;
   width: 255px;
 }
 
 div.text-block div.text-block-image img {
   z-index: 5;
   float: left;
 }
 
 div.text-block div.text-block-image h6 {
   display: inline;
   position: static;
   margin: -20px 0 0 0;
   padding: 5px 5px 5px 0;
   background-color: #ffffff;
   font-size: 0.8em;
   color: #ABAAA8;
   font-weight: normal;
   z-index: 6;
   float: left;
   width: 90%;
 }
 
 div.volltext {
   font-size: 0.85em;
   color: #5B5955;
   line-height: 1.5em;
 }
 
 div.text-block div.volltext h5,
 div.text-block div.volltext p,
 div.text-block div.volltext ul,
 div.text-block div.volltext table {
   font-size: 1em;
 }
 
 div.gallery {
   margin: 15px 0 15px 0;   
 }
 
 div.with-marginal-content div.gallery {
   float: left;
   margin: 15px 0 0 0;   
 }
 
 div.gallery h6 {
   color: #5B5955;
   font-size: 1.0em;
   padding: 0;
   margin: 0 0 10px 0;
 }
 
 div.gallery-item {
    float: left;
    width: 200px;
    text-align: center;
    padding: 2px;
    border: 1px solid #C2C0BF;
    margin: 0 6px 6px 0;
 }
 
 div.gallery div.last {
    margin: 0 0 6px 0;
 }
 
 div.text-block div.form {
   margin: 0 0 10px 0;
 }
 
 div.text-block div.form h6 {
   margin: 0 0 5px 0;
   color: #6278B6;
   font-size: 0.85em;
 }
 
 div.text-block div.form-group {
   background-image: url(../grafik/bg_form_group.gif);
   background-repeat: repeat-x;
   background-position: 0 2px;
   margin: 0 0 20px 0;
   padding: 9px 9px 1px 9px;
   border-top: 1px dashed #8A8C8E;
   border-bottom: 1px dashed #8A8C8E;
 }
 
 div.text-block div.form  div.form-row {
    clear: both;
    margin: 0 0 8px 0;
 }
 
 div.text-block div.form div.form-label {
    float: left;
    width: 100px;
    color: #86867B;
    font-size: 0.85em;
    font-weight: bold;
 }
 
 div.text-block div.form div.required div.form-label {
    float: left;
    width: 100px;
    color: #6278B6;
    font-size: 0.85em;
    font-weight: bold;
 }
 
 div.text-block div.form div.form-content {
    float: left;
    color: #86867B;
    font-size: 0.85em;
 }
 
 div.text-block div.form input,
 div.text-block div.form select,
 div.text-block div.form textarea {
   width: 500px;
   border: 1px solid #86867B;
   color: #86867B;
   padding: 2px;
 }
 
 div.text-block div.form select {
   width: 504px;
 }   
 
 div.text-block div.form textarea {
   height: 100px;
 }
 
 div.text-block div.form input.submit {
   width: 100px;
   text-align: center;
   background-color: #8B8C8D;
   color: #ffffff;
   padding: 0 0 2px 0;
   height: 21px;
   border: 1px solid #76787B;
   font-size: 0.85em;
 }
 
 div.text-block div.form .\[required\] {
   color: #6278B6;
   border-color: #6278B6;
 }
 
 div.bild {
   margin: 0 10px 0 5px;
 }
 
 div#foot {
   margin: 30px 0 10px 0;
   clear: both;  
   padding: 0 13px 5px 13px;
 }
 
 div#foot-left {
   float: left;
 }
 
 div#foot-right {
   float: right;
   text-align: right;
 }
 
 div#foot a,
 div#foot a:link,
 div#foot a:visited,
 div#foot a:focus,
 div#foot a:hover,
 div#foot a:active {
   display: block;
   background-repeat: no-repeat;
   width: 29px;
   height: 30px;
 }
 
 div#foot a.but_back {
   background-image: url(../grafik/bg_but_back.gif);
   float: left;
 }
 
 div#foot a.but_top {
   background-image: url(../grafik/bg_but_top.gif);
   float: left;
   margin: 0 0 0 10px;
 }
 
 div#foot a.but_print {
   background-image: url(../grafik/bg_but_print.gif);
 }
 
