@charset "utf-8";
/* CSS-Dokument Interakteam */

/* z-index */

#titel { z-index:500; }
#titel h1 { z-index:400; }
#titel p { z-index:400; }

#navi2 { z-index:400; }
#inhalt { z-index:300; }
#inhalt #bild_quer { z-index:300; }
#inhalt #spalte_haupt { z-index:300; }
#inhalt #spalte_rechts { z-index:300; }
#fuss { z-index:300; }

body #overlay { z-index:900; }
body #lbLightbox { z-index:900; }

body {
  margin:0px;
  padding:0px;
  background:url(../bilder/hg_body.jpg) top center no-repeat #fff;
  }
body a {
  text-decoration:none;
  }
body a img {
  border:none;
  }
#seite {
  position:absolute; top:20px; left:50%; margin-left:-475px; /* horizontal zentriert */
  width:950px;
  /*height:80%;*/
  /* Seitenhintergrund */
  background:url(../bilder/hg_seite_weiss-grau.png) top left no-repeat #666;
  border-right: 2px solid #666; border-bottom: 2px solid #666;
  padding-bottom:120px; /* Platz für den Fuß */
  }


/* Navigation 1 (oben)*/

#navi1 {
  position:absolute; top:-20px; right:0px;
  height:25px; height:45px; 
  }

#navi1 ul {
  list-style:none;
  margin:0px; padding:0px;
  }
#navi1 li {
  float:left;
  /*margin-right:19px;*/
  }
#navi1 a {
  display:block;
  padding-top:23px; padding-left:8px; padding-right:8px; padding-bottom:4px;
  font-family:Verdana, Tahoma, sans-serif; font-weight:bold;
  font-size:12px; line-height:18px;
  color:#666;
  background:url(../bilder/hg_n1_trenner_666.gif) top left no-repeat;
  }
#navi1 a:hover {
  /* Farbe bei Rollover */
  color:#060;
  }
#navi1 .an a {
  /* Reiter/Farbe der Markierung */
  background: url(../bilder/hg_n1_fff.gif) top left no-repeat;
  color:#006;
  }


/* Titel der Seite */

#titel{
        position:relative; top:45px; left:20px;
        width:850px; height:50px;
  }
#titel h1 {
  padding-left:40px; padding-top:3px;
  font-family:Verdana, Tahoma, sans-serif; font-weight:bold;
  font-size:24px; line-height:24px;
  color:#fff;
  margin-bottom:5px;
  }
#titel h1 .untertitel {
  font-size:18px;
  }
#titel p.csc-subheader {
  padding:0px; padding-left:40px; padding-bottom:4px;
  margin:0px; 
  font-size:20px; line-height:20px;
  }
  
  
/* Navigation 2 (links) */

.navi2 {
  /*float:left;
  margin-top:180px; */
  position:absolute; top:180px; left:0px;
  width:200px;
  border-bottom:1px solid #fff;
  background-color:#666;
  list-style:none;
  margin:0px; padding:0px;
  }
.navi2 a {
  padding-left:20px; padding-top:1px; padding-bottom:2px;
  font-family:Verdana, Tahoma, sans-serif; font-weight:normal;
  font-size:12px; line-height:18px;
  color:#fff;
  display:block;
  background:none;
  border-top:1px solid #fff;
  }
.navi2 a:hover {
  /* Rolloverfarbe Navi 2 */
  font-weight:bold;
  background:url(../bilder/n2_pfeile_999.gif) top left no-repeat #999;
  }
.navi2 .over {
  /* Rolloverfarbe Navi 2 */
  font-weight:bold;
  background:url(../bilder/n2_pfeile_999.gif) top left no-repeat #999;
  }
.navi2 .an a, .navi2 .an a:hover { /* Farbe der Markierung */
  font-weight:bold;
  position:relative; left:-16px; width:196px;
  border-top:1px solid #ffcb7d;
  background: url(../bilder/hg_n2_an_s.gif) top left repeat-x;
  }
html * .navi2 .an a, .navi2 .an a:hover { /* Farbe der Markierung IE6 */
  position:relative; left:-16px; width:196px;
  margin-right:-16px;
  }
  
  
/* Navigation 3 (Unterpunkte rechts) */

.navi3 { 
  width:185px;
  list-style:none;
  margin:0px; margin-left:16px;
  padding:0px;
  }
.navi3 a {
  padding-left:40px; padding-top:2px; padding-bottom:3px;
  font-family:Verdana, Tahoma, sans-serif; font-weight:normal;
  font-size:11px; line-height:15px;
  color:#fff;
  background:none;
  border:none;
  }
.navi2 .an .navi3 a:hover {
  width:160px;
  /* Rolloverfarbe Navi 3 */
  background:url(../bilder/n3_pfeile_999.gif) top left no-repeat #999;
  }
.navi2 .an .navi3 .an a, .navi2 .an .navi3 .an a:hover { /* Farbe der Markierung */
  width:160px;
  font-weight:bold;
  background: #f90 url(../bilder/hg_n3_an.gif) top left repeat-x;
  }
.navi2 .an .navi3 a { background:none; border:none; }
  
  
/* Inhalt */

#inhalt {
  /*float:right;
  margin-top:95px;*/
  z-index:40;
  position:relative; top:45px; left:250px;
  width:700px;
  height:auto;
  padding-bottom:60px;
  margin-bottom:0px;
  }
* html #inhalt { /* für IE6 */
  position:relative; top:39px;
  }

#spalte_haupt {
  z-index:42;
  float:left; /* Text unterm Bild */
  width:390px;
  margin-bottom:60px;
  }
.layout2 #spalte_haupt {
  margin-top:85px; /* kein Bild überm Text, Bild rechts */
  }
#bild_quer { /* Querformatiges Bild in der Hauptspalte */
  z-index:41;
  position:relative; top:0px; left:0px;
  width:575px; /*height:355px;*/
  margin-bottom:10px;
  }

#spalte_rechts {
  float:right;
  width:300px;
  padding-bottom:60px;
  }
#spalte_rechts h1, #spalte_rechts h2, #spalte_rechts h3, #spalte_rechts p, #spalte_rechts ul li {
  padding-left:60px; padding-right:20px;
  }
#bild_hoch { /* Hochformatiges Bild in der rechten Spalte */
  width:300px; 
  margin:0px; margin-bottom:10px;
  }
  
#spalte_breit {
  float:left; /* volle Breite ohne Randspalte */
  width:550px;
  margin-bottom:60px;
  }
/*
#spalte_breit p, #spalte_breit h1, #spalte_breit h2, #spalte_breit h3 {
  padding-right:150px;
  }
*/
.layout2 #spalte_breit {
  margin-top:85px; /* wenn kein Bild überm Text */
  }



/* Typografie */

h1 {
  font-family:Verdana, Tahoma, sans-serif; font-weight:bold;
  font-size:20px; line-height:24px;
  color:#fff;
  margin:0px; margin-bottom:12px;
  }
h2 {
  font-family:Verdana, Tahoma, sans-serif; font-weight:bold;
  font-size:16px; line-height:20px;
  color:#fff;
  margin:0px; margin-bottom:9px;
  }
h3 {
  font-family:Verdana, Tahoma, sans-serif; font-weight:bold;
  font-size:12px; line-height:14px;
  color:#fff;
  margin:0px; margin-top:5px; margin-bottom:4px;
  }
p {
  font-family:Verdana, Tahoma, sans-serif; font-weight:normal;
  font-size:11px; line-height:16px;
  color:#fff;
  margin:0px; margin-bottom:9px;
  }
  
.indent {
  padding-left:20px;
  }

p a, #inhalt ul li a {
  color:#f90;
  padding-left:14px;
  /* Linkpfeil */
  background:url(../bilder/linkpfeil_666.gif) top left no-repeat;
  }
p a:hover, #inhalt ul li a:hover {
  border-bottom:1px dotted #f90;
  }
  
.divider {
  margin-top:15px;
  border-top:1px solid #fff;
  margin-bottom:10px;
  }
.divider hr {
  display:none;
  }
  

  
/* PDF-Links */  
#inhalt a.download {
  height:13px;
  font-family:Verdana, Tahoma, sans-serif; font-weight:normal;
  font-size:11px; line-height:16px;
  color:#f90;
  margin:0px; margin-bottom:9px;
  padding-left:20px; padding-bottom:3px;
  background:url(../bilder/pdf-icon.gif) top left no-repeat;
  border:none;
  }
#inhalt a.download:hover {
  border-bottom:1px dotted #f90;
  }  
  
/* Bildunterschriften bei Bildergalerien */  
.csc-textpic-caption {
  display:none; /* unsichtbar auf der Seite, sichtbar in Perfect Lightbox */
  font-family:Verdana, Tahoma, sans-serif; font-weight:normal;
  font-size:9px; line-height:12px;
  color:#fff;
  margin:0px; margin-bottom:9px;
  }

#inhalt ul {
  margin:0px; padding:0px; padding-left:15px;
  list-style:square /*url(../bilder/linkpfeil_006.gif)*/ outside;
  }
#inhalt ul li {
  font-family:Verdana, Tahoma, sans-serif; font-weight:normal;
  font-size:11px; line-height:16px;
  color:#fff;
  margin:0px; margin-bottom:9px;
  }

#spalte_rechts h1 {
  font-family:Verdana, Tahoma, sans-serif; font-weight:bold;
  font-size:14px; line-height:18px;
  color:#060;
  margin-bottom:9px;
  }
#spalte_rechts h2 {
  font-family:Verdana, Tahoma, sans-serif; font-weight:bold;
  font-size:12px; line-height:16px;
  color:#060;
  margin-bottom:4px;
  }
#spalte_rechts p, #spalte_rechts ul li {
  font-family:Verdana, Tahoma, sans-serif; font-weight:normal;
  font-size:11px; line-height:16px;
  color:#666;
  margin-bottom:4px;
  }
#spalte_rechts p a {
  color:#f90;
  padding-left:12px;
  background:url(../bilder/linkpfeil_r_f90.gif) top left no-repeat;
  }

  
/* Tabellen */

#inhalt table {
  border-collapse:collapse;
  border-top:1px solid #fff;
  margin:0px; margin-bottom:9px;
  padding:0px;
  width:100%;
  }
#inhalt table td {
  vertical-align:top;
  border-bottom:1px solid #fff;
  padding:0px; padding-bottom:3px;
  }
#inhalt table td p {
  margin:0px;
  }
  
#inhalt table.spalten {
  border:none;
  }
#inhalt table.spalten td {
  border-bottom:1px solid #fff;
  }
  


/* Tabellen in Formularen */
  
#inhalt form table { border:none; }

#inhalt form table td {
  border:none;
  /* Text wie p */
  font-family:Verdana, Tahoma, sans-serif; font-weight:normal;
  font-size:11px; line-height:16px;
  color:#fff;
  margin:0px; margin-bottom:9px;
  }
#inhalt form table td a {
  color:#f90;
  padding-left:14px;
  /* Linkpfeil */
  background:url(../bilder/linkpfeil_666.gif) top left no-repeat;
  }
#inhalt form table td a:hover {
  border-bottom:1px dotted #f90;
  }
#inhalt form table td h3 {
  margin:0px;
  }
#inhalt form table td p {
  margin-bottom:9px;
  }
#inhalt form input {
  margin-bottom:5px;
  margin-right:5px;
  }
  
  
/* Fuss */

#fuss {
  /*clear:both;*/
  margin-top:0px;
  position:absolute; bottom:0px; left:0px;
  width:950px; height:80px;
  display:block;
  /* Hintergrund Fuß */
  background:url(../bilder/hg_fuss_060_999.gif) top left no-repeat;
  text-align:right;
  }
#fuss ul {
  list-style:none;
  margin:0px; padding:0px;
  }
#navi_fuss_l {
  position:absolute; top:45px; left:20px;
  text-align:left;
  width:580px;
  }
#navi_fuss_l li {
  float:left;
  }
#navi_fuss_l a {
  font-family:Verdana, Tahoma, sans-serif; font-weight:bold;
  font-size:13px; line-height:18px;
  color:#fff;
  margin-right:15px;
  }
#navi_fuss_l a:hover {
  /* Rollover-Farbe */
  color:#006;
  }
#navi_fuss_l .an {
  /* Farbe auf der Seite */
  color:#f90;
  }
  
#english img {
  position:relative; top:2px;
  }
#facebook img {
  position:relative; top:2px;
  }
  
#navi_fuss_r {
  position:absolute; top:45px; left:600px;
  text-align:right;
  width:250px;
  }
#navi_fuss_r li {
  float:right;
  }
#navi_fuss_r a {
  font-family:Verdana, Tahoma, sans-serif; font-weight:normal;
  font-size:13px; line-height:18px;
  color:#fff;
  margin-left:15px;
  }
#navi_fuss_r a:hover {
  /* Rollover-Farbe */
  color:#060;
  }
#navi_fuss_r .an {
  /* Farbe auf der Seite */
  color:#f90;
  font-weight:bold;
  }
#tuev {
  margin:0px; padding:0px;
  position:absolute; bottom:0px; right:0px;
  }
  
/*****************************************************************/  
/* Powermail Formulare */

.tx-powermail-pi1_fieldset,
.tx-powermail-pi1_fieldset fieldset {
  border:0;
  margin:0px;
  padding:0px;
  }

.tx-powermail-pi1_fieldset legend {
  display:none;
  }

.tx_powermail_pi1_fieldwrap_html {
  width:100%;
  clear:both;
  padding-top:3px;
  padding-bottom:9px;
  padding-right:5px;
  }
  
/*****************************************************************/  
/* Gutscheine */

#powermaildiv_uid22,
#powermaildiv_uid24,
#powermaildiv_uid26,
#powermaildiv_uid28 {
  float:left;
  width:185px;
  height:40px;
  }
#powermaildiv_uid28 {
  height:100px;
  }  
  
/* Stückpreise */
#powermaildiv_uid23,
#powermaildiv_uid25,
#powermaildiv_uid27,
#powermaildiv_uid29 {
  clear:none;
  float:right;
  width:195px;
  height:40px;
  }

  
.tx_powermail_pi1_fieldwrap_html label {
  float:left;
  width:150px;
  /* height:25px; */
  /* wie p */
  font-family:Verdana, Tahoma, sans-serif; font-weight:normal;
  font-size:11px; line-height:16px;
  color:#fff;
  margin:0px;
  padding-bottom:5px;
  }
  
/* Captcha-Eingabefeld zurück an die richtige Stelle */

#recaptcha_area {
  clear:both;
  }

input#recaptcha_response_field {
  position:relative; left:0px;
  }
  
#inhalt .tx_powermail_pi1_fieldwrap_html input {
  float:left;
  width:196px; height:16px;
  font-family:Verdana, Tahoma, sans-serif; font-weight:normal;
  font-size:11px;
  padding:2px;
  }
#inhalt .tx_powermail_pi1_fieldwrap_html input.anzahl {
  width:20px;
  }
#inhalt .tx_powermail_pi1_fieldwrap_html select {
  float:left;
  width:200px; /*height:20px;*/
  font-family:Verdana, Tahoma, sans-serif; font-weight:normal;
  font-size:11px; line-height:16px;
  margin-bottom:9px;  
  }
#inhalt .tx_powermail_pi1_fieldwrap_html textarea  {
  padding:2px;
  width:196px;
  font-family:Verdana, Tahoma, sans-serif; font-weight:normal;
  font-size:11px; line-height:16px;
  margin-bottom:9px;
  }

/* Submit-Button */  
#inhalt .tx_powermail_pi1_fieldwrap_html input.powermail_submit,
input.tx-powermail-pi1_confirmation_submit,
input.tx-powermail-pi1_confirmation_back,
input.tx-powermail-pi1_mandatory_submit {
  margin-left:150px;
  height:25px;
  background-color:#f90;
  font-family:Verdana, Tahoma, sans-serif; font-weight:bold;
  font-size:11px; 
  color:#fff;
  padding:0px; padding-bottom:3px;
  }
  
#inhalt .powermail_all,
#inhalt .tx-powermail-pi1 {
  /* Text wie p */
  font-family:Verdana, Tahoma, sans-serif; font-weight:normal;
  font-size:11px; line-height:16px;
  color:#fff;
  margin:0px; margin-bottom:9px;
  }
  
/* Fehlermeldungen */  
#inhalt .tx-powermail-pi1_mandatory strong {
  font-family:Verdana, Tahoma, sans-serif; font-weight:bold;
  color:#f90;
  }
/* Das ist ein Pflichtfeld */
div.powermail_mandatory_js {
  clear:both;
  position:relative; top:-3px;
  padding:0px; padding-left:150px;
  font-family:Verdana, Tahoma, sans-serif; font-weight:bold;
  color:#f90;
  margin:0px;
  width:250px;
  }

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

#bewerber-formular .tx_powermail_pi1_fieldwrap_html_textarea label {
  display:inline;
  height:none;
  width:346px;
  }
#inhalt #bewerber-formular textarea {
  width:350px;
  }


/* Kaufmann zweizeilig */
#inhalt #powermaildiv_uid49 .powermail_check_inner_uid49_5 {
  height:40px;
  }

/* Checkboxen Interesse */
#powermaildiv_uid49 .powermail_check_inner {
  clear:both;
  }
#inhalt #powermaildiv_uid49 label {
  float:right;
  width:240px;
  display:inline;
  }
#inhalt #powermaildiv_uid49 input {
  float:left;
  margin-left:120px;
  position:relative; top:-3px;
  width:20px;
  padding:0px;
  }

/* Checkboxen Einsetzbarkeit */
#powermaildiv_uid58 .powermail_check_inner {
  clear:both;
  }
#inhalt #powermaildiv_uid58 label {
  float:right;
  width:240px;
  display:inline;
  }
#inhalt #powermaildiv_uid58 input {
  float:left;
  margin-left:120px;
  position:relative; top:-3px;
  width:20px;
  padding:0px;
  }
  
/*****************************************************************/  
/* IRFAQ-Extension */  

.tx-irfaq-pi1 dl {
  margin:0px; padding:0px;
  /*border-bottom:1px solid #fff;*/
  margin-bottom:20px;
  }

.tx-irfaq-pi1 dt {
  /*border-top:1px solid #fff;*/
  padding-bottom:5px;
  line-height:14px;
  /* wie h3 */
  font-family:Verdana, Tahoma, sans-serif; font-weight:bold;
  font-size:12px; line-height:16px;
  color:#fff;
  margin:0px; margin-top:5px; margin-bottom:4px;
  }
.tx-irfaq-pi1 dt:hover {
  color:#f90;
  }

.tx-irfaq-pi1 dd {
  /*display:block;*/
  margin:0px; padding:0px;
  margin-bottom:5px;
  padding-bottom:5px;
  }
.tx-irfaq-pi1 dd p {
  /*border-top: 2px solid #fff;*/
  background-color:#338533;
  margin:0px;
  padding-top:5px; padding-bottom:5px;
  padding-left:15px; padding-right:15px;
  }
.tx-irfaq-pi1 dd .indent {
  padding-left:0px;
  }
.tx-irfaq-pi1 dd .indent p {
  padding-left:35px;
  }
.tx-irfaq-pi1 .additional-info {
  display:none;
  }
  
  
/* Qualitätsstandards */  

/* Farbe der Boxen mit den Qualitätsstandards */
.tx-irfaq-pi1 dd p {
  background-color:#999;
  }
#alleanaus { display:none; }


.divider hr {
  margin: 0;
  border: none; border-bottom: 1px solid #fff;
  padding: 0px; padding-top: 10px;
}