@charset 'utf-8';

@import url('pap.header.css');
@import url('http://static.bosch-professional.com/media/css/extends.beu.flyout.css');

#mainNav ul li#products a {
	float: left;
}

/**
 * @author cni
 */


/* Inhaltsverzeichnis
--------------------------------------------------------------------------------------- */

/*
 * (01) Reset
 * (02) Global, Typo
 * (03) Ausrichtung
 * (04) Layout
 * (05) Navigation
 * (06) Formulare
 * (07) Header
 * (08) Content
 * …
 */



/* (01) Reset
--------------------------------------------------------------------------------------- */

* { margin: 0; padding: 0; }



/* (02) Global, Typo
--------------------------------------------------------------------------------------- */

body {
  color: #333;
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5; /* = 18px */
  text-align: left;
}

a { text-decoration: none; }

a:link { color: #215f8b; font-weight: 700; }

a:visited { color: #215f8b; }

a:hover { color: #00142a; /* #003b6a */ outline: none; }

a:focus {}

a:active { outline: none; }

h1 { font-family: Verdana, sans-serif; font-size: 1.833em; line-height: 1.273; }

h2 { font-family: Verdana, sans-serif; font-size: 2em; line-height: 1.125; margin: .75em 0 .375em; }

h3 {
  border-bottom: 1px solid #c3c3c4;
  font-size: 1.167em; /* = 14px */
  line-height: 1.286;
  margin: 0 0 .714em;
  padding: 0 0 .286em;
}

p, dl, ol, ul { margin: 0 0 1.5em; }

p:empty, dl:empty, ol:empty, ul:empty { margin: 0 !important; }

ol, ul { padding: 0 0 0 1.5em; }

table { /*border-collapse: collapse; border-spacing: 0;*/ /* = default.css */ margin: 0 0 1.5em; width: 100%; }

th { font-weight: 700; vertical-align: top; }

/* = default.css */
/* td { vertical-align: top; } */

a abbr, img, fieldset { border: none; }

/* = default.css */
/* img { vertical-align: middle; } */

hr { /*display: block; height: 1px; border: none; border-top: 1px solid #ccc;*/ /* = default.css */ margin: 0 0 1.5em; }



/* (03) Ausrichtung
--------------------------------------------------------------------------------------- */

.align-center { text-align: center; }

.align-right { text-align: right; }

.align-middle { vertical-align: middle; }

.float-left { float: left; }

.float-right { float: right; }

.clear { clear: both; }

hr.clear { border: none; height: 0; visibility: hidden; }

/* = default.css */
/* .clearfix:before, .clearfix:after { content: ''; display: table; }
   .clearfix:after { clear: both; }
   .clearfix { *zoom: 1; } */

/* = default.css */
/* .hidden { display: none; } */

/* = default.css */
/* .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } */

/* = default.css */
/* .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
   .ir br { display: none; } */

/* = default.css */
/* .invisible { visibility: hidden; } */

.no-margin { margin: 0 !important; }

.no-padding { padding: 0 !important; }

.no-list { list-style: none; /*margin: 0;*/ padding: 0; }


.inline { display: inline; width: auto; }

.inline-block { display: inline-block; }

.display-table { display: table; height: 100%; width: 100%; }

.display-table-cell { display: table-cell; text-align: center; vertical-align: middle; }



/* (04) Layout
--------------------------------------------------------------------------------------- */

html { height: 100%; overflow-y: scroll; }

body { background: url('body-bg.jpg') repeat-x center top #5d4e49; height: 100%; }

.loading {
  background: url('loading.gif') no-repeat center center #000;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 510;
}

.loading span {
  color: #fff;
  display: none;
  left: 0;
  margin: 2em 0 0;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
}

#page { background-color: #fff; margin: 0 auto; width: 1002px; }

#header { border-bottom: 1px solid #fff; padding: 0 10px; }

#main { border-left: 10px solid #fff; border-right: 10px solid #fff; position: relative; }

body.product #main { overflow: hidden; }

#slider,
#stage {
  height: 475px;
  overflow: hidden;
}

body#home #stage { background: url('home-bg.jpg') no-repeat; }

body#video #stage { background: url('video-bg.jpg'); }

body#showcase-device #stage { background: url('showcase-device-bg.jpg'); }

body#showcase-laser #stage { background: url('showcase-laser-bg.jpg'); }

body#showcase-board #stage { background: url('showcase-board-bg.jpg'); }

body#highlights #stage { background: url('highlights-bg.jpg'); }

body#shipment #stage { background: url('shipment-bg.jpg'); }

#featured-assets { padding: 11px 10px 39px; }

#footer {}



/* (05) Navigation
--------------------------------------------------------------------------------------- */

.nav, .nav ul { list-style: none; margin: 0; padding: 0; }

.nav a { text-decoration: none; }


a.text-link,
.link-alike {
  background: url('nav-sprite.png') no-repeat 0 -55px;
  display: inline-block;
  line-height: 1.5;
  padding: 0 0 0 10px;
}

a.text-link:hover,
.link-alike:hover,
a:hover .link-alike {
  background-position: 0 6px;
}

.link-alike { /* color */ cursor: pointer; }

.link-alike:hover { /* color */ }



/* Main Navigation ---------- */

#nav_main { font-weight: 700; padding: 1.667em 0 0; }

#nav_main li {
  background: url('nav-main_tab.png') repeat-x left bottom #fff;
  border: 1px solid #c3c3c4;
  border-radius: 4px 4px 0 0;
  float: left;
  margin: 5px 0 0 2px;
  position: relative;
}

#nav_main li:first-child { margin-left: 0; }

#nav_main li.active {
  background: url('nav-sprite.png') repeat-x 0 -301px #fff;
  border-bottom: none;
  margin-top: 0;
  padding: 5px 0 1px;
}

#nav_main a,
#nav_main span {
  color: inherit;
  display: block;
  padding: .417em 9px .5em;
}



/* (06) Formulare
--------------------------------------------------------------------------------------- */

/* Gradient Buttons (input, a) ---------- */
/* http://webdesignerwall.com/tutorials/css3-gradient-buttons */

.button {
  border: none;
  border-radius: .333em;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
  /*cursor: pointer;*/ /* = default.css */
  display: inline-block;
  font-weight: 700;
  margin: 0;
  padding: .5em 1.333em .55em;
  text-align: center;
  /*text-shadow: 0 1px 1px rgba(0, 0, 0, .3);*/
  vertical-align: baseline;
}

input.button { /*vertical-align: top; /* wenn neben anderen Elementen plaziert */ }

a.button { cursor: pointer; outline: none; text-decoration: none; }

.button:active { position: relative; top: 1px; }



/* (07) Header
--------------------------------------------------------------------------------------- */

#navigation-wrapper {
  background-color: #215f8b;
  border-top: 10px solid #fff;
  min-height: 8.583em;
  padding: 0 25px;
  position: relative;
}

#navigation-wrapper h1 { color: #fff; padding: .864em 0 0; }

#navigation-wrapper h1 span { font-weight: 400; }


.fb-like { left: 811px; position: absolute !important; top: 24px; }

.google-plus { left: 898px; position: absolute; top: 24px; }



/* (08) Content
--------------------------------------------------------------------------------------- */

.fancybox-inline-content { width: 734px; }



/* Stage ---------- */

.scene { height: 100%; position: relative; z-index: 100; }

.positioner { position: relative; }

.scene .scene-headline {
  color: #fff;
  font-size: 2.667em;
  line-height: 1.125;
  text-shadow: 0 2px 0 rgba(0, 0, 0, .75);
}

.scene .article { color: #fff; float: right; padding: 0 20px 0 0; width: 300px; }

.scene .article h2 { font-size: 1.333em; /* = 16px */ line-height: 1.25; margin: 2.188em 0 .438em; }

.scene .article a { background-position: 0 -175px; color: inherit; }



/* Swap ---------- */

.swap-panel { display: none; }

.swap-panel:first-child { display: block; }

#swap-nav a { outline: none; text-decoration: none; }

#swap-nav .active a { cursor: default; /* auto */ }



/* Home ---------- */

#claim { float: left; margin: 30px 0 0; }


#home-intro .new {
  color: #e20015;
  display: block;
  font-family: Verdana, sans-serif;
  font-size: 1.833em;
  font-weight: 700;
  line-height: 1.091;
  margin: 1.682em 0 0;
}

#home-intro h1 { font-size: 1.833em; line-height: 1.227; margin: 0 0 .545em; }

#home-intro h1 span { font-weight: 400; }

#home-intro p { font-size: 1.167em; /*hyphens: auto;*/ line-height: 1.286; margin: 0 0 1.286em; }


#find-out {
  background: url('btn-find-out.png') no-repeat;
  bottom: 26px;
  color: #fff;
  height: 108px;
  padding: 6px 28px 10px 30px;
  position: absolute;
  right: 31px;
  width: 177px;
}

#find-out a {
  box-sizing: border-box;
  color: inherit;
  display: block;
  font-size: 1.667em; /* = 20px */
  font-weight: 400;
  height: 100%;
  line-height: 1; /* = 20px */
  outline: none;
  padding: 34px 25px 0 6px;
  position: relative;
  text-align: right;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .75);
  z-index: 120;
}

#find-out a b { font-size: 1.65em; /* = 33px */ line-height: .606; /* = 20px */ }
#find-out a b.v2 { font-size: 1.5em; /* = 18px */ line-height: .606; /* = 20px */ }

#find-out-overlay {
  background: url('btn-find-out_product.png') no-repeat;
  bottom: 19px;
  height: 132px;
  position: absolute;
  right: 211px;
  width: 114px;
  z-index: 110;
}



/* Video ---------- */

#video-screen {}

.video-panel {
  display: block;
  height: 399px;
  left: 46px;
  opacity: 0;
  position: absolute;
  top: 33px;
  width: 642px;
  z-index: 110;
}

html.lte8 .video-panel { filter: alpha(opacity=0); }

.video-panel.on-top { opacity: 1; z-index: 120; }

html.lte8 .video-panel.on-top { filter: alpha(opacity=100); }

.video-panel iframe { height: 100%; width: 100%; }


#nav_videos { position: absolute; right: 20px; top: 21px; width: 228px; }

#nav_videos li {
  margin: 1.25em 0 0;
  opacity: .75;
  transition: opacity 400ms cubic-bezier(.47, 0, .745, .715); /* property | duration | easing | delay */
}

#nav_videos li:first-child { margin-top: 0; }

#nav_videos li.active,
#nav_videos li:hover {
  opacity: 1;
  transition: opacity 400ms cubic-bezier(.165, .84, .44, 1);
}

#nav_videos a { display: block; outline: none; }

#nav_videos .img-wrapper {
  height: 74px;
  margin: 0 0 .5em;
  overflow: hidden;
  position: relative;
  width: 228px;
}

#nav_videos li.active .img-wrapper { border: 2px solid #215f8b; height: 70px; width: 224px; }

#nav_videos img { left: 0; position: absolute; top: 0; }

#nav_videos li.active img { left: -2px; top: -2px; }



/* Gerät ausprobieren ---------- */

.kwicks { list-style: none; margin: 0; padding: 0; position: relative; }

.kwick { /*cursor: pointer;*/ /*display: block;*/ overflow: hidden; }


#nav_showcases { background-color: #e32523; height: 100%; left: -13px; width: 1008px; }

#nav_showcases li {
  float: left;
  height: 100%;
  transform: skewX(-3deg);
  width: 336px;
}

#nav_showcases a {
  background: url('showcases-bg-sprite.jpg') no-repeat center top transparent;
  color: inherit;
  display: block;
  height: 100%;
  left: -13px;
  padding: 0 13px;
  position: relative;
  top: 0;
  transform: skewX(3deg);
  width: 100%;
  z-index: 110;
}

#nav_showcase-2 a { background-position: center -475px; }

#nav_showcase-3 a { background-position: center -950px; }

#nav_showcase-1 a:after,
#nav_showcase-2 a:after {
  background: url('showcases-trenner.png') no-repeat;
  content: '';
  height: 100%;
  position: absolute;
  right: -5px;
  top: 0;
  width: 35px;
  z-index: 120;
}

html.no-csstransforms #nav_showcase-1 a:after,
html.no-csstransforms #nav_showcase-2 a:after {
  background-image: url('fallback/showcases-trenner-vertical.png');
  right: 8px;
  width: 11px;
}

#nav_showcase-2 a:before,
#nav_showcase-3 a:before {
  background: url('showcases-trenner.png') no-repeat;
  content: '';
  height: 100%;
  left: -4px;
  position: absolute;
  top: 0;
  width: 35px;
  z-index: 120;
}

html.no-csstransforms #nav_showcase-2 a:before,
html.no-csstransforms #nav_showcase-3 a:before {
  background-image: url('fallback/showcases-trenner-vertical.png');
  left: 7px;
  width: 11px;
}

#nav_showcases a span {
  bottom: .781em;
  font-family: Verdana, sans-serif;
  font-weight: 700;
  left: 31px;
  max-width: 78%; /* 280px */
  position: absolute;
  word-wrap: break-word;
}

#nav_showcase-1 a span { left: 54px; max-width: 260px; }



body.showcase .scene .scene-headline { bottom: 54px; left: 23px; position: absolute; z-index: 310; }

body.showcase .scene .back-link {
  background: url('ui-sprite.png') no-repeat 0 3px;
  bottom: 28px;
  color: #fff;
  font-size: 1.167em;
  left: 25px;
  line-height: 1.286;
  padding: 0 0 0 21px;
  position: absolute;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .75);
  z-index: 310;
}

body.showcase .scene .article { color: inherit; float: left; padding: 0 0 0 25px; width: 370px; }

body.showcase .scene .article p { font-size: 1.167em; line-height: 1.286; margin: 0 0 1.286em; }



#legend { color: #fff; }

#legend .chapter { display: none; }

#legend .chapter.visible { display: block; }

#legend .chapter h3 {
  border: none;
  font-family: Neucha, Verdana, sans-serif;
  font-size: 2.333em; /* = 28px */
  font-weight: 400;
  line-height: 1;
  margin: 0 0 .286em;
  padding: 0;
}

#legend .chapter p { font-size: 1.167em; line-height: 1.286; margin: 0; }


.animation { position: absolute; z-index: 200; }


#nav_controller { position: absolute; user-select: none; z-index: 300; }

#nav_controller a.button {
  background: linear-gradient(#e53d40, #8b2224);
  border-radius: 10px;
  display: block;
  color: #fff;
  height: 44px;
  line-height: 3.667;
  padding: 0;
  text-align: center;
  width: 44px;
}

#nav_controller.locked a.button { position: static; }

#nav_controller a.button.disabled { cursor: default; opacity: .25; position: static; }

html.lte8 #nav_controller a.button.disabled { filter: alpha(opacity=25); }

#nav_controller #move-up { background: url('ui-sprite.png') no-repeat 0 -185px, linear-gradient(#e53d40, #8b2224); }

html.no-cssgradients #nav_controller #move-up, html.mobile #nav_controller #move-up { background: url('fallback/fallback-sprite.png') no-repeat 0 -162px; }

#nav_controller #move-down { background: url('ui-sprite.png') no-repeat 0 -131px, linear-gradient(#e53d40, #8b2224); }

html.no-cssgradients #nav_controller #move-down, html.mobile #nav_controller #move-down { background: url('fallback/fallback-sprite.png') no-repeat 0 -108px; }

#nav_controller #turn-left { background: url('ui-sprite.png') no-repeat 0 -305px, linear-gradient(#e53d40, #8b2224); }

html.no-cssgradients #nav_controller #turn-left, html.mobile #nav_controller #turn-left { background: url('fallback/fallback-sprite.png') no-repeat 0 -321px; }

#nav_controller #turn-right { background: url('ui-sprite.png') no-repeat 0 -359px, linear-gradient(#e53d40, #8b2224); }

html.no-cssgradients #nav_controller #turn-right, html.mobile #nav_controller #turn-right { background: url('fallback/fallback-sprite.png') no-repeat 0 -375px; }

#nav_controller #move-left { background: url('ui-sprite.png') no-repeat 0 -23px, linear-gradient(#e53d40, #8b2224); }

html.no-cssgradients #nav_controller #move-left, html.mobile #nav_controller #move-left { background: url('fallback/fallback-sprite.png') no-repeat 0 0; }

#nav_controller #move-right { background: url('ui-sprite.png') no-repeat 0 -77px, linear-gradient(#e53d40, #8b2224); }

html.no-cssgradients #nav_controller #move-right, html.mobile #nav_controller #move-right { background: url('fallback/fallback-sprite.png') no-repeat 0 -54px; }



/* Das Gerät ---------- */

body#showcase-device #legend {}

body#showcase-device .chapter { text-align: right; width: 260px; }

body#showcase-device .chapter:after { content: ''; position: absolute; }

body#showcase-device #chapter-1 { bottom: 203px; right: 667px; z-index: 210; }

body#showcase-device #chapter-1:after { background: url('animation-sprite.png') no-repeat -760px -249px; bottom: -15px; height: 41px; right: -263px; width: 250px; }

body#showcase-device #chapter-2 { right: 629px; top: 235px; width: 298px; z-index: 210; }

body#showcase-device #chapter-2:after { background: url('animation-sprite.png') no-repeat -760px -290px; height: 76px; right: -342px; top: 16px; width: 315px; }

body#showcase-device #chapter-5 { right: 623px; top: 237px; width: 304px; }

body#showcase-device #chapter-5:after { background: url('animation-sprite.png') no-repeat -813px -366px; height: 62px; right: 66px; top: -80px; width: 26px; }

body#showcase-device .chapter h3 { font-size: 1.833em; /* = 22px */ line-height: 1.182; /* = 26px */ margin: 0; }


#device-scale { background: url('animation-sprite.png') no-repeat -728px 0; bottom: 20px; display: none; height: 435px; right: 20px; width: 12px; }

#device-scale-needle { background: url('animation-sprite.png') no-repeat -728px -439px; height: 12px; left: -14px; top: 428px; width: 8px; }

#device-laser-right { background: url('animation-sprite.png') no-repeat 0 -471px; display: none; height: 189px; left: 96px; top: 0; width: 620px; }

#device-laser-left { background: url('animation-sprite.png') no-repeat 0 -279px; display: none; height: 192px; right: 450px; top: 0; width: 471px; }

#device-head { background: url('animation-sprite.png') no-repeat; height: 278px; left: 436px; top: 42px; width: 372px; }

#device-switch { background: url('animation-sprite.png') no-repeat -372px -37px; height: 37px; left: 146px; top: 193px; width: 61px; }

#device-switch.off { background-position: -372px 0; }

#device-switch a { cursor: pointer; display: none; }

#device-switch.off a {
  display: block;
  height: 26px;
  position: relative;
  top: 2px;
  transform: rotate(13deg);
  width: 38px;
}

html.no-csstransforms #device-switch.off a { height: 28px; width: 40px; }


body#showcase-device #nav_controller { bottom: 54px; display: none; right: 226px; }

body#showcase-device #nav_controller li { margin: 68px 0 0; }

body#showcase-device #nav_controller li:first-child { margin-top: 0; }



/* Der Laser ---------- */

body#showcase-laser #legend {}

body#showcase-laser .chapter { text-align: right; width: 400px; }

body#showcase-laser .chapter:after { content: ''; position: absolute; }

body#showcase-laser #chapter-1 { right: 422px; top: 128px; }

body#showcase-laser #chapter-2 { bottom: 306px; right: 522px; }

body#showcase-laser #chapter-2:after { background: url('animation-sprite.png') no-repeat -760px 0; bottom: -276px; height: 249px; right: -78px; width: 162px; }

body#showcase-laser #chapter-3 { bottom: 317px; right: 493px; }

body#showcase-laser #chapter-3:after { background: url('animation-sprite.png') no-repeat -786px -366px; bottom: -77px; height: 61px; right: 24px; width: 27px; }

body#showcase-laser #chapter-4 { left: 133px; text-align: left; top: 255px; }

body#showcase-laser #chapter-4:after { background: url('animation-sprite.png') no-repeat -922px 0; height: 245px; left: 15px; top: -261px; width: 198px; }

body#showcase-laser #chapter-5 { left: 153px; text-align: left; top: 217px; }

body#showcase-laser .chapter h3 { font-size: 1.833em; /* = 22px */ line-height: 1.182; /* = 26px */ margin: 0; }


#laser-head {
  background: url('laser-rotation-sprite.png') no-repeat 0 0;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

html.tablet #laser-head { background-image: url('fallback/laser-rotation-sprite-breakpoints.png'); }

html.mobile #laser-head { background-image: url('fallback/laser-rotation-sprite-breakpoint-1.png'); }

#laser-head.rewind {
  background: url('laser-rotation-single.png') no-repeat 0 0 !important;
  transform: rotate(0deg);
  transform-origin: 790.5px 269.5px;
}


body#showcase-laser #nav_controller { bottom: 97px; right: 115px; }

body#showcase-laser #nav_controller:before {
  background: url('animation-sprite.png') no-repeat -760px -366px;
  content: '';
  height: 114px;
  position: absolute;
  right: -5px;
  top: 54px;
  width: 26px;
}

body#showcase-laser #nav_controller:after {
  color: #fff;
  content: '360°';
  font-size: 1.167em; /* = 14px */
  left: 60px;
  line-height: 1.286;
  margin: -.643em 0 0;
  position: absolute;
  top: 50%;
}

body#showcase-laser #nav_controller li { margin: 134px 0 0; }

body#showcase-laser #nav_controller li:first-child { margin-top: 0; }



/* Die Zieltafel ---------- */

body#showcase-board #legend {
  padding: 0 10px 0 0;
  right: 587px;
  text-align: right;
  top: 256px;
  width: 360px;
}


#board-laser { background: url('animation-sprite.png') no-repeat -471px 0; bottom: 0; height: 426px; left: 555px; width: 257px; }


body#showcase-board #nav_controller { padding: 0 10px 0 0; right: 587px; top: 193px; }

body#showcase-board #nav_controller li { float: left; margin: 0 0 0 20px; }

body#showcase-board #nav_controller li:first-child { margin-left: 0; }



/* Highlights ---------- */

#hotspots-figure { left: 53px; position: absolute; top: 42px; }


#hotspots {}

.hotspot {
  border-radius: 18px;
  color: #b73032;
  font-family: Verdana, sans-serif;
  font-size: 1.333em; /* = 16px */
  font-weight: 700;
  line-height: 1.438; /* = 23px */
  height: 29px;
  overflow: hidden;
  padding: 2px;
  position: absolute;
  width: 29px;
}

.hotspot.hover {

}

html.lte8 .hotspot.hover { overflow: visible; }

html.lte8 .hotspot.hover:after {

}

.hotspot.active { color: #215f8b; }

#swap-nav .hotspot.active a { cursor: pointer; }

#hotspot-1 { left: 310px; top: 27px; }

#hotspot-2 { left: 405px; top: 91px; }

#hotspot-3 { left: 510px; top: 123px; }

#hotspot-4 { left: 465px; top: 350px; }

#hotspot-5 { left: 310px; top: 415px; }

#hotspot-6 { left: 175px; top: 320px; }

#hotspot-7 { left: 470px; top: 225px; }

#hotspot-8 { left: 230px; top: 160px; }

#hotspot-9 { left: 110px; top: 260px; }

.hotspot .trigger {
  background: url('fallback/fallback-sprite.png') no-repeat 0 -216px; /* Fallback */
  background: none rgba(255, 255, 255, .5);
  border-radius: 50%;
  color: inherit;
  display: block;
  float: left;
  height: 23px;
  padding: 3px;
  position: relative;
  width: 23px;
  z-index: 210;
}

.hotspot .trigger span {
  background: url('ui-sprite.png') no-repeat 0 -272px #e53d40;
  border-radius: 50%;
  display: block;
  height: 100%;
}

html.lte8 .hotspot .trigger span { background: url('fallback/fallback-sprite.png') no-repeat 0 -288px; }

.hotspot.active .trigger span { background-color: #396385; background-position: 0 -239px; }

html.lte8 .hotspot.active .trigger span { background-color: transparent; background-position: 0 -255px; }

.hotspot .label {
  left: 2px;
  padding: 3px 24px 3px 37px;
  position: absolute;
  top: 2px;
  white-space: nowrap;
  z-index: 200;
}

html.lte8 .hotspot .label { padding: 3px 8px 3px 37px; }


#product-highlights {}

.highlight {}

#highlight-default h2 {
  font-family: Neucha, Verdana, sans-serif;
  font-size: 1.833em; /* = 22px */
  font-weight: 400;
  line-height: 1;
  margin: 1.545em 0 .273em;
}

.highlight img { border: 3px solid #d0d7dd; margin: .25em 0 .583em; }

#highlight-default p { font-size: 1.167em; line-height: 1.286; margin: 0 0 1.286em; }


/* Lieferumfang ---------- */

#versions { height: 100%; }

.version { height: 100%; }

#set-version { background: url('product_set-version.png') no-repeat 94px 214px; }

#basic-version { background: url('product_basic-version.png') no-repeat 165px 285px; }

.version-contents { line-height: 2.417; margin: 0 0 1.25em; }

.version-contents li { border-bottom: 1px solid #fff; }

.version-contents li:first-child { border-top: 1px solid #fff; }

.version-contents li:before { content: '-'; display: inline-block; padding: 0 3px 0 0; }


#nav_versions {
  bottom: 21px;
  left: 0;
  position: absolute;
  text-align: center;
  width: 584px;
  z-index: 200;
}

html.no-cssgradients #nav_versions { bottom: 15px; }

#nav_versions .nav {
  border-radius: .625em; /* = 10px */
  box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
  display: inline-block;
  font-size: 1.333em;
  line-height: 1.125;
}

html.no-cssgradients #nav_versions .nav { box-shadow: none; }

#nav_versions li { float: left; }

html.no-cssgradients #nav_versions li { background: url('fallback/fallback-sprite.png') no-repeat 100% -606px; padding: 2px 4px 6px 0; }

html.no-cssgradients #nav_versions li:first-child { background-position: 0 -488px; padding: 2px 0 6px 4px; }

html.no-cssgradients #nav_versions li.active { background-position: 100% -547px; }

html.no-cssgradients #nav_versions li:first-child.active { background-position: 0 -429px; }

#nav_versions a {
  background: linear-gradient(#fcfcfc, #c8c8c8);
  border-radius: 0 .5em .5em 0;
  color: #7f7f7f;
  display: block;
  padding: .719em 20px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 1);
}

#nav_versions li:first-child a { border-radius: .5em 0 0 .5em; }

#nav_versions a:hover {
  background: linear-gradient(#fcfcfc, #bdbdbd);
}

#nav_versions li.active a {
  background: linear-gradient(#8a2224, #e53d40);
  box-shadow: 0 2px 5px rgba(0, 0, 0, .5) inset;
  color: #fff;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, .25);
}

html.no-cssgradients #nav_versions a { background: none; box-shadow: none; }



/* Featured Assets ---------- */

.featured-asset { float: left; margin: 0 0 0 10px; width: 238px; }

.featured-asset:first-child { margin-left: 0; }

.featured-asset h3 { hyphens: auto; word-wrap: break-word; }

.featured-asset img { float: left; }

.featured-asset p { line-height: 1.333; margin: -.25em 0 0; padding: 0 0 0 62px; }

.featured-asset br + a { margin: .167em 0 0; }


#cycle-slider { border: 1px solid #c3c3c4; height: 411px; margin: 0 0 10px; position: relative; }

#cycle-slider .slide { display: none; }

#cycle-slider .slide:first-child { display: block; }

#nav_cycle-slider { padding: 0 0 6px; }

#nav_cycle-slider li {
  border: 1px solid #c3c3c4;
  cursor: pointer;
  float: left;
  height: 48px;
  margin: 0 0 0 10px;
  overflow: hidden;
  position: relative;
  width: 50px;
}

#nav_cycle-slider li:first-child { margin-left: 0; }

#nav_cycle-slider li.active { border: 2px solid #215f8b; height: 46px; width: 48px; }

#nav_cycle-slider img { left: 0; position: absolute; top: 0; }

#nav_cycle-slider li.active img { left: -1px; top: -1px; }


#hidden-wallpapers img { border: 1px solid #c6c6c7; float: left; }

#hidden-wallpapers .wrapper { padding: 0 0 0 496px; }

#hidden-wallpapers .wrapper .nav { line-height: 1.833; /* = 22px */ margin: -.167em 0 0; }



/* Fancybox ---------- */

#fancybox-overlay { /*background: url('fancybox-overlay-000-60cto.png');*/ }

#fancybox-outer { /*background-color: #f8f8f8;*/ /*border-radius: 5px;*/ /*box-shadow: 0 0 7px #000;*/ }

.fancybox-bg { /*display: none;*/ }

html.lte8 .fancybox-bg { /*display: block;*/ }

#fancybox-content { /*border-color: transparent;*/ }


#fancybox-close {
  background: url('../js/jquery.fancybox/bosch.fancybox.png') no-repeat 0 0; /* alternativ: . . 100% 0 */
  display: block;
  height: 22px;
  right: 10px;
  top: 10px;
  width: 22px;
  z-index: 1104;
}

#fancybox-left-ico,
#fancybox-right-ico {
  background: url('../js/jquery.fancybox/bosch.fancybox.png') no-repeat;
  height: 29px;
  margin: 6px 0 0;
}

#fancybox-left-ico { background-position: 0 100%; }

#fancybox-right-ico { background-position: 100% 100%; }

#fancybox-title { z-index: 1103; }

.fancybox-title-inside { background-color: #215f8b; padding: 10px 0; }

#fancybox-title-inside {
  color: #fff;
  font-family: Verdana, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.375; /* = 22px */
  padding: 0 32px 0 0; /* 0 32px */
  text-align: left;
}

#fancybox-title-inside.customized { min-height: 1.375em; /* = line-height */ }


/*__PAP MASTER__*/
/*__START HEADER__*/
#boheader{float:left;min-height:80px;width:982px}
#boheader .boHeadline{float:left;width:834px;padding:9px 0 10px}
#boheader .boHeadline h1{color:#404245;font-family:verdana;font-size:1.4em;font-weight:700;line-height:1.25}
#boheader .boLogo{float:left;width:128px;padding:0 0 0 20px}
#boheader .boServiceFunctions{background-color:#f1f1f1;float:left;width:750px}
.boHeaderTop{width:972px;height:18px;background-color:#f1f1f1;padding:0 0 0 10px}
.boServiceFunctions{margin:-1px 0 0;padding:0}
.boServiceFunctions a.serviceFunctions{font-size:11px;font-weight:normal;/*line-height:1.25*/line-height:1.6;color:#808285;font-family:Arial,sans-serif;margin:0 20px 0 0;padding:0}
.lngSwitch{background-color:#f1f1f1}
.backLink a {	background: url(arrow_leftNavTopLevel.gif) no-repeat 2px;	color: #000; padding-left: 10px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; font-size: 12px; margin: 0 0 0 5px;}
.backLink a:hover {color: black;}




/*__START FOOTER__*/
#boFooter{width:1002px; margin:0 auto;clear:both; background: none;}
.boTop a{background-image:url(arrowUp_pagebackground.gif);background-position:left 4px;background-repeat:no-repeat;color:#fff;font-size:12px;line-height:1.25;padding:0 0 0 11px}
.boTop a:hover{background-image:url(arrowUp_pagebackground_hover.gif);background-position:left 4px;background-repeat:no-repeat;color:#e1e1e2;font-size:12px;line-height:1.25;padding:0 0 0 11px}
.boFooterAdvise a{background-image:url(icon_advise.gif);background-position:left 2px;background-repeat:no-repeat;color:#fff;display:inline-block;font-size:.75em;line-height:1.25;padding:0 0 0 23px}
.boFooterAdvise a:hover{background-image:url(icon_advise_hover.gif);background-position:left 2px;background-repeat:no-repeat;color:#e1e1e2;display:inline-block;font-size:.75em;line-height:1.25;padding:0 0 0 23px}
.boFooterBox{color:#C3C3C4;font-family:Arial, sans-serif;font-size:10px;font-weight:700;line-height:1.3948;margin:6px 0 26px 10px}
.boFooterBox a{color:#C3C3C4}
.boFooterBox a:hover{color:#fff}
.boFooterFunctions .boFooterAdvise{float:left;margin:1px 0 0}
.boFooterFunctions .boFooterPrint{float:left;margin:0 15px 0 0}
.boFooterPrint a{background-image:url(icon_print.gif);background-position:left 0;background-repeat:no-repeat;color:#fff;display:inline-block;font-size:.75em;line-height:1.25;margin:0;padding:0 0 0 20px}
.boFooterPrint a:hover{background-image:url(icon_print_hover.gif);background-position:left 0;background-repeat:no-repeat;color:#e1e1e2;display:inline-block;font-size:.75em;line-height:1.25;padding:0 0 0 20px}
.boFooterTop{border-bottom:1px solid #C3C3C4;font-family:Arial, sans-serif;font-weight:700;padding:8px 10px 6px}
/*__END FOOTER__*/