/* Allgemeine Stildefinitionen */
* {
  font-family: helvetica, arial, helvetica, sans-serif;
  font-size: 100.1%;
  padding: 0; margin: 0;
}
html {
  overflow-y: scroll;
}
body {
  font-size: 0.75em;
  text-align: center;
  color: #000;
  background-color: #b4cbb0;
}
a img {
  border: 0;
}
.clear {
  clear: both;
}
br.clear {
  font-size: 1px; height: 1px;
}
label, .toggler, #main #switchingbox .switcher img {
  cursor: pointer;
}
td, th {
  vertical-align: top;
}
.onlyprint  {
  display: none;
}
.mt20 {
  margin-top: 34px !important;
}
.mt10 {
  margin-top: 25px !important;
}
img.mime_icon {
  vertical-align:middle;
}
sup {
  font-size: 0.6em;
}
.small {
  font-size: 0.9em;
}
.centered {
  text-align: center;
}
.invisible {
  width: 0px; height: 0px; overflow: hidden;
  position: absolute; left: -1000px; top: 1000px;
  display: inline;
}

/*
  Definition der Inhaltsboxen, vor allem
  - Größe und Position
  - Hintergrundbilder/-farbe
  - Abstände zum Text
  - Abstände zu anderen Boxen
*/
/* beinhaltet die komplette Webseite */
#wrapper {
  position: relative;
  background: url(layout/bodybg.gif) repeat-y top left;
  margin: 10px auto 15px auto;
  width: 980px;
  text-align: left;
}
/* beinhaltet Servicenavigation */
#header {
  position: relative;
  width: 980px; height: 110px;
}
#headleiste {
  position: relative;
  clear: left;
  width: 980px; height: 23px;
}
/* beinhaltet main, left und right */
#container {
  position: relative; z-index: 1;
  clear: left;
  width: 980px;
}
/* Spalte links vom Hauptinhalt */
#left {
  position: relative;
  float: left;
  width: 220px; w\idth: 219px;
  padding: 10px 1px 20px 0;
  overflow: hidden;
}
/* Spalte rechts vom Hauptinhalt */
#right {
  display: none;
}
/* Hauptinhalt */
#main {
  position: relative;
  float: left;
  width: 760px; w\idth: 740px;
  padding: 33px 10px 20px 10px;
  overflow-x: hidden;
}
#footer {
  display: none;
}

/* header: enthält Logo und Flash-Film */
#header #logo {
  float: left;
  width: 220px; w\idth: 193px;
  height: 110px; he\ight: 96px;
  padding: 14px 0 0 27px;
  background: #fff;
  overflow: hidden;
}
#header .mod_flash {
  float: left;
  width: 760px; height: 110px;
  overflow: hidden;
}

/* headleiste: Sprachwechsler und Produktnavigation */
#headleiste .mod_changelanguage {
  float: left;
  width: 220px; w\idth: 185px;
  padding: 2px 0 1px 35px;
  background: #fff;
  font-size: 7px;
  /*border-right: 1px solid #fff;*/
  border-top: 2px solid #e1e1e1;
  border-bottom: 5px solid #e1e1e1;
}
#headleiste .mod_changelanguage ul {
  list-style: none;
}
#headleiste .mod_changelanguage li {
  display: inline;
  margin-right: 5px;
}
#headleiste .mod_changelanguage a {
  text-decoration: none;
}
#headleiste .mod_changelanguage p {
  display: inline;
  margin: 0;
}
#headleiste .mod_navigation {
  position: relative;
  float: left;
  width: 759px; height: 23px;
  background: #fff;
}
#headleiste .mod_navigation ul {
  list-style: none;
  width: 759px;
}
#headleiste .mod_navigation li {
  float: left;
  margin: 0 1px 0 0;
}
#headleiste .mod_navigation li.first {
  margin-left: 0;
}
#headleiste .mod_navigation li.last {
  margin-right: 0;
}
#headleiste .mod_navigation li a {
  display: block;
  width: 189px; height: 50px;
  color: #fff;
  text-align: center;
  background: none;
  font-size: 0.9em;
  font-weight: bold;
  line-height: 0.9em;
  text-decoration: none;
}
#headleiste .mod_navigation li a.entlackung {
  background: url(layout/coatingoffbg.gif) no-repeat top left;
}
#headleiste .mod_navigation li a.liquidoff {
  background: url(layout/liquidoffbg.gif) no-repeat top left;
}
#headleiste .mod_navigation li a.coatingon {
  background: url(layout/coatingonbg.gif) no-repeat top left;
}
#headleiste .mod_navigation li a.wirbelstromtechnologie {
  background: url(layout/wirbelstrombg.gif) no-repeat top left;
}
#headleiste .mod_navigation li a.wirbelstromtechnologie2zeilig {
  background: url(layout/wirbelstrombg.gif) no-repeat top left;
}
#headleiste .mod_navigation li a.wirbelstromtechnologie,
#headleiste .mod_navigation li a.decoating,
#headleiste .mod_navigation li a.surfacedrying,
#headleiste .mod_navigation li a.paintdrying,
#headleiste .mod_navigation li a.eddycurrent {
  padding-top: 5px; he\ight: 45px;
}
#headleiste .mod_navigation ul ul {
  position: absolute; top: 21px; left: 1px; z-index: 1000;
  display: none;
  list-style: none;
  width: 759px;
  height: 29px; he\ight: 24px; overflow: hidden;
  padding-top: 5px;
  background: #fff;
}
#headleiste .mod_navigation li:hover ul,
#headleiste .mod_navigation li.active ul,
#headleiste .mod_navigation li.trail ul {
  display: block;
}
#headleiste .mod_navigation li.active ul,
#headleiste .mod_navigation li.trail ul {
  display: block;
}
#headleiste .mod_navigation li.active ul,
#headleiste .mod_navigation li.trail ul {
  z-index: 900;
}
#headleiste .mod_navigation li.wirbelstromtechnologie ul {
  padding-left: 0; w\idth: 759px;
}
#headleiste .mod_navigation li.entlackung ul {
  padding-left: 0; w\idth: 759px;
}
#headleiste .mod_navigation li.liquidoff ul {
  padding-left: 381px; w\idth: 378px;
}
#headleiste .mod_navigation li.coatingon ul {
  padding-left: 571px; w\idth: 188px;
}
#headleiste .mod_navigation li li {
  position: relative;
  float: left;
  margin: 0 1px 0 1px;
}
#headleiste .mod_navigation li li a {
  display: block;
  width: auto;
  padding: 0 5px 0 5px;
  color: #000;
  text-align: left;
  background: #fff;
  font-weight: normal;
  background: #fff!important;
  white-space: nowrap ;
  border-left: 2px solid #007844;
}
#headleiste .mod_navigation li li a:hover,
#headleiste .mod_navigation li li a.active,
#headleiste .mod_navigation li li a.trail {
  padding-left: 2px;
  border-left: 5px solid #007844;
}

/* left: Hauptmenü sonstige Punkte */
#left .mod_navigation {
  width: 219px;
}
#left .mod_navigation_presse
{
  width: 219px;
  border-top: 2px solid #007844;
  border-bottom: 5px solid #007844;
  margin-bottom: 10px;
  display: block;
  width: 219px; w\idth: 174px;
  padding: 1px 10px 1px 35px;
  font-weight: bold;
  color: #000;
}
#left .mod_navigation_presse a,
#left .mod_navigation_presse li,
#left .mod_navigation_presse li li a:hover,
#left .mod_navigation_presse li li a.active,
#left .mod_navigation_presse li li a.trail{
  color: #000;
  list-style: none;
  text-decoration: none;
  text-transform: uppercase;
}
#left .mod_navigation ul {
  list-style: none;
  margin-bottom: 20px;
}
#left .mod_navigation li {
  width: 219px;
  border-bottom: 1px solid #e1e1e1;
}
#left .mod_navigation li a {
  display: block;
  width: 219px; w\idth: 174px;
  padding: 1px 10px 1px 35px;
  font-weight: bold;
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
}
#left .mod_navigation li a:hover,
#left .mod_navigation li a.active,
#left .mod_navigation li a.trail {
  color: #007844;
}
#left .mod_navigation li a.active,
#left .mod_navigation li a.trail {
  background: url(layout/lidot.gif) no-repeat 25px 6px;
}

#left .mod_servicenav ul {
  list-style: none;
  border-top: 1px solid #e1e1e1;
  margin-bottom: 20px;
}
#left .mod_servicenav li a {
  font-size: 0.9em;
  padding: 1px 10px 1px 35px;
}
#left .mod_servicenav li a.active,
#left .mod_servicenav li a.trail {
  background: url(layout/lidot.gif) no-repeat 25px 6px;
}

#left #dbulogo {
  width: 220px; w\idth: 170px;
  padding: 0 15px 0 35px;
  font-size: 0.8em;
  margin-bottom: 1em;
}

#left .mod_newslist {
  font-size: 0.9em;
}
#left .mod_newslist h2 {
  width: 220px; w\idth: 170px;
  padding: 0 15px 0 35px;
  border-top: 2px solid #007844;
  border-bottom: 5px solid #007844;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}
#left .mod_newslist .layout_latest {
  width: 220px; w\idth: 170px;
  padding: 0 15px 0 35px;
  margin-bottom: 1em;
}
#left .mod_newslist .layout_latest h2 {
  width: 170px;
  border: 0; padding: 0;
  margin-bottom: 0.5em;
  text-transform: none;
}
#left .mod_newslist .layout_latest h2 a {
  color: #007844;
}
#left .mod_newslist .layout_latest p.info {
  display: none;
}



/* main: Hauptinhalte */
#main h1 {
  font-size: 1.4em;
  width: 740px; w\idth: 700px;
  padding: 0 20px 2px 20px;
  margin: 0 0 0.7em 0;
  border-bottom: 1px solid #007844;
}
#main h2 {
  font-size: 1.1em;
  margin: 0 0 0 0;
  padding: 0 20px 0 20px;
}
#main h3 {
  font-size: 1em;
  margin: 0 0 0.5em 20px;
}
#main .second h3 {
  margin-left: 0;
}
#main p, #main ol, #main ul, #main .ce_flv_jw {
  margin: 0 0 1em 0;
  padding: 0 20px 0 20px;
}
#main table {
  margin: 0 20px 1em 20px;
  padding: 0;
}
#main ol, #main ul {
  margin-left: 18px;
  padding-left: 18px;
}
#main td, #main th {
  padding-left: 0;
}
#main a {
  color: #007844;
  text-decoration: none;
}
#main a:hover {
  text-decoration: underline;
}

#main h1.ce_headline img {
  position: relative; top: 3px;
}
#main .subcolumns .first .image_container {
  margin-left: 20px;
}
#main .second .first .image_container {
  margin-left: 0px;
}
#main .green .caption {
  font-weight: bold; color: #007844;
}
#main .floatleft {
  width: 80px; float: left;
}
#main .mod_article .teaser {
  width: 156px; margin-right: 10px;
  float: left;
}
#main .mod_article .teaser  a p {
  margin-bottom: 0;
}
#main .mod_article .teaser a img {
  border: 1px solid #333;
}
#main .mod_articleList h2 {
  margin-bottom: 0.5em;
}
#main .enclosure p {
  margin-bottom: 0;
}
/* Presse */
#main .layout_short {
  clear: left;
  margin-bottom: 1.5em;
}
#main .layout_short h3 {
  padding-left: 0px; color: #007844;
  margin-bottom: 0;
}
#main .layout_short .teaser {
  margin-bottom: 2px;
  width: 390px;
  float: none !important;
}
/* Kontaktformular */
#main .ce_form {
  margin-bottom: 1em;
}
#main .ce_form fieldset {
  width: 380px; margin-left: 20px;
  float: left;
  border: 0;
}
#main .ce_form fieldset.right {
  width: 280px;
}
#main .ce_form p.error,
#main .ce_form .explanation p {
  margin-bottom: 0;
  padding-left: 125px;
}
#main .ce_form .explanation p {
  font-size: 0.9em;
}
#main .ce_form .left label {
  width: 105px; w\idth: 100px;
  float: left; clear: left;
  text-align: right;
  padding-right: 5px;
}
#main .ce_form .left input.text {
  width: 252px; w\idth: 250px;
  padding: 1px;
  border: 1px solid #c9c9c9;
  margin-bottom: 2px;
}
#main .ce_form .left textarea {
  width: 252px; w\idth: 250px;
  height: 140px;
  padding: 1px;
  border: 1px solid #c9c9c9;
  margin-bottom: 1px;
}
#main .ce_form .left .submit_container {
  width: 359px; text-align: right;
  margin-top: 10px;
}
#main .ce_form .left input.submit {
  padding: 2px 5px 2px 5px;
  border: 1px solid #333;
  background: #c9c9c9;
  margin-bottom: 1px;
}
#main .ce_form .right label {
  display: block; clear: left;
  margin: 0 0 10px 0;
}
#main .ce_form .radio_container,
#main .ce_form .checkbox_container {
  clear: left;
}
#main .ce_form .radio_container input.radio,
#main .ce_form .checkbox_container input.checkbox {
  display: block; width: 18px; float: left; clear: left;
}
#main .ce_form .radio_container label,
#main .ce_form .checkbox_container label {
  display: inline; width: 250px; float: left; clear: none;
  margin-bottom: 1px;
}
#main .ce_form #ctrl_16 label,
#main .ce_form #ctrl_34 label,
#main .ce_form .checkbox_container input#opt_15_6,
#main .ce_form .checkbox_container input#opt_33_6 {
  margin-bottom: 10px;
}
#main .ce_form #ctrl_37 label,
#main .ce_form #ctrl_38 label,
#main .ce_form .checkbox_container input#opt_33_8,
#main .ce_form .checkbox_container input#opt_15_8 {
  margin-bottom: 20px;
}
#main .ce_form .left input.error,
#main .ce_form .left textarea.error {
  border: 1px solid #cf0029;
}
#main .ce_form .right label.error,
#main .ce_form .right input.error,
#main .ce_form p.error {
  color: #cf0029;
}
/* Login-Formular */
#main .mod_login {
  margin-left: 20px;
  margin-bottom: 20px;
}
#main .mod_login p,
#main .mod_login label {
  margin: 0; padding: 0;
}
#main .mod_login input.text {
  margin-bottom: 2px;
  padding: 1px;
  border: 1px solid #c9c9c9;
}
#main .mod_login input.submit {
  padding: 2px 5px 2px 5px;
  border: 1px solid #333;
  background: #c9c9c9;
  margin-bottom: 1px;
}

/* Videoansichten */
#main .mod_ch_flowplayer {
  padding: 0 0 20px 20px;
}


/*
  Menüformatierung für Servicenavigation (mod_sitemap) und
  Hauptnavigation (mod_navigationMain).
  Aufbau ist immer:
  - Listenrahmen (ul)
  - Listenelement (li)
  - Verlinkungen in der Navigation (a)
  - aktives Element / Hover-Effekt (a:hover)
*/
/* inhaltliche Anpassungen je nach aktiver Seite */
.home #main h1 {
  font-size: 1.5em;
  border-bottom: 0;
}
.coatingoff #main h1 {
  border-bottom: 1px solid #cf0029;
}
.coatingon #main h1 {
  border-bottom: 1px solid #f5ad05;
}
.liquidoff #main h1 {
  border-bottom: 1px solid #022b7b;
}
.wirbelstrom #main h1 {
  border-bottom: 1px solid #007844;
}
.wir #main td {
  padding-bottom: 10px;
}
.wir #main td.col_0 {
  color: #007844; font-weight: bold;
  width: 80px;
}
.referenzen #main li {
  margin-bottom: 1em;
}
.impressum #main .impressum h3 {
  clear: left;
  width: 180px; padding-left: 0; margin-left: 20px;
  float: left;
}
.impressum #main .impressum p {
  width: 400px; padding-left: 20px;
  float: left;
}
.vorteile #main h2 {
  color: #007844;
}
.kontakt #main table {
  margin-left: 125px;
  padding: 0;
  font-weight: bold;
}
.kontakt #main td {
  padding-right: 20px;
}

/* umschalter intern/externe Entlackung */
#main #switchingbox {
  margin: 0 10px 0 10px;
}
#main #switchingbox .switcher {
  padding-left: 5px;
}
#main #intern {
  position: relative; top: -4px;
  border: 5px solid #cf0029;
  color: #fff;
  background: #cf0029;
}
#main #intern .first,
#main #extern .first {
  text-align: center;
  background: #fff;
  overflow: hidden;
}
#main #intern .image_container,
#main #extern .image_container {
  padding-left: 0; margin-left: 0;
}
#main #extern {
  position: relative; top: -4px;
  display: none;
  border: 5px solid black;
  background: #ccc;
}
#main #intern .c38r,
#main #extern .c38r {
  padding: 85px 0px 10px 0px;
}
/* Vorteile mit schleife und Textformatierung */
#main .vorteile p,
#main .vorteile ul,
.vorteile #main .first .image_container {
  margin: 0 0 1em 0; padding: 0;
}
#main .vorteile ul {
  margin-left: 15px;
}
.vorteile #main .first .image_container {
  position: relative; top: 15px; left: 20px;
}
#main .vorteile .c33r {
  padding: 50px 5px 0 40px;
  width: 240px; w\idth: 195px;
  height: 446px; he\ight: 396px;
  margin-bottom: 20px;
  background: url(layout/vorteile-bg.gif) no-repeat top left;
}

/* Untermenüs seitengerecht umgesetzt */
.coatingoff #headleiste .mod_navigation li li a {
  border-left: 2px solid #cf0029;
}
.coatingoff #headleiste .mod_navigation li li a:hover,
.coatingoff #headleiste .mod_navigation li li a.active,
.coatingoff #headleiste .mod_navigation li li a.trail {
  border-left: 5px solid #cf0029;
}
.coatingon #headleiste .mod_navigation li li a {
  border-left: 2px solid #022b7b;
}
.coatingon #headleiste .mod_navigation li li a:hover,
.coatingon #headleiste .mod_navigation li li a.active,
.coatingon #headleiste .mod_navigation li li a.trail {
  border-left: 5px solid #022b7b;
}
.liquidoff #headleiste .mod_navigation li li a {
  border-left: 2px solid #f5ad05;
}
.liquidoff #headleiste .mod_navigation li li a:hover,
.liquidoff #headleiste .mod_navigation li li a.active,
.liquidoff #headleiste .mod_navigation li li a.trail {
  border-left: 5px solid #f5ad05;
}
#headleiste .mod_navigation li.entlackung li a {
  border-left: 2px solid #cf0029;
}
#headleiste .mod_navigation li.entlackung li a:hover,
#headleiste .mod_navigation li.entlackung li a.active,
#headleiste .mod_navigation li.entlackung li a.trail {
  border-left: 5px solid #cf0029;
}
#headleiste .mod_navigation li.liquidoff li a {
  border-left: 2px solid #022b7b;
}
#headleiste .mod_navigation li.liquidoff li a:hover,
#headleiste .mod_navigation li.liquidoff li a.active,
#headleiste .mod_navigation li.liquidoff li a.trail {
  border-left: 5px solid #022b7b;
}
#headleiste .mod_navigation li.coatingon li a {
  border-left: 2px solid #f5ad05;
}
#headleiste .mod_navigation li.coatingon li a:hover,
#headleiste .mod_navigation li.coatingon li a.active,
#headleiste .mod_navigation li.coatingon li a.trail {
  border-left: 5px solid #f5ad05;
}
#headleiste .mod_navigation li.wirbelstromtechnologie li a {
  border-left: 2px solid #007844;
}
#headleiste .mod_navigation li.wirbelstromtechnologie li a:hover,
#headleiste .mod_navigation li.wirbelstromtechnologie li a.active,
#headleiste .mod_navigation li.wirbelstromtechnologie li a.trail {
  border-left: 5px solid #007844;
}