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


/* Reset  ---------------------------------------------------------------------------------------------------- */


* { font-family: Arial, Helvetica, sans-serif; line-height: 120%; margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 0px;  text-decoration: none; }
html { margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 0px; }
body { margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 0px; }
img {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: none; line-height: 100%; position:relative; }
.clearbox { clear:both; }
div.Website { width: auto; height: auto; display:block; margin: 0px 0px 115px 0px; padding: 0px 0px 0px 0px; position:relative; z-index: 10; }
section.wrap.content { padding: 0px;  }
header.main-header { z-index: 100000; }
footer.main-footer  { z-index: 200000; }


/* Typo, Allgemein  ------------------------------------------------------------------------------------------ */

h1 { line-height: 135%; padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px; font-size: 30px; font-weight: bold; }
h2 { line-height: 155%; padding: 0px 0px 15px 0px; margin: 0px 0px 0px 0px; font-weight: normal; }
h3 { line-height: 155%; padding: 0px 0px 15px 0px; margin: 0px 0px 0px 0px; }


h4 { line-height: 155%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-size: 17px; font-weight: bold; clear: both; }
h4 span { line-height: 170%; padding: 3px 0px 0px 0px; margin: 0px 0px 10px 0px; font-size: 13px; font-weight: normal; display: block; float: left;  }
h4 span.Knoten { font-size: 17px; font-weight: bold; padding: 0px 0px 0px 14px; background:url("../img/websitesprite_desktop.png") top left no-repeat; background-size: auto; background-position: -970px -69px; }
h4 span.Knoten.Laenge1 { width: 160px; }
h4 span.Knoten.Laenge2 { width: 300px; }
h4 span.Knoten.Laenge3 { width: 80px; }

div.InfoBox h2 { line-height: 155%; padding: 0px 0px 15px 0px; margin: 0px 0px 0px 0px; font-weight: bold; font-size: 20px; }
div.InfoBox h4 { line-height: 155%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-size: 17px; font-weight: normal; clear: both; }
div.InfoBox h4 span { line-height: 170%; padding: 3px 0px 0px 0px; margin: 0px 0px 10px 0px; font-size: 13px; font-weight: normal; display: block; float: left;  }
div.InfoBox h4 span.Knoten { font-size: 17px; font-weight: normal; padding: 0px 0px 0px 15px; background:url("../img/websitesprite_desktop.png") top left no-repeat; background-size: auto; background-position: -970px -68px; }
div.InfoBox h4 span.Knoten.Laenge1 { width: 125px; }
div.InfoBox h4 span.Knoten.Laenge2 { width: 300px; }
div.InfoBox h4 span.Knoten.Laenge3 { width: 80px; }

p, p span, table tr td, table tr th { line-height: 180%; padding: 0px 0px 15px 0px; margin: 0px 0px 0px 0px; }
a, ul, ul li { line-height: 180%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;  }


.Captcha b { font-weight: bold;}
.Captcha input.captcha { background-color: rgba(0, 0, 0, 0); background-image: url("../img/kontaktformular_input-extrakruz.png"); background-position: 0 0; background-repeat: no-repeat; border: 0 none; color: #323232; display: block; float: left; font-size: 12px; height: 22px; margin: 0; padding: 3px 10px 0; width: 90px;}
.Captcha p.captchaError { color: #e3006a;}
.Captcha .captcha_feld { display: block; float: left; margin-bottom: 8px;}
.Captcha .captcha_feld img.captcha { float: left;}

/* Grundelemente  -------------------------------------------------------------------------------------------- */


/* Trennstrich */

div.Trennstrich { width: auto; height: 5px; display: block; margin: 20px 0px 25px 0px; padding: 0px; }
div.LandPaket div.Trennstrich { width: auto; height: 5px; display: block; margin: 0px 0px 15px 0px; padding: 0px; }


/* Liste */

ul.Liste { display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
ul.Liste li { display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 20px; font-size: 13px; line-height: 170%; }


/* Aufbau der Website ---------------------------------------------------------------------------------------- */


/* Ebenen-Aufbau */	

div.Ebene { width: 100%; height: auto; display:block; background-position: 100px center; background-size: auto; background-repeat:no-repeat; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position:relative;  } 	


/* Jumper */

a.Jumper { width: 950px; height: 48px; display: block; position:absolute; bottom: 0px; left: 50%; padding: 0px; margin: 0px 0px 0px -475px; z-index: 10000; }


/* Inhalte */

div.EbenenContent { width: 984px; display:block; padding: 25px 17px 0px 17px; margin: 0px auto; background-color: transparent;  position: relative; z-index: 20000; }	
div.EbenenContent h3 { font-size: 17px; font-weight: normal; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; line-height: 155%; }
div.EbenenContent p { padding-right: 400px;}
div.EbenenContent h2 { font-size: 24px; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; line-height: 135%; }
div.EbenenContent h2 { font-size: 24px; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; line-height: 135%; }


/* SliderEbene */			
div.Ebene.SliderEbene  { padding: 30px 0px 30px 0px; background-position: top center;  }


/* Illustration  */
div.Ebene.Illustration { height: 800px; padding-top: 50px; padding-bottom: 50px; }
div.Ebene.Illustration div.EbenenContent { padding: 0px 17px 50px 17px; }



/* Dreier-Teaser-System */

.teaser.TrippleTeaser { height: 445px; padding: 0px 0px 0px 0px; position:relative; }
.teaser.TrippleTeaser .teaser-content { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; position:static; left: auto; top: auto;  }
.teaser.TrippleTeaser .teaser-content img { height: 260px; width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.teaser.TrippleTeaser .teaser-content h2,
.teaser.TrippleTeaser .teaser-content p { margin: 0px 25px 5px 25px; line-height: 170%;  }
.teaser.TrippleTeaser .teaser-content div.btn-big,
.teaser.TrippleTeaser .teaser-content a.btn-big { margin: 0px; position:absolute; bottom: 30px; top: auto; left: 25px;  }
.teaser.TrippleTeaser .teaser-content div.btn,
.teaser.TrippleTeaser .teaser-content a.btn { margin: 0px; position:absolute; bottom: 40px; top: auto; left: 25px;  }


/* Vierer-Teaser-System */  

.teaser.ViererTeaser { width: 234px; height: 320px; padding: 0px 0px 0px 0px; margin: 0px 16px 16px 0px; position:relative;  }
.teaser.ViererTeaser.teaser-last { margin: 0px 0px 12px 0px; float: right; }
.teaser.ViererTeaser .teaser-content { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; position:static; left: auto; top: auto; background-image: url("../img/teaser_hg.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; }
.teaser.ViererTeaser .teaser-content img { height: 160px; width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
/* .teaser.ViererTeaser .teaser-content h2 { font-size: 15px; font-weight: bold; margin: 0px 25px 0px 25px; line-height: 170%;  } */

.teaser.ViererTeaser .teaser-content h2 { font-size: 15px; font-weight: bold; margin: -12px 5px 0px 25px; line-height: 170%; position: relative; z-index: 100;  }

.teaser.ViererTeaser .teaser-content p { margin: 0px 25px 5px 25px; line-height: 170%;  }
.teaser.ViererTeaser .teaser-content div.btn-big,
.teaser.ViererTeaser .teaser-content a.btn-big { margin: 0px; position:absolute; bottom: 20px; top: auto; left: 25px;  }
.teaser.ViererTeaser .teaser-content div.btn,
.teaser.ViererTeaser .teaser-content a.btn { margin: 0px; position:absolute; bottom: 30px; top: auto; left: 25px;  }

/* Teaser eingrauen */
.teaser.ViererTeaser.Grau { background-color: #333333; background-image: none; }
.teaser.ViererTeaser.Grau .teaser-content { background-image: none; }




/* Slider */	

div.HauptbuehnenSlider { width: 100%; display:block; margin: 0px 0px 0px 0px; background-image:url("../img/blitz_desktop.jpg"); background-position: top center; background-size: auto; background-repeat:no-repeat; } /* Blitz */
div.HauptbuehnenSlider ul.slides { width: 100%; height: 375px; display:block; } 
div.HauptbuehnenSlider ul.slides li { width: 100%; height: 375px; display:block; background-position: top center; background-size: auto; background-repeat:no-repeat; } /* HG */

div.SlideContent { width: 984px; height: 375px; display: block; margin: 0px auto; padding: 60px 260px 0px 17px; background-repeat:no-repeat; background-position: left top; background-size: 984px 375px; }
div.SlideContent h2 { padding-right: 150px;}
div.SlideContent p { padding-right: 80px; }
div.SlideContent h3 { font-size: 17px; font-weight: normal; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; line-height: 155%; }
div.SlideContent h4 { font-size: 17px; font-weight: normal; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; line-height: 155%; }
div.SlideContent p {}
div.SlideContent h2 { font-size: 24px; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; line-height: 135%; }
div.SlideContent a.btn-big,
div.SlideContent div.btn-big { margin: 15px 0px 0px 0px; }

/* Navigation */
ol.flex-control-nav { width: 984px; height: 13px; display: block; margin: 15px auto; padding: 0px 17px 0px 17px;  background-color:transparent; }
ol.flex-control-nav li { width: 12px; height: 12px; display:block; margin: 0px 5px 0px 0px; padding: 0px; float: left; background-color:transparent; }
ol.flex-control-nav li.SliderName { width: auto; font-size: 13px; }
ol.flex-control-nav li a {  width: 12px; height: 12px; display:block; margin: 1px 0px 0px 0px; padding: 0px; color: transparent; font-size: 0px; background-color:transparent; cursor: pointer; }

/* Anpassungen fuer die Rubrikseiten */
div.Ebene.Rubrik div.HauptbuehnenSlider { background-position: center -80px;  }

div.Ebene.Rubrik div.HauptbuehnenSlider ul.slides { height: 320px;  }
div.Ebene.Rubrik div.HauptbuehnenSlider ul.slides li { height: 320px;  display: none; }
div.Ebene.Rubrik div.SlideContent { height: 320px;  padding-top: 30px; position: relative; background-size: 984px 320px;  }


/* Produkt-Slider */


div.ProduktSlider { width: 100%; display:block; height: 420px; margin: 0px 0px 0px 0px; background-image:url("../img/blitz_desktop.jpg"); background-position: center -25px; background-size: auto; background-repeat:no-repeat; } /* Blitz */
div.ProduktSlider ul.slides { width: 100%; height: 420px; display:block; } 
div.ProduktSlider ul.slides li { width: 100%; height: 420px; display:block; background-position: top center; background-size: auto; background-repeat:no-repeat; } /* HG */
div.Ebene.Rubrik div.ProduktSlider div.SlideContent { height: 420px;  padding-top: 30px; position: relative; background-size: 984px 420px;  }


/* Navigation */
div.ProduktSlider ol.flex-control-nav { height: 1px; width: 1px; display: block; position: fixed; top: 0px; opacity: 0; visibility: hidden;  }






/* Startseiten Slider */

div.StartseitenSlider { width: 100%; height: 550px; display:block; padding: 0px 0px 0px 0px; position: relative;  margin: 0px 0px 0px 0px; background-image:url("../img/blitz_desktop.jpg"); background-position: top center; background-size: auto; background-repeat:no-repeat; } /* Blitz */
div.StartseitenSlider ul.slides { width: 100%; height: 550px; display:block; } 
div.StartseitenSlider ul.slides li { width: 100%; height: 550px; display:block; background-position: top center; background-size: auto; background-repeat:no-repeat; } /* HG */


/* Navigation */
div.StartseitenSlider ol.flex-control-nav { width: 984px; height: 13px; display: block; position: absolute; bottom: 100px; margin: 0px 0px 0px -492px; left: 50%; padding: 0px 17px 0px 17px;  background-color:transparent; }
div.StartseitenSlider ol.flex-control-nav li { width: 12px; height: 12px; display:block; margin: 0px 5px 0px 0px; padding: 0px; float: left; background-color:transparent; }
div.StartseitenSlider ol.flex-control-nav li.SliderName { width: auto; font-size: 13px; }
div.StartseitenSlider ol.flex-control-nav li a {  width: 12px; height: 12px; display:block; margin: 1px 0px 0px 0px; padding: 0px; color: transparent; font-size: 0px; background-color:transparent; cursor: pointer; }





/* Startseiten-Teaser */	

.teaser.teaser-kontakt .teaser-bg { background-size: 289px 168px; background-position: top right; background-repeat:no-repeat;  }
.teaser h2 { line-height: 155%; padding: 0px 0px 5px 0px; margin: 0px 0px 0px 0px; }
.teaser p { line-height: 155%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-size: 13px; }



/* Icons */
div.Icons { width: 950px; height: 750px; display:block; opacity: 1; position:absolute; top: 0px; left: 50%; margin: 0px 0px 0px -475px; }

/* Aufbau Normal */ 
div.Icons div.Icon { width: auto; display:inline-block; opacity: 1; position:absolute; top: 0px; left: 0px; }
div.Icons div.Icon h3 { display:block; text-align:center; margin: 0px auto; }
div.Icons div.Icon a { margin: 150px auto; }

/* Aufbau Headline unten */ 
div.Icons div.Icon.HeadlineUnten {}
div.Icons div.Icon.HeadlineUnten h3 { width: 200px; display:block; text-align:center; margin: 0px 0px 0px -100px; position:absolute; top: 235px; left: 50%;   }
div.Icons div.Icon.HeadlineUnten a { margin: 190px auto; position:relative; }


/* Positionierung */
div.Icons div.Icon.Prozess1 { top: 230px; left: 65px; }
div.Icons div.Icon.Prozess2 { top: 210px; left: 240px; }
div.Icons div.Icon.Prozess3 { top: 190px; left: 415px; }
div.Icons div.Icon.Prozess4 { top: 170px; left: 590px; }
div.Icons div.Icon.Prozess5 { top: 150px; left: 765px; }
div.Icons div.Icon.Prozess6 { top: 450px; left: 320px; }
div.Icons div.Icon.Prozess7 { top: 450px; left: 510px; }






/* DetailHead (Hauptbuehne) - Detailsseite */

div.DetailHead { width: 984px; height: 620px; display:block; margin: 0px auto; padding: 0px 0px 0px 0px; } 
div.Ebene.Weltkarte div.DetailHead {}
div.Ebene.Weltkarte div.DetailHead h1 { font-size: 24px; }


/* Reitersystem */
div.DetailHead.ReiterSystem { width: 984px; height: 620px; display:block; position: relative;  }	


/* ReiterIntro (Absolute ueber dem Reiter ) */
div.DetailHead.ReiterSystem div.ReiterIntro { width: 500px; display: block; position: absolute; top: 65px; left: 17px; z-index: 1000; }
div.Ebene.Weltkarte  div.DetailHead.ReiterSystem div.ReiterIntro h1 { font-size: 24px; margin-top: -15px;  }


/* Steuerung */
div.DetailHead.ReiterSystem div.ReiterSteuerung { width: auto; height: 33px; display:block; position: absolute; right: 17px; top: 65px; z-index: 1500; }
div.DetailHead.ReiterSystem div.ReiterSteuerung div.Trenner { height: 33px; width: 3px; display: block; float: right;  }
div.DetailHead.ReiterSystem div.ReiterSteuerung a { height: 33px; display: inline-block; float: right; cursor: pointer; }
div.DetailHead.ReiterSystem div.ReiterSteuerung a .BtLinks { height: 33px; width: 6px; display: block; float: left; cursor: pointer;  }
div.DetailHead.ReiterSystem div.ReiterSteuerung a .BtMitte { height: 33px; width: auto; display: inline-block; padding: 9px 20px 0px 20px; float: left; font-size: 13px; cursor: pointer; }
div.DetailHead.ReiterSystem div.ReiterSteuerung a .BtRechts { height: 33px; width: 6px; display: block; float: left; cursor: pointer; }



/* Content */
div.DetailHead.ReiterSystem div.ReiterContent { width: 984px; height: 620px; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
div.DetailHead.ReiterSystem div.ReiterContent div.Reiter { width: 984px; height: 620px; display:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-position: center top; background-repeat: no-repeat; /* background-size: 984px 620px; */ background-size: cover; }
div.DetailHead.ReiterSystem div.ReiterContent div.Reiter.Aktiv { display: block; }



/* Popup Infobox */

div.InfoBox { width: 100%; display:none; position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 150000; background:url("../img/blende.png") top left repeat;  }
div.InfoBox div.Inhalte { width: 490px; display:block; position:absolute; top: 94px; left: 50%; padding: 0px; margin: 0px 0px 0px -492px;   }
div.InfoBox div.Inhalte ul.Liste { margin-bottom: 10px; }

/* Rand */	
div.InfoBox div.Inhalte div.LippeOben,
div.InfoBox div.Inhalte div.LippeUnten { width: 490px; height: 10px; display:block; }
div.InfoBox div.Inhalte div.LippeMitte { width: 490px; display:block;  padding: 25px 25px 25px 25px; border-left: 1px #707070 solid; border-right: 1px #707070 solid; background-color: #000000;  }


/* schließen */
div.Schliessen, a.Schliessen { height: 18px; display:block; margin: 0px 0px 0px 0px; padding: 4px 30px 0px 0px; line-height: 100%; text-align:right; position:absolute; top: 30px; right: 25px; z-index: 350000; text-decoration:none; font-size: 11px; }

/* HG Icon */
div.HGIcon { width: 124px; height: 124px; display:block; position:absolute; right: 25px; bottom: 40px; background-position: left top; }

/* HGIcon Box */
div.InfoContent1 div.HGIcon { background-image: url("../content/startseite/icon_bearbeitung.png"); }
div.InfoContent2 div.HGIcon { background-image: url("../content/startseite/icon_bestueckung.png"); }
div.InfoContent3 div.HGIcon { background-image: url("../content/startseite/icon_konfektionierung.png"); }
div.InfoContent4 div.HGIcon { background-image: url("../content/startseite/icon_verdrahtung.png"); }
div.InfoContent5 div.HGIcon { background-image: url("../content/startseite/icon_handling.png"); }
div.InfoContent6 div.HGIcon { background-image: url("../content/startseite/icon_werkzeug.png"); }





/* Waehler - Downloads */

div.Waehler { width: 308px; display: block; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px;  position: relative; z-index: 99990000; }
div.HauptbuehnenSlider div.Waehler { position: absolute; top: 210px; left: 17px; }

div.Selektor { width: 308px; display: block; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; z-index: 99990000; }

div.Selektor input { width: 308px; height: 32px; display: block; box-shadow: 0px; border-radius: none; color: #ffffff; position: relative; cursor: pointer; }
div.Selektor div.Klappe { width: 296px; display: none; position: absolute; top: 28px; left: 6px;  padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: #545454; cursor: pointer; z-index: 999900000; }
div.Selektor div.Klappe div { width: 296px; display: block;  padding: 4px; margin: 1px 0px 0px 0px; background-color: transparent; font-size: 12px; cursor: pointer;  }
div.Selektor div.Klappe div:hover { background-color: #747474; }
div.Selektor div.Klappe a { width: 296px; display: block;  padding: 4px; margin: 1px 0px 0px 0px; background-color: transparent; font-size: 12px; cursor: pointer; text-decoration: none;  }
div.Selektor div.Klappe a:hover { background-color: #747474; }



/* Downloads */

div.Ebene.Rubrik section.wrap.content { width: 950px; }




/* DotSystem */

div.DotSystem { width: 984px; height: 620px; display:block; position: absolute; top: 0px; left: 0px; z-index: 10; }
div.DotSystem  a.Dot { width: 41px; height: 41px; display:block; position: absolute; top: 0px; left: 0px; z-index: 10; cursor: pointer;  }

/* Dot-Beschreibung im Hover */
div.DotSystem a.Dot div.InfoTipp {  height: 35px; display: none; position: absolute; z-index: 10; top: 0px; left: -4px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 50px; /* box-shadow: 0px 0px 5px #000000; */  }
div.DotSystem a.Dot div.InfoTipp div.InfoContent {  width: auto; height: 35px; display: inline-block; position: relative; margin: 0px 0px 0px 0px; padding: 9px 0px 0px 0px; font-size: 15px; line-height: 100%; }
div.DotSystem a.Dot div.InfoTipp div.InfoAbschluss { width: 10px; height: 35px; display: block;  position: absolute; top: 0px; right: -10px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
div.DotSystem a.Dot:hover div.InfoTipp { display: block; z-index: 100; }
div.DotSystem a.Dot.ErIstOffen div.InfoTipp { display: block; z-index: 100; }



/* DetailBody - Detailsseite */

div.EbenenInfoBereich { width: 984px; display:block; margin: 0px auto; padding: 0px 17px 20px 17px; } 
div.DetailBody { width: 984px; display:block; margin: 0px auto; padding: 37px 17px 20px 17px; border-top: 1px #707070 solid;  } 
div.Ebene.Weltkarte div.DetailBody { border-top: none;  } 
div.DetailBody div.DetailLinks { width: 585px; display: block; float: left; padding: 0px 100px 0px 0px; margin: 0px 0px 0px 0px; }
div.DetailBody div.DetailRechts { width: 360px; display: block; float: right; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
div.Ebene.Weltkarte div.DetailRechts {  padding: 40px 0px 0px 0px; }


/* Teaser */

div.MarginalTeaser { width: 358px; display: block; position: relative; top: 0px; margin: 15px 0px 40px 0px; padding: 20px 25px 0px 25px; background-color: maroon; }
div.MarginalTeaser div.TeaserOben { height: 10px; width: 358px; display: block; position: absolute; top: -10px; right: 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: orange; }
div.MarginalTeaser div.TeaserUnten { height: 10px; width: 358px; display: block; position: relative; top: 10px; right: 25px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: red; }
div.MarginalTeaser a.btn-big { margin-bottom: 10px; }
div.MarginalTeaser img { width: 308px; margin: 0px 0px 15px 0px; }


/* 3D Objekt */

img.DreiDObjekt,
#DreiDObjekt-reel,
#DreiDObjekt-reel img { width: 984px; height: 620px; display: block; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } 

/* Steuerung */
div.Steuerung { width: 70px; height: 31px; display: block; position: absolute; bottom: 50px; right: 100px; z-index: 1000; }
div.Steuerung div { width: 31px; height: 31px; display: block; font-size: 13px; padding: 8px 0px 0px 0px; text-decoration: none; display: inline-block; float: right; background-color: #323232; text-align: center; cursor: pointer; }
div.Steuerung div.LinksRum { float: left; }
div.Steuerung div.RechtsRum { float: right; }


/* VideoBox */	

div.VideoBox  { width: 100%; display:none; position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 150000; background:url("../img/blende.png") top left repeat;  }
div.VideoBox div.Inhalte  { width: 984px; display: block; padding: 0px 0px 0px 0px;  margin: 0px 0px 0px -492px; position: absolute; top: 110px; left: 50%; z-index: 200000;  }
div.VideoBox  a.Schliessen  { top: -30px; right: 0px; }


/* Icons */

div.Icon { width: 62px; height: 62px; display: block; position: absolute; right: 17px; bottom: 35px;  }



/* Weltkarte */

div.LandPaket { display: block; padding: 0px 0px 0px 0px; margin: 0px 0px 25px 0px; }

a.ApEintrag { min-height: 35px; width: 150px; display: block; float: left;  margin: 0px 10px 5px 0px; padding: 0px 0px 0px 0px; }
a.ApEintrag img { height: 11px; width: 16px; display: block; float: left; margin: 3px 10px 0px 0px; padding: 0px 0px 0px 0px; }
a.ApEintrag span { width: 120px; display: block; float: left;  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 13px; line-height: 135%; }


/* Visitenkarte */
div.VisitenkartenDrin { display: block; position: relative; padding-bottom: 120px; }
div.Visitenkarte { width: 580px; display: none; position: absolute; top: 80px; left: 0px; z-index: 1000; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
div.Visitenkarte div.VisitenOben { width: 580px; height: 15px; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
div.Visitenkarte div.VisitenUnten { width: 580px; height: 10px; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
div.Visitenkarte div.Inhalte { width: 580px; min-height: 230px; display: block; margin: 0px 0px 0px 0px; padding: 14px 17px 5px 17px; position: relative;  background-color: #000000; border-left: 1px #707070 solid;border-right: 1px #707070 solid; }

div.Visitenkarte div.Spalte1 { width: 135px; height: auto; display: block; float: left; margin: 0px 0px 17px 0px; padding: 0px 0px 0px 0px; font-size: 13px; line-height: 170%; }
div.Visitenkarte div.Spalte2 { width: 190px; height: auto; display: block; float: left; margin: 0px 0px 17px 17px; padding: 0px 0px 0px 0px; font-size: 13px; line-height: 170%; }
div.Visitenkarte div.Spalte3 { width: 180px; height: auto; display: block; float: left; margin: 0px 0px 17px 17px; padding: 0px 0px 0px 0px; font-size: 13px; line-height: 170%; }

div.Visitenkarte div.Trennstrich { margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; clear: both; }
div.Visitenkarte h2 { width: 580px; display: block; margin: 0px 0px 25px 0px; padding: 0px 0px 0px 0px; }
div.Visitenkarte div.EckLink { width: 135px; display: block; position: absolute; bottom: 17px; left: 17px; }


/* Schnellwahl */		
div.Schnellwahl { display: block; width: 330px; position: absolute; top: 50px; right: 0px; z-index: 50000; }
div.Schnellwahl h3 { height: auto; line-height: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 10px;  }
div.Schnellwahl div.Selektor div.Klappe { z-index: 99999999999999; }


/* Erweiterung - Meta Menue */
header.main-header div.MetaMenue { position: absolute; right: 0px; top: 70px; }
header.main-header div.MetaMenue a.meta-menu { float: right; display: block; position: static; right: auto; top: auto; }
header.main-header div.MetaMenue a.meta-menu.Ergaenzung { background-image: url("../img/meta-trenner.gif"); margin-right: 6px; padding-right: 6px; background-repeat: no-repeat; background-position: right center; }

header.main-header div.MetaMenue form { float: right;}
header.main-header div.MetaMenue form a.meta-menu { float: right; display: block; position: static; right: auto; top: auto; }
header.main-header div.MetaMenue form a.meta-menu.Ergaenzung { background-image: url("../img/meta-trenner.gif"); margin-right: 6px; padding-right: 6px; background-repeat: no-repeat; background-position: right center; }


/*
header.main-header a.meta-menu.Ergaenzung { right: 60px; }
header.main-header a.meta-menu.Ergaenzung.Abstand_en { right: 105px; }
*/


/* Pfeilsystem */

/* Chassie */
div.PfeilChassie { width: 984px; height: 470px; display: block; padding: 0px 0px 50px 0px; margin: 0px auto 0px auto; position: relative; }
div.PfeilChassie.SliderSteuerung { padding: 0px 0px 0px 0px; height: 410px;}

/* Beschriftung */
div.Beschriftung { width: 984px; display: block; padding: 0px 0px 20px 0px; }
div.Beschriftung h2 { margin: 0px 0px 0px 0px; padding: 0px 0px 10px 17px; line-height: 135%; font-size: 20px; font-weight: bold;  }
div.Beschriftung h3 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 17px; line-height: 135%; font-size: 16px; font-weight: normal;  }

/* Dicker Pfeil */
div.DickerPfeil { width: 261px; height: 188px; display: block; position: relative; margin: 0px 0px 0px -20px; padding: 0px 0px 0px 0px; float: left; }
div.DickerPfeil.ErsterPfeil { margin: 0px 0px 0px 0px; }	
div.DickerPfeil div.PfeilInhalte { width: 200px; height: 150px; display: block; padding: 25px 0px 0px 0px; margin: 0px auto; position: relative; }
div.DickerPfeil div.PfeilInhalte div.IconBox { width: 65px; height: 65px; display: block; padding: 0px; margin: 0px auto; }
div.DickerPfeil div.PfeilInhalte h2 { text-align: center; padding: 15px 0px 10px 0px; margin: 0px 0px 0px 0px; line-height: 135%; font-weight: bold; font-size: 15px; }
div.DickerPfeil div.PfeilInhalte a.btn-big { margin: 5px 0px 0px 40px; }


/* NEUER Dicker Pfeil */
div.HauptPfeil { width: 261px; height: 188px; display: block; position: relative; margin: 0px 0px 0px -20px; padding: 0px 0px 0px 0px; float: left;  background:url("../img/dickerpfeil.png") top left no-repeat; background-size: auto;  }
div.HauptPfeil.ErsterPfeil { margin: 0px 0px 0px 0px; }	
div.HauptPfeil div.PfeilInhalte { width: 200px; height: 150px; display: block; padding: 25px 0px 0px 0px; margin: 0px auto; position: relative; }
div.HauptPfeil div.PfeilInhalte div.IconBox { width: 65px; height: 65px; display: block; padding: 0px; margin: 0px auto; background-color: red; }
div.HauptPfeil div.PfeilInhalte h2 { text-align: center; padding: 15px 0px 10px 0px; margin: 0px 0px 0px 0px; line-height: 135%; font-weight: bold; font-size: 15px; }
div.HauptPfeil div.PfeilInhalte a.btn-big { margin: 5px 0px 0px 40px; }

/* Variante - ProzessOptik */
div.ProzessBereich div.HauptPfeil { width: 978px; height: 99px; display: block; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left;  background:url("../img/prozesspfeil.png") top left no-repeat; background-size: auto;  }
div.ProzessBereich div.HauptPfeil div.PfeilInhalte { width: 200px; height: 90px; display: block; padding: 0px 0px 0px 0px; margin: 0px auto; position: relative; }
div.ProzessBereich div.HauptPfeil div.IconBox { background-color: pink; position: absolute; top: 15px; left: -300px; }
div.ProzessBereich div.HauptPfeil div.IconBox.Zusatz { right: -300px; left: auto;  }

/* Als SLidersteuerung */
div.SliderSteuerung div.HauptPfeil { cursor: pointer; }
div.SliderSteuerung div.ProzessBereich div.HauptPfeil div.PfeilInhalte { width: 200px; height: 70px; display: block; padding: 22px 0px 0px 0px; }
div.SliderSteuerung div.HauptPfeil.Aktiviert { background-position: left bottom; }
div.SliderSteuerung div.HauptPfeil:hover { background-position: left bottom; }


/* Icons */
div.HauptPfeil div.PfeilInhalte div.IconBox { background:url("../img/websitesprite_desktop.png") top left no-repeat; background-size: auto; }

div.HauptPfeil.ProzessNr1 div.PfeilInhalte div.IconBox { background-position: -10px -320px; }
div.HauptPfeil.ProzessNr2 div.PfeilInhalte div.IconBox { background-position: -80px -320px; }
div.HauptPfeil.ProzessNr3 div.PfeilInhalte div.IconBox { background-position: -150px -320px; }
div.HauptPfeil.ProzessNr4 div.PfeilInhalte div.IconBox { background-position: -220px -320px; }
div.HauptPfeil.ProzessNr5 div.PfeilInhalte div.IconBox { background-position: -290px -320px; }
div.HauptPfeil.ProzessNr6 div.PfeilInhalte div.IconBox { background-position: -370px -320px; }



div.VerlaufsPfeil { width: 984px; height: 198px; display: block; position: relative; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; clear: both; }
div.SliderSteuerung div.VerlaufsPfeil { margin: 0px 0px 0px 0px; }
div.VerlaufsPfeil div.Beschriftung { width: 300px; display: block; position: absolute; top: 30px; left: 54px;  }
div.VerlaufsPfeil div.DickerPfeil { width: 206px; height: 184px; margin: 0px auto; float: none; position: relative; top: -40px; }


/* ProzessPfeil */
div.ProzessPfeil { width: 978px; height: 99px; display: block; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }


/* SliderSteuerung */
div.SliderSteuerung div.DickerPfeil { cursor: pointer; }



/* ROI */


/* Standard Inhalte */
div.StandardBox { width: 984px; display:block; padding: 0px 0px 50px 0px; margin: 0px auto; background-color: transparent;  position: relative; z-index: 20000; }	
div.StandardBox h1 { font-size: 24px; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 17px 15px 17px; line-height: 135%; }
div.StandardBox h2 { font-size: 18px; font-weight: normal; margin: 0px 0px 0px 0px; padding: 0px 17px 5px 17px; line-height: 155%; }
div.StandardBox h3 { font-size: 17px; font-weight: normal; margin: 0px 0px 0px 0px; padding: 0px 17px 5px 17px; line-height: 155%; }
div.StandardBox p { padding: 0px 17px 15px 17px; }


/* Presenter */
div.Ebene.Presenter { height: 230px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background:url("../img/blitz_desktop.jpg") center -130px no-repeat; }
div.Ebene.Presenter div.StandardBox{  padding: 50px 0px 0px 0px;  }
div.Ebene.Presenter div.StandardBox.Keyvisual_ROI { height: 230px; background:url("../content/produkte/buehne_roi.png") center center no-repeat; }

/* Tabelle */
div.Tabelle { width: 100%; display: block; margin: 0px 0px 30px 0px; padding: 0px 0px 0px 0px; background-color: #282828;  border-left: 1px #6f6f6f solid; border-top: 1px #6f6f6f solid; position: relative;  }
div.Tabelle  table{ width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
div.Tabelle  table tbody { width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }


div.Tabelle  table tbody tr td { margin: 0px 0px 0px 0px; padding: 10px 17px 10px 17px; line-height: 175%; font-size: 12px;  border-right: 1px #6f6f6f solid; border-bottom: 1px #6f6f6f solid;  }
div.Tabelle  table tbody tr th { margin: 0px 0px 0px 0px; padding: 10px 17px 10px 17px; line-height: 155%; font-size: 13px; font-weight: bold;  border-right: 1px #6f6f6f solid; border-bottom: 1px #6f6f6f solid; }

/* Hell Grau */
div.Tabelle  table tbody tr th.Hell,
div.Tabelle  table tbody tr td.Hell { background-color: #3f3f3f; }

/* Dunkel Grau */
div.Tabelle  table tbody tr th.Dunkel,
div.Tabelle  table tbody tr td.Dunkel { background-color: #4e4e4e; }

/* Ecken */
div.Tabelle div.Ecke { width: 10px; height: 10px; position: absolute; background-repeat: no-repeat; background-position: left top; }
div.Tabelle div.Ecke.EckeUR { background-image: url("../img/ecke_ur.gif"); bottom: 0px; right: 0px;  }
div.Tabelle div.Ecke.EckeUL { background-image: url("../img/ecke_ul.gif"); bottom: 0px; left: -1px;  }
div.Tabelle div.Ecke.EckeOR { background-image: url("../img/ecke_or.gif"); top: -1px; right: 0px;  }
div.Tabelle div.Ecke.EckeOL { background-image: url("../img/ecke_ol.gif"); top: -1px; left: -1px;  }

/* ROI Inputs */
input.RoiInput { width: 45px; margin: 0px 0px 0px 0px;  float: left; }
label.RoiInput { padding: 7px 0px 0px 8px;  float: left; }



/* Kontaktbereich */
div.Ebene.Kontaktbereich {}
div.Ebene.Kontaktbereich div.DetailBody { border-top: none; }


/* Diagramm Tabelle */
div.DiagrammTabelle { margin: 20px 0px 75px 0px; padding: 0px 0px 25px 0px; background-image:url("../img/roi/diagramm-raster.gif"); background-position: 15px bottom; background-repeat:no-repeat; }
div.DiagrammTabelle h2 { width: 100%; display:block; background-color: #000000; }
div.DiagrammTabelle table { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
div.DiagrammTabelle table tr.Diagramm td { text-align: left; vertical-align: middle;  margin: 0px 0px 0px 0px; padding: 9px 0px 9px 0px; }
div.DiagrammTabelle table tr.Diagramm td div.Balken { height: 35px; width: 190px;  display:block;  margin: 0px 0px 0px 18px; position:relative; z-index:10; background-image:url("../img/roi/diagramm_balken_pink.png"); background-repeat:no-repeat; background-position: top left; }		
/* div.DiagrammTabelle table tr.Diagramm td div.Balken p { width: 50px; height: 28px; display:block; position:absolute; right: -60px; padding: 7px 0px 0px 10px; float: left; margin: 0px 0px 0px 0px;  background-image:url("../img/roi/diagramm_balken_pink_abschluss.png"); background-repeat:no-repeat; background-position: top left; font-weight: bold; font-size:13px; color: #ffffff; } */
div.DiagrammTabelle table tr.Diagramm td div.Balken p { width: 50px; height: 35px; display:block; position:absolute; right: -50px; padding: 7px 0px 0px 10px; float: left; margin: 0px 0px 0px 0px;  background-image:url("../img/roi/diagramm_balken_pink_abschluss.png"); background-repeat:no-repeat; background-position: top left; font-weight: bold; font-size:13px; color: #ffffff; }



/* Info i s fuer die Tabelle */
.infoI b { display:inline-block; margin: 0px 0px 0px 0px; padding: 1px 0px 4px 25px; line-height: 120%; font-size: 13px; background-image:url("../img/roi/info-i.png"); background-position: left top; background-repeat:no-repeat; cursor: help;}

.infoI div.infoInhalt { width:200px; height:120px; display:none; position: absolute; z-index: 1000; padding: 15px 15px 15px 22px; margin: -72px 0px 0px 18px; background-image:url("../img/roi/i-details.png"); background-position: 0px 0px; background-repeat:no-repeat; }
.infoI:hover div.infoInhalt { display:block; }

.infoI div.infoInhalt h3 { height: auto; display: block; float:none; color: #ffffff; font-size: 13px; margin: 0px 0px 0px 0px; padding: 5px 0px 8px 0px; background-image: none; line-height: 110%; }
.infoI div.infoInhalt div { height: auto; display: inline-block; float:none; font-style:normal; color: #ffffff; font-size: 11px; margin: 0px 0px 0px 0px; padding: 0px 0px 7px 0px; background-image: none; line-height: 125%; }
.infoI div.infoInhalt div i { font-style:normal; }



/* Dynamische Info i Hinweise */
.Hinweis { cursor: help; text-indent: 25px; background-image:url("../img/roi/info-i.png"); position: relative; z-index: 10; background-position: 0px 0px; background-repeat:no-repeat; }
*+html .Hinweis { background-position: 0px 2px; }
.Hinweis div.HinweisInhalt { width: 289px; display:none; text-indent: 0px; position: absolute; z-index: 100; top: 20px; margin: 0px 0px 0px -135px; padding: 17px 0px 0px 0px; background-image:url("../img/roi/hinweis_oben.png"); background-position: left top; background-repeat:no-repeat; }
*+html .Hinweis div.HinweisInhalt { margin: 0px 0px 0px -135px; left: 0px;  }  /* margin: A: -103px 0px 0px -135px; IE: -103px 0px 0px -161px; */
.Hinweis:hover div.HinweisInhalt { display:block; }
.Hinweis div.HinweisInhalt div.Abschluss { width: 289px; height: 17px; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-image:url("../img/roi/hinweis_unten.png"); background-position: left top; background-repeat:no-repeat; }
.Hinweis div.HinweisInhalt div.Inhalt { width: 259px; display:block; margin: 0px 0px 0px 0px; padding: 5px 15px 0px 15px; background-image:url("../img/roi/hinweis_mitte.png"); background-position: left top; background-repeat:repeat-y; }
.Hinweis div.HinweisInhalt div.Inhalt b { display:block; padding: 1px 0px 5px 0px; /* background-image:url("../img/roi/info-i.png"); background-position: 0px 0px; background-repeat:no-repeat; */ font-size: 13px; line-height: 160%; }
.Hinweis div.HinweisInhalt div.Inhalt p { display:block; padding: 0px 0px 0px 0px; font-size: 11px; line-height: 160%; }


/* InteressenBox */
div.InteressenBox { width: 956px;  margin: 60px 0px 0px 0px; padding: 0px 0px 25px 0px; background-image:url("../img/roi/perforex-bild.jpg"); background-position: right top; background-repeat:no-repeat; }
div.InteressenBox h2 { width: 450px; display:block; padding: 0px 0px 10px 0px;  }
div.InteressenBox p { width: 450px; display:block; padding: 0px 0px 30px 0px; }
div.InteressenBox div.InteressenKontakt { width: 250px; display:block;  padding: 15px 17px 5px 17px; margin: 0px 0px 30px 0px; background-color: #2f2f2f; border: 1px #707070 solid; }
div.InteressenBox div.InteressenKontakt h2 { width: auto; display:block; }
div.InteressenBox div.InteressenKontakt p { width: auto; display:block; padding: 0px 0px 10px 0px; }




/* Highlight Box */
div.HighlightInfo { width: 984px; display: block; margin: 0px auto 15px auto; padding: 0px 0px 0px 0px; border: 1px solid #7e7e7e; background-color: #333333; }
div.HighlightInfo div.Zelle { width: 300px; display: block; margin: 30px 0px 30px 25px; padding: 0px 0px 0px 0px; float: left; background-image: url("../img/haken.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; border-right: 1px solid #7e7e7e; }
div.HighlightInfo div.Zelle.OhneTrenner { border-right: none; }
div.HighlightInfo div.Zelle h2 { margin: 15px 0px 0px 45px; }
div.HighlightInfo div.Zelle ul.Liste { margin: 0px 0px 0px 45px; }






/* Erweiterungen fuer die Werkzeuge  ------------------------------------------------------------------------  */



/* Schraubendreher iCons */
			.sl { height: 30px; padding: 0 25px 0 0; background-image: url("../img/SL.png"); background-repeat: no-repeat; background-position: right center; }
			.pz { height: 30px; padding: 0 25px 0 0;background-image: url("../img/PZ.png"); background-repeat: no-repeat; background-position: right center; }
			.ph { height: 30px; padding: 0 25px 0 0; background-image: url("../img/PH.png"); background-repeat: no-repeat ; background-position: right center; }
			.z { height: 30px; padding: 0 25px 0 0; background-image: url("../img/Plus_Minus.png"); background-repeat: no-repeat; background-position: right center; }
			.tx { height: 30px; padding: 0 25px 0 0; background-image: url("../img/Torx.png"); background-repeat: no-repeat; background-position: right center; }
			
			
			div.ZubehoerHeight div.ReiterContent div.Reiter { height: 320px !important; }
			div.DetailHead.ZubehoerHeight { height: 360px; }
			div.Ebene.BlitzZubehoer { background: rgba(0, 0, 0, 0) url("../img/blitz_desktop.jpg") no-repeat scroll center -30px; }			
			div.DetailBodyZubehoer { padding: 25px 17px 115px; border-top: 1px solid #707070; display: block; margin: 0 auto; padding: 37px 17px 20px; width: 984px; }
			.zubehoer-vorschau .ViererTeaser { height: 370px; }			
			div.ZubehoerHeight .TechnischeBox ul.Liste { padding-bottom: 0; }


/* Tabellen */

/* Umgebung */
div.TabellenContainer { display: block; width: 950px; margin: 0px auto 50px auto; position: relative; }
div.EckenRahmen { display: block; width: auto; padding: 0px; margin: 0px; position: relative; }

/* Box-sizing für dieses Element korrigieren */
table.TabelleSelect, table.TabelleSelect * { -webkit-margin-top-collapse: content-box; -webkit-margin-bottom-collapse: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; *behavior:content-box) }

/* Tabelle */
table.TabelleSelect { border-top: 1px #7e7e7e solid; border-left: 1px #7e7e7e solid; border-right: 1px #7e7e7e solid;  width: 100%; margin-bottom: 30px;  position: relative; z-index: 10; }
table.TabelleSelect tr th { background-color: #3f3f3f; padding: 10px 10px 30px 10px; margin: 0px; line-height: 135%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; font-weight: bold; text-align: left; vertical-align: top; border-bottom: 1px #7e7e7e solid;} 
table.TabelleSelect tr td { background-color: #4e4e4e; padding: 10px; margin: 0px; line-height: 135%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; font-weight: normal; text-align: left; vertical-align: top; border-bottom: 1px #7e7e7e solid; border-top: 1px #3f3f3f solid;  cursor: pointer; background-image: url("../img/linie.gif"); background-position: left bottom; background-repeat: repeat-x;  }
table.TabelleSelect tr.Dunkel td { background-color: #3f3f3f; }	
table.TabelleSelect tr:hover td, table.TabelleSelect tr.Dunkel:hover td { background-color: #7e7e7e; /* #e8006e */ }

/* Runde Ecken */
div.TabellenEcke { width: 5px; height: 5px; display: block; background-image: url("../img/ecken.gif"); position: absolute; z-index: 99999999; background-repeat: no-repeat; }
div.TabellenEcke.ObenLinks { top: 0px; left: 0px; background-position: left top; }
div.TabellenEcke.ObenRechts { top: 0px; right: -2px; background-position: right top; }
div.TabellenEcke.UntenLinks { bottom: 0px; left: 0px; background-position: left bottom; }
div.TabellenEcke.UntenRechts { bottom: 0px; right: -2px; background-position: right bottom; }

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari and Chrome */
    div.TabellenEcke.ObenLinks { top: 0px; left: 0px; }
    div.TabellenEcke.ObenRechts { top: 0px; right: 0px; }
    div.TabellenEcke.UntenLinks { bottom: 0px; left: 0px; }
    div.TabellenEcke.UntenRechts { bottom: 0px; right: 0px; } 
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* Explorer */
}




/* Button, Standard */
div.Button, a.Button { display: inline-block; height: 16px; padding: 0px 0px 0px 15px; margin: 0px 0px 0px 0px; background-image: url("../img/bt_start.gif"); background-repeat: no-repeat; background-position: left top; line-height: 100%; }
div.Button.LinkExtern, a.Button.LinkExtern { background-image: url("../img/bt_extern.gif"); padding-left: 22px; }
div.Button.LinkDownload, a.Button.LinkDownload { background-image: url("../img/bt_download.gif"); padding-left: 22px; }
div.Button span, a.Button span { display: block; height: 13px; font-size: 11px; color: #ffffff; padding: 3px 15px 0px 0px; margin: 0px 0px 0px 0px; background-image: url("../img/bt_hg.gif"); background-repeat: no-repeat; background-position: right top; font-family: Arial, Helvetica, sans-serif; line-height: 100%; }
div.Button:hover, a.Button:hover { background-position: left bottom; }
div.Button:hover span, a.Button:hover span { background-position: right bottom; }


/* BT Rechtsbuendig */
table.TabelleSelect tr td div.Button { float: right; }



/* Kleiner Header fuer Werkzeuge */

div.DetailHead.ReiterSystem.WerkzeugHeight,
div.DetailHead.ReiterSystem.WerkzeugHeight div.ReiterContent,
div.DetailHead.ReiterSystem.WerkzeugHeight div.ReiterContent div.Reiter { height: 485px; }



/* Werkzeug Detailsseite */

a.BackArrow { font-size: 16px; text-decoration: none; line-height: 220%; padding: 0px 0px 0px 10px; margin: 0px 0px 0px -10px; background-image: url("../img/backarrow.gif"); background-repeat: no-repeat; background-position: left center; }
a.BackArrow:hover { text-decoration: underline; }



/* Set Ebene */

div.DetailBody div.SetLinks { display: block; float: left; margin: 0; padding: 0 0 0 0; width: 485px; }
div.DetailBody div.SetRechts { display: block; float: left; margin: 0; padding: 0 0 0 0; width: 460px; }
div.DetailBody p { padding-bottom: 25px; }


/* TechnischeBox */

/* Box-sizing für dieses Element korrigieren */
table.TechnischeBox, table.TechnischeBox * { -webkit-margin-top-collapse: content-box; -webkit-margin-bottom-collapse: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; *behavior:content-box) }

div.TechnischeBox { width: 440px; display: block; position: absolute; bottom: 40px; left: -10px; padding: 0px 17px 0px 17px; background-image: url("../img/hg_technik.png"); background-position: left top; background-repeat: repeat-y; background-size: auto; }
div.TechnischeBox ul { margin-left: 10px; }
div.TechnischeBox.RightSide {  top: auto; left: auto; right: -10px; bottom: 85px; }
div.TechnischeBox.KleineBox {  width: 190px; background-size: 190px auto;  }
div.TechnischeBox h3 { margin-left: 10px; padding-bottom: 10px; }
div.TechnischeBox h4 { margin-left: 10px; }
div.TechnischeBox p { margin-left: 10px; }



/* ZubehoerBuehne */
div.Ebene.Blitz.ZubehoerBuehne { background: rgba(0, 0, 0, 0) url("../img/blitz_desktop.jpg") no-repeat scroll center -40px; }
div.ZubehoerBuehne div.DetailHead.ReiterSystem { height: 360px; }
div.ZubehoerBuehne div.DetailHead.ReiterSystem div.ReiterContent { height: 360px; }
div.ZubehoerBuehne div.DetailHead.ReiterSystem div.ReiterContent div.Reiter.Aktiv { height: 360px; }



/* TechnischeTabelle */

table.TechnischeTabelle { border-top: 1px #7e7e7e dotted; margin-bottom: 0px;  position: relative; }
table.TechnischeTabelle tr th { background-color: transparent; padding: 10px 10px 10px 10px; margin: 0px; line-height: 135%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; font-weight: bold; text-align: left; vertical-align: top; border-bottom: 1px #7e7e7e dotted;} 
table.TechnischeTabelle tr td { background-color: transparent; padding: 10px; margin: 0px; line-height: 135%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; font-weight: normal; text-align: left; vertical-align: top; border-bottom: 1px #7e7e7e dotted; cursor: pointer; background-position: left bottom; background-repeat: repeat-x;  }

/*
table.TechnischeTabelle tr.Dunkel td { background-color: #3f3f3f; }	
table.TechnischeTabelle tr:hover td, table.TechnischeTabelle tr.Dunkel:hover td { background-color: #e8006e; }
*/



/* Buttons */

/* Beispielumgebung */
div.BeispielLinkContainer { display: block; width: 200px; padding-right: 784px; margin: 0px auto; }
div.BeispielLinkContainer div.Button, div.BeispielLinkContainer a.Button { margin: 0px 30px 30px 0px; }
div.BeispielLinkContainer div.PulldownButton { margin: 0px 30px 30px 0px; }
/* Dieser Container kann spaeter weggelassen werden, dient nur zur Simulation innerhalb eines Rastrers mit einer festen Breite. */


/* Box-sizing für dieses Element korrigieren */
div.Button, a.Button, div.Button *, a.Button * { -webkit-margin-top-collapse: content-box; -webkit-margin-bottom-collapse: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; *behavior:content-box) }


/* Link-Button */
div.Button, a.Button { display: inline-block; height: 16px; padding: 0px 0px 0px 15px; margin: 0px 0px 0px 0px; background-image: url("../img/bt_start.gif"); background-repeat: no-repeat; background-position: left top; line-height: 100%; cursor: pointer; text-decoration: none; }
div.Button.LinkExtern, a.Button.LinkExtern { background-image: url("../img/bt_extern.gif"); padding-left: 22px; }
div.Button.LinkDownload, a.Button.LinkDownload { background-image: url("../img/bt_download.gif"); padding-left: 22px; }
div.Button span, a.Button span { display: block; height: 13px; font-size: 11px; color: #ffffff; padding: 3px 15px 0px 0px; margin: 0px 0px 0px 0px; background-image: url("../img/bt_hg.gif"); background-repeat: no-repeat; background-position: right top; font-family: Arial, Helvetica, sans-serif; line-height: 100%; cursor: pointer; }
div.Button:hover, a.Button:hover { background-position: left bottom; }
div.Button:hover span, a.Button:hover span { background-position: right bottom; }


/* Link-Button - Size M */
div.Button.SizeM, a.Button.SizeM { display: inline-block; height: 29px; padding: 0px 0px 0px 22px; margin: 0px 0px 0px 0px; background-image: url("../img/bt-m_start.png"); background-repeat: no-repeat; background-position: left top; line-height: 100%; cursor: pointer; }
div.Button.SizeM.LinkExtern, a.Button.SizeM.LinkExtern { background-image: url("../img/bt-m_extern.png"); padding-left: 25px; }
div.Button.SizeM.LinkDownload, a.Button.SizeM.LinkDownload { background-image: url("../img/bt-m_download.png"); padding-left: 22px; }
div.Button.SizeM span, a.Button.SizeM span { display: block; white-space: nowrap; height: 21px; font-size: 12px; color: #ffffff; padding: 8px 15px 0px 0px; margin: 0px 0px 0px 0px; background-image: url("../img/bt-m_hg.png"); background-repeat: no-repeat; background-position: right top; font-family: Arial, Helvetica, sans-serif; line-height: 100%; cursor: pointer; }
div.Button.SizeM:hover, a.Button.SizeM:hover { background-position: left bottom; }
div.Button.SizeM:hover span, a.Button.SizeM:hover span { background-position: right bottom; }

/* Pulldown-Variante */
div.PulldownButton { display: inline-block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; z-index: 10; }
div.PulldownButton:hover { z-index: 10000; }
div.PulldownButton a.Button.SizeM  { margin: 0px 0px 0px 0px; position: relative; z-index: 10000; }
div.PulldownButton div.PulldownKlappe { width: 100%; display: none; margin: 0px 0px 0px 0px; padding: 10px 0px 5px 0px; background-color: #585858; position: absolute; z-index: 1000; left: 0px; top: 24px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
div.PulldownButton:hover div.PulldownKlappe {  display: block; }
div.PulldownButton div.PulldownKlappe a { display: block; margin: 0px 0px 5px 22px; padding: 0px 0px 0px 0px; text-decoration: none; font-size: 11px; text-transform: uppercase; color: #ffffff; font-family: Arial, Helvetica, sans-serif; }
div.PulldownButton div.PulldownKlappe a:hover { text-decoration: underline; }


/* Link-Button - Size XL (Sonderfall) */
a.Button.SizeXL { width:auto; height: 37px; display:inline-block; line-height: 100%; margin: 0px 5px 0px 0px; padding: 0px 0px 0px 25px; text-decoration:none;  background-image:url("../img/bt-hg.png"); background-position: left top; background-repeat:no-repeat; background-size:auto; cursor: pointer; }
a.Button.SizeXL span { font-size: 12px;  width:auto; height: 24px; display: block; margin: 0px -5px 0px 0px; padding: 13px 20px 0px 0px; color: #ffffff; font-family:Arial, Helvetica, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", sans-serif;  background-image:url("../img/bt-hg.png"); background-position: right top; background-repeat:no-repeat; background-size:auto;  cursor: pointer; line-height: 100%; }
a.Button.SizeXL:hover {  background-position: left bottom;  }
a.Button.SizeXL:hover span { background-position: right bottom; }



/* Animations-Dot Button  */
a.Button.Dot, a.Button.Dot.SizeXL, a.Button.Dot.SizeM { width: 53px; height: 43px; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: absolute; background-image: none; left: 0px; top: 0px; z-index: 100; cursor: pointer; }
a.Button.Dot:hover, a.Button.Dot.SizeXL:hover, a.Button.Dot.SizeM:hover { z-index: 10000; }
a.Button.Dot div.InfoMarker { width: 53px; height: 43px; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: absolute; left: 0px; top: 0px; cursor: pointer; background-image: url("../img/dot.png"); background-position: left top; background-repeat: no-repeat; }
a.Button.Dot div.InfoTip { width: auto; height: 43px; display: none; position: absolute; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 53px; left: 0px; top: 0px; cursor: pointer; background-image: url("../img/dot_vorne.png"); background-position: left top; background-repeat: no-repeat; }
a.Button.Dot:hover div.InfoTip { display: inline-block; }
a.Button.Dot div.InfoTip span { width: auto; height: 29px; display: block; position: relative; margin: 0px 0px 0px 0px; padding: 14px 20px 0px 0px; background-image: none; cursor: pointer; background-image: url("../img/dot_hinten.png"); background-position: right top; background-repeat: no-repeat; text-decoration: none; font-size: 13px; font-weight: bold; color: #ffffff; font-family: Arial, Helvetica, sans-serif; }

/* SizeXL */
a.Button.Dot.SizeXL div.InfoMarker { width: 70px; height: 73px; display: block; margin: -15px 0px 0px -9px; padding: 0px 0px 0px 0px; position: absolute; left: 0px; top: 0px; cursor: pointer; background-image: url("../img/dot_xl.png"); background-position: left top; background-repeat: no-repeat; }
a.Button.Dot.SizeXL:hover div.InfoMarker { display: none;}

/* Offen */
a.Button.Dot.Offen div.InfoMarker { display: none; }
a.Button.Dot.Offen div.InfoTip { display: inline-block;}
a.Button.Dot.Offen:hover div.InfoTip { display: inline-block; background-position: left bottom; }
a.Button.Dot.Offen:hover div.InfoTip span { display: inline-block;  background-position: right bottom;  }














/* Einbinden der Grafiken ----------------------------------------------------------------------------------- */



/* Desktop-Quellen */

/* Design-Grafken */
ol.flex-control-nav li a,
a.Jumper,
div.InfoBox div.Inhalte div.LippeOben,
div.InfoBox div.Inhalte div.LippeUnten,
div.Schliessen, a.Schliessen,
div.Waehler input,
div.DetailHead.ReiterSystem div.ReiterSteuerung div.Trenner,
div.DetailHead.ReiterSystem div.ReiterSteuerung a .BtLinks,
div.DetailHead.ReiterSystem div.ReiterSteuerung a .BtMitte,
div.DetailHead.ReiterSystem div.ReiterSteuerung a .BtRechts,
div.DotSystem  a.Dot,
div.DotSystem a.Dot div.InfoTipp, 
div.DotSystem a.Dot div.InfoTipp div.InfoContent, 
div.DotSystem a.Dot div.InfoTipp div.InfoAbschluss,
div.Trennstrich,
ul.Liste li,
div.MarginalTeaser,
div.MarginalTeaser div.TeaserOben,
div.MarginalTeaser div.TeaserUnten,
div.Icon,
div.Steuerung div,
div.Visitenkarte div.VisitenUnten,
div.Visitenkarte div.VisitenOben,
div.DickerPfeil div.PfeilInhalte div.IconBox,
div.PfeilChassie div.VerlaufsPfeil { background:url("../img/websitesprite_desktop.png") top left no-repeat; background-size: auto; }


/* Weitere Quellen */
/* .teaser.ViererTeaser { background:url("../img/websitesprite_retina.png") top left no-repeat; background-size: 984px 1850px; } */
div.Ebene.Blitz { background:url("../img/blitz_desktop.jpg") center 100px no-repeat; } 			
div.Ebene.Illustration { background:url("../img/index/startseiten-illustration_desktop.jpg") center 150px no-repeat; background-size: auto; }



/* Positionierungen */

/* Marginal-Teaser */
div.MarginalTeaser { background-position: -380px -650px; }
div.MarginalTeaser div.TeaserOben { background-position: -380px -639px; }
div.MarginalTeaser div.TeaserUnten { background-position: -380px -1184px; }
div.MarginalTeaser.VorteilStil { background:url("../img/vorteile-grau.png") left top repeat-y; background-size: auto; }
div.MarginalTeaser.VorteilStil div.TeaserOben { background-position: -9px -639px; }
div.MarginalTeaser.VorteilStil div.TeaserUnten { background-position: -9px -1183px; }


/* Listen */
ul.Liste { padding-bottom: 20px; }
ul.Liste li { background-position: -970px -73px; }

/* Trennstrich */
div.Trennstrich { background-position: 0px -630px; }

/* Waehler - Downloads */
div.Waehler input { background-position:-530px -230px; }
div.Waehler:hover input { background-position:-530px -270px; }

/* InfoBox Popups */
div.InfoBox div.Inhalte div.LippeOben { background-position:-10px -240px; }
div.InfoBox div.Inhalte div.LippeUnten { background-position:-10px -290px; }

/* Inhalte Verhalten wenn Icon vorhanden */
div.InfoBox.ShowIcon div.Inhalte div.LippeMitte { padding-bottom: 70px; }

/* Schliessen Button */
div.Schliessen, a.Schliessen { background-position: right -10px; }
div.Schliessen:hover, a.Schliessen:hover { background-position: right -28px; }


/* Jumper */
a.Jumper.Down { background-position:-10px -158px; }
a.Jumper.Down:hover { background-position:-10px -100px; }


/* HauptbuehnenSlider - Navigation */
ol.flex-control-nav li a { background-position:-280px -10px;  }
ol.flex-control-nav li a:hover,
ol.flex-control-nav li a.flex-active  { background-position:-302px -10px; }

/* Blitz im Vierer Teaser */
.teaser.ViererTeaser { background-position: -10px -320px; }


/* Reitersystem - Steuerbuttons (Detail) */
div.DetailHead.ReiterSystem div.ReiterSteuerung div.Trenner { background-position:-280px -440px; }
div.DetailHead.ReiterSystem div.ReiterSteuerung a .BtLinks { background-position:-250px -440px; }
div.DetailHead.ReiterSystem div.ReiterSteuerung a .BtMitte { background-position:-290px -440px; }
div.DetailHead.ReiterSystem div.ReiterSteuerung a .BtRechts  { background-position:-268px -440px; }

div.DetailHead.ReiterSystem div.ReiterSteuerung a.Aktiv .BtLinks,
div.DetailHead.ReiterSystem div.ReiterSteuerung a:hover .BtLinks { background-position:-250px -480px; }
div.DetailHead.ReiterSystem div.ReiterSteuerung a.Aktiv .BtMitte, 
div.DetailHead.ReiterSystem div.ReiterSteuerung a:hover .BtMitte { background-position:-290px -480px; }
div.DetailHead.ReiterSystem div.ReiterSteuerung a.Aktiv .BtRechts,
div.DetailHead.ReiterSystem div.ReiterSteuerung a:hover .BtRechts { background-position:-268px -480px; }

/* DotSystem */
div.DotSystem a.Dot { z-index: auto; background-position:-10px -440px; }
div.DotSystem a.Dot div.InfoTipp { background-position:-210px -520px; }
div.DotSystem a.Dot div.InfoTipp div.InfoContent { background-position:-290px -520px; }
div.DotSystem a.Dot div.InfoTipp div.InfoAbschluss { background-position:-270px -520px; }
div.DotSystem a.Dot.Grau  { background-position:-10px -490px; }
div.DotSystem a.Dot.Grau div.InfoTipp { background-position:-210px -570px; }
div.DotSystem a.Dot.Grau div.InfoTipp div.InfoContent { background-position:-290px -570px; }
div.DotSystem a.Dot.Grau div.InfoTipp div.InfoAbschluss { background-position:-270px -570px; }

/* Icons */
div.Icon.InfoIcon  { background-position: -60px -440px; } 
div.Icon.DreiDIcon  { background-position: -60px -510px; }

/* Steuerung */
div.Steuerung div.LinksRum { background-position: -150px -440px; }
div.Steuerung div.LinksRum:hover{ background-position: -150px -480px; }
div.Steuerung div.RechtsRum { background-position: -190px -440px; }
div.Steuerung div.RechtsRum:hover { background-position: -190px -480px; }


/* Visitenkarte */
div.Visitenkarte div.VisitenOben { background-position: -10px -1200px; }
div.Visitenkarte div.VisitenUnten { background-position: -10px -1260px; }



/* Pfeilsystem */
div.DickerPfeil { background:url("../img/dickerpfeil.png") top left no-repeat; background-size: auto; }
div.ProzessPfeil { background:url("../img/prozesspfeil.png") top left no-repeat; background-size: auto; }

/* Dicker Pfeil */
div.PfeilChassie div.VerlaufsPfeil { background-position: 0px -1500px; }
/* div.DickerPfeil { background-position: -10px -1300px; } */
div.VerlaufsPfeil div.DickerPfeil { background-position: -770px -1310px; }
div.DickerPfeil.ProzessNr1 div.PfeilInhalte div.IconBox { background-position: -10px -320px; }
div.DickerPfeil.ProzessNr2 div.PfeilInhalte div.IconBox { background-position: -80px -320px; }
div.DickerPfeil.ProzessNr3 div.PfeilInhalte div.IconBox { background-position: -150px -320px; }
div.DickerPfeil.ProzessNr4 div.PfeilInhalte div.IconBox { background-position: -220px -320px; }
div.DickerPfeil.ProzessNr5 div.PfeilInhalte div.IconBox { background-position: -290px -320px; }

/* Steuerungs-Pfeil */
div.SliderSteuerung div.DickerPfeil:hover { background-position: left top; }
div.SliderSteuerung div.VerlaufsPfeil div.DickerPfeil:hover { background-position: bottom left; }
div.SliderSteuerung div.DickerPfeil.Aktiviert { background-position: left top; }
div.SliderSteuerung div.VerlaufsPfeil div.DickerPfeil.Aktiviert { background-position: bottom left; }



/* Erweiterung: Mat.Nummern */
h6.MatNr, .MatNr	 { font-size: 13px; font-weight: normal; display: block; margin: -10px 0px 0px 0px; padding: 0px 0px 20px 0px; line-height: 100%; }
h6.MatNr	 { font-size: 13px; margin: -5px 0px 0px 0px; padding: 0px 0px 20px 0px; }
div.SlideContent h6.MatNr	 { font-size: 13px; margin: 5px 0px 0px 0px; padding: 0px 0px 20px 0px; }
p.MatNr	 { font-size: 11px; margin: -10px 0px 0px 0px; padding: 0px 0px 20px 0px; }
b.MatNr	 { font-size: 11px; margin: -3px 0px 7px 25px; padding: 0px 0px 0px 0px; }


/* PfadNavi */
div.PfadNavi { width: 950px; display: block; position: absolute; left: 50%; margin: 0px 0px 0px -475px; top: 10px; z-index: 1000000; } 
div.PfadNavi a { font-size: 10px; color: #ffffff; text-decoration: none; display: block; float: left; margin: 0px 6px 0px 0px; padding: 0px 10px 0px 0px; line-height: 100%; }
div.PfadNavi a:hover { text-decoration: underline; }
div.PfadNavi a.EbeneDavor { background-image: url("../img/pfadtrenner.png"); background-repeat: no-repeat; background-size: auto; background-position: right center; }


/* update */
form.login { padding: 0 17px 15px}
form.login input { margin-bottom: 10px;}
form.login input[type="submit"] {
	width: 100%;
	height: 25px;
	display: block;
	-webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.7);
	box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.7);
	background-color: #fff;
	border-radius: 4px;
	border: 0;
	padding: 0 10px;
        text-align: left;
        color: #FFF;
        background: #DA0068;
        cursor: pointer;
        margin-top: 10px;
        float: left;
}

form.login input[type="submit"]:hover {
    background: #838383;
}

.teaser.login { width: 40%; height: auto; left: 30%; margin-top: -8%; }
.teaser.login .teaser-content { width: 100%; position: relative; top: 0; left: 0; padding: 20px;}
.teaser.login h1 { padding-bottom: 0px;}
.teaser.login a.magenta { color: #DA0068; text-decoration: none; font-size: 12px; padding: 6px 19px 0; display: block; float: left;}
.teaser.login a.magenta:hover { color: #838383;}

section.userRegistration { position: absolute; z-index: 100010; top: 18%; left: 33%;}
section.userRegistration a.RegClose {position: absolute; right: 15px; top: 15px; font-size: 11px;}
section.userRegistration a.RegClose:hover { color: #DA0068;}

.float-left { float: left;}

#overlay {
	position: fixed;
	z-index: 100001;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: block;
}
.overlayBG {
	position: absolute;
	background-color: #000;
	-ms-filter: "Alpha(Opacity=75)";
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

/* Retina und HiRes Displays */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 


    /* HiRes-Quellen */

    /* Design-Grafken */
    ol.flex-control-nav li a,
    a.Jumper,
    div.InfoBox div.Inhalte div.LippeOben,
    div.InfoBox div.Inhalte div.LippeUnten,
    div.Schliessen, a.Schliessen,
    div.Waehler input,
    div.DetailHead.ReiterSystem div.ReiterSteuerung div.Trenner,
    div.DetailHead.ReiterSystem div.ReiterSteuerung a .BtLinks,
    div.DetailHead.ReiterSystem div.ReiterSteuerung a .BtMitte,
    div.DetailHead.ReiterSystem div.ReiterSteuerung a .BtRechts,
    div.DotSystem  a.Dot,
    div.DotSystem a.Dot div.InfoTipp, 
    div.DotSystem a.Dot div.InfoTipp div.InfoContent, 
    div.DotSystem a.Dot div.InfoTipp div.InfoAbschluss,
    div.Trennstrich,
    ul.Liste li,
    div.MarginalTeaser,
    div.MarginalTeaser div.TeaserOben,
    div.MarginalTeaser div.TeaserUnten,
    div.Icon,
    div.Steuerung div,
    div.Visitenkarte div.VisitenUnten,
    div.Visitenkarte div.VisitenOben,
    div.DickerPfeil div.PfeilInhalte div.IconBox,
    div.PfeilChassie div.VerlaufsPfeil { background:url("../img/websitesprite_retina.png") top left no-repeat; background-size: 984px 1850px; }


    /* Weitere-Quellen */
    div.Ebene.Blitz { background-image:url("../img/blitz_desktop.jpg"); } 			
    div.Ebene.Illustration { background:url("../img/index/startseiten-illustration_retina.jpg") center 150px no-repeat; background-size: 1920px 555px;  }



    /* Positionierungen */

    /* Marginal-Teaser */
    div.MarginalTeaser { background-position: -375px -688px; }
    div.MarginalTeaser div.TeaserOben { background-position: -375px -678px; }
    div.MarginalTeaser div.TeaserUnten { background-position: -375px -1415px; }
    div.MarginalTeaser.VorteilStil { background:url("../img/vorteile-grau_retina.png") left top repeat-y; background-size: auto; }
    div.MarginalTeaser.VorteilStil div.TeaserOben { background-position: -10px -678px; }
    div.MarginalTeaser.VorteilStil div.TeaserUnten { background-position: -10px -1415px; }


    /* Listen */
    ul.Liste li { background-position: -950px -178px; }

    /* Trennstrich */
    div.Trennstrich { background-position: 0px -665px; }

    /* Waehler - Downloads */
    div.Waehler input { background-position:-500px -120px; }
    div.Waehler:hover input { background-position:-500px -155px; }

    /* InfoBox Popups */
    div.InfoBox div.Inhalte div.LippeOben { background-position: -5px -160px; }
    div.InfoBox div.Inhalte div.LippeUnten { background-position: -5px -180px; }


    /* Schliessen Button */
    div.Schliessen, a.Schliessen { background-position: right -125px; }
    div.Schliessen:hover, a.Schliessen:hover { background-position: right -143px; }


    /* Jumper */
    a.Jumper.Down { background-position: -10px -56px; }
    a.Jumper.Down:hover { background-position: -10px -4px; }


    /* HauptbuehnenSlider - Navigation */
    ol.flex-control-nav li a { background-position: -139px -109px; }
    ol.flex-control-nav li a:hover,
    ol.flex-control-nav li a.flex-active { background-position: -156px -109px; }



    /* Reitersystem - Steuerbuttons (Detail) */
    div.DetailHead.ReiterSystem div.ReiterSteuerung div.Trenner { background-position:-285px -335px; }
    div.DetailHead.ReiterSystem div.ReiterSteuerung a .BtLinks { background-position:-265px -335px; }
    div.DetailHead.ReiterSystem div.ReiterSteuerung a .BtMitte { background-position:-295px -335px; }
    div.DetailHead.ReiterSystem div.ReiterSteuerung a .BtRechts  { background-position:-275px -335px; }

    div.DetailHead.ReiterSystem div.ReiterSteuerung a.Aktiv .BtLinks,
    div.DetailHead.ReiterSystem div.ReiterSteuerung a:hover .BtLinks { background-position:-265px -375px; }
    div.DetailHead.ReiterSystem div.ReiterSteuerung a.Aktiv .BtMitte, 
    div.DetailHead.ReiterSystem div.ReiterSteuerung a:hover .BtMitte { background-position:-295px -375px; }
    div.DetailHead.ReiterSystem div.ReiterSteuerung a.Aktiv .BtRechts,
    div.DetailHead.ReiterSystem div.ReiterSteuerung a:hover .BtRechts { background-position:-275px -375px; }


    /* DotSystem */
    div.DotSystem a.Dot { background-position:-50px -110px; }
    div.DotSystem a.Dot div.InfoTipp { background-position:-250px -420px; }
    div.DotSystem a.Dot div.InfoTipp div.InfoContent { background-position:-330px -420px; }
    div.DotSystem a.Dot div.InfoTipp div.InfoAbschluss { background-position:-310px -420px; }
    div.DotSystem a.Dot.Grau { background-position:-200px -110px; }
    div.DotSystem a.Dot.Grau div.InfoTipp { background-position:-250px -465px; }
    div.DotSystem a.Dot.Grau div.InfoTipp div.InfoContent { background-position:-330px -465px; }
    div.DotSystem a.Dot.Grau div.InfoTipp div.InfoAbschluss { background-position:-310px -465px; }


    /* Icons */
    div.Icon.InfoIcon  { background-position: -245px -515px; } 
    div.Icon.DreiDIcon  { background-position: -245px -585px; }

    /* Steuerung */
    div.Steuerung div.LinksRum { background-position: -330px -520px; }
    div.Steuerung div.LinksRum:hover{ background-position: -330px -560px; }
    div.Steuerung div.RechtsRum { background-position: -370px -520px; }
    div.Steuerung div.RechtsRum:hover { background-position: -370px -560px; }

    /* Visitenkarte */
    div.Visitenkarte div.VisitenOben { background-position: -330px -603px; }
    div.Visitenkarte div.VisitenUnten { background-position: -330px -634px; }


    /* Pfeilsystem */
    div.DickerPfeil { background:url("../img/dickerpfeil_retina.png") top left no-repeat; background-size: auto; }
    div.ProzessPfeil { background:url("../img/prozesspfeil_retina.png") top left no-repeat; background-size: auto; }


    /* Dicker Pfeil */
    div.PfeilChassie div.VerlaufsPfeil { background-position: 0px -1650px; }
    /* div.DickerPfeil { background-position: -20px -1445px; } */
    div.VerlaufsPfeil div.DickerPfeil { background-position: -760px -685px; }
    div.DickerPfeil.ProzessNr1 div.PfeilInhalte div.IconBox { background-position: -5px -200px; }
    div.DickerPfeil.ProzessNr2 div.PfeilInhalte div.IconBox { background-position: -75px -200px; }
    div.DickerPfeil.ProzessNr3 div.PfeilInhalte div.IconBox { background-position: -145px -200px; }
    div.DickerPfeil.ProzessNr4 div.PfeilInhalte div.IconBox { background-position: -215px -200px; }
    div.DickerPfeil.ProzessNr5 div.PfeilInhalte div.IconBox { background-position: -285px -200px; }

    /* Steuerungs-Pfeil */
    div.SliderSteuerung div.DickerPfeil:hover { background-position: -300px -1445px; }
    div.SliderSteuerung div.VerlaufsPfeil div.DickerPfeil:hover{ background-position: -760px -900px;  }
    div.SliderSteuerung div.DickerPfeil.Aktiviert { background-position: -300px -1445px; }
    div.SliderSteuerung div.VerlaufsPfeil div.DickerPfeil.Aktiviert { background-position: -760px -900px;  }






    /* NEUE Pfeile */
    div.HauptPfeil {  background:url("../img/dickerpfeil_retina.png") top left no-repeat; background-size: 261px 458px;  }
    div.ProzessBereich div.HauptPfeil {  background:url("../img/prozesspfeil_retina.png") top left no-repeat; background-size: 978px 216px;;  }
    div.HauptPfeil div.PfeilInhalte div.IconBox { background:url("../img/websitesprite_retina.png") top left no-repeat; background-size:  984px 1850px;; }

    div.HauptPfeil.ProzessNr1 div.PfeilInhalte div.IconBox { background-position: -5px -200px; }
    div.HauptPfeil.ProzessNr2 div.PfeilInhalte div.IconBox { background-position: -75px -200px; }
    div.HauptPfeil.ProzessNr3 div.PfeilInhalte div.IconBox { background-position: -145px -200px; }
    div.HauptPfeil.ProzessNr4 div.PfeilInhalte div.IconBox { background-position: -215px -200px; }
    div.HauptPfeil.ProzessNr5 div.PfeilInhalte div.IconBox { background-position: -285px -200px; }
    div.HauptPfeil.ProzessNr6 div.PfeilInhalte div.IconBox { background-position: -370px -200px; }











    /* Retina Anpassungen */
    /* div.DetailHead.ReiterSystem div.ReiterContent div.Reiter { background-size: 984px 620px; } */

}


/* (c) 2015 conception Kommunikationsagentur GmbH | written by Mirko Kabsch */