body {
  margin: 0;
  padding: 0;
  font-family: Verdana, Arial, Geneva, Sans-Serif;
  font-size: 82%;
  color: black;
  background-color: white;
  background-repeat: repeat-y;
  background-image: url(files/Layout/kachel.gif?ver=1175753786);
}
@media print {
  body { color: black; background-color: white; }
}
@media handheld, print {
  body { background-image: none; }
}

a           { color: blue; }
a:hover { color: navy; }
a:active { color: orange; }

#inhalt,
h1#collapsed { display: block; font-size: 2px; margin: 0; padding: 0; height: 0; overflow: hidden; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%; 
  margin: 0; 
  display: inline;
}

p  { margin: 1em 0; } /* MSIE Win nimmt sonst einen erheblich größeren Abstand */

.big { font-size: larger; }
.big .big { font-size: 1em; }

#head {
  height: 192px;
  overflow: hidden;
  width: 100%; /* für MSIE 5 Mac */
  background-repeat: no-repeat;
  background-image: url(files/Layout/eckgrafik.jpg?ver=1175753782);
}

#head #top { height: 0; width: 0; display: block; overflow: hidden; }

#head br,
#head #skiplink { display: none; }

#head img  {
  margin: 15px 0 0 134px;
  border: 0;
  display: block; /* damit Zentrierung und Rechtsbündigkeit mittels margin:auto funktioniert */
}

@media handheld {
  #head { height: auto; background-image: none; }
  #head #skiplink { display: block; padding: 1px 0 3px 5px; }
  #head img { margin: 2px 0 0 5px; max-width: 85%; max-height: 50px; }
  #cms_vorschau_label { display: none; }
}

@media aural, braille {
  #head #skiplink { display: inline; }
}

@media print, embossed {
  #head,
  #cms_vorschau_label { display: none; }
}
#mainnavi {
  float: left;
  width: 209px;
  line-height: 26px;
  margin: 0 35px 0 0;
  padding: 26px 17px 0 0;
  border-top: 2px solid rgb(206,206,206);
}

#mainnavi a             { text-decoration: none }
#mainnavi a:link      { color: black }
#mainnavi a:visited  { color: black }
#mainnavi a:hover   { color: rgb(24, 61,244) }
#mainnavi a:active   { color: rgb(35,168,155) }

#mainnavi .curdir a             { text-decoration: none  }
#mainnavi .curdir a:link      { color: rgb(35,168,155) }
#mainnavi .curdir a:visited  { color: rgb(35,168,155) }
#mainnavi .curdir a:hover   { color: rgb(24, 61,244)  }
#mainnavi .curdir a:active   { color: rgb(35,168,155) }

#mainnavi li {
  border: 0 white solid;
  text-align: right;
}

#mainnavi ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

@media print, embossed {
  #mainnavi { display: none; }
}

@media handheld {
  #mainnavi    { float: none; width: 100%; padding: 5px 0; margin-top: 5px; }
  #mainnavi ul { margin-left: 5px; }
  #mainnavi li { text-align: left; }
  #mainnavi a { line-height: 1em; }
}

#content {
  padding: 29px 0 20px 2px;
  width: 655px;
  line-height: 20px;
  margin-left: 261px;
  border-top: 2px solid rgb(206,206,206);
}
#page { padding-left: 15px; }

#content .imgborder img { border: 1px solid rgb(131,131,131); }
@media print {
  #content .imgborder img { border-color: black; }
}

#content #newblockcontext {
  display: table;
  width: 100%;
}

#content div.clearer { clear: both; height: 1px; width: 1px; overflow: hidden; margin-top: -1px;} /* height usw. für Opera und Netscape */
#content br.clearer  { clear: both; }

@media print {
  #content { padding: 10px; margin-left: 0; border-top: none; }
  #content a { color: black; text-decoration: underline; }
  #content h1 a { text-decoration: none; }
  #content a[href^="http"]:after { 
    content: " <"attr(href)">";
  }
  #content .notprinturl a[href^="http"]:after { content: ""; }
}

@media handheld {
  #content { 
     padding: 0 5px;
     margin-left: 0;
     margin-bottom: 5px;
     width: auto;
     line-height: 1em;
  }
  #content #newblockcontext {
    display: block;
    width: 100%;
  }
  #page { padding-left: 0; }
}

/* ----------------------- Standard-Tabelle -------------------------- */

.detailpage .text table,
.detailpage .text table th,
.detailpage .text table tr.header td,
.detailpage .text table td  { border-style: solid; border-color: #e0e0e0; }

.detailpage .text table      { border-width: 1px 0 0 1px; background-color: white; }
.detailpage .text table th,
.detailpage .text table td  { border-width: 0 1px 1px 0; vertical-align: top; padding: 4px; }

.detailpage .text table tr.header td,
.detailpage .text table th { background-color: #d0d0d0; }
.detailpage .text table th { text-align: left; font-weight: normal; }

@media handheld {
  .detailpage .text table    { border-color: silver; }
  .detailpage .text table th,
  .detailpage .text table tr.header td,
  .detailpage .text table td { border-color: silver; padding: 1px; }
}

@media print {
  .detailpage .text table, 
  .detailpage .text table th,
  .detailpage .text table tr.header td,
  .detailpage .text table td { border-color: black; background-color: transparent; }
  .detailpage .text table a { color: black; text-decoration: none; }
}

/* ----------------------- Standard-Liste -------------------------- */

.detailpage .text ul {
  padding-top: 0; margin-top: -1em; padding-bottom: 0; margin-bottom: 0;
}

.detailpage .text ul li {
  margin-top: 1em;
}
.detailpage .text ul.compact li {
  margin-top: 0;
}

@media handheld {
  .detailpage .text ul {
    padding-left: 11px; margin-left: 0;
  }
}
.detailpage {
  line-height: 20px;
}

.detailpage .text {
  text-align: justify;
  padding-bottom: 1em;
}

.detailpage .floatright {
  padding-left: 20px; 
}

.msiedp .floatright {
  padding-left: 0; 
  height: 1%;
}

/* nur MSIE 5 Mac */
/*\*//*/
.detailpage { width: 99.5%; }
/**/

@media handheld {
  .detailpage .floatright { 
    display: table-cell; /* hebt den in "style=..." gesetzten margin-left wieder auf, da eine table-cell keinen margin hat */
    padding: 0; 
  }
  .detailpage .text { text-align: left; }
}

.detailpage .image {
  float: left;
  margin: 0 20px 1em 0;
}

@media handheld {
  .detailpage {
    line-height: 100%;
    padding-top: 0.4em;
  }
  .detailpage .image { 
    float: none;
    margin: 4px 0;
    width: auto;
  }
  .detailpage .image img,
  .detailpage .image { 
    max-width: 99%;
  }
}
.detailpage h2.block {
  display: block;
  padding: 0 0 1em 0;
}

@media handheld {
  .detailpage h2.block {
    padding-bottom: 0.5em;
  }
}

#footer {
  clear: both;
  padding: 0 0 1.5em 0;
}
#footer br { clear:both; }

#footlinks {
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 278px;
}

.msie6footer { padding-left: 3px; }

#footlinks li { float: left; margin-right: 8px; }

#footlinks li#toplink { display: none; }

@media print, embossed {
  #footer { display: none; }
}

@media handheld {
  #footer { padding: 0 0 10px 0; }
  #footlinks { padding: 0 5px; }
  #footlinks li#toplink { display: list-item; }
}

@media aural, braille {
  #footlinks li#toplink { display: list-item; }
}
#homeleft {
  float: left;
  margin-top: 7px;
  text-align: right;
  width: 313px;
}

#homeright {
  float: left;
  margin-top: 7px;
  margin-left: 30px;
}

@media print {
  #homeleft { width: auto; }
  #homelanglink { display: none; }
}

@media handheld {
  #homeleft { width: auto; }
  #homeright { margin-left: 8px; }

  #homeleft,
  #homeright { max-width: 47%; }

  #homeleft img,
  #homeright img { max-width: 100%; }
}
#referenzliste { margin-left: 31px; }
#referenzliste #refheader { display: block; margin-bottom: 1.5em; }

#referenzliste ul { margin: 0; padding: 0; list-style-type: none; }

#referenzliste li {
  margin-top: 1.3em;
  height: 1%; /* MSIE 6/7 Win, da sich sonst der Text neben dem Thumbnail nach unten schiebt */
}

#referenzliste .thumb {
  width: 80px;
  height: 80px;
  background-color: silver;
  float: left;
}

#referenzliste .thumb a:hover img { border-color: blue; }
#referenzliste .thumb a:active img { border-color: orange; }

#referenzliste .teaser {
  margin-left: 92px;
}

#referenzliste a.msiepfeil img { margin-top: -2px; }

#footer a img,
#referenzliste a.pfeil img {
  vertical-align: top;
  background-color: rgb(151,174,172); 
  font-size: 11px;
  border: none; /* für Netscape/Firefox */
}
#footer a:link img,
#referenzliste a.pfeil:link img     { background-color: rgb(151,174,172) }
#footer a:visited img,
#referenzliste a.pfeil:visited img { background-color: rgb(151,174,172) }
#footer a:hover img,
#referenzliste a.pfeil:hover img  { background-color: rgb(122,143,143) }
#footer a:active img,
#referenzliste a.pfeil:active img  { background-color: rgb(174,208,204) }

@media print {
  #referenzliste { margin-left: 0; }
  #footer a img,
  #referenzliste a.pfeil img { display: none; }
}

@media handheld {
  #referenzliste { margin-left: 0; margin-top: 5px; }
  #referenzliste #refheader { margin-bottom: 0; }
  #referenzliste .thumb { display: none; }
  #referenzliste .teaser { margin-left: 0; }
  #referenzliste li { margin-top: 0.5em; }
  #referenzliste ul { margin-bottom: 5px; margin-left: 1.3em; list-style-type: square; }
  #footer img,
  #referenzliste a.pfeil img { max-width: 1em; max-height: 1em; }
}

#refimages { 
  margin-bottom: 0.3em;
}

#refimages img {
  float: left;
  margin: 0 0 15px 15px;
}

#refheadline {
  display: block;
  margin-bottom: 1em;
}

#reftable, #reftable td {
  border: none;
}

#reftable td {
  padding-right: 17px;
  white-space: nowrap;
  vertical-align: top; 
}

@media handheld {
  #refimages { margin-top: 5px; }
  #refimages img {
     margin: 0 5px 5px 0;
     max-width: 99%;
  }
  #refheadline { margin-bottom: 0.3em; }
  #reftable {
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
  }
  #reftable td {
    padding: 0;
    white-space: normal;
    border-left: 1px solid silver;
    border-top: 1px solid silver;
  }
}
#content .team .detailpage {
  padding-left: 47px;
  padding-bottom: 8px;
}

#content .team .detailpage h2 {
  text-transform: none;
  padding-bottom: 0;
}

@media print, handheld {
  #content .team .detailpage { padding-left: 0; }
}

/* nur MSIE 5 Mac */
/*\*//*/
#content .team .detailpage { width: 92%; }
/**/

.detailpage #impressum {
  padding-left: 30px;
}

.detailpage a#copyright {
  color: gray;
  text-decoration: none;
  font-style: italic;
}
.detailpage a#copyright:hover { text-decoration: underline; }

.vcard #contact, .vcard #contact td { border: 0; }
.vcard #contact {
  margin: 1em 0;
}
.vcard #contact td { padding: 0 0.5em 0 0; }
.vcard #url,
.vcard .type { display: none; }

@media print {
  .detailpage #impressum { padding-left: 0; }
  .vcard #url { display: table-row; }
  .detailpage #anfahrtlink { display: none; }
  .detailpage #copyright { color: black; text-decoration: underline; font-style: normal; }
}
@media handheld {
  .detailpage #impressum { padding-left: 0; }
  .vcard #contact td { padding-right: 2px; }
}
@media embossed {
  .detailpage #anfahrtlink { display: none; }
}