@charset "utf-8";
/* CSS Document */



/* Kleiner Header */  
.SmallHeaderIndustrie { width: 986px; height: 200px; display:block; margin: 0px 0px 15px 0px; }
.SmallHeaderIndustrie div.HeaderBild { width: 980px; height: 194px; display:block; margin: 0px 0px 0px 0px; padding: 3px 3px 3px 3px; position:relative; z-index: -1; background-image:url(../img/industrie-kleiner-header_hg.png); background-position: 3px 3px; background-repeat:no-repeat; }
.SmallHeaderIndustrie div.HeaderBild img {  width: 980px; height: 194px; display:block; margin: 0px; padding: 0px; }
.SmallHeaderIndustrie div.HeaderInhalte {width: 986px; height: 200px; display:block; padding: 0px 0px 0px 0px; position:relative; z-index: 50; margin: -200px 0px 0px 0px; background-image:url(../img/industrie-kleiner-header_chassie.png); background-repeat:no-repeat; background-position: 0px 0px; }
.SmallHeaderIndustrie div.HeaderInhalte div.Oben { width: 986px; height: 87px; display:block; padding: 38px 0px 0px 0px; }
.SmallHeaderIndustrie div.HeaderInhalte div.Unten { width: 971px; height: 60px; display:block; padding: 15px 0px 0px 15px; }



	/* Pflegbarer Claim - kleiner Industrie Header */
	.SmallHeaderIndustrie div.HeaderClaim { width: 400px; height: 25px; display:block; padding: 0px 16px 0px 0px; position:relative; bottom: 0px; margin: -40px 0px 0px 0px; float:right; text-align:right; font-size:14px; font-weight: normal; z-index:100; }
	*+html .SmallHeaderIndustrie div.HeaderClaim { margin: -38px 0px 0px 0px; }
	.SmallHeaderIndustrie div.HeaderClaim { margin: -38px 0px 0px 0px\9; }
	
		/* Pflegbarer Claim - Startseite Industrie */
		.ExtranetBuehne div.HeaderClaim { width: 400px; height: 25px; display:block; padding: 0px 16px 0px 0px; position: absolute; bottom: 15px; right: 3px; margin: 0px 0px 0px 0px; float:right; text-align:right; font-size:14px; font-weight: normal; z-index:100; }

		/* Pflegbarer Claim - Plakat Seite Industrie */
		.HeaderInhalte div.HeaderClaim { width: 400px; height: 25px; display:block; padding: 0px 16px 0px 0px; position: absolute; bottom: 15px; right: 3px; margin: 0px 0px 0px 0px; float:right; text-align:right; font-size:14px; font-weight: normal; z-index:100; }




/* Content bei den Detailseiten */
.DetailHeaderIndustrie { width: 986px; height: 200px; display:block; margin: 0px 0px 0px 0px; }
.DetailHeaderIndustrie div.HeaderBild { width: 980px; height: 194px; display:block; margin: 0px 0px 0px 0px; padding: 3px 3px 3px 3px; position:relative; z-index: -1; background-image:url(../img/industrie-kleiner-header_hg.png); background-position: 3px 3px; background-repeat:no-repeat; }
.DetailHeaderIndustrie div.HeaderBild img {  width: 980px; height: 194px; display:block; margin: 0px; padding: 0px; }
.DetailHeaderIndustrie div.HeaderInhalte {width: 986px; height: 200px; display:block; padding: 0px 0px 0px 0px; position:relative; /* z-index: 50; */ margin: -200px 0px 0px 0px; background-image:url(../img/industrie-detail-header_chassie.png); background-repeat:no-repeat; background-position: 0px 0px; }
.DetailHeaderIndustrie div.HeaderInhalte div.Oben { width: 986px; height: 87px; display:block; padding: 38px 0px 0px 0px; }
.DetailHeaderIndustrie div.HeaderInhalte div.Unten { width: 971px; height: 60px; display:block; padding: 15px 0px 0px 15px; }
div.ContentBoxIndustrie { background-image:url(../img/industrie-detail_hg.png); background-repeat:repeat-y; margin: 0px 0px 0px 0px; padding: 15px;  }
div.ContentBoxIndustrieDetail { background-image:url(../img/industrie-detail_hg.png); background-repeat:repeat-y; margin: 0px 0px 0px 0px; padding: 0px;  }
div.Verlauf { width: 956px; display: block; background-color: #ffffff; margin: 0px auto; padding: 15px 12px 15px 12px; background-image:url(../img/industrie_detailseiten-hintergrund.jpg); background-repeat:repeat-x; background-position: 0px 0px; }
div.Abschluss { width: 986px; height: 4px; display:block; margin: 0px 0px 0px 0px; background-image:url(../img/hg_unterseite_anwend_unten.png); background-repeat:no-repeat; background-position: 0px 0px; }


/* Dynamischer Button */
div.Industrie a.ButtonLink { height: 30px; margin: 0px 0px 20px 18px; padding: 0px 0px 0px 24px; display:block; background-image:url(../img/button_rot_links.png); background-repeat:no-repeat; background-position: left top; }
div.Industrie a.ButtonLink span.BtInhalt { height: 24px; display:block; padding: 6px 0px 0px 0px;  background-image:url(../img/button_rot_mitte.png); background-repeat:repeat-x; background-position: 24px top; float:left; font-size:11px; font-weight: bold; color: #f2f2f2; cursor: pointer;  }
*+html div.Industrie a.ButtonLink span.BtInhalt { height: 25px; display:block; padding: 5px 0px 0px 0px; }
div.Industrie a.ButtonLink span.BtAbschluss { width: 14px; height: 30px; margin: 0px -14px 0px 0px; display:block; background-image:url(../img/button_rot_rechts.png); background-repeat:no-repeat; background-position: right top; float:left; cursor: pointer;  }
div.Industrie a.ButtonLink:hover {  background-position: left bottom;  }
div.Industrie a.ButtonLink:hover span.BtAbschluss { background-position: right bottom; }
div.Industrie a.ButtonLink:hover span.BtInhalt { background-position: bottom; color: #f2f2f2; }
div.Industrie div.ButtonLink { height: 30px; margin: 0px 0px 20px 18px; padding: 0px 0px 0px 24px; display:block; background-image:url(../img/button_rot_links.png); background-repeat:no-repeat; background-position: left top; }
div.Industrie div.ButtonLink span.BtInhalt { height: 24px; display:block; padding: 6px 0px 0px 0px;  background-image:url(../img/button_rot_mitte.png); background-repeat:repeat-x; background-position: 24px top; float:left; font-size:11px; font-weight: bold; color: #f2f2f2; cursor: pointer;  }
*+html div.Industrie div.ButtonLink span.BtInhalt { height: 25px; display:block; padding: 5px 0px 0px 0px; }
div.Industrie div.ButtonLink span.BtAbschluss { width: 14px; height: 30px; margin: 0px -14px 0px 0px; display:block; background-image:url(../img/button_rot_rechts.png); background-repeat:no-repeat; background-position: right top; float:left; cursor: pointer;  }
div.Industrie div.ButtonLink:hover {  background-position: left bottom;  }
div.Industrie div.ButtonLink:hover span.BtAbschluss { background-position: right bottom; }
div.Industrie div.ButtonLink:hover span.BtInhalt { background-position: bottom; color: #f2f2f2; }


/* Industrie-Variation */
div.Buehne div.Inhalt div.Chassie ul.slides li div.Inhalte div.Spalte1 { width: 260px; display: block; float:left; padding: 34px 0px 0px 0px; }
div.Buehne div.Inhalt div.Chassie ul.slides li div.Inhalte div.Spalte1 span.ZeileOben { height: 20px; display: inline-block; color: #f2f2f2; font-size: 16px; font-weight: bold;  padding: 7px 17px 3px 17px; margin: 0px 0px -4px 0px; background-color: #bb2e41; line-height: 100%; }
div.Buehne div.Inhalt div.Chassie ul.slides li div.Inhalte div.Spalte1 span.ZeileUnten {  height: 20px; display: inline-block; color: #f2f2f2; font-size: 16px; font-weight: bold;  padding: 7px 17px 3px 17px; margin: -2px 0px 0px 0px; background-color: #bb2e41; line-height: 100%; }
div.Buehne div.Inhalt div.Chassie ul.slides li div.Inhalte div.Spalte2 { width: 350px; display: block; float:left; padding: 30px 0px 0px 0px; }
div.Buehne div.Inhalt div.Chassie ul.slides li div.Inhalte div.Spalte2 h1 { font-size: 22px; font-weight: bold; color: #323232; padding: 0px 0px 8px 0px;  }
div.Buehne div.Inhalt div.Chassie ul.slides li div.Inhalte div.Spalte2 p { font-size: 13px; font-weight: normal; color: #323232; }
div.Buehne div.Inhalt div.Chassie ul.slides li div.Inhalte div.Spalte2 a.ButtonLink { margin: 0px 0px 0px 0px; }
div.Buehne div.Inhalt div.Chassie ul.slides li div.Inhalte div.Spalte2 div.ButtonLink { margin: 0px 0px 0px 0px; }
	

/* Startseite */

/* Linkbox im rechten Teaser */
div.Teaser {}
div.TeaserRechts {}              
div.TeaserHead {}
.Teaser div.TeaserInhalt { background-image:url(../img/teaser_mitte_industrie.gif); }				
div.Teaser div.TeaserInhalt h2 { padding: 1px 7px 1px 7px; margin: 0px 0px 0px 0px; display: inline; font-size: 11px; font-weight: normal; color: #f2f2f2; background-color: #bb2e41; cursor: pointer;  }
div.Teaser div.SprungLinks { width: 213px; display:block; padding: 9px 0px 0px 0px; }
*+html div.Teaser div.SprungLinks {  padding: 14px 0px 0px 0px; }
div.SprungLinks a.SprungLink { margin: 0px 0px 0px 0px; padding: 7px 0px 7px 15px; display:block; background-image:url(../img/sprunglink-teaser_hg.gif); background-repeat:no-repeat; background-position: 0px bottom; background-color: transparent; }
div.SprungLinks a.SprungLink:hover { background-color: #ffffff; color: #bb2e41; }						



/* Unterseiten */

/* Grosser Header - Industrie */
.BigHeader { width: 986px; height: 304px; display:block; margin: 0px 0px 15px 0px; }
.BigHeader div.HeaderBild { width: 980px; height: 298px; display:block; margin: 0px 0px 0px 0px; padding: 3px 3px 3px 3px;}
.BigHeader div.HeaderBild img {  width: 980px; height: 298px; display:block; margin: 0px;}
.BigHeader div.HeaderInhalte {width: 986px; height: 304px; display:block; padding: 0px 0px 0px 0px; position:relative; margin: -301px 0px 0px 0px;  background-image:url(../img/industrie-header_chassie.png); background-repeat:no-repeat; background-position: 0px 0px;  }
.BigHeader div.HeaderInhalte div.Oben { width: 986px; height: 87px; display:block; padding: 38px 0px 0px 0px;  }
.BigHeader div.HeaderInhalte div.Unten { width: 986px; height: 180px; display:block; padding: 0px 0px 0px 0px;  }
.BigHeader a.HeaderTeaser { width: 350px; height: 160px; display:block; position:relative; z-index: 150; margin: -275px 0px 0px 250px; padding: 0px 0px 0px 0px; }
.BigHeader a.HeaderTeaser h1 { color: #323232; font-size: 22px; font-weight: bold; padding: 0px 0px 3px 3px; line-height: 120%; }
.BigHeader a.HeaderTeaser p { padding: 0px 0px 10px 3px; }
.BigHeader a.HeaderTeaser div.ButtonLink { margin: 0px 0px 0px 0px; }
.BigHeader a.HeaderTeaser:hover div.ButtonLink {  background-position: left bottom;  }
.BigHeader a.HeaderTeaser:hover div.ButtonLink span.BtAbschluss { background-position: right bottom; }
.BigHeader a.HeaderTeaser:hover div.ButtonLink span.BtInhalt { background-position: bottom; color: #f2f2f2; }


/* Header Inhalte */
.BigHeader div.HeaderInhalte h1 { font-size: 22px; font-weight: bold; color: #323232; line-height: 120%; margin: 0px 0px 0px 0px; padding: 120px 0px 5px 15px;  }
.BigHeader div.HeaderInhalte p { font-size: 11px; font-weight: normal; color: #323232; line-height: 120%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 15px; }
.BigHeader div.HeaderInhalte p a { font-size: 11px; font-weight: normal; color: #323232; line-height: 120%; text-decoration:underline; }
.BigHeader div.HeaderInhalte p a:hover { text-decoration:none; }


/* Headline und Breadcrumb-Box */
div.HeadlineBox { width: 986px; height: 73px; display:block; margin: 18px 0px 15px 0px; padding: 0px 0px 0px 0px; clear:both; background-image:url(../img/industrie-headlinebox.png); background-position: 0px 0px; background-repeat:no-repeat; }
div.HeadlineBox h1 { font-size: 22px; font-weight: bold; color: #323232; line-height: 120%; margin: 0px 0px 0px 0px; padding: 13px 0px 5px 15px;  }
div.HeadlineBox p { font-size: 11px; font-weight: normal; color: #323232; line-height: 120%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 15px; }
div.HeadlineBox p a { font-size: 11px; font-weight: normal; color: #323232; line-height: 120%; text-decoration:underline; }
div.HeadlineBox p a:hover { text-decoration:none; }



/* Teaser der Industrie-Uebersichtsseite */
div.IndustrieTeaserEbene { width: 990px; display:block; z-index: 1; padding: 0px 4px 0px 2px; }
a.UebersichtsTeaser { width: 243px;  display:block; float:left; margin: 0px 4px 15px 0px; padding: 0px; cursor: pointer;  }
a.Rechts { float:right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
a.UebersichtsTeaser div.TeaserHead { width: 243px; height: 4px; display:block; position: relative; margin: 0px 0px -1px 0px; z-index: 10; background-image:url(../img/teaser_oben.gif); background-repeat:no-repeat; background-position: 0px 0px; }
a.UebersichtsTeaser div.TeaserFooter { width: 243px; height: 4px; display:block;  position: relative; margin: -4px 0px 0px 0px; background-image:url(../img/teaser_unten.gif); background-repeat:no-repeat; background-position: 0px 0px;  }
a.UebersichtsTeaser div.TeaserInhalt { width: 213px; height: 250px; display:block; position: relative; margin: 0px 0px 0px 0px; padding: 7px 15px 12px 15px; background-image:url(../img/teaser_mitte_industrie.gif); background-repeat:repeat-y; background-position: 0px 0px;  }	
a.UebersichtsTeaser h2 { padding: 1px 7px 1px 7px; margin: 0px 0px 0px 0px; display: inline; font-size: 11px; font-weight: normal; color: #f2f2f2; background-color: #bb2e41; cursor: pointer;  }
a.UebersichtsTeaser h1 { width: 213px;  padding: 0px 0px 0px 0px; margin: 4px 0px 6px 0px; display: block; font-size: 16px; font-weight: normal; color: #323232; line-height: 120%;  cursor: pointer; }
a.UebersichtsTeaser p { width: 213px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; display: block; font-size: 11px; font-weight: normal; color: #323232; line-height: 120%;  cursor: pointer; }
a.UebersichtsTeaser img {  margin: 0px 0px 5px 0px;  }
a.UebersichtsTeaser div.ButtonLink { margin: 0px 0px 0px 0px; }
a.UebersichtsTeaser:hover div.TeaserInhalt { background-image:url(../img/teaser_mitte_hover.gif); }
a.UebersichtsTeaser:hover div.ButtonLink {  background-position: left bottom;  }
a.UebersichtsTeaser:hover div.ButtonLink span.BtAbschluss { background-position: right bottom; }
a.UebersichtsTeaser:hover div.ButtonLink span.BtInhalt { background-position: bottom; color: #f2f2f2; }
a.ProduktMitText { text-align:center; }
a.ProduktMitText h1 { width: 213px; min-height: 20px; padding: 0px 0px 0px 0px; margin: 4px 0px 6px 0px; display: block; font-size: 16px; font-weight: normal; color: #323232; line-height: 120%;  cursor: pointer; text-align:center; }
a.ProduktMitText p { width: 213px; min-height: 45px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; display: block; font-size: 11px; font-weight: normal; color: #323232; line-height: 120%;  cursor: pointer; text-align:center; }
a.UebersichtsTeaser img { display:block; position: absolute; left: 50%;  bottom: 50px;  margin: 0px 0px 5px -67px;  }
a.ProduktMitText div.ButtonLink { height: 30px; display:block; position: absolute; left: 14px;  bottom: 17px; margin: 0px 0px 0px 45px; }


div.KeyvisualTeaser a.UebersichtsTeaser h1 { height: 50px; width: 213px;  padding: 0px 0px 0px 0px; margin: 4px 0px 6px 0px; display: block; font-size: 16px; font-weight: normal; color: #323232; line-height: 120%;  cursor: pointer; }
div.KeyvisualTeaser a.UebersichtsTeaser img { width: 215px; height: 130px;   margin: 0px 0px 5px 0px; position:static; display:block;  }
div.KeyvisualTeaser a.UebersichtsTeaser div.ButtonLink { margin: 20px 0px 0px 0px; }
div.KeyvisualTeaser a.UebersichtsTeaser:hover div.TeaserInhalt { background-image:url(../img/teaser_mitte_hover.gif); }



	/* Header Service */
	div.Content div.SmallHeaderIndustrie div.HeaderInhalte div.Oben span.ZeileOben { height: 20px; display: inline-block; color: #f2f2f2;   font-size: 16px; font-weight: bold;  padding: 7px 17px 3px 17px; margin: 0px 0px -4px 3px; background-color: #bb2e41; line-height: 100%; }
	div.Content div.SmallHeaderIndustrie div.HeaderInhalte div.Oben span.ZeileUnten {  height: 20px; display: inline-block; color: #f2f2f2; font-size: 16px; font-weight: bold;  padding: 7px 17px 3px 17px; margin: -2px 0px 0px 3px; background-color: #bb2e41; line-height: 100%; }
	
	



/* Popup 3D Modell fuer die Industrieseiten */

/* Chassie */
div.Popup3DModell { width: 998px; height: 404px; display:none; position: absolute; left: 50%; top: 62px; margin: 0px 0px 0px -499px; padding: 0px 0px 0px 0px; z-index: 5000; }
div.Popup3DModell div.Inhalte  { width: 998px; height: 404px; display:block;  }
div.Popup3DModell a.BoxSchliessen { position:relative; z-index: 5500; margin: -380px 25px 0px 0px; } 


/* Hintergrund Overlay */
#Modelloverlay {position: fixed;  z-index: 2000; top: 0px; left: 0px; width: 100%; height: 100%; display: block; }
.ModelloverlayBG {  position: absolute; background-color: #efefef; -ms-filter: "Alpha(Opacity=75)"; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }



 

/* Reitersystem ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */                      
div.ReiterSystem { width: 628px; height: 335px; display:block; float:right; margin: 0px 0px 15px 0px; position: relative; z-index: 1; }
*+html div.ReiterSystem { margin: 0px 0px 0px 0px; }

/* Reiter-Leiste */
div.Reiter { height: 30px; display:block; float:left; background-image:url(../img/reitersystem_oben.gif); position:relative; margin: 0px 0px -1px 0px; background-repeat:repeat-x;  background-position: top; background-color: #ffffff; position:relative; z-index:  100; }
div.Reiter span.Start { width: 4px; height: 30px; display:block; float:left; position:relative; z-index:150; margin: 0px -1px 0px 0px; background-image:url(../img/reitersystem_start_industrie.png); background-repeat:no-repeat; background-position: 0px 0px; }
div.Reiter span.End { width: 7px; height: 30px; display:block; float:left; position:relative; z-index:150; margin: 0px 0px 0px -3px; background-image:url(../img/reitersystem_end_industrie.gif); background-repeat:no-repeat; background-position: 0px 0px; }
div.ReiterOben span.End { background-image:url(../img/reitersystem_end_industrie_klein.gif); } 
div.Reiter a { height: 22px; display:block; float:left; margin: 3px 2px 0px 0px; padding: 5px 12px 0px 12px; color: #323232; font-size: 11px; font-weight: bold; background-image:url(../img/hg_reiter_button.png); background-position: bottom; background-repeat:repeat-x; }
div.Reiter a:hover { background-position: top; color: #fefefe; }
div.Reiter a.Aktiviert { background-position: top; color: #fefefe; }


/* kleines Reitersystem */
div.ReiterSystem div.ReitersystemInhalte { width: 628px; height: 305px; display:block; clear:both; background-image:url(../img/reitersystem_klein_mitte_industrie.gif); background-repeat:repeat-y; background-position: 0px 0px; position:relative; z-index: 1; }
div.ReiterSystem div.ReitersystemInhalte div.Start { width: 628px; height: 4px; display:block; clear:both; background-image:url(../img/reitersystem_klein_oben_industrie.png); background-repeat:no-repeat; background-position: 0px 0px; position:relative; z-index: 50; }
div.ReiterSystem div.End { width: 628px; height: 4px; display:block; float:right; position:relative; margin: -3px 0px 0px 0px; z-index: 100; background-image:url(../img/reitersystem_klein_unten_industrie.png); background-repeat:no-repeat; background-position: 0px 0px; }


/* Inhalte des Reitersystems */
div.ReiterSystem div.AlleReiterinhalte { width: 628px; height: 305px; display:block; clear:both; padding: 0px 0px 0px 0px; }
div.SlideBox div.AlleReiterinhalte { width: 956px; height: 335px; display:block; clear:both; }
div.Inhalte { display:none; }
div.SliderInhalte { display:none; }
div.InhaltA { display:block; }
div.SliderA { display:block; }
div.ReiterSystem div.ReitersystemInhalte h1 { padding: 20px 20px 5px 20px; }
div.ReiterSystem div.ReitersystemInhalte h2 { padding: 0px 20px 0px 20px; }
div.ReiterSystem div.ReitersystemInhalte p { padding: 0px 20px 10px 20px; }
div.ReiterSystem div.ReitersystemInhalte a { color: #323232; text-decoration: underline; }
div.ReiterSystem div.ReitersystemInhalte a:hover { color: #323232; text-decoration: none; }
div.ReiterSystem div.ReitersystemInhalte ul { padding: 0px 20px 15px 20px; list-style: none; }
div.ReiterSystem div.ReitersystemInhalte ul li { font-size: 13px; padding: 0px 0px 10px 12px; background-image:url(../img/kleine-aufzaehlung.jpg); background-position: 0px 8px; background-repeat:no-repeat; }
div.ReiterSystem div.ReitersystemInhalte img { margin: 20px 20px 5px 20px; }
div.ReiterSystem div.ReitersystemInhalte img.Abzeichen { position:absolute; bottom: 20px; right: 0px; margin: 0px 20px 0px 20px;  }


	/* Style des des Vertikal-Scrollers */
	div.ScrollIt { width: 613px; height: 275px; display:block; clear:both; overflow: auto; margin: 15px 15px 15px 0px; padding: 0px 0px 0px 0px; }
	div.ScrollIt .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #bb2e41; border-radius: 2px;  }
	div.ScrollIt .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 15px; background-color:transparent; background-image:url(../img/overflow-slider.png); background-repeat:no-repeat; background-position: 0px 0px; cursor: pointer; }
	div.ScrollIt .mCSB_scrollTools .mCSB_draggerRail { opacity: .3; filter:alpha(opacity=30); cursor: pointer; width: 1px; }
	*+html div.ScrollIt { height: 270px; }
	*+html div.FirstScroll { width: 630px; }
	*+html div.ScrollIt .mCSB_scrollTools  {  right: 0px;}
	*+html div.ScrollIt .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 15px; margin-left: -6px; position:relative; z-index: 22000; background-color:transparent; background-image:url(../img/overflow-slider.png); background-repeat:no-repeat; background-position: 0px 0px; }
	*+html div.ScrollIt .mCSB_scrollTools .mCSB_draggerRail { opacity: .2; filter:alpha(opacity=20);width: 1px; margin-right: 11px; }
	

	/* Visitenkarten */
	div.ReiterSystem div.ReitersystemInhalte div.Visitenkarten { padding: 0px 0px 0px 5px; }
	div.ReiterSystem div.ReitersystemInhalte a.Visitenkarte { width: 280px; height: 200px; border-radius: 3px; display:block; margin: 0px 0px 10px 8px; padding: 0px 0px 0px 0px; float:left; background-color: #f7f7f7; text-decoration:none; cursor: pointer; }
	div.ReiterSystem div.ReitersystemInhalte a.Visitenkarte:hover { background-color: #ffffff; text-decoration:none; }	
	div.ReiterSystem div.ReitersystemInhalte a.Visitenkarte h5 { width: 260px; display:block; margin: 0px 0px 0px 0px; padding: 16px 0px 2px 20px; line-height: 120%; font-size: 11px; text-decoration:none; font-weight:bold; color: #bb2e41;  cursor: pointer; }
	div.ReiterSystem div.ReitersystemInhalte a.Visitenkarte h1 { width: 260px; display:block; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 20px; line-height: 120%; font-size: 20px; text-decoration:none;  font-weight:bold;  cursor: pointer; }
	div.ReiterSystem div.ReitersystemInhalte a.Visitenkarte img.Portrait { width: 145px; height: 130px; display:block; margin: 0px 0px 0px 0px; float:left;  cursor: pointer; }
	div.ReiterSystem div.ReitersystemInhalte a.Visitenkarte div.Kontakt { width: 125px;  height: 80px; display:block; margin: 0px 0px 0px 0px; padding: 50px 0px 0px 0px; float:right;  cursor: pointer; }
	div.ReiterSystem div.ReitersystemInhalte a.Visitenkarte div.Kontakt b { width: 125px; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 120%; font-size: 10px; text-decoration:none; font-weight:normal;  cursor: pointer; }
	div.ReiterSystem div.ReitersystemInhalte a.Visitenkarte div.Kontakt p { width: 125px; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 180%; font-size: 13px; text-decoration:none;  cursor: pointer; }
	div.ReiterSystem div.ReitersystemInhalte a.Visitenkarte div.Kontakt div.ButtonLink { margin: 0px 0px 0px 0px; }


/* Reitersystem - volle Breite */
div.SlideBox { width: 956px; height: 355px; display:block; float:right; margin: 0px 0px 30px 0px; position:relative; z-index: 1;  }
div.SlideBox div.SlideBoxInhalte { width: 956px; height: 325px; display:block; clear:both; background-image:url(../img/reitersystem_gross_mitte.gif); background-repeat:repeat-y; background-position: 0px 0px; position:relative; z-index: 1; }
div.SlideBox div.SlideBoxInhalte div.Start { width: 956px; height: 4px; display:block; clear:both; background-image:url(../img/reitersystem_gross_oben_industrie.png); background-repeat:no-repeat; background-position: 0px 0px; position:relative; z-index: 50; }
div.SlideBox div.End { width: 956px; height: 4px; display:block; float:right; position:relative; margin: -3px 0px 0px 0px; z-index: 100; background-image:url(../img/reitersystem_gross_unten_industrie.png); background-repeat:no-repeat; background-position: 0px 0px; }
div.SlideBox div.SlideBoxInhalte h1 { height: 45px; display:block; padding: 30px 15px 5px 15px; }
div.SlideBox div.SlideBoxInhalte h2 { padding: 0px 15px 5px 15px; }
div.SlideBox div.SlideBoxInhalte p { height: 35px; display:block; padding: 0px 15px 15px 15px; }


/* Scrollable Slider */
div.ScrollTable { width: 885px; height: 300px;  /* height: 280px; */ display:block; padding: 20px 0px 0px 65px; margin: 0px 3px 0px 3px; background-color: #f6f6f6; }
div.SlideBox a.Teaser { width: 243px; min-height: 205px; display:block; float:left; margin: 0px 7px 15px 0px; padding: 0px; cursor: pointer;  }
div.SlideBox a.Rechts { float:right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
div.SlideBox a.Teaser div.TeaserHead { width: 243px; height: 4px; display:block; position: relative; margin: 0px 0px -1px 0px; z-index: 10; background-image:url(../img/teaser_oben_industrie.png); background-repeat:no-repeat; background-position: 0px 0px; }
div.SlideBox a.Teaser div.TeaserFooter { width: 243px; height: 4px; display:block;  position: relative; margin: -4px 0px 0px 0px; background-image:url(../img/teaser_unten_industrie.png); background-repeat:no-repeat; background-position: 0px 0px;  }
div.SlideBox a.Teaser div.TeaserInhalt { width: 213px; height: 250px;  display:block; margin: 0px 0px 0px 0px; padding: 7px 15px 12px 15px; background-image:url(../img/teaser_mitte_industrie.gif); background-repeat:repeat-y; background-position: 0px 0px;  }	
div.SlideBox a.Teaser h2 { padding: 1px 7px 1px 7px; margin: 0px 0px 0px 0px; display: inline; font-size: 11px; font-weight: normal; color: #f2f2f2; background-color: #bb2e41; cursor: pointer;  }
div.SlideBox a.Teaser h1 { width: 213px;  height: auto; padding: 0px 0px 0px 0px; margin: 4px 0px 0px 0px; display: block; font-size: 16px; font-weight: normal; color: #323232; line-height: 120%;  cursor: pointer; }
div.SlideBox a.Teaser p { width: 213px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; display: block; font-size: 11px; font-weight: normal; color: #323232; line-height: 120%;  cursor: pointer; }
div.SlideBox a.Teaser img {  margin: 0px 0px 5px -65px; position:absolute; bottom: 60px; left:auto; right: auto;    }
div.SlideBox a.Teaser div.ButtonLink { margin: 0px 0px 0px 45px; position:absolute; left:auto; right: auto; bottom: 30px;  }
*+html div.SlideBox a.Teaser div.ButtonLink { margin: 0px 0px 0px -62px; }
div.SlideBox a.Teaser div.TeaserInhalt img { margin: 0px 0px 0px 40px\9; }
*+html div.SlideBox a.Teaser div.TeaserInhalt img { margin: 0px 0px 0px -65px\9; }
@media screen and (-webkit-min-device-pixel-ratio:0) { div.SlideBox a.Teaser img { /* margin: 0px 0px 5px 42px; */ } }
div.SlideBox a.Teaser:hover div.TeaserInhalt { background-image:url(../img/teaser_mitte_hover.gif); }
div.SlideBox a.Teaser:hover div.ButtonLink {  background-position: left bottom;  }
div.SlideBox a.Teaser:hover div.ButtonLink span.BtAbschluss { background-position: right bottom; }
div.SlideBox a.Teaser:hover div.ButtonLink span.BtInhalt { background-position: bottom; color: #f2f2f2; }
div.SlideBox a.ProduktMitText { text-align:center; }
div.SlideBox a.ProduktMitText h1 { width: 213px; height: auto; padding: 0px 0px 0px 0px; margin: 4px 0px 5px 0px; display: block; font-size: 16px; font-weight: normal; color: #323232; line-height: 120%;  cursor: pointer; text-align:center; }
div.SlideBox a.ProduktMitText p { width: 213px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; display: block; font-size: 11px; font-weight: normal; color: #323232; line-height: 120%;  cursor: pointer; text-align:center; }

/* div.SlideBox a.ProduktMitText div.ButtonLink { height: 1230px; display:block; margin: 0px 0px 0px 0px; position: absolute;  left: 20%; top: 50px; background-color: red; } */
	
	
	/* Inhalte */
	div.SlideBox div.Teaser div.Inhalte { width: 160px; height: 256px; display:block; padding: 0px; position: relative; z-index: 1; cursor: default; }
	div.SlideBox div.Teaser div.Inhalte h1 { margin: 12px auto 4px auto; padding: 0px 0px 0px 0px; text-align:center; }
	div.SlideBox div.Teaser div.Inhalte p { height: 30px; margin: 0px auto; padding: 0px 0px 0px 0px; font-size: 11px; text-align:center; line-height: 130%; }
	div.SlideBox div.Teaser div.Inhalte img { height: 145px; display:block; margin: 0px auto 5px auto; padding: 0px 0px 0px 0px; text-align:center; }
	div.SlideBox div.Teaser div.Inhalte a.ButtonLink { display:block; float:left;  position: relative; margin: 0px 0px 0px 16px;  }
	
	
	/* Inhalte wenn ein Teaser ohne PopupHover ( Hovereffekt läuft dann anders ) */
	div.SlideBox a.Teaser div.Inhalte { width: 160px; height: 256px; display:block; padding: 0px; position: relative; z-index: 1; cursor: pointer; }
	div.SlideBox a.Teaser div.Inhalte { width: 160px; height: 256px; display:block; padding: 0px; position: relative; z-index: 1; cursor: pointer; }
	div.SlideBox a.Teaser div.Inhalte h1 {  width: 160px;  margin: 12px auto 4px auto; padding: 0px 0px 0px 0px; text-align:center;  }
	div.SlideBox a.Teaser div.Inhalte p { height: 30px; margin: 0px auto; padding: 0px 0px 0px 0px; font-size: 11px; text-align:center; line-height: 130%; }
	div.SlideBox a.Teaser div.Inhalte img { height: 135px; display:block; margin: 0px auto 15px auto; padding: 0px 0px 0px 0px; text-align:center; }
	div.SlideBox a.Teaser div.Inhalte div.ButtonLink { display:block; float:left;  position: relative; margin: 0px 0px 0px 16px;  }
	div.SlideBox a.Teaser:hover div.Inhalte div.ButtonLink {  background-position: left bottom;  }
	div.SlideBox a.Teaser:hover div.Inhalte div.ButtonLink span.BtAbschluss { background-position: right bottom; }
	div.SlideBox a.Teaser:hover div.Inhalte div.ButtonLink span.BtInhalt { background-position: bottom; color: #bb2e41; }






/* Gallerie ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div.GalerieReiter div.Galerie { width: 316px; height: 329px; display:block; float:left; margin: 0px 0px 15px 0px; padding: 3px 0px 3px 0px; background-image:url(../img/hg_galerie_industrie.png); background-repeat:no-repeat; background-position: 0px 0px; }
*+html div.GalerieReiter div.Galerie { margin: 0px 0px 0px 0px; }
div.GalerieReiter div.Galerie div.VorschauBild { width: 310px; height: 249px; display:block; margin: 0px 3px 0px 3px; padding-top: 12px; background-image:none; cursor: pointer; background-repeat:no-repeat; background-position: 0px 0px; background-color: transparent;  }
div.GalerieReiter div.Galerie div.VorschauBild:hover { background-image:url(../img/hg_galerie_hover.gif); background-position: -3px -3px; background-color: #ffffff; }
*+html div.GalerieReiter div.Galerie div.VorschauBild { height: 249px; display:block; margin: 3px 3px 0px 3px; }
div.GalerieReiter div.Galerie div.Auswahl { width: 312px; height: 66px; display:block; margin: 2px 0px 0px 0px; padding: 0px 1px 0px 3px; } 
div.GalerieReiter div.Galerie span.AuswahlBlende { width: 3px; height: 66px; display: block; background-image:url(../img/galerie-blende_industrie.png); background-position: left; background-repeat:no-repeat; position:absolute; z-index: 100; float: right; margin-top: -66px; margin-left: 311px; background-color: #efefef;  }
/*
div.GalerieReiter div.Galerie div.Auswahl .AuswahlBild { width: 78px; height: 66px; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #efefef; float:left; background-image: url(../img/galerie-trenner.gif); background-repeat:repeat-y; background-position: right; } 
div.GalerieReiter div.Galerie div.Auswahl .AuswahlBild img { width: 78px; height: 66px; display:block; margin: 0px 0px 0px 0px; }
div.GalerieReiter div.Galerie div.Auswahl .AuswahlBild:hover { background-color: #fefefe; }
div.GalerieReiter div.Galerie div.Auswahl .AuswahlAktiv { background-color: #fefefe; }
*/
div.GalerieReiter div.Galerie div.Auswahl .AuswahlBild { width: 78px; height: 66px; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #f7f7f7; float:left; background-image: url(../img/galerie-trenner.gif); background-repeat:repeat-y; background-position: right; } 
div.GalerieReiter div.Galerie div.Auswahl .AuswahlBild img { width: 54px; height: 54px; display:block; margin: 8px auto; float:none; }
div.GalerieReiter div.Galerie div.Auswahl .AuswahlBild:hover { background-color: #fefefe; }
div.GalerieReiter div.Galerie div.Auswahl .AuswahlAktiv { background-color: #fefefe; }

div.GalerieReiter div.Galerie a span { background-image: none; }
div.GalerieReiter div.Galerie a.BoxSchliessen { width:auto; display:block;  background-image: url(../img/ico_close.gif); background-position: 0px 3px; margin-top: 10px; padding: 0px 0px 0px 18px; float:right; }
div.GalerieReiter div.Galerie a.BoxSchliessen:hover {  background-image: url(../img/ico_close_hover.gif); }
div.GalerieReiter div.Galerie a  {   background-image: none; float:left;  margin-top: 5px; padding: 0px }
div.GalerieReiter div.Galerie a img {  width:auto; display:block; background-image: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; float:left; }





	/* Video in einer Galerie */
	div.GalerieReiter div.Galerie div.Auswahl .AuswahlVideo { width: 78px; height: 66px; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #f7f7f7; float:left; background-image: url(../img/galerie-trenner.gif); background-repeat:repeat-y; background-position: right; } 
	div.GalerieReiter div.Galerie div.Auswahl .AuswahlVideo img { width: 78px; height: 66px; display:block; margin: 0px 0px 0px 0px; position:relative; z-index: 10; }
	div.GalerieReiter div.Galerie div.Auswahl .AuswahlVideo span { width: 78px; height: 66px; display:block; position:relative; z-index: 50; margin-top: -66px; background-image:url(../img/play-button_vorschau.png); background-position: left top; background-repeat:no-repeat; cursor: pointer; }
	div.GalerieReiter div.Galerie div.Auswahl .AuswahlVideo:hover span { background-position: left bottom; }	
	div.GalerieReiter div.Galerie div.Auswahl .AuswahlVideo:hover { background-color: #fefefe; }
	div.GalerieReiter img.GrossesBild {  height: 236px; margin: 0px 37px 0px 37px; display:block; position: relative; z-index: 10; } /* max. B 310 H 260 */
	div.GalerieReiter span.VideoOption {}
	div.GalerieReiter span.VideoAktiv { width: 310px; height: 260px; display:block; position: relative; z-index: 50; margin-top: -260px; background-image:url(../img/play-button.png); background-position: left top; background-repeat:no-repeat; cursor: pointer; }
	div.GalerieReiter span.VideoAktiv:hover { background-position: left bottom; }
	div.GalerieReiter div.Video { width: 950px; height:500px; display:block; margin: 30px auto 30px auto; background-color: #f7f7f7; border: 1px #cacaca dotted;  }
	div.GalerieReiter div.Video img,
	div.GalerieReiter div.Video div,
	div.GalerieReiter div.GalerieReiter div.Video video {  height:500px; display:block; margin: 0px auto; position: relative; z-index: 10; }
	div.GalerieReiter div.VideoPlaybutton { width: 300px; height:500px; display:block; position: relative; z-index: 50; top: -500px; background-image:url(../img/play-button_popup.png); background-position: top center; background-repeat:no-repeat; }
	div.GalerieReiter div.VideoPlaybutton:hover { background-position: bottom center; }




	div.GalerieReiter div.Galerie div.Auswahl .AuswahlVideo { width: 78px; height: 66px; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #f7f7f7; float:left; background-image: url(../img/galerie-trenner.gif); background-repeat:repeat-y; background-position: right; } 
	

	div.GalerieReiter div.Galerie div.Auswahl .AuswahlVideo img { width: 78px; height: 66px; display:block; margin: 0px 0px 0px 0px; position:relative; z-index: 10; }
	div.GalerieReiter div.Galerie div.Auswahl .AuswahlVideo span { width: 78px; height: 66px; display:block; position:relative; z-index: 50; margin-top: -66px; background-image:url(../img/play-button_vorschau.png); background-position: left top; background-repeat:no-repeat; cursor: pointer; }
	div.GalerieReiter div.Galerie div.Auswahl .AuswahlVideo:hover span { background-position: left bottom; }	
	div.GalerieReiter div.Galerie div.Auswahl .AuswahlVideo:hover { background-color: #fefefe; }



	div.GalerieReiter div.Galerie div.Auswahl .AuswahlVideo img { width: 78px; height: 66px; display:block; margin: 0px 0px 0px 0px; position:relative; z-index: 10; }
	div.GalerieReiter div.Galerie div.Auswahl .AuswahlVideo span { width: 78px; height: 66px; display:block; position:absolute; z-index: 50; margin-top: 0px; background-image:url(../img/play-button_vorschau.png); background-position: left top; background-repeat:no-repeat; cursor: pointer; }
	*+html div.GalerieReiter div.Galerie div.Auswahl .AuswahlVideo span { width: 78px; height: 66px; display:block; position:relative; z-index: 50; margin-top: -66px; background-image:url(../img/play-button_vorschau.png); background-position: left top; background-repeat:no-repeat; cursor: pointer; }

			
			



	/* Galerie Popup */
	div.GaleriePopup {}
	div.GalerieReiter div.Galerie div.GaleriePopup div.Lupe {  width: 690px; display:block; margin: 28px 0px 0px 0px; padding: 15px; float: left;  }
	div.GalerieReiter div.Galerie div.GaleriePopup div.Lupe img { width: 100%; margin: 0px auto; }
	div.GalerieReiter div.Galerie div.GaleriePopup div.Auswahl { width: 188px; height: auto; display:block; margin: 28px 0px 0px 0px; padding: 15px; float:right; background-color: #f7f7f7; }
	*+html div.GalerieReiter div.Galerie div.GaleriePopup div.Auswahl { margin: 40px 0px 0px 0px; }
	div.GalerieReiter div.Galerie div.GaleriePopup div.Auswahl .AuswahlBild { width: 78px; height: 66px; display:block; margin: 5px; padding: 2px; background-color: #f7f7f7; float:left; background-image: none; border: 1px #cacaca solid; } 
	div.GalerieReiter div.Galerie div.GaleriePopup div.Auswahl .AuswahlBild:hover { background-color: #fefefe; }
	div.GalerieReiter div.Galerie div.GaleriePopup div.Auswahl .AuswahlAktiv { background-color: #fefefe; }

	
	/* Galerie VideoPopup */
	div.VideoPopup {}
	div.GalerieReiter div.Galerie div.VideoPopup div.Lupe {  width: 690px; display:block; margin: 28px 0px 0px 0px; padding: 15px; float: left;  }
	div.GalerieReiter div.Galerie div.VideoPopup div.Lupe img { width: 100%; margin: 0px auto; }
	div.GalerieReiter div.Galerie div.VideoPopup div.Auswahl { width: 188px; height: auto; display:block; margin: 28px 0px 0px 0px; padding: 15px; float:right; background-color: #f7f7f7; }
	*+html div.GalerieReiter div.Galerie div.VideoPopup div.Auswahl { margin: 40px 0px 0px 0px; }
	div.GalerieReiter div.Galerie div.VideoPopup div.Auswahl .AuswahlBild { width: 78px; height: 66px; display:block; margin: 5px; padding: 2px; background-color: #f7f7f7; float:left; background-image: none; border: 1px #cacaca solid; } 
	div.GalerieReiter div.Galerie div.VideoPopup div.Auswahl .AuswahlBild:hover { background-color: #fefefe; }
	div.GalerieReiter div.Galerie div.VideoPopup div.Auswahl .AuswahlAktiv { background-color: #fefefe; }
	
	div.GalerieReiter div.Galerie div.VideoPopup a.LupenBoxSchliessen { display: inline-block; background-image: url("../img/ico_close.gif"); background-position: 0 3px; background-repeat: no-repeat; color: #323232; float: right; font-size: 11px; margin: 12px -140px 0px 0px; padding: 0px 0px 0px 20px; text-decoration: underline; }
	div.GalerieReiter div.Galerie div.VideoPopup a.LupenBoxSchliessen:hover { background-image:url(../img/ico_close_hover.gif); text-decoration:none; color: #323232; }
	



/* Service Bereich +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	/* Header Ergänzung */
	div.HeaderInhalte h1 { font-size: 22px; font-weight: bold; color: #323232; line-height: 120%; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px;  }
	div.HeaderInhalte p { font-size: 11px; font-weight: normal; color: #323232; line-height: 120%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.HeaderInhalte p a { font-size: 11px; font-weight: normal; color: #323232; line-height: 120%; text-decoration:underline; }
	div.HeaderInhalte p a:hover { text-decoration:none; }


	/* Contents */	
	div.IndustrieService div.ContentBox {}
	div.IndustrieService div.BoxOben { width: 986px; display:block; height: 4px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-repeat: no-repeat; background-position: 0px 0px; }
	div.IndustrieService div.BoxUnten { width: 986px; display:block; height: 4px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  background-repeat: no-repeat; background-position: 0px 0px;  }
	div.IndustrieService div.BoxMitte { width: 986px; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  background-repeat: repeat-y; background-position: 0px 0px;  }
	div.IndustrieService div.BoxOben { background-image:url(../img/portal-zwei_oben.png); }
	div.IndustrieService div.BoxUnten { background-image:url(../img/portal-zwei_unten.png); }  
	div.IndustrieService div.BoxMitte { background-image:url(../img/portal-zwei_mitte.png); }


	/* Inhalte der Haupt-Contentbox */				
	div.IndustrieService div.BoxMitte div.BoxMain { width: 667px; display:block;  margin: 0px 0px 0px 0px; padding: 16px 17px 15px 17px; float:left;  }
	div.IndustrieService div.BoxMitte div.BoxMain h1 { display:block;  margin: 0px 0px 0px 0px; padding: 0px 50px 5px 0px; line-height: 120%; }
	div.IndustrieService div.BoxMitte div.BoxMain h2 {  color: #323232; font-weight: normal; font-size: 16px; display:block;  margin: 0px 0px 0px 0px; padding: 0px 50px 5px 0px; line-height: 120%; }
	div.IndustrieService div.BoxMitte div.BoxMain h3 { line-height: 180%; }
	div.IndustrieService div.BoxMitte div.BoxMain p { display:block; clear:both;  margin: 0px 0px 0px 0px; padding: 0px 50px 25px 0px; line-height: 180%; }
	
	
	/* Inhalte der Marnialspalte */
	div.IndustrieService div.BoxMitte div.BoxMarginal { width: 235px; display:block; margin: 0px 25px 0px 25px; padding: 0px 0px 25px 0px; float:right; }
	
	
	/* XXL-Teaser */
	div.IndustrieService a.XXLTeaser { width: 650px; display:block; margin: 12px 0px 5px 0px; padding: 0px 0px 0px 0px;  background-image:url(../img/trennlinie.gif); background-repeat:repeat-x; background-position:bottom; cursor: pointer;  }
	div.IndustrieService a.XXLTeaser div.Bild { width: 191px; display: block; float:left; margin: 5px 10px 20px 0px; padding: 0px 0px 0px 0px; background-image:url(../img/contentbild-vorschau_hg.gif); background-position: 0px 0px; background-repeat:no-repeat; cursor: pointer; }
	div.IndustrieService a.XXLTeaser div.Bild img {  width: 181px; display: inline-block; float:left; margin: 5px 5px 0px 5px; padding: 0px 0px 0px 0px;  cursor: pointer; } 
	div.IndustrieService a.XXLTeaser div.Bild span { width: 191px; height: 5px; display: block; clear:both; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-image:url(../img/contentbild-vorschau_abschluss.gif); background-position: 0px 0px; background-repeat:no-repeat;  cursor: pointer; }
	div.IndustrieService a.XXLTeaser div.Inhalte { width: 445px; display: block; float:left;  cursor: pointer; }
	div.IndustrieService a.XXLTeaser div.Inhalte p { padding: 0px 0px 0px 0px; margin: 0px 0px 5px 0px; }
	div.IndustrieService a.XXLTeaser div.Inhalte div.ButtonLink { margin: 0px 0px 20px 0px;  }
	div.IndustrieService a.XXLTeaser:hover div.Bild { background-image: url(../img/contentbild-vorschau_hg_hover.gif); }
	div.IndustrieService a.XXLTeaser:hover div.Bild span { background-image:url(../img/contentbild-vorschau_abschluss_hover.gif); }
	div.IndustrieService a.XXLTeaser:hover div.Inhalte div.ButtonLink {  background-position: left bottom;  }
	div.IndustrieService a.XXLTeaser:hover div.Inhalte div.ButtonLink span.BtAbschluss { background-position: right bottom; }
	div.IndustrieService a.XXLTeaser:hover div.Inhalte div.ButtonLink span.BtInhalt { background-position: bottom; color: #bb2e41; }
	
		
		/* ButtonLink */
		div.IndustrieService div.ButtonLink { height: 30px; margin: 0px 0px 20px 18px; padding: 0px 0px 0px 24px; display:block; background-image:url(../img/button_links.png); background-repeat:no-repeat; background-position: left top; }
		div.IndustrieService div.ButtonLink span.BtInhalt { height: 24px; display:block; padding: 6px 0px 0px 0px;  background-image:url(../img/button_mitte.png); background-repeat:repeat-x; background-position: 24px top; float:left; font-size:11px; font-weight: bold; color: #323232; cursor: pointer;  }
		*+html div.IndustrieService div.ButtonLink span.BtInhalt { height: 25px; display:block; padding: 5px 0px 0px 0px; }
		div.IndustrieService div.ButtonLink span.BtAbschluss { width: 14px; height: 30px; margin: 0px -14px 0px 0px; display:block; background-image:url(../img/button_rechts.png); background-repeat:no-repeat; background-position: right top; float:left; cursor: pointer;  }
		/*
		div.IndustrieService a.XXLTeaser div.ButtonLink:hover {  background-position: left bottom;  }
		div.IndustrieService a.XXLTeaser div.ButtonLink:hover span.BtAbschluss { background-position: right bottom; }
		div.IndustrieService a.XXLTeaser div.ButtonLink:hover span.BtInhalt { background-position: bottom; color: #bb2e41; }
		*/
	
	
	/* Roter Teaser */
	div.IndustrieService a.RoterTeaser  { width: 211px;  display:block; padding: 0px 0px 0px 0px; margin: 20px 20px 20px 0px; float:left;  cursor: pointer; background-image:url(../img/teaser-rot.png); background-repeat:no-repeat; background-position: 0px 0px; }
	div.IndustrieService a.RoterTeaser span.Abschluss  { width: 211px; height: 4px; display:block; padding: 0px 0px 0px 0px; margin: 0px 0px -3px 0px; cursor: pointer; background-image:url(../img/teaser-rot_abschluss.png); background-repeat:no-repeat; background-position: 0px 0px; }			
	div.IndustrieService a.RoterTeaser h1 { color: #fafafa; margin: 0px 0px 0px 0px; padding: 15px 17px 0px 17px; line-height: 120%; }
	div.IndustrieService a.RoterTeaser p  { color: #fafafa; margin: 0px 0px 0px 0px; padding: 10px 17px 10px 17px; line-height: 130%; }
	div.IndustrieService a.RoterTeaser div.ButtonLink { margin: 0px 0px 12px 15px; }
	div.IndustrieService a.RoterTeaser:hover div.ButtonLink {  background-position: left bottom;  }
	div.IndustrieService a.RoterTeaser:hover div.ButtonLink span.BtAbschluss { background-position: right bottom; }
	div.IndustrieService a.RoterTeaser:hover div.ButtonLink span.BtInhalt { background-position: bottom; color: #bb2e41; }
	
	
/* Rote Headline - Industrie */	
div.Industrie div.BigHeader div.HeaderInhalte div.Oben { width: 986px; height: 87px; display:block; padding: 38px 0px 0px 0px;  }
div.Industrie div.BigHeader div.HeaderInhalte div.Unten { width: 986px; height: 180px; display:block; padding: 0px 0px 0px 0px;  }
div.Industrie div.BigHeader div.HeaderInhalte div.Oben span.ZeileOben { height: 20px; display: block; color: #f2f2f2; font-size: 16px; font-weight: bold;  position:absolute; z-index: 1000;  padding: 7px 17px 3px 17px; margin: 0px 0px -4px 3px; background-color: #bb2e41 !important; line-height: 100%; }
div.Industrie div.BigHeader div.HeaderInhalte div.Oben span.ZeileUnten {  height: 20px; display: block; color: #f2f2f2; font-size: 16px; font-weight: bold;  position: absolute; z-index: 100;  padding: 7px 17px 3px 17px; margin: 2px 0px 0px 3px; background-color: #bb2e41; line-height: 100%; }


div.Content div.SmallHeaderIndustrie div.HeaderInhalte div.Oben span.ZeileOben { height: 20px; display: block; color: #f2f2f2; font-size: 16px; font-weight: bold;  position:absolute; z-index: 1000;  padding: 7px 17px 3px 17px; margin: 0px 0px -4px 3px; background-color: #bb2e41 !important; line-height: 100%; }
div.Content div.SmallHeaderIndustrie div.HeaderInhalte div.Oben span.ZeileUnten {  height: 20px; display: block; color: #f2f2f2; font-size: 16px; font-weight: bold;  position: absolute; z-index: 100;  padding: 7px 17px 3px 17px; margin: 2px 0px 0px 3px; background-color: #bb2e41; line-height: 100%; }


	
				
	
	/* LinkBox */
	div.LinkBox { width: 230px; display:block; clear:both;  margin: 0px 0px 0px 3px; padding: 20px 20px 0px 0px;  }
	div.LinkBox h1 { width: 211px; font-size: 16px; color: #323232; font-weight: normal; line-height: 135%; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; }
	div.LinkBox h2 { width: 211px; font-size: 16px; color: #323232; font-weight: normal; line-height: 135%; margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px; }
	div.LinkBox a { display:block; margin: 0px 0px 7px 0px; padding: 0px 0px 0px 12px; font-weight: bold; font-size: 11px; background-position: 0px 4px; background-repeat: no-repeat; background-image:url(../img/roter-pfeil.gif); }
		

	/* Absatz-Linie fuer die Strukturierung von langen Texten */
	.AbsatzLinie { width: 610px; display:block; background-image:url(../img/trennlinie.gif); background-repeat:repeat-x; background-position:bottom; margin: 0px 0px 12px 0px !important; padding: 0px 40px 17px 0px !important; }


	/* Contentbild mit Lightbox */
	div.BoxMitte div.BoxMain p a.Lightbox { width: 191px; display: inline-block; float:left; margin: 5px 10px 0px 0px; padding: 0px 0px 0px 0px; background-image:url(../img/contentbild-vorschau_hg.gif); background-position: 0px 0px; background-repeat:no-repeat; }
	div.BoxMitte div.BoxMain p a.Lightbox img {  width: 181px; display: block;  margin: 5px 5px 0px 5px; padding: 0px 0px 0px 0px;  } 
	div.BoxMitte div.BoxMain p a.Lightbox span { width: 191px; height: 5px; display: block; clear:both; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-image:url(../img/contentbild-vorschau_abschluss.gif); background-position: bottom; background-repeat:no-repeat; background-color: #ffffff; }
	div.BoxMitte div.BoxMain p a.Lightbox:hover { background-image: url(../img/contentbild-vorschau_hg_hover.gif); }
	div.BoxMitte div.BoxMain p a.Lightbox:hover span { background-image:url(../img/contentbild-vorschau_abschluss_hover.gif); }
	div.BoxMitte div.BoxMain p a.Lightbox i { display:block; font-size: 11px; padding: 0px 10px 5px 10px !important; margin: 0px 0px 0px 0px; font-style:normal; }
	div.BoxMitte div.BoxMain p a.Lightbox b { font-size: 11px; font-weight:bold; padding: 8px 10px 0px 10px; margin: 0px 0px 0px 0px; display:block; } 
	div.BoxMitte div.BoxMain p a.Lightbox:hover i { color: #e92227; }
	div.BoxMitte div.BoxMain p a.Lightbox:hover b { color: #e92227; }



/* Teaser in der optionalen Box auf den Detailseiten */	
div.IndustrieDetailbox div.BoxMitte div.OptionaleTeaser { width: 800px; display:block; padding: 15px 0px 5px 90px; margin: 0px;  }
div.IndustrieDetailbox div.BoxMitte div.OptionaleTeaser a.UebersichtsTeaser { margin: 0px 7px 10px 0px; }

div.IndustrieDetailbox div.BoxMitte div.OptionaleTeaser a.UebersichtsTeaser div.TeaserHead { background-image:url("../img/teaser_oben_optional.gif"); }
div.IndustrieDetailbox div.BoxMitte div.OptionaleTeaser a.UebersichtsTeaser div.TeaserFooter { background-image:url("../img/teaser_unten_optional.gif"); }


div.IndustrieDetailbox div.BoxMitte div.OptionaleTeaser a.UebersichtsTeaser img { width: 135px; height: 135px; display:block; left: 0px; margin: 0px 0px 10px 40px; position:static; display:block; float:none; }
* html div.IndustrieDetailbox div.BoxMitte div.OptionaleTeaser a.UebersichtsTeaser img {  margin: 0px 0px 5px 5px; }
*+html div.IndustrieDetailbox div.BoxMitte div.OptionaleTeaser a.UebersichtsTeaser img {  margin: 0px 0px 5px 5px; }

div.IndustrieDetailbox div.BoxMitte div.OptionaleTeaser a.ProduktMitText { text-align:center; }
div.IndustrieDetailbox div.BoxMitte div.OptionaleTeaser a.ProduktMitText h1 { width: 213px; min-height: 20px; padding: 0px 0px 0px 0px; margin: 4px 0px 6px 0px; display: block; font-size: 16px; font-weight: normal; color: #323232; line-height: 120%;  cursor: pointer; text-align:center; }
div.IndustrieDetailbox div.BoxMitte div.OptionaleTeaser a.ProduktMitText p { width: 213px; min-height: 45px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; display: block; font-size: 11px; font-weight: normal; color: #323232; line-height: 120%;  cursor: pointer; text-align:center; }
	
	
/* (c) 2012 conception Kommunikationsagentur | coded by Mirko Kabsch */