html {
  height: 100%;
  }

body {
  margin: 0px;
  padding: 0px; 
  height:100%;
  background-color: #d7d7d7; 
  text-align: center; /* IE5 zentrieren */
  font-family: arial, sans-serif;
  font-size: 12px;
  color: #000000;
  }

#distance { 
  width: 1px;
  height:50%;
  margin-bottom: -219px; /* half of container's height */
  float:left;
  }


#w3c {
  width: 250px;
  float: right;
  word-spacing:0.2em;
  line-height:1.5em;
  }

img { 
  vertical-align: middle;
  border-width: 0px;
  }

#contentbild {
  float: left;
  margin-top: 5px;
  }


li { 
  padding: 0px; 
  margin: 0px;
  float: left;
  }

ul { 
  list-style:none;
  padding:0;
  margin: 0px;
  }

h1 { 
  font-size: 14px;
  color: #999999;
  font-weight: bold;
  margin-top: 20px;
  margin-left: 25px;
  }

h2 { 
  font-size: 14px;
  color: #000000;
  font-weight: bold;
  }

.text { 
  word-spacing:0.2em;
  line-height:1.5em;
  margin-left: 25px;
  }

#zitat {
  font-size: 11px;
  color: #000000;
  font-weight: normal;
  }

.redlink { 
  color: #e20020;
  text-decoration: none;
  }

#buttonlink {
  float: right;
  margin-bottom: 3px;
  padding-right: 20px;
  }

.text_klein { 
  font-size: 10px;
  }

#referenzliste_ul {  
  height: 180px;
  }

.referenzliste_li{  
  float: none;
  display: block;
  }

#blaettern { 
  float: right;
  padding: 0;
  margin: 0;
  }

#blaettern_abstand {
  position: absolute;
  top: 285px;
  width: 530px;
  }

#container {
  width: 797px;
  height: 439px;
  background-color: #d2d2d2;
  margin: 0 auto;
  clear: left;
  padding: 0px;
  text-align: left;
  }

#subcontainer1 { 
  margin: 0px;  
  background-color: #ffffff;
  }

/* -----------Start Hauptnavigation-------------*/
#mainnavsubcontainer {
  position: absolute;
  bottom: 0px;
  margin-left: 22px;
  }

#mainnav { 
  position: relative;
  margin: 0px; 
  float: left; 
  background-image: url(pixx/nav_top_bg.gif); 
  width: 545px;
  height: 67px; 
  }

#mainnav a { 
  display:block; 
  padding:1px 12px; 
  background:url("pixx/main_divider.gif") no-repeat left bottom; 
  }

/*hide left divider*/
#mainnav_left { 
  position: absolute;
  background-image: url(pixx/mainnav_left.jpg);
  height: 67px;
  width: 23px;
  z-index:1;
  }

#mainnav .current { 
  border-bottom: 4px; 
  border-bottom-style: solid; 
  border-bottom-color: #ffffff;  
  }

#mainnav .notcurrent { 
  padding-bottom: 4px;   
  } 

/* Commented Backslash Hack hides rule from IE5-Mac \*/ #mainnav a {float:none;} /* End IE5-Mac hack */

/* -----------Ende Hauptnavigation-------------*/

/* -----------Start Unternavigation-------------*/
#subnavsubcontainer {
  position: absolute; 
  bottom: 0;
  margin-left: 22px;
  }

#subnav { 
  position: relative;
  margin: 0px; 
  float: left; 
  background-image: url(pixx/nav_top_bg.jpg); 
  width: 545px;
  height: 67px;
  }

#subnav a { 
  display:block; 
  padding:1px 12px; 
  background:url("pixx/sub_divider.gif") no-repeat left bottom;
  }

/*hide left divider*/
#subnav_left { 
  position: absolute;
  background-image: url(pixx/subnav_left.jpg);
  height: 18px;
  width: 23px;
  z-index:2;
  }

#subnav .current { 
  border-bottom: 2px; 
  border-bottom-style: solid; 
  border-bottom-color: #999999;  
  }

#subnav .notcurrent { 
  padding-bottom: 2px; 
  } 

/* Commented Backslash Hack hides rule from IE5-Mac \*/ #subnavnav a {float:none;} /* End IE5-Mac hack */

/* -----------Ende Unternavigation-------------*/
#subnav { 
  margin: 0px; 
  float: left; 
  background-image: url(pixx/nav_sec_bg.jpg); 
  width: 545px; 
  height: 18px;
  }

#content { 
  position: relative;
  margin-left: 0px; 
  padding-left: 7pX;
  padding-right: 10pX;
  margin-top: 0px; 
  float: left; 
  background-color: #ffffff; 
  width: 527px; 
  height: 319px; 
  border-left: 1px solid #c4c4c4; 
  overflow: auto;

  }

/*----------------Formular--------------------*/

#contact_left {
 float: left; 
 width: 370px;
 height: 319px;
 overflow: hidden;
 }

#contact_right {
 float: right;
 }

.formbox {
  width: 340px;
  height: 245px;
  color: #000;
  background-color: #f3f3f3;

  margin-left: 25px;
  padding-top: 5px;
  }

.reihe {
  clear: both;
  padding: 2px 0px;
  }

.label {
  float: left;
  width: 90px;
  text-align: right;
  padding-top: 3px;
  padding-right: 5px;
  }

.feld {
  float: right;
  width: 240px;
  text-align: left;
  } 

.knopf {
  clear: both;
  text-align: right;
  padding-top: 0px;
  padding-bottom: 3px;
  padding-right: 5px;
  }


.defbreite {
  width: 230px;
  }

#flash { 
  margin: 0px; 
  float: right;
  width: 252px;
  height: 404px;
  }

#footer { 
  margin: 0px; 
  padding: 0px;
  float: left;
  background-image: url(pixx/footer_bg.jpg); 
  width: 797px; 
  height: 35px; 
  }

/*-----------Footer Copyright---------------*/

#footer_left {
  margin-left: 25px;
  margin-top: 4px;
  font-size: 11px;
  color: #666666;
  }

/*-----------Footer Links---------------*/

#footer_right {
  float: right;
  margin-right: 0px;
  margin-top: 4px;
  padding-right: 40px;
  }

#footer a { display:block; padding:0px 10px; }

/*Formatierung für die Link-Klasse "mainnav"*/
 a.mainnav:link {
  color:#ffffff;
  font-weight:bold;
  text-decoration: none;
  }
 a.mainnav:visited {
  color:#ffffff;
  font-weight:bold;
  text-decoration: none;
  }
 a.mainnav:hover {
  color:#e20020;  
  font-weight:bold;
  text-decoration: none;
  }

/*Formatierung für die Link-Klasse "mainnav_act"*/
 a.mainnav_act:link {
  color:#666666;
  font-weight:bold;
  text-decoration: none;
  }
 a.mainnav_act:visited {
  color:#666666;
  font-weight:bold;
  text-decoration: none;
  }
 a.mainnav_act:hover {
  color:#666666;  
  font-weight:bold;
  text-decoration: none;
  }

/*und die Formatierung für die Link-Klasse "subnav"*/
 a.subnav:link {
  color:#666666;
  font-size: 10px;
  text-decoration: none;
  }
 a.subnav:visited {
  color:#666666;
  font-size: 10px;
  text-decoration: none;
  }
 a.subnav:hover {
  color:#e20020;
  font-size: 10px;
  text-decoration: none;
  }

/*und die Formatierung für die Link-Klasse "contentlink"*/
.pdflink {
  margin-left: 25px;
  padding-left: 0px;
  margin-bottom: 6px;
  }

 a.contentlink:link {
  color:#000000;
  font-size: 10px;
  text-decoration: none;
  }
 a.contentlink:visited {
  color:#000000;
  font-size: 10px;
  text-decoration: none;
  }
 a.contentlink:hover {
  color:#000000;
  font-size: 10px;
  text-decoration: none;
  }

/*und die Formatierung für die Link-Klasse "footer"*/
 a.footer:link {
  color:#000000;
  font-size: 11px;
  text-decoration: none;
  }
 a.footer:visited {
  color:#000000;
  font-size: 11px;
  text-decoration: none;
  }
 a.footer:hover {
  color:#000000;
  font-size: 11px;
  text-decoration: none;
  }

/*und die Formatierung für die Link-Klasse "zurueck"*/
 a.zurueck:link {
  color:#000000;
  font-size: 11px;
  text-decoration: none;
  }
 a.zurueck:visited {
  color:#000000;
  font-size: 11px;
  text-decoration: none;
  }
 a.zurueck:hover {
  color:#000000;
  font-size: 11px;
  text-decoration: none;
  }