@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 {
	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 */
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; }